NG-ZORRO 9.0.0-beta.1 发布，Ant Design 的 Angular 实现

内容简介：NG-ZORRO 9.0.0-beta.1 发布了，NG-ZORRO（已更名为 ng-zorro-antd）是 Ant Design 的 Angular 实现，用于开发和服务于企业级后台产品。 ng-zorro-antd 的部分 API 在 8.x 版本进入弃用状态，并且在开发环境中给出...

NG-ZORRO 9.0.0-beta.1 发布了，NG-ZORRO（已更名为 ng-zorro-antd）是 Ant Design 的 Angular 实现，用于开发和服务于企业级后台产品。

ng-zorro-antd 的部分 API 在 8.x 版本进入弃用状态，并且在开发环境中给出了警告提醒，所有之前弃用 API 在 9.0.0 不再支持，如果你之前已经根据告警信息修改了对应组件的使用方式，那么 9.0.0 版本升级不会有任何障碍，请按照以下步骤进行。

1. 升级 Angular 主版本号至 9.0.0 版本，可以参考 https://update.angular.io/
2. 手动升级 ng-zorro-antd 至 最新版本，我们将会在 9.0.0 正式版中提供官方自动 ng update 工具。
3. 在 9.0.0 之后 ng-zorro-antd 使用了 date-fns 的 2.x 版本，我们提供了组件内部的输入格式兼容工具。

date-fns 升级

当你切换至 date-fns 时，一些日期格式会有 breaking change。比如：

<!-- datefns v1 -->
<nz-date-picker nzFormat="YYYY-MM-DD"></nz-date-picker>

<!-- datefns v2 -->
<nz-date-picker nzFormat="yyyy-MM-dd"></nz-date-picker>

我们推荐使用 date-fns v2 的日期格式。如果你不想使用新日期格式，你可以用 NZ_DATE_FNS_COMPATIBLE ，当设置为 true 时，ng-zorro-antd 会把 v1 的格式转为 v2，新旧格式的对比看这里。

providers: [
  { provide: NZ_DATE_FNS_COMPATIBLE, useValue: true }
]

但 NZ_DATE_FNS_COMPATIBLE 不会保留太久，到 ng-zorro-antd v10 将会移除对 date-fns v1 日期格式的支持，希望你能及时更新 date-fns 日期格式。关于 date-fns 升级指南看这里，如果业务中使用了 date-fns，可以参考 date-fns 官方兼容工具 查看。

Bug Fixes

