Releases: NG-ZORRO/ng-zorro-antd
Release list
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
nzPopoverTitleContextandnzPopoverContentContext(#9126) (df3ead9) - select: add
nzOnClearcallback (#9188) (e047ac2) - avatar: add
loadingandfetchpriorityattributes (#7347) (ff8419f) - popconfirm: add
nzOkButtonPropsandnzCancelButtonProps(#9245) (22e2a9f)
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)
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/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-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
injectpattern
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
nzPopoverTitleContextandnzPopoverContentContext(#9126) (df3ead9)
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)
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 |
NzNotificationModuleNzNotificationServiceModule |
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 |
NzNotificationModuleNzNotificationServiceModule |
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 |
19.3.1
19.3.0
19.3.0
2025-05-23
Features
- avatar: support custom icon by ng-content (#9090) (89d0767)
- input-number: add
nzBlurandnzFocusoutput (#9098) (1b1a013) - tabs: support for start and end extra content (#9097) (2500821)
- transfer: support multiple row selection with
Shiftkey (#9092) (b78b99f)
Bug Fixes
- i18n: add missing translations to
es_ES(#9127) (0aadfdf) - segmented: fix emitting unnecessary value changed events (#9125) (fb0635b)
- tabs:
nzLinkRouternot work for the first time (#9118) (0f7f94d)
Performance Improvements
19.3.0
2025-05-23
Features
- avatar: 支持通过 ng-content 自定义图标 (#9090) (89d0767)
- input-number: 新增 Output 属性
nzBlur和nzFocus(#9098) (1b1a013) - tabs: 附加内容支持 start 和 end 两种位置 (#9097) (2500821)
- transfer: 支持键入
Shift后多选 (#9092) (b78b99f)
Bug Fixes
- i18n: 更新
es_ES国际化文案 (#9127) (0aadfdf) - segmented: 修复初始化时发射不必要的值更新事件 (#9125) (fb0635b)
- tabs: 修复首次加载页面时
nzLinkRouter不生效的问题 (#9118) (0f7f94d)
Performance Improvements
19.2.2
19.2.1
19.2.0
19.2.0
2025-03-28
Features
- splitter: add splitter component (#8987) (9b3f62e)
- page-header: disable back button if no history (#9041) (bb48232)
Documentation
- tabs: add draggable tabs showcase via CDK
DragDropModule
Bug Fixes
- input-number: consider input value ends with 0 as incomplete (#9051) (2a0c2e0)
- segmented: fix error with the FormControl first change (#9039) (33fe53d)
- select: disable
nzMaxMultipleCountin default mode (#9068) (dcf8a5d) - select: ngModel change should update state of
nzMaxMultipleCountreached (#9056) (d7031da) - space: nzSpaceItem margin in rtl (#7801) (2d9ff5f)
- tabs: update active router tab after tabs changed (#7649) (1f07121)
- tree-select: enable overflow-x for virtual scroll (#9045) (e70cae3)
19.2.0
2025-03-28
Features
Documentation
- tabs: 新增使用 CDK
DragDropModule实现可拖拽页签的示例
Bug Fixes
- input-number: 输入数字以 0 结尾时视作输入进行中 (#9051) (2a0c2e0)
- segmented: 修复 FormControl 第一次更新时不生效 (#9039) (33fe53d)
- select: 默认模式下禁用
nzMaxMultipleCount属性 (#9068) (dcf8a5d) - select: 多选模式下 ngModel 值变化时更新是否达到
nzMaxMultipleCount的状态 (#9056) (d7031da) - space: 修复 rtl 模式下 nzSpaceItem 的行内边距 (#7801) (2d9ff5f)
- tabs: tabs 改变时更新活动的路由联动页签 (#7649) (1f07121)
- tree-select: 修复虚拟滚动下选项无法水平滚动 (#9045) (e70cae3)
19.1.0
19.1.0
2025-02-21
Features
- check-list: add check-list component (#8969) (4cd298b)
- message,notification: display
nzDatawhen content is a template (#9001) (5157470) - popover,popconfirm,tooltip:
overlayClassNamesupports space delimited classes string (#8972) (3fcec91) - popover: add
nzPopoverOverlayClickableto disable click on mask (#8878) (5898da7)
Bug Fixes
- input-number,checkbox: accept the disabled change from ng control (#8979) (2d8968d)
- input-number: use input event instead of change event (#8989) (6d8d915)
- tree-select: fix error when judging multiple instances condition (#9008) (5006ea6)
Code Refactoring
- use ECMAScript standard class field (#8718) (f1d8d92)
- enable isolatedModules compiler option (#8970) (0d42aa7)
Now feel free to use isolatedModules compiler option in your project.
19.1.0
2025-02-21
Features
- check-list: 新增
CheckList组件 (#8969) (4cd298b) - message,notification: 内容为模板时支持通过
nzData传入数据 (#9001) (5157470) - popover,popconfirm,tooltip: 支持空格分割的字符串作为
overlayClassName(#8972) (3fcec91) - popover: 支持通过
nzPopoverOverlayClickable禁止点击蒙层关闭面板 (#8878) (5898da7)
Bug Fixes
- input-number,checkbox: 接受来自 control 的禁用状态变化 (#8979) (2d8968d)
- input-number: 修复一系列输入事件问题,详见 (#8989) (6d8d915)
- tree-select: 修复判断多个实例条件错误 (#9008) (5006ea6)
Code Refactoring
现在你可以在项目中使用 isolatedModules 编译选项。