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

2020-12-25 開源中國

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 版本一樣自定義主題

主要變化

升級內容

全局部分

Button

Icon

  • 新增部分iconfont

  • 本地字體部署需要在定製主題中實現

Grid

  • 柵格斷點增加xxl

  • 柵格間隔支持根據不同屏幕寬度變化

Layout

  • 支持 翻轉摺疊提示箭頭的方向

  • 支持 自定義Trigger為模板變量

Affix

Breadcrumb

Dropdown

Menu

  • 支持菜單是否可選中功能

  • 增加子菜單選中事件

  • 支持二級菜單禁用

  • 增加自動邊界檢測

Pagination

  • 支持自定義渲染頁碼結構

  • 支持只有一頁時是否隱藏分頁器

Steps

Checkbox

  • label 內部不再需要寫入 span 標籤

  • 新增靈活布局的使用方式

Form

Input

InputNumber

  • 重寫了內部邏輯,與React版本邏輯保持一致

  • 支持更多快捷鍵操作

Radio

  • 內部不再需要寫入 span 標籤

  • 支持nzName及更多快捷鍵操作

Rate

— 支持自定義字符

Select

Switch

Card

Carousel

Collapse

  • selector名稱改變

  • 面板頭部內容支持模板和字符串變量

  • 增加是否展示箭頭的方法

  • 增加展開回調函數

Table

  • 重寫內部邏輯,大幅度簡化使用方式

  • 支持React版本的全部功能

Tabs

  • nzTitle 的傳入方式改變,支持傳入模板和字符串

  • nzTabBarExtraContent 的傳入方式改變

  • 增加 nzTabBarGutter、nzOnNextClick、nzOnPrevClick、nzHideAll等多種方法

Tags

Timeline

  • 幽靈節點的定義支持 模板 字符串和布爾類型

  • 支持自定義自定義時間軸點

Alert

Modal

  • 重構,同一套代碼,以模版方式支持普通模態框和確認框

  • 支持AntDesign的所有參數用法(部分參數有調整)

  • 額外支持設置確認/取消按鈕的loading狀態

  • 增強footer的自定義:支持配置方式設置按鈕組

  • 更加便捷的方式進行內外組件與對話框的相互通信和調用

Progress

Spin

Anchor

Divider

List

TimePicker

Mention

詳情請查看發布主頁。

下載地址:

相關焦點