• auto-complete: 修复滚动条拖拽时自动关闭问题 (#4551) (387ebc1), closes #4333
• auto-complete: 修复默认值显示问题 (#4366) (09f1ec6), closes #4362
• breadcrumb: 修复面包屑显示问题 (#4880) (2553328)
• button: 修复 transition 显示问题 (9e0df2a), closes #2697
• cascader: 修复无选项时的显示问题 (#4565) (9d8d7e6), closes #4562
• code-editor: 修复配置选项 (#4436) (5283a32)
• date-picker: 修复 nzDefaultOpenValue 无效问题 (#4357) (dfa3d39), closes #4331
• date-picker: 修复展开动画效果 (#4315) (931fd48)
• drawer: 修复 overflow 样式问题 (#4423) (9451de5), closes #4354
• drawer: 修复位置变化时的动画问题 (#4609) (e539096), closes #4224
• drawer: 修复 header 结构样式问题 (#4311) (5cdd5db), closes #4304
• dropdown: 修复 contextmenu 多重打开问题 (39487f1), closes #3971 #4684
• dropdown: 修复 menu group 在 dropdown 样式问题你 (d928a8c), closes #4505
• layout: 修复 layout 高度问题 (bed60ff), closes #4676
• layout: 修复 responsive 无效问题 (9f951f8)
• mention: 修复移动端选择问题 (#4309) (1be6d51), closes #4281
• menu: 修复在屏幕越界时的显示问题 (4c8032b), closes #3412 #4227 #3687
• message: 修复 prod 下 message 与 notification 的问题 (#4884) (3e2f85d)
• modal: 修复 nzMaskClosable 在 confirm 模式下不工作的问题 (#4347) (475bbc4), closes #4344
• pagination: 修复半角字符问题 (#4371) (cc3868e)
• select: 修复 hidden 的选项可以被选中的问题 (#4382) (cf22133), closes #4377 #4377
• table: 修复 nzFilters 为 null 时的报错 (#4595) (2c26e9f)
• table: 修复 Table 导出的 data 数据类型问题 (#4608) (70b1440), closes #4593
• table: 修复 Table nzWidth 的问题 (#4329) (c6bdf15), closes #4312
• timeline: 修复 reverse 下的展示问题 (#4690) (09bf8f4), closes #4509
• transfer: 修复 nzTargetKeys 无效问题 (#4670) (31089a1), closes #4641 #4360 #4210
• tooltip: 修复 hover popover 时时隐藏的问题 (#4418) (a6b5901), closes #4417
• tooltip: 修复 undefined 不生效的问题 (#4392) (2a71c43)
• tooltip: 修复 tooltip 销毁时报错的问题 (#4387) (8e9e6a9), closes #3875 #4317 #4386
• tree-select: 修复点击 label 在 strict 模式下的问题 (#4424) (7a11124), closes #4422
• tree-select: 修复 tags 在 strict 模式下的问题 (#4368) (a6547a0), closes #4364
• code-editor: 修复 diff 模式下的问题 (#4485) (#4532) (021cf22)

Features

• breadcrumb: 支持独立 separator (#4713) (1f490e9)
• collapse: 支持 nzExpandIconPosition (#4781) (760512a)
• date-picker: 支持更多的 inputs (#4843) (af4051e)
• date-picker: 支持对 input 数据的解析 (#4833) (6a523ba), closes #4028 #3976 #2492 #4101
• grid: 支持 nzFlex 与 nzGutter 数组输入 (c4d2694)
• i18n: 支持 Armenian 语言 (#4611) (038691f)
• i18n: 支持 Georgian 语言 (#4491) (d96ebe0)
• icon: 支持在 feature module 中导入 icons (#4711) (0bcd2a9)
• input: 支持 textarea 带 clear 图标的效果 (0af9242), closes #4623
• input-number: 支持 nzPrecisionMode 模式 (#4185) (bfe089f), closes #4173
• input-number: 支持 ngModelChange 在输入时立即触发 (#4769) (299ba6d), closes #3039 #3773
• menu: 当 sider 收起时，自动触发 nzInlineCollapsed模式 (51fbf5e), closes #4680
• menu: 支持 nzMatchRouter 与 CanDeactivate 配合工作 (7560563), closes #4407
• code-editor: 支持静态导入 (#4341) (29f732b)
• notification: 支持 close icon 选项 (#4495) (80a0b26), closes #4494
• page-header: 增加 nzGhost 选项 (#4306) (4c78cca), closes #4303
• pagination: nzItemRender 支持 prev_5 与 next_5 图标定制 (#4754) (41c4860)
• progress: 支持 steps 模式 (#4637) (fe8b469), closes #4635
• progress: 支持 nzFormat 传入 TemplateRef (#4598) (edf0e9c), closes #4596
• select: select 支持 virutal scroll 模式 (40daee9), closes #4585 #3497
• skeleton: 增加 nz-skeleton-element (#4859) (8dc2ff3)
• tabs: 增加了 nzCanDeactivate 钩子 (#4476) (a533980), closes #4432
• tag: 增加 status colors 选项 (#4628) (aa22c0f), closes #4622 #4413
• tooltip: 支持改变 trigger 位置 (#4397) (48d7122), closes #4365
• tree-select: 支持 nzDropdownClassName 选项 (#4552) (df8c125), closes #4508
• typography: 支持 nzSuffix 选项 (#4629) (ca02a07), closes #4620

Performance Improvements

• checkbox: 使用 css empty selector 代替了 observeContent (#4761) (da8821a)
• input: 提升 input 性能 (7af643b), closes #3950
• radio: 重构了数据流 (#4770) (423a382)

更新说明：https://github.com/NG-ZORRO/ng-zorro-antd/releases/tag/9.0.0-beta.1

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

• Traefik 2.0 实现灰度发布
• Redis 实现发布订阅原理与实践
• 通过发布订阅模式实现的事件委托
• 使用 Jenkins + Nginx 实现预发布
• 利用Zookeeper实现数据发布订阅
• MyOIDC v1.1.0 发布，基于 OIDC 协议的参考实现，根据各类库提供实现参考

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。