NG-ZORRO 9.0.0-beta.1 released, NG-ZORRO (has been renamed ng-zorro-antd) is Ant Design of Angular implementation, development and services for enterprise-class back-end products.
Part of the API ng-zorro-antd in version 8.x enter abandoned state, and gives a warning of the development environment, deprecated API is no longer supported in 9.0.0 Before all, if you have previously modified in accordance with alarm information use corresponding components, then the version 9.0.0 upgrade will not have any obstacles, follow these steps.
- Angular major version upgrade to version 9.0.0, you can refer https://update.angular.io/
- Manually ng-zorro-antd upgrade to the latest version, we will automatically provide official ng update tool in the official version 9.0.0.
- After 9.0.0 ng-zorro-antd use the 2.x version date-fns, we provide a format compatible with the internal components of the input tool.
date-fns upgrade
When you switch to date-fns time, some of the date format will be breaking change. such as:
<!-- datefns v1 --> <nz-date-picker nzFormat="YYYY-MM-DD"></nz-date-picker> <!-- datefns v2 --> <nz-date-picker nzFormat="yyyy-MM-dd"></nz-date-picker>
We recommend using date-fns v2 date format . If you do not want to use the new date format, you can use NZ_DATE_FNS_COMPATIBLE when setting true the time, ng-zorro-antd will v1 format into v2, comparing the old and new formats see here .
providers: [
{ provide: NZ_DATE_FNS_COMPATIBLE, useValue: true }
]
But NZ_DATE_FNS_COMPATIBLE not retained for too long, to ng-zorro-antd v10 will be removed to date-fns support v1 date format , I hope you can update the date-fns date format. About date-fns Upgrade Guide Look here , if the business use of date-fns, reference may be date-fns official compatible tool to view.
Bug Fixes
- auto-complete: Repair shut down automatically when dragging the scroll bar issue ( # 4551 ) ( 387ebc1 ), Closes # 4333
- auto-complete: fix display problems defaults ( # 4366 ) ( 09f1ec6 ), Closes # 4362
- breadcrumb: Repair breadcrumbs display issue ( # 4880 ) ( 2553328 )
- button: Repair transition display problems ( 9e0df2a ), Closes # 2697
- cascader: display problems when no repair options ( # 4565 ) ( 9d8d7e6 ), Closes # 4562
- code-editor: restoration of configuration options ( # 4436 ) ( 5283a32 )
- date-picker: repair nzDefaultOpenValue invalidity ( # 4357 ) ( dfa3d39 ), Closes # 4331
- date-picker: fixing expanding animation ( # 4315 ) ( 931fd48 )
- drawer: fix overflow style issue ( # 4423 ) ( 9451de5 ), Closes # 4354
- drawer: Animation issue when repairing position change ( # 4609 ) ( e539096 ), Closes # 4224
- drawer: Repair header structure style issues ( # 4311 ) ( 5cdd5db ), Closes # 4304
- dropdown: Repair contextmenu multiple open question ( 39487f1 ), Closes # 3971 # 4684
- dropdown: Repair dropdown menu group in the style of question you ( d928a8c ), Closes # 4505
- layout: fix layout height issue ( bed60ff ), Closes # 4676
- layout: fix responsive invalidity ( 9f951f8 )
- mention: repair mobile terminal selection ( # 4309 ) ( 1be6d51 ), Closes # 4281
- menu: fix display problems when the screen is out of bounds ( 4c8032b ), Closes # 3412 # 4227 # 3687
- message: repair problems with the notification message under Prod ( # 4884 ) ( 3e2f85d )
- modal: fix
nzMaskClosablethe problem does not work in confirm mode ( # 4347 ) ( 475bbc4 ), Closes # 4344 - pagination: Repair half-width character issue ( # 4371 ) ( cc3868e )
- select: Options may be selected fix hidden problems ( # 4382 ) ( cf22133 ), Closes # 4377 # 4377
- table: repair
nzFiltersbeing given is null ( # 4595 ) ( 2c26e9f ) - table: repair data derived data type of problem Table ( # 4608 ) ( 70b1440 ), Closes # 4593
- table: repair Table nzWidth issue ( # 4329 ) ( c6bdf15 ), Closes # 4312
- timeline: Display issues under repair Reverse ( # 4690 ) ( 09bf8f4 ), Closes # 4509
- transfer: Repair nzTargetKeys invalidity ( # 4670 ) ( 31089a1 ), Closes # 4641 # 4360 # 4210
- tooltip: repair hover popover always hidden problems ( # 4418 ) ( a6b5901 ), Closes # 4417
- tooltip: fix the problem (undefined does not take effect in # 4392 ) ( 2a71c43 )
- tooltip: error of repair tooltip destruction ( # 4387 ) ( 8e9e6a9 ), Closes # 3875 # 4317 # 4386
- tree-select: fixes click label in strict mode ( # 4424 ) ( 7a11124 ), Closes # 4422
- tree-select: fix the problem tags in strict mode ( # 4368 ) ( a6547a0 ), Closes # 4364
- code-editor: fix problems in diff mode ( # 4485 ) ( # 4532 ) ( 021cf22 )
Features
- breadcrumb: Support Independent Separator ( # 4713 ) ( 1f490e9 )
- collapse: Support nzExpandIconPosition ( # 4781 ) ( 760512a )
- date-picker: support more the Inputs ( # 4843 ) ( af4051e )
- date-picker: supports parsing of input data ( # 4833 ) ( 6a523ba ), Closes # 4028 # 3976 # 2492 # 4101
- grid: Support nzFlex and nzGutter array of input ( c4d2694 )
- i18n: Support Armenian language ( # 4611 ) ( 038691f )
- i18n: support for Georgian language ( # 4491 ) ( d96ebe0 )
- icon: Support for importing icons (in the feature module in # 4711 ) ( 0bcd2a9 )
- input: effect (support textarea with clear icons 0af9242 ), Closes # 4623
- input-number: Support nzPrecisionMode mode ( # 4185 ) ( bfe089f ), Closes # 4173
- input-number: Support ngModelChange trigger immediately (when entering # 4769 ) ( 299ba6d ), Closes # 3039 # 3773
- menu: When sider away, automatically trigger nzInlineCollapsed mode ( 51fbf5e ), Closes # 4680
- menu: Support nzMatchRouter cooperate with CanDeactivate ( 7560563 ), Closes # 4407
- code-editor: supports static import ( # 4341 ) ( 29f732b )
- notification: Support close icon options ( # 4495 ) ( 80a0b26 ), Closes # 4494
- page-header: increase
nzGhostoptions ( # 4306 ) ( 4c78cca ), Closes # 4303 - pagination: nzItemRender support prev_5 and next_5 custom icon ( # 4754 ) ( 41c4860 )
- progress: support steps mode ( # 4637 ) ( fe8b469 ), Closes # 4635
- progress: Support nzFormat incoming TemplateRef ( # 4598 ) ( edf0e9c ), Closes # 4596
- the SELECT: the SELECT support virutal scroll mode ( 40daee9 ), Closes # 4585 # 3497
- skeleton: increase Skeleton-Element-nz ( # 4859 ) ( 8dc2ff3 )
- tabs: increased nzCanDeactivate hook ( # 4476 ) ( a533980 ), Closes # 4432
- tag: increased status colors options ( # 4628 ) ( aa22c0f ), Closes # 4622 # 4413
- tooltip: support for changing the trigger position ( # 4397 ) ( 48d7122 ), Closes # 4365
- tree-select: Support
nzDropdownClassNameOptions ( # 4552 ) ( df8c125 ), Closes # 4508 - typography: Support
nzSuffixOptions ( # 4629 ) ( ca02a07 ), Closes # 4620
Performance Improvements
- checkbox: Use css empty selector instead of observeContent ( # 4761 ) ( da8821a )
- input: to enhance the input performance ( 7af643b ), Closes # 3950
- radio: Reconstruction of the data flow ( # 4770 ) ( 423a382 )
Update Description: https://github.com/NG-ZORRO/ng-zorro-antd/releases/tag/9.0.0-beta.1