酷播亮新聞
最棒的知識補給站

NG-ZORRO 0.7.0 釋出,底層大量重構與改動更新

文章摘要: 大幅度簡化使用方式 支援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

詳情請檢視 釋出主頁 。

下載地址:

如有侵權請來信告知:酷播亮新聞 » NG-ZORRO 0.7.0 釋出,底層大量重構與改動更新