Angular UI Component Library based on Ant Design

NG-ZORRO

Last update: Jan 6, 2023

Overview

NG-ZORRO

An enterprise-class Angular UI component library based on Ant Design.

English | 简体中文

✨ Features

An enterprise-class UI design system for Angular applications.
60+ high-quality Angular components out of the box.
Written in TypeScript with predictable static types.
The whole package of development and design resources and tools.
Support OnPush mode, high performance.
Powerful theme customization in every detail.
Internationalization support for dozens of languages.

☀️ License

MIT

🖥 Environment Support

Angular ^13.0.0
Server-side Rendering
Modern browsers including the following specific versions
Electron

IE / Edge	Firefox	Chrome	Safari	Opera	Electron
Edge	last 2 versions	last 2 versions	last 2 versions	last 2 versions	last 2 versions

🎨 Design Specification

ng-zorro-antd synchronizes design specification with Ant Design on a regular basis, you can check the log online.

📦 Installation

We recommend using @angular/cli to install. It not only makes development easier, but also allows you to take advantage of the rich ecosystem of angular packages and tooling.

$ ng new PROJECT_NAME
$ cd PROJECT_NAME
$ ng add ng-zorro-antd

More information about @angular/cli here.

You can also install ng-zorro-antd with npm or yarn

$ npm install ng-zorro-antd

🔨 Usage

Import the component modules you want to use into your app.module.ts file and feature modules.

import { NzButtonModule } from 'ng-zorro-antd/button';

@NgModule({
  imports: [ NzButtonModule ]
})
export class AppModule {
}

@angular/cli users won't have to worry about the things below but it's good to know.

And import style and SVG icon assets file link in angular.json.

{
  "assets": [
+   {
+     "glob": "**/*",
+     "input": "./node_modules/@ant-design/icons-angular/src/inline-svg/",
+     "output": "/assets/"
+   }
  ],
  "styles": [
+   "node_modules/ng-zorro-antd/ng-zorro-antd.min.css"
  ]
}

See Getting Started for more details.

🔗 Links

⌨️ Development

$ git clone [email protected]:NG-ZORRO/ng-zorro-antd.git
$ cd ng-zorro-antd
$ npm install
$ npm run start

Browser would open automatically.

🤝 Contributing

We welcome all contributions. Please read our CONTRIBUTING.md first. You can submit any ideas as pull requests or as GitHub issues.

If you're new to posting issues, we ask that you read How To Ask Questions The Smart Way (This guide does not provide actual support services for this project!), How to Ask a Question in Open Source Community and How to Report Bugs Effectively prior to posting. Well written bug reports help us help you!

Thanks to JetBrains for supporting us free open source licenses.

❓ Help from the Community

For questions on how to use ng-zorro-antd, please post questions to using the ng-zorro-antd tag. If you're not finding what you need on stackoverflow, you can find us on as well.

As always, we encourage experienced users to help those who are not familiar with ng-zorro-antd!

🎉 Users

We list some users here, if your company or product uses NG-ZORRO, let us know here!

Love ng-zorro-antd? Give our repo a star ⭐ ⬆️ .

Comments

升级到1.1.1 build会r.ngOnDestroy is not a function报错

What problem does this feature solve?

升级到1.1.1

ng build --prod --build--optimizer会r.ngOnDestroy is not a function报错

What does the proposed API look like?

升级到1.1.1 build会r.ngOnDestroy is not a function报错
:telescope: Need Reproduce Need More Info

opened by JCqiu 39
fix(module:form): fix changes not calling detectChanges
PR Checklist

Please check if your PR fulfills the following requirements:

[x] The commit message follows our guidelines: https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/CONTRIBUTING.md#commit

[ ] Tests for the changes have been added (for bug fixes / features)

[ ] Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

[x] Bugfix [ ] Feature [ ] Code style update (formatting, local variables) [ ] Refactoring (no functional changes, no api changes) [ ] Build related changes [ ] CI related changes [ ] Documentation content changes [ ] Application (the showcase website) / infrastructure changes [ ] Other... Please describe:

What is the current behavior?

When nz-form-item uses * NgFor, Nnz-form sets nzNoColon to throw an exception: ExpressionChangedAfterItHasBeenCheckedError Issue Number: #4554

What is the new behavior?

Does this PR introduce a breaking change?

[ ] Yes [x] No

Other information
PR: merged
opened by qqabcv520 34
It doesn't support angular ivy mode

What problem does this feature solve?

it can use angular ivy mode to improve application performance.

What does the proposed API look like?

Ng-zorro cannot compile through ivy mode because date-fns does not support Angular Package Format。
📋 Backlog Ivy

opened by justwalk 34
feat(module:upload): add new component - "upload"
PR Checklist

Please check if your PR fulfills the following requirements:

[x] The commit message follows our guidelines: https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/CONTRIBUTING.md#commit

[ ] Tests for the changes have been added (for bug fixes / features)

[x] Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

[ ] Bugfix [x] Feature [ ] Code style update (formatting, local variables) [ ] Refactoring (no functional changes, no api changes) [ ] Build related changes [ ] CI related changes [ ] Documentation content changes [ ] Application (the showcase website) / infrastructure changes [ ] Other... Please describe:

What is the current behavior?

Issue Number: N/A

What is the new behavior?

Does this PR introduce a breaking change?

[ ] Yes [x] No

Other information

This code still needs to be perfected in many places.

Supported API

[ ] name

[ ] defaultFileList

[x] fileList

[x] action

[x] data

[x] headers

[x] showUploadList

[x] multiple

[x] accept

[x] beforeUpload

[x] ~~customRequest~~

[x] onChange

[x] listType

[x] onPreview

[x] onRemove

[ ] ~~supportServerRender~~

[x] disabled

[x] withCredentials
opened by standbyme 30
RTL Support
What problem does this feature solve?

Currently Ant-Design in v4 supports rtl in all components and demos, in this issue i want to add progress of making all components of ng-zorro-antd support rtl.

What does the proposed API look like?

dir: Direction = 'ltr'; constructor( private cdr: ChangeDetectorRef, @Optional() private directionality: Directionality ) {} ngOnInit(): void { this.directionality.change?.pipe(takeUntil(this.destroy$)).subscribe((direction: Direction) => { this.dir = direction; this.cdr.detectChanges(); }); this.dir = this.directionality.value; }

<div #tableMainElement class="ant-table" [class.ant-table-rtl]="dir === 'rtl'" > </div>

RTL Progress #4703

[x] Button

[x] Icon

[x] Typography

[x] Grid

[x] Layout

[x] Affix

[x] Breadcrumb

[x] Dropdown

[x] Menu

[x] Pagination

[x] PageHeader

[x] Steps

[x] AutoComplete

[x] CheckBox

[x] Cascader

[x] DatePicker

[x] Form: hdm91

[x] InputNumber: hdm91

[x] Input: hdm91

[x] Mention

[x] Rate

[x] Radio

[x] Switch

[x] Slider: hdm91

[x] Select

[x] TreeSelect

[x] Transfer: hdm91

[x] TimePicker

[x] Upload: hdm91

[x] Avatar

[x] Badge

[x] Comment

[x] Collapse: hdm91

[x] Carousel

[x] Card

[ ] Calendar

[x] Description List

[x] Empty

[x] List: hdm91

[x] Popover

[x] Statistic

[x] Tree: hdm91

[x] Tooltip

[x] Timeline

[x] Tag

[x] Tabs: hdm91

[x] Table

[x] Alert: hdm91

[x] Drawer

[x] Modal: hdm91

[x] Message

[ ] Notification

[x] Progress

[x] Popconfirm

[x] Result

[x] Spin: hdm91

[x] Skeleton

[x] Anchor (No need to RTL)

[x] BackTop

[ ] ConfigProvider

[x] Divider (No need to RTL)

[ ] Front page

🌈 Feature Request help wanted :earth_africa: i18n
opened by saeedrahimi 28
feat(module:upload): start code
PR Checklist

Please check if your PR fulfills the following requirements:

[x] The commit message follows our guidelines: https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/CONTRIBUTING.md#commit

[ ] Tests for the changes have been added (for bug fixes / features)

[ ] Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

[ ] Bugfix [x] Feature [ ] Code style update (formatting, local variables) [ ] Refactoring (no functional changes, no api changes) [ ] Build related changes [ ] CI related changes [ ] Documentation content changes [ ] Application (the showcase website) / infrastructure changes [ ] Other... Please describe:

What is the current behavior?

Issue Number: #132

What is the new behavior?

Introduce Upload Component

Does this PR introduce a breaking change?

[ ] Yes [x] No

This code still needs to be perfected in many places.

Supported API

[ ] name

[ ] defaultFileList

[x] fileList

[x] action

[x] data

[x] headers

[ ] showUploadList

[x] multiple

[x] accept

[x] beforeUpload

[ ] ~~customRequest~~

[x] onChange

[ ] listType

[ ] onPreview

[ ] onRemove

[ ] ~~supportServerRender~~

[x] disabled

[x] withCredentials
opened by standbyme 25
nzShowSearch on nz-select does not work in IOS 13

Reproduction link

https://ng-zorro-antd-start-bbhuis.stackblitz.io

Steps to reproduce

Implemented Attribute: nzShowSearch

What is expected?

Input should be focused and keyboard should appear

What is actually happening?

Keyboard does not appear

