Releases: NG-ZORRO/ng-zorro-antd
Releases · NG-ZORRO/ng-zorro-antd
Release list
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
Bug Fixes
20.1.2
20.1.2
2025-08-08
Bug Fixes
- input-number: make sure the displayed value is correct (#9312) (7a2d3b6)
- select,tree-select,cascader: selected item with long label displayed in ellipsis (#9316) (30672d7)
- table: add cdkScrollable to internal scrolling element (#9308) (8cb4113)
20.1.2
2025-08-08
Bug Fixes
20.1.1
20.1.0
20.1.0
2025-07-21
Features
- add llms.txt and llms-full.txt (#9281) (165b963)
- float-button: support
nzPlacement(#9267) (9dc19f3) - input-number: accepted numbers with commas (#9256) (7567bd8)
- input: input-otp supports keyboard control positioning (#9268) (da97b02)
- popconfirm: add
nzDangersupport to cancel button (#9270) (f94cb31) - space: support array for size (#9289) (8809885)
- schematics: align with the updated style guide (#9295) (b5f607b)
Bug Fixes
- core: avoid using
setAttributeto setstyle(#9292) (12d58bd) - input-number: ngModel value can be
undefined(#9269) (4c5666a) - tooltip: rename
ToolTiptoTooltip(#9285) (2ebef97) - schematics: support
NzTooltipModulemigration (#9294) (add21f7)
20.1.0
2025-07-21
Features
- 新增 llms.txt 和 llms-full.txt (#9281) (165b963)
- float-button: 新增
nzPlacement属性自定义弹出位置 (#9267) (9dc19f3) - input-number: 支持输入的数字带
,(#9256) (7567bd8) - input: 一次性密码框支持通过键盘控制光标位置 (#9268) (da97b02)
- popconfirm: 取消按钮支持设置
nzDanger属性 (#9270) (f94cb31) - space: 支持通过数组形式设置
nzSize(#9289) (8809885) - schematics: 对齐 Angular 20 更新的风格指南 (#9295) (b5f607b)
Bug Fixes
20.0.0
20.0.0
2025-07-01
Features
- cascader,date-picker,input-number,input,select,time-picker,tree-select: support
nzVariant(#9131) (b342bb4) - popover: add
nzPopoverTitleContextandnzPopoverContentContext(#9126) (df3ead9) - select: add
nzOnClearcallback (#9188) (e047ac2) - avatar: add
loadingandfetchpriorityattributes (#7347) (ff8419f) - popconfirm: add
nzOkButtonPropsandnzCancelButtonProps(#9245) (22e2a9f) - tree-select: render title of selected node in innerHTML (#9259) (8066f7b)
Bug Fixes
- flex: fix
NzAligntype (#9151) (b271c19) - segmented: accepts disabled state from ng control (#9166) (134cd59)
- space: border radius compact mode one item (#9165) (d2f4541)
- tabs: prevent incorrect scroll offset on tab focus (#9186) (4f658e0)
- schematics: ng add failed when call twice (#9171) (d0a9748)
- water-mark: make server-side compatible (#9250) (a70a682)
- icon: debounce icon rendering on animation frame (#8579) (c0709d1)
Code Refactoring
⚠ BREAKING CHANGES
- core: refactoring in
ng-zorro-antd/core/polyfill:- rename
cancelRequestAnimationFrametocancelAnimationFrame - rename
reqAnimFrametorequestAnimationFrame
- rename
- tabs: rename
NzTabsetComponenttoNzTabsComponent,nz-tabsetselector tonz-tabs, the original component and selector are marked as deprecated - table: no longer compatible with material components
- popconfirm:
nzOkDisabledandnzOkDangerare marked as deprecated, usenzOkButtonPropsandnzCancelButtonPropsinstead
Remove the following APIs which were marked as deprecated in the previous version:
| 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 |
NzNotificationModuleNzNotificationServiceModule |
The exportAs of components are updated to follow camelCase and start with nz, exportAs of internal components are removed. Changes can be seen as follow:
| 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
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/autocomplete |
NZ_AUTOCOMPLETE_VALUE_ACCESSOR getNzAutocompleteMissingPanelError |
ng-zorro-antd/button |
NzButtonGroupComponent |
ng-zorro-antd/core/form |
NzFormPatchModule |
ng-zorro-antd/core/highlight |
NzHighlightModule |
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 |
NzNotificationModuleNzNotificationServiceModule |
ng-zorro-antd/tabs |
NzTabsetComponent |
20.0.0
2025-07-01
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)