ng-zorro-antd 是 Ant Design 的 Angular 实现,主要用于研发企业级中后台产品。全部代码开源并遵循 MIT 协议,任何企业、组织及个人均可免费使用。
ng-zorro-antd 21.0.0 正式发布,更新内容如下:
Code Refactoring
- 迁移至 native animation API,您可以按需移除依赖
@angular/animations
Features
Bug Fixes
BREAKING CHANGES
- back-top: 移除,请使用
float-button 替代
- color-picker: 简化 DOM 结构,移除
nzClick output 不必要的参数
- input-number-legacy: 移除,使用
input-number 替代
- qrcode:
nzPadding 类型从 number | number[] 调整为 number
- statistic: 重命名
NzStatisticNumberComponent 为 NzStatisticContentValueComponent
- tabs: 移除已弃用的
nz-tabset selector
- tree-view: 移除
nzTreeControl,使用 nzLevelAccessor 或 nzChildrenAccessor 替代
- watermark: 将引入路径
ng-zorro-antd/water-mark 调整为 ng-zorro-antd/watermark
移除以下在过去的版本中标记为废弃的 API:
| Module |
API |
ng-zorro-antd/back-top |
* |
ng-zorro-antd/input-number-legacy |
* |
ng-zorro-antd/dropdown |
NzDropdownButtonDirective |
ng-zorro-antd/core |
NzHighlightModule |
ng-zorro-antd/auto-complete |
NZ_AUTOCOMPLETE_VALUE_ACCESSOR |
ng-zorro-antd/checkbox |
nz-checkbox-wrapper |
ng-zorro-antd/date-picker |
NzDatePickerComponent#nzBorderless |
ng-zorro-antd/input |
NzInputDirective#nzBorderless |
ng-zorro-antd/input-number |
NzInputNumberComponent#nzBordered |
ng-zorro-antd/mention |
NZ_MENTION_TRIGGER_ACCESSOR |
ng-zorro-antd/select |
NzSelectComponent#nzBorderless |
ng-zorro-antd/time-picker |
NzTimePickerComponent#nzBorderless |
ng-zorro-antd/tooltip |
NzToolTipModule NzToolTipComponent |
统一组件命名规范,变化如下:
| Module |
Original |
Current |
core |
NzConfig#backTop |
NzConfig#floatButton |
core |
NzConfig#dropDown |
NzConfig#dropdown |
dropdown |
NzDropDownModule |
NzDropdownModule |
dropdown |
NzDropDownADirective |
NzDropdownADirective |
menu |
NzIsMenuInsideDropDownToken |
NzIsMenuInsideDropdownToken |
watermark |
NzWaterMarkModule |
NzWatermarkModule |
watermark |
NzWaterMarkComponent |
NzWatermarkComponent |
Deprecations
在 v21 中,以下 API 被标记为 deprecated,并将在下一个主要版本中移除。 参考相关文档以获取更好的替代方案。
| Module |
API |
ng-zorro-antd/collapse |
nz-collapse-panel[nzDisabled] |
ng-zorro-antd/input |
textarea[nzAutosize], nz-input-group, [nz-input-group-slot] |
ng-zorro-antd/upload |
nz-upload[nzTransformFile], NzUploadTransformFileType |
更新说明:https://github.com/NG-ZORRO/ng-zorro-antd/releases/tag/21.0.0