Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

ng-zorro-antd

Package Overview
Dependencies
Maintainers
8
Versions
207
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ng-zorro-antd - npm Package Versions

23
21

19.0.1

Diff

zorro-bot
published 19.0.0 •

Changelog

Source

19.0.1 (2025-01-03)

Bug Fixes

  • date-picker: cell title should reflect nzFormat (#8744) (1b7ab5a)
  • i18n: add missing translations to zh_TW (#8950) (9607e11)
  • input-number: fix NG0600 error (#8955) (8d6135e)
  • table: should col be wrapped within colgroup in ssr mode (#8948) (0a73deb)

Bug Fixes

  • autocomplete: remove inline style (CSP compliant) (#8875) (30c25f0)
  • avatar: calculate size at the right time (#8754) (3a5ba37)
  • card: remove nzBorderless input (#8741) (22ce17c)
  • carousel: carousel not working correctly in rtl mode (#8770) (0202a19)
  • cascader: correct menu display level (#8866) (5fec53e)
  • drawer: should clear previously focused element (#8893) (4498af0)
  • i18n: add missing translations to vi_VN (#8894) (f08ad1c)
  • tree-view: nzTreeNodePadding not works in virtual scroll (#8920) (82b660a)

Code Refactoring

  • cancel support for HTML string rendering (#8831) (5fae01a)
  • remove ngClass and ngStyle (#8895) (c3ab3ba)
  • image: remove deprecated FADE_CLASS_NAME_MAP and IMAGE_PREVIEW_MASK_CLASS_NAME (#8912) (65223d9)
  • transfer,tree,tree-select rename CheckBox to Checkbox (#8934) (c76433d5)

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:

    @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<br/>NzNotificationServiceModule |

laffery
published 19.0.0-beta.1 •

Changelog

Source

19.0.1 (2025-01-03)

Bug Fixes

  • date-picker: cell title should reflect nzFormat (#8744) (1b7ab5a)
  • i18n: add missing translations to zh_TW (#8950) (9607e11)
  • input-number: fix NG0600 error (#8955) (8d6135e)
  • table: should col be wrapped within colgroup in ssr mode (#8948) (0a73deb)

Bug Fixes

  • autocomplete: remove inline style (CSP compliant) (#8875) (30c25f0)
  • avatar: calculate size at the right time (#8754) (3a5ba37)
  • card: remove nzBorderless input (#8741) (22ce17c)
  • carousel: carousel not working correctly in rtl mode (#8770) (0202a19)
  • cascader: correct menu display level (#8866) (5fec53e)
  • drawer: should clear previously focused element (#8893) (4498af0)
  • i18n: add missing translations to vi_VN (#8894) (f08ad1c)
  • tree-view: nzTreeNodePadding not works in virtual scroll (#8920) (82b660a)

Code Refactoring

  • cancel support for HTML string rendering (#8831) (5fae01a)
  • remove ngClass and ngStyle (#8895) (c3ab3ba)
  • image: remove deprecated FADE_CLASS_NAME_MAP and IMAGE_PREVIEW_MASK_CLASS_NAME (#8912) (65223d9)
  • transfer,tree,tree-select rename CheckBox to Checkbox (#8934) (c76433d5)

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:

    @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<br/>NzNotificationServiceModule |

laffery
published 19.0.0-beta.0 •

zorro-bot
published 18.2.1 •

Changelog

Source

18.2.1 (2024-11-15)

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) (0264da9)
  • image: remove inline style (CSP compliant) (#8876) (63c8953)
  • qrcode: remove event listeners once settled (#8861) (40d466d)
  • select: remove inline style (CSP compliant) (#8873) (9431d0d)
  • transfer: cancel selecting all should emit nzSelectChange event (#8872) (5ff9821)
  • watermark: cleanup event listeners once settled (#8862) (decd477)
zorro-bot
published 18.2.0 •

Changelog

Source

18.2.0 (2024-11-07)

Bug Fixes

  • i18n: add missing translations to nb_NO (#8712) (8c9bcd1)
  • i18n: add missing translations to hu_HU (#8769) (9e21ae8)
  • badge: NG0955 warning in nz-badge-sup component (#8858) (cc52555)
  • select: multiple select cause switch size flash when init (#8851) (d28876c)
  • carousel: correctly switch slides in rtl mode (#8705) (85f23a1)
  • drawer: emit nzVisibleChange when close on navigation (#8850) (29827df)
  • modal,drawer: secondary overlays not scrolling inside (#8804) (ed7951d)
  • modal: remove dark backdrop when nzMask is false (#8798) (f2f04fe)
  • transfer: correctly set transfer button disable state (#8824) (195ad26)

Features

  • datepicker: send event emitter when panel mode change (#8685) (6462a47)
  • tabs: support destroyInactiveTabPane (#8845) (0de6d62)
zorro-bot
published 18.1.1 •

Changelog

Source

18.1.1 (2024-08-20)

Bug Fixes

zorro-bot
published 18.1.0 •

Changelog

Source

18.1.0 (2024-07-25)

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

zorro-bot
published 18.0.1 •

Changelog

Source

18.0.1 (2024-06-27)

Bug Fixes

zorro-bot
published 18.0.0 •

Changelog

Source

18.0.0 (2024-06-06)

⚠ 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('@{primary-color}', 5)`)
+ color(colorPalette('@{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

23
21
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc