Releases: NG-ZORRO/ng-zorro-antd
20.2.1
20.2.0
20.2.0
2025-08-29
Features
- cascader: add
nzOpen
to 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:
nzIcon
support string type (#9302) (ce611e5) - segmented: support
nzVertical
(#9359) (52322cd) - select,tree-select,cascader: support prefix and suffix icon (#9328) (527ffb6)
- tag: export
NzTagColor
type (#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
nzDanger
support 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
setAttribute
to setstyle
(#9292) (12d58bd) - input-number: ngModel value can be
undefined
(#9269) (4c5666a) - tooltip: rename
ToolTip
toTooltip
(#9285) (2ebef97) - schematics: support
NzTooltipModule
migration (#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
nzPopoverTitleContext
andnzPopoverContentContext
(#9126) (df3ead9) - select: add
nzOnClear
callback (#9188) (e047ac2) - avatar: add
loading
andfetchpriority
attributes (#7347) (ff8419f) - popconfirm: add
nzOkButtonProps
andnzCancelButtonProps
(#9245) (22e2a9f) - tree-select: render title of selected node in innerHTML (#9259) (8066f7b)
Bug Fixes
- flex: fix
NzAlign
type (#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
cancelRequestAnimationFrame
tocancelAnimationFrame
- rename
reqAnimFrame
torequestAnimationFrame
- rename
- tabs: rename
NzTabsetComponent
toNzTabsComponent
,nz-tabset
selector tonz-tabs
, the original component and selector are marked as deprecated - table: no longer compatible with material components
- popconfirm:
nzOkDisabled
andnzOkDanger
are marked as deprecated, usenzOkButtonProps
andnzCancelButtonProps
instead
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 |
NzNotificationModule NzNotificationServiceModule |
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 |
NzNotificationModule NzNotificationServiceModule |
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)
Bug Fixes
20.0.0-beta.0
20.0.0-beta.0
2025-06-27
Features
- cascader,date-picker,input-number,input,select,time-picker,tree-select: support
nzVariant
(#9131) (b342bb4) - popover: add
nzPopoverTitleContext
andnzPopoverContentContext
(#9126) (df3ead9) - select: add
nzOnClear
callback (#9188) (e047ac2) - avatar: add
loading
andfetchpriority
attributes (#7347) (ff8419f) - popconfirm: add
nzOkButtonProps
andnzCancelButtonProps
(#9245) (22e2a9f)
Bug Fixes
- flex: fix
NzAlign
type (#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)
Code Refactoring
⚠ BREAKING CHANGES
- core: refactoring in
ng-zorro-antd/core/polyfill
:- rename
cancelRequestAnimationFrame
tocancelAnimationFrame
- rename
reqAnimFrame
torequestAnimationFrame
- rename
- tabs: rename
NzTabsetComponent
toNzTabsComponent
,nz-tabset
selector tonz-tabs
, the original component and selector are marked as deprecated - table: no longer compatible with material components
- popconfirm:
nzOkDisabled
andnzOkDanger
are marked as deprecated, usenzOkButtonProps
andnzCancelButtonProps
instead
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 |
NzNotificationModule NzNotificationServiceModule |
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/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 |
20.0.0-beta.0
2025-06-27
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)
Bug Fixes
20.0.0-next.1
20.0.0-next.1
2025-06-20
Features
Bug Fixes
Code Refactoring
- migrate to
inject
pattern
BREAKING CHANGES
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 |
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/mention |
NZ_MENTION_TRIGGER_ACCESSOR |
20.0.0-next.1
2025-06-20
Features
Bug Fixes
Code Refactoring
- 从基于
constructor
的依赖注入模式迁移到inject
BREAKING CHANGES
组件的 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 |
Deprecations
在 v20 中,以下 API 被标记为 deprecated,并将在下一个主要版本中移除。 请参考相关文档以获取更好的替代方案。
Module | API |
---|---|
ng-zorro-antd/autocomplete |
NZ_AUTOCOMPLETE_VALUE_ACCESSOR getNzAutocompleteMissingPanelError |
ng-zorro-antd/mention |
NZ_MENTION_TRIGGER_ACCESSOR |
20.0.0-next.0
20.0.0-next.0
2025-06-13
Features
- cascader,date-picker,input-number,input,select,time-picker,tree-select: support
nzVariant
(#9131) (b342bb4) - popover: add
nzPopoverTitleContext
andnzPopoverContentContext
(#9126) (df3ead9)
Bug Fixes
- flex: fix
NzAlign
type (#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)
BREAKING CHANGES
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 |
NzNotificationModule NzNotificationServiceModule |
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/dropdown |
NzDropdownButtonDirective |
ng-zorro-antd/date-picker |
NzDatePickerComponent#nzBorderless |
ng-zorro-antd/input |
NzInputNumberDirective#nzBorderless |
ng-zorro-antd/input-number |
NzInputNumberComponent#nzBordered |
ng-zorro-antd/select |
NzSelectComponent#nzBorderless |
ng-zorro-antd/time-picker |
NzTimePickerComponent#nzBorderless |
20.0.0-next.0
2025-06-13
Features
- cascader,date-picker,input-number,input,select,time-picker,tree-select: 新增
nzVariant
属性设置变体 (#9131) (b342bb4) - popover: 新增
nzPopoverTitleContext
和nzPopoverContentContext
属性 (#9126) (df3ead9)
Bug Fixes
- flex: 修复
NzAlign
类型 (#9151) (b271c19) - segmented: 接受 ng control 的禁用状态 (#9166) (134cd59)
- space: 紧凑模式下只有一个子元素时的 border-radius 不正确 (#9165) (d2f4541)
- tabs: 修复 tab focus 时不正确的滚动行为 (#9186) (4f658e0)
BREAKING CHANGES
移除以下在过去的版本中标记为废弃的 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 |
Deprecations
在 v20 中,以下 API 被标记为 deprecated,并将在下一个主要版本中移除。 请参考相关文档以获取更好的替代方案。
Module | API |
---|---|
ng-zorro-antd/dropdown |
NzDropdownButtonDirective |
ng-zorro-antd/date-picker |
NzDatePickerComponent#nzBorderless |
ng-zorro-antd/input |
NzInputNumberDirective#nzBorderless |
ng-zorro-antd/input-number |
NzInputNumberComponent#nzBordered |
ng-zorro-antd/select |
NzSelectComponent#nzBorderless |
ng-zorro-antd/time-picker |
NzTimePickerComponent#nzBorderless |