Releases: NG-ZORRO/ng-zorro-antd
Releases · NG-ZORRO/ng-zorro-antd
21.0.0-next.0
21.0.0-next.0
2025-11-28
Upgrade with shell
ng update ng-zorro-antd@nextFeatures
- core: add
provideNzNoAnimation(#9555) (c945e81) - float-button: add pop animation to float button menu (#9413) (b40ad91)
- tree-view: upgrade tree view component (#9003) (ae9ad57)
- upload: add
nzMaxCountfeature (#9424) (0bf13c3) - schematics: update upgrade data for v21 (#9564) (a44227d)
Bug Fixes
⚠ BREAKING CHANGES
- tree-view:
nzTreeControlhas been removed, please usenzLevelAccessorornzChildrenAccessorinstead - statistic: rename
NzStatisticNumberComponenttoNzStatisticContentValueComponent - color-picker: change DOM structure to be simpler, and remove no unnecessary payload of
nzClickoutput - watermark: change import path from
ng-zorro-antd/water-marktong-zorro-antd/watermark - back-top: removed, please use
float-buttoninstead - input-number-legacy: removed, please use
input-numberinstead
Remove the following APIs which were marked as deprecated in the previous version:
| Module | API |
|---|---|
ng-zorro-antd/back-top |
* |
ng-zorro-antd/dropdown |
NzDropdownButtonDirective |
ng-zorro-antd/input-number-legacy |
* |
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 |
Unify and standardize component naming, involving the following name changes:
| 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
The following APIs are marked as deprecated in v20 and will be removed in the next major version.
Please refer to related documentation for better alternatives.
| Module | API |
|---|---|
ng-zorro-antd/input |
textarea[nzAutosize] |
21.0.0-next.0
2025-11-28
通过 @angular/cli 升级
ng update ng-zorro-antd@nextFeatures
- core: 新增
provideNzNoAnimationprovider 用于禁用动画效果 (#9555) (c945e81) - float-button: 悬浮按钮组合新增动画效果 (#9413) (b40ad91)
- tree-view: 升级 tree-view 组件,支持
nzLevelAccessor和nzChildrenAccessor(#9003) (ae9ad57) - upload: 新增
nzMaxCount属性 (#9424) (0bf13c3) - schematics: 支持 v21 迁移 (#9564) (a44227d)
Bug Fixes
⚠ BREAKING CHANGES
- tree-view: 移除
nzTreeControl,请使用nzLevelAccessor或nzChildrenAccessor替代 - statistic: 重命名
NzStatisticNumberComponent为NzStatisticContentValueComponent - color-picker: 简化 DOM 结构,移除
nzClickoutput 不必要的参数 - watermark: 将引入路径
ng-zorro-antd/water-mark调整为ng-zorro-antd/watermark - back-top: 移除,请使用
float-button替代 - input-number-legacy: 移除,请使用
input-number替代
移除以下在过去的版本中标记为废弃的 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/input |
textarea[nzAutosize] |
20.4.3
20.4.2
20.4.1
20.4.1
2025-11-14
Bug Fixes
- badge: hex
nzColorshould work (#9517) (47d44ba) - cascader: fix zoneless
NG0100issue (#9504) (24b4e83) - color-picker: fix
NG01350error (#9525) (fbcb8c3) - dropdown: update arrow placement once the position of connected overlay changes (#9519) (7ff7e09)
- input: render icon when enterButton is an empty string (#9498) (6a40b0d)
- result: nz-result-icon in ng-content does not work (#9511) (0e095a1)
- segmented: should not block the
selected$if no animation (#9512) (af8b531) - select: correct font size in small size (#9516) (6f79005)
20.4.1
2025-11-14
Bug Fixes
- badge: 修复十六进制
nzColor不生效问题 (#9517) (47d44ba) - cascader: 修复 zoneless
NG0100问题 (#9504) (24b4e83) - color-picker: 修复
NG01350问题 (#9525) (fbcb8c3) - dropdown: 修复部分情形箭头位置不正确 (#9519) (7ff7e09)
- input: 修复 nz-input-search
enterButton为空字符串时搜索图标不渲染 (#9498) (6a40b0d) - result: 修复 ng-content 中的 nz-result-icon 不生效的问题 (#9511) (0e095a1)
- segmented: 修复禁用动画效果时选中不生效的问题 (#9512) (af8b531)
- select: 校正 small 尺寸下的字体大小 (#9516) (6f79005)
20.4.0
20.4.0
2025-10-31
Features
- cascader: control the visibility of popup panel by
nzOpen(#9448) (4d5ec65) - cascader: toggle checkbox of option by
ENTERkey in multiple mode (#9457) (e02f1f4) - float-button: support
nzBadge(#9489) (12beec7) - form: support
nzRequiredMark(#9447) (800b6cf) - input-number: add affix and addon inputs (#9451) (dbebd02)
- input: add
nzAllowClearinput andnzClearcallback (#9452) (830b4b3) - input: introduce new component
nz-input-wrapper(#9408) (a8e56ec), closes #9403 - input: add affix and addon inputs to
nz-input-wrapper(#9450) (763f69e) - input: introduce
nz-input-searchdirective (#9483) (af6f590) - input: introduce
nz-input-passworddirective (#9460) (f80832a) - message: add support for custom styles and classes (#9427) (2f866b3)
- pagination: support
nzAlign(#9433) (88d0864) - segmented: add default name if
nzNameis not provided (#9466) (33f8142)
Bug Fixes
- badge: should
nzStylework even ifnzColoris not provided (#9486) (4424eb0) - cascader: display activated column correctly when reopen the popup panel (#9456) (7802a39)
20.4.0
2025-10-31
Features
- cascader: 支持通过设置
nzOpen使弹出面板完全受控 (#9448) (4d5ec65) - cascader: 多选模式下支持通过
ENTER按钮改变选项 checkbox 值 (#9457) (e02f1f4) - float-button: 新增
nzBadge属性设置徽标 (#9489) (12beec7) - form: 新增
nzRequiredMark属性自定义必选与可选样式 (#9447) (800b6cf) - input-number: 新增前置和后置元素的 inputs 属性 (#9451) (dbebd02)
- input: 新增
nzAllowClear属性以及nzClear回调 (#9452) (830b4b3) - input: 新增组件
nz-input-wrapper(#9408) (a8e56ec), closes #9403 - input: 为
nz-input-wrapper新增前置和后置元素的 inputs 属性 (#9450) (763f69e) - input: 新增
nz-input-search指令 (#9483) (af6f590) - input: 新增
nz-input-password指令 (#9460) (f80832a) - message: 支持自定义样式 (#9427) (2f866b3)
- pagination: 新增
nzAlign属性 (#9433) (88d0864) - segmented:
nzName未设置时支持默认 name (#9466) (33f8142)
Bug Fixes
20.3.1
20.3.0
20.3.0
2025-09-16
Features
- carousel: support
nzArrows(#9355) (1b9714b) - check-list: add badge and default checked (#9343) (235b493)
- i18n: enhance
provideNzI18nto support factory function (#9393) (1371265) - mention: support
nzClear(#9377) (cbecebf) - mention: support
nzVariant(#9379) (d92568b) - segmented: support
nzShape(#9368) (ffce6c3) - segmented: support
nzNameand keyboard interactions (#9373) (ebd8bdc) - upload: support promise return type for
nzBeforeUpload(#9402) (cece107)
Bug Fixes
- badge: after setting
nzColor, display incorrect (#9376) (e9abf92) - input: variant underline style on hover (#9400) (74c2173)
- segmented: fix
NG0950error (#9386) (e82fc01) - select: refactor multiple select styles (#9409) (38f9065)
- schematics: add
lessas devDependencies if choosing custom theme in non-less project (#9412) (a18cffd)
20.3.0
2025-09-16
Features
- carousel: 新增
nzArrows属性 (#9355) (1b9714b) - check-list: 清单项支持定义默认是否完成 (#9343) (235b493)
- i18n:
provideNzI18n支持 factory function 作为参数 (#9393) (1371265) - mention: 新增
nzClear属性 (#9377) (cbecebf) - mention: 新增
nzVariant属性 (#9379) (d92568b) - segmented: 新增
nzShape属性 (#9368) (ffce6c3) - segmented: 新增
nzName属性并支持键盘交互 (#9373) (ebd8bdc) - upload:
nzBeforeUpload支持 promise 返回类型 (#9402) (cece107)
Bug Fixes
20.2.1
20.2.0
20.2.0
2025-08-29
Features
- cascader: add
nzOpento control visibility (#9339) (354c7cf) - collapse: support
nzCollapsible(#9349) (1ddbcaf) - collapse: support
nzSize(#9348) (b5c256d) - divider: support
nzSize(#9346) (1f54536) - dropdown: display arrow for content dropdown (#9329) (3686b73)
- float-button:
nzIconsupport string type (#9302) (ce611e5) - segmented: support
nzVertical(#9359) (52322cd) - select,tree-select,cascader: support prefix and suffix icon (#9328) (527ffb6)
- tag: export
NzTagColortype (#9314) (1efd29e)
Bug Fixes
- carousel: wrong dot position when placement is left or right (#9358) (f117ccb)
- range-picker: clear outline on mouse leaving (#9352) (573d092)
- segmented: should render single element in item if icon-only (#9363) (89d2168)
20.2.0
2025-08-29
Features
- cascader: 新增
nzOpen属性控制可见性 (#9339) (354c7cf) - collapse: 新增
nzCollapsible设置可折叠触发区域 (#9349) (1ddbcaf) - collapse: 新增
nzSize设置折叠面板大小 (#9348) (b5c256d) - divider: 新增
nzSize设置分割线大小 (#9346) (1f54536) - dropdown: 新增
nzArrow属性控制是否展示箭头 (#9329) (3686b73) - float-button:
nzIcon支持字符串类型 (#9302) (ce611e5) - segmented: 新增
nzVertical属性支持展示垂直方向 (#9359) (52322cd) - select,tree-select,cascader: 支持设置前缀和后缀图标 (#9328) (527ffb6)
- tag: 导出
NzTagColor类型 (#9314) (1efd29e)
Bug Fixes
20.1.3
20.1.3
2025-08-22
Bug Fixes
- i18n: add missing translations to
cs_CZ(#9334) (93e486e) - i18n: add missing translations to
sk_SK(#9335) (ddefc7f) - cascader: invalid value and label when binding dynamically (#9338) (324ab5b)
- popconfirm: correctly render icon & title (#9322) (2c83788)
- select: shaking when closing dropdown if use a TemplateRef as
nzNotFoundContent(#9336) (366f8eb)
20.1.3
2025-08-22