Skip to content

Update dependency ng-zorro-antd to v20 #3387

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
renovate wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Update dependency ng-zorro-antd to v20 #3387

renovate wants to merge 1 commit into from

Conversation

@renovate
Copy link

@renovate renovate bot commented Jul 30, 2025 •
edited
Loading

Note: This PR body was truncated due to platform limits.

This PR contains the following updates:

Package Change Age Confidence
ng-zorro-antd (source) 20.0.0 -> 20.4.4 age confidence

Warning

Some dependencies could not be looked up. Check the Dependency Dashboard for more information.

Release Notes

NG-ZORRO/ng-zorro-antd (ng-zorro-antd)

v20.4.4

Compare Source

20.4.4

2025-12-12

Bug Fixes

20.4.4

2025-12-12

Bug Fixes
  • icon: 将 nzSpin 纳入变更检测逻辑，修复图标旋转状态在某些情况下无法及时更新 (#​9597) (46dc381)
  • result: 修复仅设置 nzStatus 时图标不显示的问题 (#​9568) (#​9582) (b652105)

v20.4.3

Compare Source

Bug Fixes

v20.4.2

Compare Source

Bug Fixes
  • cascader,select,date-picker,time-picker,tree-select: add missing nzVariant global config (#​9543) (221386b)
  • button: improve icon only logic in zoneless mode (#​9541) (9def420)

v20.4.1

Compare Source

Bug Fixes

v20.4.0

Compare Source

Features
Bug Fixes
  • badge: should nzStyle work even if nzColor is not provided (#​9486) (4424eb0)
  • cascader: display activated column correctly when reopen the popup panel (#​9456) (7802a39)

v20.3.1

Compare Source

Bug Fixes

v20.3.0

Compare Source

Features
Bug Fixes

v20.2.1

Compare Source

Bug Fixes

v20.2.0

Compare Source

Features
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)

v20.1.3

Compare Source

Bug Fixes

v20.1.2

Compare Source

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)

v20.1.1

Compare Source

Bug Fixes

v20.1.0

Compare Source

Features
Bug Fixes

v20.0.0

Compare Source

Features
  • cascader,date-picker,input-number,input,select,time-picker,tree-select: support nzVariant (#​9131) (b342bb4)
  • popover: add nzPopoverTitleContext and nzPopoverContentContext (#​9126) (df3ead9)
  • select: add nzOnClear callback (#​9188) (e047ac2)
  • avatar: add loading and fetchpriority attributes (#​7347) (ff8419f)
  • popconfirm: add nzOkButtonProps and nzCancelButtonProps (#​9245) (22e2a9f)
  • tree-select: render title of selected node in innerHTML (#​9259) (8066f7b)
Bug Fixes
Code Refactoring
  • core: cleanup animation frame polyfill (#​9243) (272237a)
  • migrate to inject pattern
⚠ BREAKING CHANGES
  • core: refactoring in ng-zorro-antd/core/polyfill:
    • rename cancelRequestAnimationFrame to cancelAnimationFrame
    • rename reqAnimFrame to requestAnimationFrame
  • tabs: rename NzTabsetComponent to NzTabsComponent, nz-tabset selector to nz-tabs, the original component and selector are marked as deprecated
  • table: no longer compatible with material components
  • popconfirm: nzOkDisabled and nzOkDanger are marked as deprecated, use nzOkButtonProps and nzCancelButtonProps 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

v19.3.1

Compare Source

Bug Fixes
  • cascader: cannot update value when it is missing in options (#​9124) (689fc72)
  • date-picker: update input value when nzFormat changed (#​9129) (f4c4e05)
  • tabs: nzLinkRouter not work for the first time load (#​9130) (925a6a5)

v19.3.0

Compare Source

Features
Bug Fixes
Performance Improvements
  • transfer: use item.key as tracking for the list render (#​9123) (adb91e4)

v19.2.2

Compare Source

Bug Fixes

v19.2.1

Compare Source

Bug Fixes

v19.2.0

Compare Source

Features
Documentation
  • tabs: add draggable tabs showcase via CDK DragDropModule
Bug Fixes

v19.1.0

Compare Source

Features
  • check-list: add check-list component (#​8969) (4cd298b)
  • message,notification: display nzData when content is a template (#​9001) (5157470)
  • popover,popconfirm,tooltip: overlayClassName supports space delimited classes string (#​8972) (3fcec91)
  • popover: add nzPopoverOverlayClickable to 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

Now feel free to use isolatedModules compiler option in your project.

v19.0.2

Compare Source

Bug Fixes

v19.0.1

Compare Source

Bug Fixes

v19.0.0

Compare Source

Bug Fixes
Code Refactoring
Features
BREAKING CHANGES

  • All

    • nzClass / nzStyle input properties no longer support the following features:
      • Set(): use arrays instead
      • Keys which multiple styles/classes separated with keys: split a key with spaces into multiple keys
    • Cancel support for HTML string rendering
    • Migrate @WithConfig to standard decorator. If you're using @WithConfig in your library, please turn experimentalDecorators off in tsconfig.json
    • Migrate [nz-icon] to nz-icon tag. If you're using [nz-icon] selector in stylesheet to select icon inside zorro component, please use nz-icon instead

  • input-number: Redesign the input-number so that it will be much simpler and more flexible.

    Now you can use affixes or addons as follows, no need for ng-template and nz-input-number-group:

    <!-- Custom handler icons -->
<nz-input-number>
  <nz-icon nzInputNumberUpIcon />
  <nz-icon nzInputNumberDownIcon />
</nz-input-number>

<!-- With affixes -->
<nz-input-number>
  <span nzInputPrefix>Prefix</span>
  <span nzInputSuffix>Suffix</span>
</nz-input-number>

<!-- With addons -->
<nz-input-number>
  <span nzInputAddonBefore>Before</span>
  <span nzInputAddonAfter>After</span>
</nz-input-number>

    The old input-number component is marked as deprecated, and its entrypoint had changed to ng-zorro-antd/input-number-legacy.
    NzInputNumberComponent is now NzInputNumberLegacyComponent, and NzInputNumberModule is now NzInputNumberLegacyModule.

    Don't worry, ng update ng-zorro-antd will automatically do the migration.

  • cascader: Cancel support for writing value with NzCascaderOption[] type.

    In the past, the cascader component kept a trick that if you wrote value with NzCascaderOption[] type, it extracted value by mapping each item to its value property, for example:

    @&#8203;Component({
  template: `<nz-cascader [nzOptions]="options" [ngModel]="value"></nz-cascader>`
})
export class ExampleComponent {
  value = [{ label: 'NG ZORRO', value: 'ng-zorro-antd' }];
}

    then the value of cascader would be 'ng-zorro-antd'.
    It's strange that the input and output values don't match when we haven't changed the values, and it's hard to maintain. We expect that the value passed in should be the value in the list of options.

    In v19, this trick is removed and if you're already using this trick in your code, please consider the add a map function to pass the actual value.

  • checkbox Redesign the checkbox group component.

    • Remove NzCheckBoxOptionInterface['checked] field. By the way, NzCheckBoxOptionInterface is marked as deprecated, use NzCheckboxOption instead
    • nz-checkbox-group: Type of ngModel is changed from NzCheckBoxOptionInterface[] to NzCheckboxOption['value'][]

  • card: Remove redundant nzBorderless input property. Use nzBordered instead.

  • image: Remove deprecated FADE_CLASS_NAME_MAP and IMAGE_PREVIEW_MASK_CLASS_NAME

  • pipes: Remove deprecated NzSafeNullPipe

  • segmented: Redesign the segmented component.

    • Value of ngModel is changed from index to option's value
    • Change emission type of nzValueChange from number to option's value type (string | number)
    • Remove nzLabelTemplate, use nz-segmented-item directive instead

  • space: Rename exportAs of NzSpaceComponent from NzSpace to standard nzSpace

  • transfer: Rename nzTreeCheckBoxChange to nzTreeCheckboxChange

  • tree,tree-select: Rename nzCheckBoxChange to nzCheckboxChange

Deprecations

The following APIs are marked as deprecated in v19 and will be removed in the next major version.
Please refer to related documentation for better alternatives.

Module API
ng-zorro-antd/button NzButtonGroupComponent
ng-zorro-antd/core/form NzFormPatchModule
ng-zorro-antd/checkbox NzCheckboxWrapperComponent
ng-zorro-antd/input NzInputGroupComponent#nzCompact
ng-zorro-antd/input-number-legacy *
ng-zorro-antd/message NzMessageModule
ng-zorro-antd/notification NzNotificationModule
NzNotificationServiceModule

v18.2.1

Compare Source

Bug Fixes
  • anchor: fix a tag problem with null or undefined value if TemplateRef provided (#​8864) (41f6609)
  • color-picker: remove inline style (CSP compliant) (#​8874) ([0264

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled because a matching PR was automerged previously.

♻ Rebasing: Whenever PR is behind base branch, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

  • If you want to rebase/retry this PR, check this box

This PR was generated by Mend Renovate. View the repository job log.

@renovate
Copy link
Author

renovate bot commented Jul 30, 2025 •
edited
Loading

⚠️ Artifact update problem

Renovate failed to update an artifact related to this branch. You probably do not want to merge this PR as-is.

♻ Renovate will retry this branch, including artifacts, only when one of the following happens:

  • any of the package files in this branch needs updating, or
  • the branch becomes conflicted, or
  • you click the rebase/retry checkbox if found above, or
  • you rename this PR's title to start with "rebase!" to trigger it manually

The artifact failure details are included below:

File name: flink-runtime-web/web-dashboard/package-lock.json
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/zone.js
npm ERR!   zone.js@"0.16.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer zone.js@"~0.11.4" from @angular/[email protected]
npm ERR! node_modules/@angular/core
npm ERR!   @angular/core@"13.4.0" from the root project
npm ERR!   peer @angular/core@"13.4.0" from @angular/[email protected]
npm ERR!   node_modules/@angular/animations
npm ERR!     @angular/animations@"13.4.0" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /runner/cache/others/npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /runner/cache/others/npm/_logs/2025-12-23T08_51_00_859Z-debug-0.log

@renovate renovate bot force-pushed the renovate/ng-zorro-antd-20.x branch 21 times, most recently from 70d32b5 to a07ea90 Compare August 6, 2025 21:38
@renovate renovate bot force-pushed the renovate/ng-zorro-antd-20.x branch 7 times, most recently from 069d365 to 4f267ae Compare August 11, 2025 18:44
@renovate renovate bot force-pushed the renovate/ng-zorro-antd-20.x branch from 4f267ae to a3de929 Compare August 15, 2025 12:00
@renovate renovate bot force-pushed the renovate/ng-zorro-antd-20.x branch 4 times, most recently from 2366a2d to 3370725 Compare October 23, 2025 10:18
@renovate renovate bot force-pushed the renovate/ng-zorro-antd-20.x branch 2 times, most recently from a705f8b to 4c3695b Compare November 21, 2025 10:52
@renovate renovate bot force-pushed the renovate/ng-zorro-antd-20.x branch 10 times, most recently from 46e0317 to 97d8412 Compare December 4, 2025 04:01
@renovate renovate bot force-pushed the renovate/ng-zorro-antd-20.x branch 5 times, most recently from 93f2190 to affa82d Compare December 6, 2025 13:49
@renovate renovate bot force-pushed the renovate/ng-zorro-antd-20.x branch 4 times, most recently from c51c999 to beafeb6 Compare December 19, 2025 04:31
@renovate renovate bot force-pushed the renovate/ng-zorro-antd-20.x branch 3 times, most recently from dd365d1 to f528578 Compare December 23, 2025 06:07
@renovate renovate bot force-pushed the renovate/ng-zorro-antd-20.x branch from f528578 to 23c4f03 Compare December 23, 2025 08:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant