ng-zorro-antd 是 Ant Design 的 Angular 实现,主要用于研发企业级中后台产品。全部代码开源并遵循 MIT 协议,任何企业、组织及个人均可免费使用。
ng-zorro-antd 20.0.0 正式发布,更新内容如下:
Features
- cascader,date-picker,input-number,input,select,time-picker,tree-select: 新增
nzVariant 属性设置变体 (#9131) (b342bb4)
- popover: 新增
nzPopoverTitleContext 和 nzPopoverContentContext 属性 (#9126) (df3ead9)
- select: 新增
nzOnClear 事件回调 (#9188) (e047ac2)
- avatar: 支持设置原生
<img> 的 loading 和 fetchpriority 属性 (#7347) (ff8419f)
- popconfirm: 新增
nzOkButtonProps 和 nzCancelButtonProps (#9245) (22e2a9f)
- tree-select: 支持以 innerHTML 渲染已选项的 title (#9259) (8066f7b)
Bug Fixes
Code Refactoring
- core: 移除对 animation frame 的 polyfill (#9243) (272237a)
- 从基于
constructor 的依赖注入模式迁移到 inject
BREAKING CHANGES
- core: 移除对 animation frame 的 polyfill
- 重命名
cancelRequestAnimationFrame 为 cancelAnimationFrame
- 重命名
reqAnimFrame 为 requestAnimationFrame
- tabs: 废弃
NzTabsetComponent 并重命名为 NzTabsComponent,废弃 nz-tabset 选择器并重命名为 nz-tabs
- table: 移除对 material 组件的兼容
- popconfirm: 废弃
nzOkDisabled 和 nzOkDanger,请使用 nzOkButtonProps 代替
移除以下在过去的版本中标记为废弃的 API:
| Module |
API |
ng-zorro-antd/button |
NzButtonGroupComponent |
ng-zorro-antd/core/form |
NzFormPatchModule |
ng-zorro-antd/checkbox |
NzCheckBoxOptionInterface |
ng-zorro-antd/input |
NzInputGroupComponent#nzCompact |
ng-zorro-antd/message |
NzMessageModule |
ng-zorro-antd/notification |
NzNotificationModule
NzNotificationServiceModule |
组件的 exportAs 属性命名统一采用小驼峰 camelCase 且以 nz 开头,并移除一些内部组件的 exportAs 属性。变化如下:
| Component |
Original |
Current |
calendar-footer |
calendarFooter |
- |
date-helper |
dateHelper |
- |
date-range-popup |
dateRangePopup |
- |
date-table |
dateTable |
- |
decade-helper |
decadeHelper |
- |
decade-table |
decadeTable |
- |
month-helper |
monthHelper |
- |
month-table |
monthTable |
- |
quarter-helper |
quarterHelper |
- |
quarter-table |
quarterTable |
- |
year-helper |
yearHelper |
- |
year-table |
yearTable |
- |
inner-popup |
innerPopup |
- |
nz-color-block |
NzColorBlock |
nzColorBlock |
nz-color-format |
NzColorFormat |
nzColorFormat |
nz-color-picker |
NzColorPicker |
nzColorPicker |
nz-model-close |
NzModalCloseBuiltin |
nzModalCloseBuiltin |
nz-model-footer |
NzModalFooterBuiltin |
nzModalFooterBuiltin |
nz-model-title |
NzModalTitleBuiltin |
nzModalTitleBuiltin |
nz-tree-drop-indicator |
NzTreeDropIndicator |
nzTreeDropIndicator |
nz-water-mark |
NzWaterMark |
nzWaterMark |
nz-tabs |
nzTabset |
nzTabs |
Deprecations
在 v20 中,以下 API 被标记为 deprecated,并将在下一个主要版本中移除。 请参考相关文档以获取更好的替代方案。
| Module |
API |
ng-zorro-antd/autocomplete |
NZ_AUTOCOMPLETE_VALUE_ACCESSOR
getNzAutocompleteMissingPanelError |
ng-zorro-antd/button |
NzButtonGroupComponent |
ng-zorro-antd/core/highlight |
NzHighlightModule |
ng-zorro-antd/core/form |
NzFormPatchModule |
ng-zorro-antd/checkbox |
NzCheckBoxOptionInterface |
ng-zorro-antd/input |
NzInputGroupComponent#nzCompact |
ng-zorro-antd/mention |
NZ_MENTION_TRIGGER_ACCESSOR |
ng-zorro-antd/message |
NzMessageModule |
ng-zorro-antd/notification |
NzNotificationModule
NzNotificationServiceModule |
ng-zorro-antd/tabs |
NzTabsetComponent |
更新说明:https://github.com/NG-ZORRO/ng-zorro-antd/releases/tag/20.0.0