| Environment | Info | |---|---| | ng-zorro-antd | 8.4.0 | | Browser | IOS 13 | IPhone 6< |

similar to : https://github.com/NG-ZORRO/ng-zorro-antd/issues/1653
Component: Select :iphone: mobile

opened by WeslleyDeSouza 24

Will this support Universal(Server Side Rendering) in the future?

I'm submitting a...


[ ] Bug report  
[x] Feature request
[ ] Documentation issue or request
[ ] Regression (a behavior that used to work and stopped working in a new release)
[ ] Support request => Please do not submit support request here

Current behavior

Some components just don't support universal currently.

Expected behavior

It would be very appreciate if this project support universal.Thanks!

Minimal reproduction of the problem with instructions

What is the motivation / use case for changing the behavior?

Environment


Angular version: X.Y.Z

ng-zorro-antd version: X.Y.Z

Browser:
- [ ] Chrome (desktop) version XX
- [ ] Firefox version XX
- [ ] Safari (desktop) version XX
- [ ] IE version XX
 
For Tooling issues:
- Node version: XX  
- Platform:  

Others:

🌈 Feature Request :moneybag: IssueHuntFest 🧭 SSR

opened by luffySAMA 24

Ant design 4.0 & Angular 9.0 sync
Ant design 4.0 & Angular 9.0 sync

Current in Beta

Latest version: 9.0.0-beta.3 https://next.ng.ant.design/

Doc

[x] Doc site refactor

[x] Dark Theme

[x] Doc md sync

Feature

[x] Select virtual scroll

Refactor

[x] Form Component #4526 #4523

[x] DatePicker Component #4621

[x] Select Component

[x] Modal Component #4702

Components

plz update the list after the PR sync MERGED

[x] Affix: cipchk

[x] Anchor: cipchk

[x] BackTop: cipchk

[x] List: cipchk

[x] Upload: cipchk

[x] Modal: hsuanxyz #4702

[x] AutoComplete: hsuanxyz #4661

[x] Avatar: hsuanxyz #4662

[x] Badge: hsuanxyz #4663

[x] Comment: hsuanxyz #4664

[x] Drawer: hsuanxyz #4728

[x] Mention: hsuanxyz #4755

[x] Steps: hsuanxyz #4774

[x] Tag: hsuanxyz #4793

[x] TreeSelect: hsuanxyz

[x] Typography: hsuanxyz

[x] Breadcrumb: wendellhu95

[x] Empty: wendellhu95

[x] Carousel: wendellhu95

[x] Cascader: wendellhu95

[x] Descriptions: wendellhu95

[x] Icon: wendellhu95

[x] Message: wendellhu95

[x] Notification: wendellhu95

[x] Popconfirm: wendellhu95

[x] Popover: wendellhu95

[x] Progress: wendellhu95

[x] Rate: wendellhu95

[x] Result: wendellhu95

[x] Slider: wendellhu95

[x] Statistic: wendellhu95

[x] Timeline: wendellhu95

[x] Tooltip: wendellhu95

[X] CodeEditor: wendellhu95

[x] Calendar: wenqi73

[x] DatePicker: wenqi73

[x] Skeleton: wenqi73

[x] TimePicker: wenqi73

[x] Alert: vthinkxie

[x] Button: vthinkxie

[x] Card: vthinkxie

[x] Checkbox: vthinkxie

[x] Collapse: vthinkxie

[x] Divider: vthinkxie

[x] Dropdown: vthinkxie

[x] Grid: vthinkxie

[x] Input: vthinkxie

[x] InputNumber: vthinkxie

[x] Layout: vthinkxie

[x] Menu: vthinkxie

[x] Pagination: vthinkxie

[x] Radio: vthinkxie

[x] Select: vthinkxie

[x] Spin: vthinkxie

[x] Switch: vthinkxie

[x] Table: vthinkxie

[x] Tree: simplejason

[x] Form: danranVm

[x] PageHeader: CK110

[x] Transfer: Ricbet

Style

[x] Style sync

[x] table border style #4439

Deprecated

[x] deprecated check list

[x] ng update

[x] tree #4602

[x] carousel #4469

[x] form #5032

[x] clear unused test code

Angular 9.0

Document

[x] ng-zorro-antd version and angular version relationship

[x] OnPush immutable suggestion use immer in document

[x] more Q & A

Bug Fix

[x] css animation in ngOnInit or HostBinding

[x] affix #3938

[x] anchor #4553

[x] message & notification breaks in angular 9, detection change issue perhaps @vthinkxie @wendellhu95

Feature

[x] table filter & sort helper function

[x] datepicker defaultPickerValue #4389, #2020

[x] datepicker date-fns2.x #4346

[x] canDeactivate #4407 #4432

[x] input-number #3039

[x] transfer [nzTargetKeys] #4360

[x] add strictTemplate https://next.angular.io/guide/angular-compiler-options#stricttemplates

Enhancement

[x] unexpected transition: https://github.com/angular/angular/issues/34718 https://github.com/NG-ZORRO/ng-zorro-antd/pull/4648/commits/a094c44e4f62f4db8225bca01e048446fd1f5a34

[x] component data flow direction

[x] less input bindings

[x] should not mutate input data

[x] TemplateRef<void> -> TemplateRef<any>

[x] menu collapse #4227 #2531 #1326

[x] dropdown submenu positon #3412, width in modal #4169

[x] cascader #4562

Refactor

[x] remove file name nz prefix(nz-button.component.ts->button.component.ts)

[x] split large components into smaller one and move template.html file into template: ``

[x] move inline-style to patch.less

[x] replace any with NzSafeAny

[x] disposeOnNavigation
opened by vthinkxie 23
feat(module:table): handle CDK DataSource for virtual scroll
Opening this PR for discussion only at the moment.
This is the minimal implementation to support the use of a DataSource.
I need this functionality for a product I'm developing and this would be sufficient at the moment. I'm especially worried about the problem described in this comment.

What is missing

[x] Skeleton while loading data. Example:

[ ] ~~Warning when using incompatible inputs (e.g. DataSource and non-virtual scroll)~~

As a next step, I'd like to leverage the DataSource itself, to produce a uniform implementation.
This means if a user passes in [nzData]="[...]", I'll wrap it around an ArrayDataSource.
This would mean an overall cleaner implementation, maybe delegating some functionalities to a common, base DataSource.

Closes https://github.com/NG-ZORRO/ng-zorro-antd/issues/3571

PR Checklist

Please check if your PR fulfills the following requirements:

[X] The commit message follows our guidelines: https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/CONTRIBUTING.md#commit

[ ] Tests for the changes have been added (for bug fixes / features)

[ ] Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

[ ] Bugfix [X] Feature [ ] Code style update (formatting, local variables) [ ] Refactoring (no functional changes, no api changes) [ ] Build related changes [ ] CI related changes [ ] Documentation content changes [ ] Application (the showcase website) / infrastructure changes [ ] Other... Please describe:

Does this PR introduce a breaking change?

[ ] Yes [X] No
PR: unreviewed
opened by lppedd 21
Table支持拖拽改变列宽

What problem does this feature solve?

由于多语言化需求，对于英文字符较长，列宽无法有效的设置，设置太长则页页不美观，太短，又无法显示完整，所以希望列宽可以支持拖拽改变。

What does the proposed API look like?

列宽可以支持拖拽改变
Component: Table

opened by chenling1983 19
IDE intellisense still not supported for nz-table

Reproduction link

https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/components/table/demo/basic.ts

Steps to reproduce

Open with idea/webstorm

What is expected?

ide can automatically identify the type

What is actually happening?

ide does not recognize the type

| Environment | Info | |---|---| | ng-zorro-antd | 15.0.0 | | Browser | all |

WebStorm 2022.2.4

https://github.com/hsuanxyz/ng-zorro-antd/commit/4cf1f4ba7c1beb0a1ab950779194e78eca479dcc

This PR seems to fix the issue, but the changes in it were reverted
Component: Table

opened by buxiyi 0
docs(module:code-editor): fix typo
rename SageUrl to SafeUrl

PR Checklist

Please check if your PR fulfills the following requirements:

[ ] The commit message follows our guidelines: https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/CONTRIBUTING.md#commit

[ ] Tests for the changes have been added (for bug fixes / features)

[ ] Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

[ ] Bugfix [ ] Feature [ ] Code style update (formatting, local variables) [ ] Refactoring (no functional changes, no api changes) [ ] Build related changes [ ] CI related changes [x] Documentation content changes [ ] Application (the showcase website) / infrastructure changes [ ] Other... Please describe:

What is the current behavior?

Issue Number: N/A

What is the new behavior?

Does this PR introduce a breaking change?

[ ] Yes [ ] No

Other information
PR: reviewed-approved
opened by buqiyuan 2
In nz-select, options getting bold style randomly, when scrolling 2 to 4 times after selecting a value.
Reproduction link

https://stackblitz.com/edit/angular-6u5nzf?file=src%2Fapp%2Fapp.component.ts

Steps to reproduce

select any item,

scroll slowly 2 to 4 times

observe list font getting bold

What is expected?

font shouldn't get bold while scrolling

What is actually happening?

font is getting bolder after scroll which is not expected

| Environment | Info | |---|---| | ng-zorro-antd | 15.0.0 | | Browser | any browser |
Component: Select
opened by tibin-carestack 0
Bold font in nz-select

What problem does this feature solve?

Hello how are you? A user of the system reported a detail that intrigued me. the nx-option of nz-select when clicking on the scroll bar for the first time and dragging it holding it, after some options (usually the last ones), are in bold.

This behavior can be observed on the page of this component in the first two selects of the Sizes example

https://ng.ant.design/components/select/en#ng-content

I believe that it is not necessary to report a bug because it is a detail that does not interfere with the usability of the system, but if there is a way that I have not found so that this does not happen anymore, please let me know.

Thanks

What does the proposed API look like?

this can prevent the user from thinking that he is selecting several options at once.
Component: Select

opened by GustavoEduardo 0
feat(module:select): label Template supports obtaining value information
fix #7793

PR Checklist

Please check if your PR fulfills the following requirements:

[x] The commit message follows our guidelines: https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/CONTRIBUTING.md#commit

[ ] Tests for the changes have been added (for bug fixes / features)

[ ] Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

[ ] Bugfix [x] Feature [ ] Code style update (formatting, local variables) [ ] Refactoring (no functional changes, no api changes) [ ] Build related changes [ ] CI related changes [ ] Documentation content changes [ ] Application (the showcase website) / infrastructure changes [ ] Other... Please describe:

What is the current behavior?

Issue Number: N/A

What is the new behavior?

Does this PR introduce a breaking change?

[ ] Yes [ ] No

Other information
PR: unreviewed
opened by OriginRing 2

Releases(15.0.0)

15.0.0(Dec 22, 2022)
15.0.0

2022-12-21

Install ng-zorro-antd

$ cd PROJECT-NAME $ ng add [email protected]

Bug Fixes

