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
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Update dependency ng-zorro-antd to v20 #3387

wants to merge 1 commit into from

Conversation

renovate[bot]
Copy link

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

Coming soon: The Renovate bot (GitHub App) will be renamed to Mend. PRs from Renovate will soon appear from 'Mend'. Learn more here.

This PR contains the following updates:

Package Change Age Confidence
ng-zorro-antd (source) 20.0.0 -> 20.3.1 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.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

v18.2.0

Compare Source

Bug Fixes
Features

v18.1.1

Compare Source

Bug Fixes

v18.1.0

Compare Source

Bug Fixes
  • cascader: hide placeholder when trigger compositionstart event (#​8641) (17b0ea3)
  • i18n: add missing translations to pt_BR (#​7790) (6fc1c78)
  • i18n: add scanned field to QRCode for fr_BE, fr_CA, fr_FR and lv_LV (#​8614) (9b69410)
  • schematics: import missing RouterLink in template (#​8621) (032a0c2)
  • transfer: disabling selection does not affect selecting all (#​8633) (75d8c7b)
Features

[v18.0.1](https://redirect.github.com/NG-ZORRO/ng-zorro-

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 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.15.1" 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-09-29T00_49_33_029Z-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 15 times, most recently from 25deac2 to c9ef9a8 Compare September 23, 2025 17:48
@renovate renovate bot force-pushed the renovate/ng-zorro-antd-20.x branch 13 times, most recently from 5e029c1 to 0369cf8 Compare September 28, 2025 22:09
@renovate renovate bot force-pushed the renovate/ng-zorro-antd-20.x branch from 0369cf8 to dee2706 Compare September 29, 2025 00:49
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.
0 participants