Skip to content

Update dependency ng-zorro-antd to v19 #2771

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
Merged
merged 1 commit into from
Dec 22, 2024
Merged

Update dependency ng-zorro-antd to v19 #2771

merged 1 commit into from
Dec 22, 2024

Conversation

@renovate
Copy link

@renovate renovate bot commented Dec 22, 2024

This PR contains the following updates:

Package Change Age Adoption Passing Confidence
ng-zorro-antd (source) 13.4.0 -> 19.0.0 age adoption passing 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)

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

18.2.1 (2024-11-15)

Bug Fixes

v18.2.1

Compare Source

Bug Fixes

v18.2.0

Compare Source

Bug Fixes
Features

18.1.1 (2024-08-20)

Bug Fixes

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

18.0.1 (2024-06-27)

Bug Fixes

v18.0.1

Compare Source

Bug Fixes

v18.0.0

Compare Source

⚠ BREAKING CHANGES
  • collapse: change nzExpandIconPosition type from left | right to start | end (#​8561) (3ad5674)
  • no longer use inline JavaScript in Less (#​8552) (7e873c8)

No need to wrap Less functions provided by antd (including colorEasing, colorPalette, tinycolor) with ~`` anymore.

- color(~`colorPalette('@&#8203;{primary-color}', 5)`)
+ color(colorPalette('@&#8203;{primary-color}', 5))
Bug Fixes
  • cascader,select,time-picker,tooltip,tree-select: take in account shadow dom when getting the target of an event (#​7853) (843b703)
  • tooltip: fix arrow color when custom color (#​8555) (92c586b)
  • upload: prevent drop event for firefox only (#​8551) (c6e7bd7)
  • rate: half value when allow half is false (#​8536) (7742fe3)
Features

17.4.1 (2024-05-24)

Bug Fixes
Features
Performance Improvements
  • back-top: remove the redundant changeDetectorRef (c1e39e7)
  • qr-code: improved background drawing efficiency (#​8543) (db09bf7)

v17.4.1

Compare Source

Bug Fixes
Features
Performance Improvements
  • back-top: remove the redundant changeDetectorRef (c1e39e7)
  • qr-code: improved background drawing efficiency (#​8543) (db09bf7)

v17.4.0

Compare Source

Bug Fixes
Features

v17.3.0

Compare Source

Bug Fixes
Features

v17.2.0

Compare Source

Bug Fixes
Features

v17.1.0

Compare Source

Bug Fixes
Features

Configuration

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

🚦 Automerge: Enabled.

♻ 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 bot enabled auto-merge (squash) December 22, 2024 15:24
@renovate
Copy link
Author

renovate bot commented Dec 22, 2024

⚠️ 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: flink-dashboard@2.0.0
npm ERR! Found: zone.js@0.15.0
npm ERR! node_modules/zone.js
npm ERR!   zone.js@"0.15.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer zone.js@"~0.11.4" from @angular/core@13.4.0
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/animations@13.4.0
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 /tmp/renovate/cache/others/npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /tmp/renovate/cache/others/npm/_logs/2024-12-22T15_23_57_391Z-debug-0.log

@renovate renovate bot merged commit c3632ff into master Dec 22, 2024
1 check failed
@renovate renovate bot deleted the renovate/ng-zorro-antd-19.x branch December 22, 2024 15:24
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