drawer: fix nzContentParams definition error (#7668) (0074013), closes #7620

Performance Improvements

date-picker: remove unused variable (#7767) (1572da5)

form: remove a unused variable (#7766) (162d290)

15.0.0

2022-12-21

安装 ng-zorro-antd

$ cd PROJECT-NAME $ ng add [email protected]

Bug Fixes

drawer: 修复 nzContentParams 定义问题 (#7668) (0074013), closes #7620

Performance Improvements

date-picker: 移除未生效的代码 (#7767) (1572da5)

form: 移除未生效的代码 (#7766) (162d290)

Source code(tar.gz)
Source code(zip)
14.3.0(Dec 11, 2022)
14.3.0

2022-12-11

Bug Fixes

tree: nz-tree-drop-indicator for custom tree node templates (#7579) (5996019)

input: textarea-count combined with nzHasFeedback location (#7709) (ddd44d2), closes #7574

list: specify template ref context to match instantiation (#7756) (4eb32fd)

select: disabled option can be selected by Enter (#7686) (5bdf244)

tree: tree select search slow in virtual mode (#7385) (21208f0)

Features

cron-expression: Optimize cron result display & support custom rendering cron time (#7750) (1820da5)

date-picker: add ElementRef type to nzSeparator (#7721) (3771512)

select: select on Tab support (#7728) (d9f9092)

tree-select: support to set placement (#7551) (325971e)

14.3.0

2022-12-11

Bug Fixes

tree: 修复自定义节点时拖拽目标样式未显示问题 (#7579) (5996019)

input: 修复 nzHasFeedback 样式问题 (#7709) (ddd44d2), closes #7574

list: 指定 context 上下文类型 (#7756) (4eb32fd)

select: 修复禁用选项被 Enterd 键选择问题 (#7686) (5bdf244)

tree: 修复组件搜索性能问题 (#7385) (21208f0)

Features

cron-expression: 支持自定义渲染时间能力 (#7750) (1820da5)

date-picker: nzSeparator 属性支持 template 方式使用 (#7721) (3771512)

select: 支持 Tab 键 (#7728) (d9f9092)

tree-select: 支持设置下拉展开位置 (#7551) (325971e)

Source code(tar.gz)
Source code(zip)
14.2.1(Nov 28, 2022)
14.2.1

2022-11-27

Bug Fixes

animation: fix animation.disabled triggering condition (#7739) (2df4860)

i18n: add missing hu texts (#7733) (de71300)

select: activated value resetting during load on scroll (#7725) (9e08be9)

14.2.1

2022-11-27

Bug Fixes

animation: 修复部分组件动画失效问题 (#7739) (2df4860)

i18n: 添加缺失的匈牙利语 (#7733) (de71300)

select: 修复滚动加载情况下选中值行为 (#7725) (9e08be9)

Source code(tar.gz)
Source code(zip)
14.2.0(Nov 21, 2022)
14.2.0

2022-11-21

Bug Fixes

cron-expression: clear ul & li default style (#7715) (726ded3)

date-picker: arrow in wrong position for RTL direction (#7690) (41b56e4)

date-picker: fix datePicker show multi panel (#7680) (ee4872e), closes #7450

descriptions: nzStringTemplateOutlet title style error (#7704) (bec3b42), closes #7698

icon: re-enter Angular zone after icons have been loaded (#7719) (754ded6)

image: preview the local upload image error (#7615) (616f59f)

Features

alert: support custom icon (#7691) (cc014a1)

carousel: nzLoop to prevent the carousel to go in a loop (#7693) (e3103f0)

cron-expression: add cron-expression component (#7677) (3a638af)

popconfirm: make nzOkDanger coerce to boolean (#7720) (f6a8044)

14.2.0

2022-11-21

Bug Fixes

cron-expression: 优化组件样式 (#7715) (726ded3)

date-picker: 修复 RTL 模式下箭头位置错误问题 (#7690) (41b56e4)

date-picker: 修复重复组件问题 (#7680) (ee4872e), closes #7450

descriptions: 修复 nzStringTemplateOutlet 标题样式问题 (#7704) (bec3b42), closes #7698

icon: 修复部分情况下未及时更新情况 (#7719) (754ded6)

image: 修复预览本地图片错误问题 (#7615) (616f59f)

Features

alert: 支持自定义图标 (#7691) (cc014a1)

carousel: nzLoop 属性支持手动指定是否循环 (#7693) (e3103f0)

cron-expression: 新增 cron 表达式组件 (#7677) (3a638af)

popconfirm: 支持 nzOkDanger 类型自转换 (#7720) (f6a8044)

Source code(tar.gz)
Source code(zip)
14.1.1(Oct 16, 2022)
14.1.1

2022-10-16

Bug Fixes

code-editor: fix declaration of Window as monaco-editor (#7676) (bdf6507)

date-picker: fix datePicker can't clear (#7671) (ba90876), closes #7534

14.1.1

2022-10-16

Bug Fixes

code-editor: 修复 Window 定义与 monaco-editor 最新版本不匹配问题 (#7676) (bdf6507)

date-picker: 修复清除按钮无效问题 (#7671) (ba90876), closes #7534

Source code(tar.gz)
Source code(zip)
14.1.0(Oct 11, 2022)
14.1.0

2022-10-09

Bug Fixes

cascader: fix wrong format of docs (#7604) (8b92c63)

i18n: update it_IT.ts (#7646) (aecb788)

pagination: add ul tag (#7500) (becdd68)

segmented: fix index.less not imported in entry.less (#7624) (1d6a646)

select: fix broken cdk virtual scroll integration (#7642) (1f10a9c)

select: input field length restricted to 82px (#7626) (82159e3)

statistic: remove top-level redundant div element (#7659) (07df410)

steps: remove top-level redundant div element (#7582) (60beabc)

typography: focus the element and set the value even if the zone is already stable (#7320) (2d2fe33)

Features

popconfirm: support async close (#7533) (797b261)

select: support placement (#7537) (dda0e6d)

date-picker: add nzShowWeekNumber property (#7621) (2cb80fc)

menu: add support nzPlacement for nz-submenu (#7420) (b1223bd), closes #4743

select: add string array support for nzDropdownClassName (#7643) (966dc8f)

time-picker: support input readonly (#7660) (2dcefe2)

14.1.0

2022-10-09

Bug Fixes

cascader: 修复文档格式 (#7604) (8b92c63)

i18n: 更新国际化文案 (#7646) (aecb788)

pagination: dom 结构添加 ul 标签以同步 antd 结构 (#7500) (becdd68)

segmented: 修复 index.less 文件未导入问题 (#7624) (1d6a646)

select: 修复虚拟滚动出现空白区域问题 (#7642) (1f10a9c)

select: 修复 select 组件内输入框 input 元素宽度不占满问题 (#7626) (82159e3)

statistic: 移除顶层多余的 div 元素 (#7659) (07df410)

steps: 移除顶层多余的 div 元素 (#7582) (60beabc)

typography: 修复部分场景下聚焦元素不生效问题 (#7320) (2d2fe33)

Features

popconfirm: 支持异步关闭 (#7533) (797b261)

select: 支持指定弹出位置 (#7537) (dda0e6d)

date-picker: 新增 nzShowWeekNumber 属性显示周数 (#7621) (2cb80fc)

menu: 支持指定弹出位置 (#7420) (b1223bd), closes #4743

select: nzDropdownClassName 属性支持 string 数组 (#7643) (966dc8f)

time-picker: 新增 nzInputReadOnly 属性支持 input 标签设置为只读 (#7660) (2dcefe2)

Source code(tar.gz)
Source code(zip)
14.0.0(Aug 26, 2022)
14.0.0

2022-08-25

Install ng-zorro-antd

$ cd PROJECT-NAME $ ng add [email protected]

Bug Fixes

steps: remove top-level redundant div element (#7582) (60beabc)

Features

icon: change tag of nz-icon from  to  (#7586) (7242111)

popconfirm: support async close (#7533) (797b261)

- + 

BREAKING CHANGES

pagination: add ul tag (#7500) (becdd68)

14.0.0

2022-08-25

安装 ng-zorro-antd

$ cd PROJECT-NAME $ ng add [email protected]

Bug Fixes

steps: 移除顶层多余的 div 元素 (#7582) (60beabc)

Features

icon: nz-icon 使用方式从 i 元素变更为 span 元素 (#7586) (7242111)

popconfirm: 支持基于 Promise 的异步关闭 (#7533) (797b261)

- + 

BREAKING CHANGES

pagination: dom 结构中添加 ul 标签 (#7500) (becdd68)

Source code(tar.gz)
Source code(zip)
14.0.0-beta.0(Aug 1, 2022)
14.0.0-beta.0

2022-08-01

Not recommended for production environment

Install ng-zorro-antd

$ cd PROJECT-NAME $ ng add [email protected]

Features

icon: change tag of nz-icon from to (#7586) (7242111)

- + 

2022-08-01

beta 版本不建议在生产环境使用

安装 ng-zorro-antd

$ cd PROJECT-NAME $ ng add [email protected]

Features

icon: nz-icon 使用方式从 i 元素变更为 span 元素 (#7586) (7242111)

- + 
Source code(tar.gz)
Source code(zip)

13.4.0(Jul 25, 2022)

13.4.0

2022-07-25

Bug Fixes

datepicker: focus input when opened programmatically (#7512) (b3a27d8)

transfer: uncheck "Select all" checkbox when filtered items are moved (#7419) (1e9c11e)

Features

notification: support top and bottom placement (#7540) (d8b26dd)

anchor: sync new properties (#7494) (254b429)

badge: support size (#7405) (f40dd38)

date-picker: support date-picker placement (#7527) (a652470)

input-number: add borderless support (#7539) (ea1138b)

switch: add nzId input (#6815) (4c71bdb)

time-picker: support borderless (#7547) (a8c3f95)

Performance Improvements

transfer: add trackBy to the list and track by the hide property (#7424) (0587236)

13.4.0

2022-07-25

Bug Fixes

datepicker: 修复手动打开组件未正确聚焦输入框问题 (#7512) (b3a27d8)

transfer: 修复选择/反选操作未正确显示问题 (#7419) (1e9c11e)

Features

notification: 支持指定位置弹出 (#7540) (d8b26dd)

anchor: 支持设置滚动偏移量等功能 (#7494) (254b429)

badge: 支持设置 nzSize 属性 (#7405) (f40dd38)

date-picker: 支持指定弹出位置 (#7527) (a652470)

input-number: 支持无边框模式 (#7539) (ea1138b)

switch: 添加 nzId 属性指定内部元素 id (#6815) (4c71bdb)

time-picker: 支持无边框模式 (#7547) (a8c3f95)

Performance Improvements

transfer: 增加 trackBy 方法减少渲染消耗 (#7424) (0587236)

Source code(tar.gz)
Source code(zip)

13.3.2(Jun 25, 2022)

13.3.2

2022-06-26

Bug Fixes

input-number: fix errors before initialization (#7531) (800e6f4)

13.3.2

2022-06-26

Bug Fixes

input-number: 修复引入 input number 模块报错问题 (#7531) (800e6f4)

Source code(tar.gz)
Source code(zip)

13.3.1(Jun 20, 2022)

13.3.1

2022-06-20

Bug Fixes

input, input-number, steps: fix styles in components (#7522) (222b225)

13.3.1

2022-06-20

Bug Fixes

input, input-number, steps: 修复组件部分场景下的样式问题 (#7522) (222b225)

Source code(tar.gz)
Source code(zip)

13.3.0(Jun 15, 2022)

13.3.0

2022-06-15

Bug Fixes

icon: add missing zorro used icon: deleteOutline (#7499) (ba6bade)

tooltip: is not aligned on first display (#7457) (23a2fd5), closes #7453

transfer: submit behavior for button inside form (#7413) (0cfebca), closes #7410

Features

cascader: support setting status (#7452) (e10908e)

date-picker: support setting status (#7479) (c3d0874)

form: make form work with status (#7489) (98ac620)

input-number: support input number group (#7488) (b038fa2)

input-number: support setting status (#7462) (0c9287a)

input: support setting status (#7472) (999215e)

mentions: support setting status (#7467) (ac38b2d)

segmented: implement new component (#7404) (95a31da)

select: support setting status (#7478) (44b7fe0)

time-picker: support setting status (#7473) (0d8249b)

transfer: support setting status (#7475) (9b98fe1)

tree-select: add status (#7477) (40815ad)

13.3.0

2022-06-15

Bug Fixes

icon: 修复 deleteOutline 图标缺失问题 (#7499) (ba6bade)

tooltip: 修复首次显示时位置不正确问题 (#7457) (23a2fd5), closes #7453

transfer: 修复在表单内部使用时错误触发 submit 问题 (#7413) (0cfebca), closes #7410

Features

cascader: 支持设置校验状态 (#7452) (e10908e)

date-picker: 支持设置校验状态 (#7479) (c3d0874)

form: 支持根据表单状态设置子组件校验状态 (#7489) (98ac620)

input-number: 支持数字输入框前缀后缀组合 (#7488) (b038fa2)

input-number: 支持设置校验状态 (#7462) (0c9287a)

input: 支持设置校验状态 (#7472) (999215e)

mentions: 支持设置校验状态 (#7467) (ac38b2d)

segmented: 新增分段控制器组件 (#7404) (95a31da)

select: 支持设置校验状态 (#7478) (44b7fe0)

time-picker: 支持设置校验状态 (#7473) (0d8249b)

transfer: 支持设置校验状态 (#7475) (9b98fe1)

tree-select: 支持设置校验状态 (#7477) (40815ad)

Source code(tar.gz)
Source code(zip)

13.2.2(May 12, 2022)

13.2.2

2022-05-12

Bug Fixes

tree-view: trigger markforcheck after nodes changed (#7426) (a702674)

13.2.2

2022-05-12

Bug Fixes

tree-view: 修复虚拟滚动模式下动态添加数据未正确更新问题 (#7426) (a702674)

Source code(tar.gz)
Source code(zip)

13.2.1(Apr 27, 2022)

13.2.1

2022-04-27

Bug Fixes

code-editor: remove monaco-editor dependency in config.ts (#7392) (929084d)

13.2.1

2022-04-27

Bug Fixes

code-editor: 移除 NZ_CONFIG monaco-editor 强依赖 (#7392) (929084d)

Source code(tar.gz)
Source code(zip)

13.2.0(Apr 26, 2022)

13.2.0

2022-04-26

Bug Fixes

carousel: fix nzAfterChange callback value not correctly (#7326) (b517bd4), closes #7323

cascader: fix the problem of disappearing drop-down menu (#7381) (3d41ce0)

cascader: update position when click menu item (#7306) (4c669a5)

i18n: update fr translations (#7364) (64e1c7c)

list: re-enter the Angular zone when the NgZone.onStable emits (#7314) (425f8df)

modal: no longer trigger any action when closing (#7336) (d169452)

popconfirm: reverting missing nzPopconfirmVisibleChange (#7338) (561041c)

upload: fix upload drag drop will open new tab in firefox 91 and 92 (#7190) (9b51874)

Features

code-editor: add global configuration to support monaco require config (#7121) (21ec517)

code-editor: support MonacoEnvironment config in NZ_CONFIG (#7359) (4dfd9cd), closes #6502

image: nz-image add press left or right to switch image (#7321) (b5f82b5)

input-number: add nzReadOnly property (#7372) (0da7496), closes #7369

Performance Improvements

anchor: mark scroll listener as passive (#7330) (aab060f)

back-top: mark scroll listener as passive (#7329) (7f3c4e1)

cascader: do not run change detection on change event (#7312) (cb803f9)

image: do not run change detection when the image preview is clicked (#7309) (752a5b6)

input-number: do not run change detection when mouseup and mouseleave events are dispatched on handlers (#7313) (54386ef)

modal: call focus() on the next rendering frame to prevent frame drop (#7293) (106d346)

resizable: mark mousedown and touchstart listeners as passive (#7331) (518997b)

tree-view: do not run change detection when the nz-tree-node-checkbox is clicked (#7307) (1e0872b)

13.2.0

2022-04-26

Bug Fixes

carousel: 修复 nzAfterChange 回调未正确触发问题 (#7326) (b517bd4), closes #7323

cascader: 修复 hover 模式选项框无法错误隐藏问题 (#7381) (3d41ce0)

cascader: 修复选项框超出区域被遮挡问题 (#7306) (4c669a5)

i18n: 修复部分翻译缺失问题 (#7364) (64e1c7c)

list: 修复 NgZone.onStable 事件后未正确触发脏值检测问题 (#7314) (425f8df)

modal: 关闭弹窗过程中忽略点击确认取消按钮行为 (#7336) (d169452)

popconfirm: 修复 nzPopconfirmVisibleChange 未触发问题 (#7338) (561041c)

upload: 修复在 Firefox 91/92 版本中拖拽文件会打开新页面问题 (#7190) (9b51874)

Features

code-editor: 支持设置自定义配置以支持 monaco editor 配置 (#7121) (21ec517)

code-editor: 支持在 NZ_CONFIG 定义 window.MonacoEnvironment (#7359) (4dfd9cd), closes #6502

image: 支持点击键盘左右方向键切换图片 (#7321) (b5f82b5)

input-number: 增加 nzReadOnly 属性支持只读方式 (#7372) (0da7496), closes #7369

Performance Improvements

anchor: 使用 passive 改善的滚屏性能 (#7330) (aab060f)

back-top: 使用 passive 改善的滚屏性能 (#7329) (7f3c4e1)

cascader: 减少触发不必要的脏值检测 (#7312) (cb803f9)

image: 减少触发不必要的脏值检测 (#7309) (752a5b6)

input-number: 减少触发不必要的脏值检测 (#7313) (54386ef)

modal: 优化在不同设备上渲染帧率效果 (#7293) (106d346)

resizable: 使用 passive 改善性能 (#7331) (518997b)

tree-view: 减少触发不必要的脏值检测 (#7307) (1e0872b)

Source code(tar.gz)
Source code(zip)

13.1.1(Mar 3, 2022)

13.1.1

2022-03-03

Bug Fixes

collapse: markForCheck after collapse title clicked (#7284) (b7433a9)

icon: do not try to load SVG on the Node.js side since it will throw an error (#7290) (fe0484f), closes #7240

select: exact match while searching should be active (#6816) (48d2a25), closes #6812

upload: fix the problem that the transformed file is lost (#7206) (b82d2f3)

13.1.1

2022-03-03

Bug Fixes

collapse: 修复点击无法正常展开收起问题 (#7284) (b7433a9)

icon: 修复 SSR 构建加载 svg icon 抛错问题 (#7290) (fe0484f), closes #7240

select: 修复搜索未正确匹配下拉选择项问题 (#6816) (48d2a25), closes #6812

upload: 修复 nzTransformFile 转换上传的文件功能未正确转换文件问题 (#7206) (b82d2f3)

Source code(tar.gz)
Source code(zip)

13.1.0(Feb 25, 2022)

13.1.0

2022-02-25

Bug Fixes

button: prevent default event fire (#7267) (2306e0d)

date-picker: fix z-index to auto in inline mode (#7172) (26006f6)

date-picker: fix disable time when date changes (#7236) (ae67952)

i18n: update fa-IR.ts translations (#7249) (a7a0b41)

i18n: update pt_BR.ts translations (#7218) (95c7816)

input: do not set box-sizing when measuring (#7214) (035dc94), closes #7203

input: incorrect background color in disabled state (#7250) (7acb8db)

radio: emit false to the ngModel whenever the radio button is deselected (#7270) (2704237)

select: fix keyboard event error when option data is empty (#7222) (4bd86ca), closes #7242

slider: fix keydown not trigger nzOnAfterChange (#7252) (f419c07), closes #7251

Features

alert: support nzAction for customizing actions (#7246) (eb3b1ba)

drawer: support new apis nzSize and nzExtra (#7227) (d2e5b76)

i18n: add kk_KZ to i18n (#7261) (3580fb0)

i18n: add km_KH (#7220) (f972391)

Performance Improvements

auto-complete: do not run change detection when the promise resolves (#7138) (e95d941)

back-top: do not run change detection if there are no nzClick listeners (#7179) (7d091bb)

carousel: do not run change detection when the timer fires (#7136) (fc991d1)

collapse: do not run change detection if the panel is disabled (#7181) (3c3eac9)

dropdown: do not run change detection if the dropdown has been clicked inside (#7135) (4679592)

image: do not run change detection if there are no containerClick listeners (#7147) (f0f52a4)

mention: do not run change detection when the dropdown cannot be closed (#7146) (b72bd27)

mention: do not trigger change detections if there are no event listeners (#7130) (73af728)

resizable: do not run change detection on mousedown and touchstart events (#7170) (9a8d794)

select: do not run change detection on events if the nz-option-item is disabled (#7133) (a1bbdab)

select: do not run change detection unnecessarily on click events (#7175) (fd63d22)

table: do not run change detection if the sorting is not shown (#7174) (e541761)

table: do not unnecessarily re-enter the Angular zone (#7142) (5a5df13)

table: spawn timers and add listener outside of the zone (#7140) (ec248c9)

tabs: do not run change detection when the promise resolves (#7144) (148f84d)

time-picker: do not run change detection when the timer fires (#7143) (72da774)

tree-view: do not run change detection on click events if the nz-tree-node-option is disabled or there are no nzClick listeners (#7178) (0054f59)

typography: do not run change detection on input and keydown events (#7185) (ad547fb)

13.1.0

2022-02-25

Bug Fixes

button: 修复 nzLoading 为 true 情况下仍可点击问题 (#7267) (2306e0d)

date-picker: 内联模式下修改 z-index 为 auto (#7172) (26006f6)

date-picker: 修复日期变化时禁用时间段未同步问题 (#7236) (ae67952)

i18n: 修复 fa-IR.ts 翻译缺失内容 (#7249) (a7a0b41)

i18n: 修复 pt_BR.ts 翻译缺失内容 (#7218) (95c7816)

input: 删除 box-sizing 设置 (#7214) (035dc94), closes #7203

input: 修复 disabled 状态下样式不正确问题 (#7250) (7acb8db)

radio: 修复 radio 确保取消选中状态返回 false (#7270) (2704237)

select: 修复下拉选项值为空时键盘事件报错问题 (#7222) (4bd86ca), closes #7242

slider: 修复 keydown 事件未触发 nzOnAfterChange 问题 (#7252) (f419c07), closes #7251

Features

alert: 支持 nzAction 自定义操作项 (#7246) (eb3b1ba)

drawer: 支持 nzSize 属性与 nzExtra 自定义操作项 (#7227) (d2e5b76)

i18n: 添加 kk_KZ 哈萨克语国际化 (#7261) (3580fb0)

i18n: 添加 km_KH 高棉国际化 (#7220) (f972391)

Performance Improvements

auto-complete: 减少触发不必要的脏值检测 (#7138) (e95d941)

back-top: 减少触发不必要的脏值检测 (#7179) (7d091bb)

carousel: 减少触发不必要的脏值检测 (#7136) (fc991d1)

collapse: 减少触发不必要的脏值检测 (#7181) (3c3eac9)

dropdown: 减少触发不必要的脏值检测 (#7135) (4679592)

image: 减少触发不必要的脏值检测 (#7147) (f0f52a4)

mention: 减少触发不必要的脏值检测 (#7146) (b72bd27)

mention: 减少触发不必要的脏值检测 (#7130) (73af728)

resizable: 减少触发不必要的脏值检测 (#7170) (9a8d794)

select: 减少触发不必要的脏值检测 (#7133) (a1bbdab)

select: 减少触发不必要的脏值检测 (#7175) (fd63d22)

table: 减少触发不必要的脏值检测 (#7174) (e541761)

table: 减少触发不必要的脏值检测 (#7142) (5a5df13)

table: 减少触发不必要的脏值检测 (#7140) (ec248c9)

tabs: 减少触发不必要的脏值检测 (#7144) (148f84d)

time-picker: 减少触发不必要的脏值检测 (#7143) (72da774)

tree-view: 减少触发不必要的脏值检测 (#7178) (0054f59)

typography: 减少触发不必要的脏值检测 (#7185) (ad547fb)

Source code(tar.gz)
Source code(zip)

13.0.1(Jan 19, 2022)

13.0.1

2022-01-18

Bug Fixes

back-top: fix more reliable scrolling listener (#7208) (3bcd343), closes #7199

drawer: fix close icon position without nzTitle property (#7176) (a6195b9), closes #7164

icon: fix old icon element not removed (#7188) (67ac573), closes #7186

statistic: re-enter the Angular zone when the nzCountdownFinish emits (#7137) (6835544)

tree-view: fix innerTrackBy function (#7150) (4484674), closes #7118

Performance Improvements

auto-complete: memory leak (#7112) (3806250)

cdk: resolve leak (#7139) (2a93d05)

checkbox: reduce change detection cycles (#7127) (15abe33)

code-editor: always initialize outside of the Angular zone (#7151) (f73be80)

core: remove resize listener when the app is destroyed (#7125) (8437111)

image: unsubscribe old src (#7102) (87a3e27)

input-number: reduce change detection cycles (#7129) (9971faa)

modal: do not run change detection on mouse events (#7169) (c20bb80)

modal: resolve memory leaks (#7123) (3664efe)

graph: do not run change detection on animation frame (#7132) (1ceaf70)

rate: do not run change detection on focus and blur events if there are no output listeners (#7182) (3e9e035)

steps: do not run change detection if there are no nzIndexChange listeners (#7183) (cbfc558)

transfer: do not trigger change detection when the checkbox is clicked (#7124) (b12f43a)

13.0.1

2022-01-18

Bug Fixes

back-top: 修复 scrolling listener 问题 (#7208) (3bcd343), closes #7199

drawer: 修复 nzTitle 为空时关闭图标的位置错误问题 (#7176) (a6195b9), closes #7164

icon: 修复切换图标未正确替换问题 (#7188) (67ac573), closes #7186

statistic: nzCountdownFinish 事件触发后应重新进入 ngZone (#7137) (6835544)

tree-view: 修复 trackBy 方法在虚拟滚动场景下节点异常问题 (#7150) (4484674), closes #7118

Performance Improvements

auto-complete: 修复内存泄漏问题 (#7112) (3806250)

cdk: 修复内存泄漏问题 (#7139) (2a93d05)

checkbox: 减少触发脏值检测 (#7127) (15abe33)

code-editor: 在 ngZone 外初始化提升性能 (#7151) (f73be80)

core: 应用销毁时停止 resize 事件监听 (#7125) (8437111)

image: unsubscribe 过期的 src 源 (#7102) (87a3e27)

input-number: 减少触发脏值检测 (#7129) (9971faa)

modal: 鼠标事件无需触发脏值检测 (#7169) (c20bb80)

modal: 修复内存泄漏问题 (#7123) (3664efe)

graph: 动画执行无需触发脏值检测 (#7132) (1ceaf70)

rate: focus 与 blur 事件在无监听情况下无需触发脏值检测 (#7182) (3e9e035)

steps: 未监听 nzIndexChange 事件时无需触发脏值检测 (#7183) (cbfc558)

transfer: checkbox 被点击无需重复触发脏值检测 (#7124) (b12f43a)

Source code(tar.gz)
Source code(zip)

13.0.0(Dec 29, 2021)

13.0.0

2021-12-29

Removal of View Engine Support

ng-zorro-antd@13 remove support for View Engine and use Ivy library for distribution, you will get faster building and smaller bundle size.

See Angular Ivy.

Removal of IE11 Support

Removing IE11 support allows Angular to leverage modern browser features such as CSS variables and web animations via native web APIs

What’s more is that apps will be smaller and load faster because we can remove IE specific polyfills and code paths

See Issue #41840.

Enhanced Performance

Fix the problems that may cause memory leak.

BREAKING CHANGES

dropdown

[nzHasBackdrop] input value are no longer supported, please use [nzBackdrop] instead.

13.0.0

2021-12-29

停止对 View Engine 的支持

ng-zorro-antd@13 不再支持 View Engine 并使用 Ivy 包进行分发，你将获得更快的打包速度和更小的包体积。

获取更多帮助请前往 Angular Ivy 查看。

停止对 IE11 的支持

Angular 可以通过原生的 Web API 使用现代浏览器功能，如 CSS 变量和 Web 动画等特性

移除 IE 相关的 polyfills 和代码使得应用程序更小、加载速度更快

获取更多帮助请前往 Issue #41840 查看。

性能增强

修复了多处可能造成内存泄漏的问题。

BREAKING CHANGES

dropdown

[nzHasBackdrop] 已被移除，请使用 [nzBackdrop] 代替。

Source code(tar.gz)
Source code(zip)

12.1.1(Dec 20, 2021)

12.1.1

2021-12-20

Bug Fixes

date-picker,time-picker: disable autocomplete completely (#7088) (bddc537), closes #6718

popconfirm: missing arrow (#7086) (3f4a704)

timeline: when the data clear. reset items (#7109) (0ece612)

Performance Improvements

carousel: do not run change detection on non-handled keydown events (#7097) (ca3299e)

cascader: do not run change detections on non-handled keydown events (#7060) (9a37718)

date-picker: do not run change detection when the date-range-popup is clicked (#7096) (8f8c71b)

date-picker: resolve memory leaks (#7113) (fe9070a)

icon: do not run change detection when changing icon (#7071) (e998e4a)

mention: do not run change detections on mousedown events (#7094) (0d4ad23)

switch: reduce change detection cycles (#7105) (6d9b1ff)

table: do not run change detections on click events for the nz-filter-trigger (#7095) (346c50d)

time-picker: do not run change detection when scrolling (#7063) (baf7f0a)

time-picker: do not run change detection when the time picker panel is clicked (#7126) (76da3ff)

tree: do not run change detection when the tree node is clicked (#7128) (55f1e04)

12.1.1

2021-12-20

Bug Fixes

date-picker,time-picker: 禁用自动填充 autocomplete 属性 (#7088) (bddc537), closes #6718

popconfirm: 修复箭头丢失样式 (#7086) (3f4a704)

timeline: 清空数据时重置组件状态 (#7109) (0ece612)

Performance Improvements

carousel: keydown 事件取消不必要的脏值检测 (#7097) (ca3299e)

cascader: keydown 事件取消不必要的脏值检测 (#7060) (9a37718)

date-picker: 点击 date-range-popup 取消不必要的脏值检测 (#7096) (8f8c71b)

date-picker: 修复内存泄漏问题 (#7113) (fe9070a)

icon: 切换图标时取消不必要的脏值检测 (#7071) (e998e4a)

mention: mousedown 事件取消不必要的脏值检测 (#7094) (0d4ad23)

switch: 减少触发脏值检测 (#7105) (6d9b1ff)

table: nz-filter-trigger 点击事件取消不必要的脏值检测 (#7095) (346c50d)

time-picker: 滚动时取消不必要的脏值检测 (#7063) (baf7f0a)

time-picker: panel 被点击取消不必要的脏值检测 (#7126) (76da3ff)

tree: 节点点击时取消不必要的脏值检测 (#7128) (55f1e04)

Source code(tar.gz)
Source code(zip)

12.1.0(Nov 30, 2021)

12.1.0

2021-11-30

Bug Fixes

tabs: tabs add btn disappear after all tab closed (#7076) (3709b73), closes #7077

tree-view: incorrect type of trackBy (#7085) (891a622)

tree-view: not updates when datasource data changes #7040 (#7083) (cad8ca0)

Features

core,dropdown,table: add config for backdrop (#6783) (2f7c44d)

tooltip: add arrow point at center (#7010) (7fac8eb)

tooltip: support tooltip template context (#6948) (fec40a8), closes #6607

Performance Improvements

auto-complete: do not run change detection on mousedown and mouseenter for nz-auto-option (#7048) (d6ca43e)

core: do not run change detection when scrolling (#7062) (a972d7b)

graph: reduce change detections on click events (#7056) (1e2960a)

graph: resolve minimap memory leaks (#7052) (f93960c)

modal: do not run change detection when focusing element (#7070) (ffcb709)

radio: reduce change detection cycles (#7068) (b8cc94f)

resizable: reduce change detection cycles (#7036) (5cad154)

select: reduce change detections for nz-select-top-control (#7038) (d45f0ab)

upload: do not trigger change detection for nz-upload-btn (#7037) (7e587d1)

upload: previewing images should be cancellable when the component gets destroyed (#7067) (8f21ef1)

12.1.0

2021-11-30

Bug Fixes

tabs: 修复可编辑标签页全部删除后无法继续添加问题 (#7076) (3709b73), closes #7077

tree-view: 修复未定义的 trackBy (#7085) (891a622)

tree-view: 修复数据源中的数据发生变化时组件不更新问题 #7040 (#7083) (cad8ca0)

Features

core,dropdown,table:: 组件新增 nzBackdrop 全局配置 (#6783) (2f7c44d)

tooltip: 支持通过设置 nzTooltipArrowPointAtCenter 箭头将指向目标元素的中心 (#7010) (7fac8eb)

tooltip: 支持提示文字模板上下文渲染 (#6948) (fec40a8), closes #6607

Performance Improvements

auto-complete: nz-auto-option 下 mousedown 和 mouseenter 事件无需触发脏值检测 (#7048) (d6ca43e)

core: 滚动时无需触发脏值检测 (#7062) (a972d7b)

graph: 点击事件减少触发脏值检测 (#7056) (1e2960a)

graph: 解决缩略图内存泄漏问题 (#7052) (f93960c)

modal: 元素聚焦时无需触发脏值检测 (#7070) (ffcb709)

radio: 减少触发脏值检测 (#7068) (b8cc94f)

resizable: 减少触发脏值检测 (#7036) (5cad154)

select: nz-select-top-control 减少触发脏值检测 (#7038) (d45f0ab)

upload: nz-upload-btn 取消不必要的脏值检测 (#7037) (7e587d1)

upload: 组件销毁时预览图片应该可取消 (#7067) (8f21ef1)

Source code(tar.gz)
Source code(zip)

12.0.2(Nov 5, 2021)

12.0.2

2021-11-04

Bug Fixes

core: correct hidden behavior (#6919) (987b1ca), closes #6918

pagination: pre-ellipsis show in the wrong position (#6793) (9700e89)

affix: fix update position when target resize (#6896) (d18a8ae), closes #6764

date-picker: added missing type attributes for buttons (#7013) (d69d374), closes #7012

datepicker: fixed opacity 0 on inline datepicker reopen (#6910) (d392b2e)

i18n: update en_GB.ts translations (#6982) (f89cb38), closes #6979

modal: footer onClick re-throw error in promise catch (#6928) (3277d22)

popconfirm: add nzOkDanger option for nz-popconfirm (#6866) (d889e98)

table: show empty state regardless of loading value (#6934) (013beda)

timepicker: fix ok button + selection of default open value (#6941) (daf9f57)

timepicker: fixed auto positioning picker (#6939) (65fdbc8)

tooltip: fix tooltip for deeply wrapped focusable elements (#6965) (78c16a2), closes #6955

Performance Improvements

autocomplete: resolve memory leak (#6851) (e61e350)

breadcrumb: do not re-enter the Angular zone when calling navigate (#6850) (830a1f2)

button: do not trigger change detections on click events (#6849) (85c79f6)

core: resolve memory leak (#6852) (25eb0fe)

code-editor: load Monaco only once (#7033) (e1eafec)

image: resolve memory leak (#6856) (6744eb1)

select: do not run change detection if the triggerWidth has not been changed (#6858) (055f4a1)

table: resolve leak within the nz-table-fixed-row (#7034) (cfa1ecd)

upload: do not trigger change detection for nz-upload-btn (#7032) (47f91c7)

12.0.2

2021-11-04

Bug Fixes

core: 纠正 hidden 属性行为 (#6919) (987b1ca), closes #6918

pagination: 修复分页组件错误的省略号 (#6793) (9700e89)

affix: 目标元素大小调整时更新固钉位置状态 (#6896) (d18a8ae), closes #6764

date-picker: 修复错误的按钮类型导致在表单中触发提交的问题 (#7013) (d69d374), closes #7012

date-picker: 修复日期选择框内联模式下重新打开时无法展示问题 (#6910) (d392b2e)

i18n: 更新 DatePicker en_GB.ts 国际化文案 (#6982) (f89cb38), closes #6979

modal: 修复模态框底部按钮 onClick 返回 Promise 未抛出错误问题 (#6928) (3277d22)

popconfirm: 支持 nzOkDanger 确认按钮是否为危险按钮属性 (#6866) (d889e98)

table: 加载状态时显示空状态 (#6934) (013beda)

timepicker: 修复设置 nzDefaultOpenValue 时确认按钮未正确赋值问题 (#6941) (daf9f57)

timepicker: 修复时间选择组件在页面底部时位置被遮挡问题 (#6939) (65fdbc8)

tooltip: 修复 tooltip 部分场景下无法聚焦触发问题 (#6965) (78c16a2), closes #6955

Performance Improvements

autocomplete: 解决内存泄漏问题 (#6851) (e61e350)

breadcrumb: 当调用 navigate 时，不要重新进入 NgZone (#6850) (830a1f2)

button: disabled 状态点击事件不需要进行脏值检测 (#6849) (85c79f6)

core: 解决内存泄漏问题 (#6852) (25eb0fe)

code-editor: 确保 Monaco Editor 仅被加载一次 (#7033) (e1eafec)

image: 解决内存泄漏问题 (#6856) (6744eb1)

select: triggerWidth 未改变不执行脏值检测 (#6858) (055f4a1)

table: 解决内存泄漏问题 (#7034) (cfa1ecd)

upload: 优化脏值检测时机 (#7032) (47f91c7)

Source code(tar.gz)
Source code(zip)

12.0.1(Jul 12, 2021)

12.0.1

2021-07-12

Bug Fixes

code-editor: dispose the event listener when the component is destroyed (#6847) (503c6f9)

code-editor: resolve memory leak (#6846) (6d43b6c)

code-editor: re-enter the Angular zone only if the value has been changed (#6845) (5c09948)

drawer: trigger change detection only if there are nzOnViewInit listeners (#6841) (c5b5741)

icon: resolve memory leak (#6839) (bdc2a55)

remove the default resize observer polyfill (#6843) (29d44af), closes #6696

If you want to support older browsers, you can provide polyfill in the following way.

import { NzResizeObserverFactory } from 'ng-zorro-antd/cdk/resize-observer'; import ResizeObserver from 'resize-observer-polyfill'; @NgModule({ providers: [ { provide: NzResizeObserverFactory, useValue: { create(callback: ResizeObserverCallback): ResizeObserver | null { return typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(callback); } } } ] }) export class AppModule {}

12.0.1

2021-07-12

Bug Fixes

code-editor: 组件销毁时 dispose 编辑器的事件监听 (#6847) (503c6f9)

code-editor: 解决 SSR 下内存泄露的问题 (#6846) (6d43b6c)

code-editor: 只在 value 发生改变时再进入 ngZone (##6845) (5c09948)

drawer: 只有在 nzOnViewInit 被监听时再触发 (#6841) (c5b5741)

icon: 解决内存泄露的问题 (#6839) (bdc2a55)

移除默认的 resize observer polyfill (#6843) (29d44af), closes #6696

如果你想支持老浏览器，你可以像下面这样提供 polyfill。

import { NzResizeObserverFactory } from 'ng-zorro-antd/cdk/resize-observer'; import ResizeObserver from 'resize-observer-polyfill'; @NgModule({ providers: [ { provide: NzResizeObserverFactory, useValue: { create(callback: ResizeObserverCallback): ResizeObserver | null { return typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(callback); } } } ] }) export class AppModule {}
Source code(tar.gz)
Source code(zip)

12.0.0(Jul 11, 2021)

Bug Fixes

pagination: mark for check when the total number of pages changes (#6780) (2f1f8dc)

pagination: pagination in form will trigger submit (#6744) (f77ab28)

cascader: add nzClear functionality to cascader (#6761) (3dd9534), closes #6751

select: focus input when selector is clicked (#6786) (1c9331a)

time-picker: close time-picker after tabbing out (#6602) (0e53053)

tree: stop change url in firefox (#6771) (be20114)

typography: single line ellipsis style (#6776) (e192a70)

Features

checkbox: add nzId input (#6813) (52235c9)

core: support reset NZ_CONFIG inside component & overflow component (#6601) (edd410a)

date-picker: nz-range-picker support nzId (#6814) (28074e1)

experimental/image: add experimental image component (#6590) (7e2fba3)

popconfirm: support nzAutoFocus (#6256) (91e5d49), closes #6249

rate: support customize character (#6787) (7163e36)

steps: steps support circular progress bar (#6132) (466a093), closes #5684

timeline: support nzLabel (#6687) (86c587d), closes #6682

BREAKING CHANGES

button

[nz-button][nzType="danger"] input value are no longer supported, please use [nz-button][nzDanger] instead.

modal

usage of ng-content has been removed, please use <ng-template nzModalContent></ng-template> instead.

drawer

usage of ng-content has been removed, please use <ng-template nzDrawerContent></ng-template> instead.

tree-view

[nzNodeWidth] has been removed, please use [nzItemSize] instead.

nz-space-item

nz-space-item, [nz-space-item] has been removed, please use <ng-template nzSpaceItem></ng-template> instead.

Bug Fixes

pagination: 修复总页数改变时没有触发变更检查的问题 (#6780) (2f1f8dc)

pagination: 修复错误的按钮类型导致在表单中触发提交的问题 (#6744) (f77ab28)

cascader: 修复 nzClear 不工作的问题 (#6761) (3dd9534), closes #6751

select: 修复选择器被点击时没有聚焦的问题 (#6786) (1c9331a)

time-picker: 修复 Tab 切换焦点时弹出没有关闭的问题 (#6602) (0e53053)

tree: 修复 firefox 下拖拽的问题 (#6771) (be20114)

typography: 修复单行省略的样式问题 (#6776) (e192a70)

Features

checkbox: 添加 nzId 属性 (#6813) (52235c9)

date-picker: 添加 nzId 属性 (#6814) (28074e1)

experimental/image: 添加新的实验性组件 (#6590) (7e2fba3)

popconfirm: 添加 nzAutoFocus 属性 (#6256) (91e5d49), closes #6249

rate: 为定义字符模版添加 index 变量 (#6787) (7163e36)

steps: 支持环形进度条 (#6132) (466a093), closes #5684

timeline: 添加 nzLabel 属性 (#6687) (86c587d), closes #6682

BREAKING CHANGES

button

[nz-button][nzType="danger"] 已经不再支持，请使用 [nz-button][nzDanger] 代替。

modal

ng-content 的用法已经被移除，请使用 <ng-template nzModalContent></ng-template> 代替。

drawer

ng-content 的用法已经被移除，请使用 <ng-template nzDrawerContent></ng-template> 代替。

tree-view

[nzNodeWidth] 已经被移除，请使用 [nzItemSize] 代替.

nz-space-item

nz-space-item, [nz-space-item] 已经被移除，请使用 <ng-template nzSpaceItem></ng-template> 代替。

Source code(tar.gz)
Source code(zip)

11.4.2(Jun 8, 2021)

2021-06-08

Bug Fixes

autocomplete: no reset status when no matching inputs (#6685) (7199ad5), closes #6286

badge: fix nzNoAnimation not working (#6717) (36c03e3)

modal: nzVisible not updated when implicitly closed (#6649) (5faac2c), closes #6647 #6320

slider: processing value zero correctly (#6729) (62a86c0)

tabs: fix nzCentered not working (#6706) (439ff0a)

tag: missing styles on view engine (#6738) (29c316b), closes #6732

tree-view: node indent line without mark change check (#6736) (215a278), closes #6714

focus monitor cleanup (#6562) (32b3254)

Bug Fixes

autocomplete: 修复没有输入匹配时没有重置状态 (#6685) (7199ad5), closes #6286

badge: 修复 nzNoAnimation 不生效的问题 (#6717) (36c03e3)

modal: nzVisible 编程式修改时没有更新 (#6649) (5faac2c), closes #6647 #6320

slider: 正确处理 0 值 (#6729) (62a86c0)

tabs: fix nzCentered not working (#6706) (439ff0a)

tag: 修复 View Engine 下样式丢失 (#6738) (29c316b), closes #6732

tree-view: 节点缩进线没有标记变更检测 (#6736) (215a278), closes #6714

添加 focus monitor 的清理逻辑 (#6562) (32b3254)

Source code(tar.gz)
Source code(zip)

11.4.1(Apr 23, 2021)

11.4.1

2021-04-23

Bug Fixes

*: create image using document method to avoid ReferenceError in SSR (#6569) (d7b9291)

date-picker: click outside not change value (#6596) (62e4bb6), closes #6595

date-picker: not switch month panel when range is same month (#6616) (bf4ae4d)

date-picker: time picker panel not scroll at first time (#6604) (b97dfbe)

graph: fix edge default style and wrong toggling group nodes (#6615) (c434ea9)

i18n: added property missing in ka_GE (#6589) (825925c)

slider: fix range slider not working for arrow keys (#6612) (51f33e6), closes #6586

typography: add type="button" attribute to button element in nz-text-copy component (#6606) (48a9714), closes #6605

Bug Fixes

*: 修复在服务端渲染中创建图片的 ReferenceError 错误 (#6569) (d7b9291)

date-picker: 修复点击外部没有更新值的问题 (#6596) (62e4bb6), closes #6595

date-picker: 修复切换月面板的问题 (#6616) (bf4ae4d)

date-picker: 修复 time picker 第一次打开时没有滚动的问题 (#6604) (b97dfbe)

graph: 修复 edge 默认样式和切换 group node 的问题 (#6615) (c434ea9)

i18n: 添加 ka_GE 缺少的翻译 (#6589) (825925c)

slider: 修复范围模式下方向键的问题 (#6612) (51f33e6), closes #6586

typography: 为操作按钮添加 type="button" 属性 (#6606) (48a9714), closes #6605

Source code(tar.gz)
Source code(zip)

11.4.0(Apr 8, 2021)

11.4.0

2021-04-08

Bug Fixes

table: fix sort and filter when nzFrontPagination is false (#6547) (097cb6c), closes #5457

date-picker: close date-picker after tabbing out (#6571) (21ded3f), closes #5844

drawer: content is attached before the drawer is opened (#6581) (ac50a7b), closes #6381 #6534

space: fix deprecated warning for nz-space-item (#6549) (#6561) (f80a5bb)

tabs: make remove icon of nz-tab-link clickable (#6563) (3a68c10)

tabs: not scrolling to the selected tab after init (#6580) (4ddd8fb), closes #6579

Features

select: support number as label (#6538) (1f6ce76), closes #6535

Bug Fixes

table: 修复 nzFrontPagination 为 false 时排序和筛选的问题 (#6547) (097cb6c), closes #5457

date-picker: 修复 Tab 失去焦点没有关闭的问题 (#6571) (21ded3f), closes #5844

drawer: 修复内容在打开之前被挂载的问题 (#6581) (ac50a7b), closes #6381 #6534

space: 修复 nz-space-item 的弃用警告 (#6549) (#6561) (f80a5bb)

tabs: 使 nz-tab-link 移除图标可点击 (#6563) (3a68c10)

tabs: 修复初始化后没有滚动到选中的标签的问题 (#6580) (4ddd8fb), closes #6579

Features

select: label 支持 number 类型 (#6538) (1f6ce76), closes #6535

Source code(tar.gz)
Source code(zip)

11.3.0(Mar 23, 2021)

2021-03-23

Bug Fixes

mention: preserve white spaces when insert suggestions (#6505) (d5ed97e), closes #6175

tooltip: detect trigger change (#6470) (e8e7dc3), closes #6469

dropdown: dropdown animations (#6143) (70da5a2), closes #6018

pagination: fix class name in NzPaginationItemComponent (#6485) (0e326e7)

date-picker,core,i18n: import date-fns by esm (#6524) (fb4eeae)

descriptions: fix dom structure under vertical layout (#6513) (ef0f3a5)

modal: fix incorrect assignment of 'nzFooter' (#6468) (85ea273), closes #6467

rate: fix invalid type of nzCount in strictTemplates (#6457) (4d28a60)

space: add missing exports (#6521) (e0073e4)

table: virtual scroll bordered style (#6493) (c2f44be)

tooltip: keep tooltip visibility when trigger is null (#6489) (0de0e6f)

Features

all: global config for nzBackdrop (#6380) (ba80ec3), closes #6029 #6177

modal: add nzModalTitle directive (#6396) (25f6c27), closes #4343 #6337

space: add nzSplit support (#6487) (c535f06)

Deprecated

space: nz-space-item in nz-space will be removed in 12.0.0, please use *nzSpaceItem instead.

Bug Fixes

mention: 插入建议时保留空白 (#6505) (d5ed97e), closes #6175

tooltip: 修复 nzTooltipTrigger 改变时没有侦测变化的问题 (#6470) (e8e7dc3), closes #6469

dropdown: 修复动画失效的问题 (#6143) (70da5a2), closes #6018

pagination: 修复 NzPaginationItemComponent 中的类名问题 (#6485) (0e326e7)

date-picker,core,i18n: 使用 es module 来引入 date-fns (#6524) (fb4eeae)

descriptions: 修复在 vertical 布局下的 DOM 结构问题 (#6513) (ef0f3a5)

modal: 修复 nzFooter 错误赋值的问题(#6468) (85ea273), closes #6467

rate: 修复 nzCount 的无效类型 (#6457) (4d28a60)

space: 补全需要导出的类 (#6521) (e0073e4)

table: 修复虚拟滚动下的边框样式问题 (#6493) (c2f44be)

tooltip: 当 nzTooltipTrigger 为空时保持显示 (#6489) (0de0e6f)

Features

all: 新增 nzBackdrop 的全剧配置 (#6380) (ba80ec3), closes #6029 #6177

modal: 新增 [nzModalTitle] 指令 (#6396) (25f6c27), closes #4343 #6337

space: 新增 nzSplit (#6487) (c535f06)

Deprecated

space: 在 nz-space 中的 nz-space-item 将会在 12.0.0 移除, 请使用 *nzSpaceItem 代替。

Source code(tar.gz)
Source code(zip)

11.2.0(Feb 26, 2021)

2021-02-26

Bug Fixes

18n: adding new translations de_DE (#6434) (1c09fe1)

18n: adding new translations es_ES (#6421) (6b878b9)

docs: fix dependabot alert (#6428) (2fbbe94)

dropdown: close menu when click again (#6353) (#6354) (cd90349)

grid,menu,radio,table: fix memory leak problem (#6408) (94607a0)

input: fix [nzAutosize]="true" (#6409) (8ca1e5a)

message: avoid flicker when window close (#6296) (#6370) (772e76c)

table: fix table filter (#6384) (#6385) (ad01c8f)

tree-view: correct API typo (#6386) (27a1c4e)

schematics: fix add-icon-assets schema path (#6404) (340670d)

Features

date-picker: add nzInline property (#6436) (4d80873)

grid: nzGutter support string type (#6450) (ec03c7f)

time-picker: support updating OK and Now button text (#6410) (ef3af58)

time-picker,select,tree-select: support nzId (#6379) (85d423d)

Performance Improvements

select: avoid reflow when select init (#6452) (342d2d1)

Bug Fixes

18n: 新增 de_DE 翻译 (#6434) (1c09fe1)

18n: 新增 es_ES 翻译 (#6421) (6b878b9)

docs: 修复依赖警告问题 (#6428) (2fbbe94)

dropdown: 修复再次点击没有关闭的问题 (#6353) (#6354) (cd90349)

grid,menu,radio,table: 修复内存泄漏问题 (#6408) (94607a0)

input: 修复 nzAutosize 的问题 (#6409) (8ca1e5a)

message: 修复窗口关闭时闪烁的问题 (#6296) (#6370) (772e76c)

table: 修复过滤问题 (#6384) (#6385) (ad01c8f)

tree-view: 修复 API 名错误 (#6386) (27a1c4e)

schematics: 修复 add-icon-assets schema 路径问题 (#6404) (340670d)

Features

date-picker: 新增 nzInline (#6436) (4d80873)

grid: nzGutter 支持 string 类型 (#6450) (ec03c7f)

time-picker: 新增 nzNowText nzOkText(#6410) (ef3af58)

time-picker,select,tree-select: 新增 nzId (#6379) (85d423d)

Performance Improvements

select: 避免初始化回流 (#6452) (342d2d1)

Source code(tar.gz)
Source code(zip)

11.1.0(Jan 25, 2021)

2021-01-22

Bug Fixes

table: fix table nzBordered (#6367) (d6ca800), closes #6135 #6254

typography: edit area cannot get the content (#6369) (814ef92)

Features

date-picker: support nzId (#6242) (#6246) (1e9f8bd)

modal: add nzCentered for modal (#6333) (8fd4df6), closes #6327

table: add support for ReadonlyArray (#6156) (9d67d0b)

table: support nzPaginationType property (#5986) (61ca6e2)

upload: support NzUploadFile parameter of nzIconRender (#6283) (a949470), closes #6279

Bug Fixes

table: 修复 nzBordered 的问题(#6367) (d6ca800), closes #6135 #6254

typography: 修复编辑区域无法获取内容的问题 (#6369) (814ef92)

Features

date-picker: 添加 nzId 支持 (#6242) (#6246) (1e9f8bd)

modal: 添加 nzCentered 支持 (#6333) (8fd4df6), closes #6327

table: 添加 ReadonlyArray 支持 (#6156) (9d67d0b)

table: 添加 nzPaginationType 支持 (#5986) (61ca6e2)

upload: nzIconRender 添加 NzUploadFile 模版引用变量 (#6283) (a949470), closes #6279

Source code(tar.gz)
Source code(zip)