文章摘要: 大幅度簡化使用方式 支援React版本的全部功能 Tabs nzTitle 的傳入方式改變並且支援像 react 版本一樣自定義主題 主要變化 同步Ant Design 3.0 的設計 支援定製主題 支援英文文件 支援34種語言型別 已有元件的功能與Ant Design React同步 大量元件的性
NG-ZORRO ng-zorro-antd 0.7.0 已釋出,NG-ZORRO 是 Ant Design 的 Angular 實現,用於開發和服務於企業級後臺產品。
0.7.0 是 1.0 正式版 之前的最後一系列版本,涉及到了底層的大量重構與改動,API 將與 1.0 正式版本的內容保持一致。
改進範圍
-
更少的程式碼:簡化了很多元件的使用方式,例如
form
表單同樣功能下程式碼量會縮減1/3 -
更強的功能:完善了很多元件的功能,無論是
input
還是date-picker
等大量元件都有了更強大的功能可用 -
更好的質量:增加了元件的單元測試,爲了保證元件的質量我們目前為止增加了 1070 個測試用例,單測覆蓋率達到了
95%
以上 -
更新的規範:升級到 Ant Design 3.0 規範,並且支援像
react
版本一樣自定義主題
主要變化
-
同步Ant Design 3.0 的設計
-
支援定製主題
-
支援英文文件
-
支援34種語言型別
-
已有元件的功能與Ant Design React同步
-
大量元件的效能優化與重構
-
單元測試率提高到95以上%
-
新的 Tree 元件
-
新的 DatePicker 元件
-
新的 TimePicker 元件
-
新的 Mention 元件
-
新的 AutoComplete 元件
-
新的 Divider 元件
-
新的 List 元件
升級內容
全域性部分
-
需要手動引入樣式檔案,支援自定義主題
-
不再依賴 moment,新增加 date-fns 依賴
-
forRoot
方法不再接受字型配置,本地字型部署需要在定製主題中實現
Button
Icon
Grid
Layout
Affix
Breadcrumb
Dropdown
-
增加邊界檢測
-
增加右鍵選單支援
Menu
Pagination
Steps
-
支援傳入模板可以自定義點狀步驟條渲染內容
-
自定義圖示 支援傳入 樣式名稱和模板兩種方式,原有方式廢棄
-
自定義標題 支援傳入模板和字串
Checkbox
Form
Input
InputNumber
Radio
Rate
— 支援自定義字元
Select
-
支援 option 分組功能
-
支援 compareWith 方法
-
支援 nzDropdownClassName、nzDropdownMatchSelectWidth、nzDropdownStyle等對樣式定義的方法
-
option 自定義內容方式改變
-
增加 nzFilterOption、nzServerSearch 等搜尋定義API
Switch
Card
Carousel
Collapse
Table
Tabs
-
nzTitle 的傳入方式改變,支援傳入模板和字串
-
nzTabBarExtraContent 的傳入方式改變
-
增加 nzTabBarGutter、nzOnNextClick、nzOnPrevClick、nzHideAll等多種方法
Tags
Timeline
Alert
Modal
-
重構,同一套程式碼,以模版方式支援普通模態框和確認框
-
支援AntDesign的所有引數用法(部分引數有調整)
-
額外支援設定確認/取消按鈕的loading狀態
-
增強footer的自定義:支援配置方式設定按鈕組
-
更加便捷的方式進行內外元件與對話方塊的相互通訊和呼叫
Progress
Spin
Anchor
Divider
List
TimePicker
Mention
詳情請檢視 釋出主頁 。
下載地址: