更新日志
ng-zorro-antd
严格遵循 Semantic Versioning 2.0.0 语义化版本规范。
发布周期
- 修订版本号:每周末会进行日常 bugfix 更新。(如果有紧急的 bugfix,则任何时候都可发布)
- 次版本号:每月发布一个带有新特性的向下兼容的版本。
- 主版本号:含有破坏性更新和新特性,不在发布周期内。
9.3.0
2020-07-09
Bug Fixes
- date-picker: 修复 nzDateRender 渲染错误 (#5529) (fa7c7b4)
- i18n: 修复部分语言包未导出的问题 (#5515) (57b1180), closes #5510
- list: 修复 nz-list-item-actions 渲染问题 (#5465) (c126035), closes #5393
- select: 修复渲染缓冲区导致的显示问题 (#5536) (089421c), closes #5456
- table: 修复 filter 值为 false 或 0 的问题 (#5535) (56f052c), closes #5505
- table: 修复 table 在无数据时 colSpan 的问题 (#5533) (7f133af), closes #5509#5481
- tooltip: 修复部分 API 定义 (#5449) (a165eda), closes #5365
- upload: 修复
uploadError
错误的情况 (#5476) (71218d1), closes #5472
Features
- datapicker: 新增
[nzInputReadOnly]
支持 (#4534) (#5488) (13875cb) - drawer: 支持获取 component 实例的方法 (#5498) (bf160b6), closes #5489#3283
- popconfirm: 支持
nzPopconfirmShowArrow
属性 (#5361) (#5483) (516e02d) - resizable: 支持
nzDisabled
属性 (#5475) (4d44d2e) - timeline: 支持自定义位置 (#5478) (12e6b6f), closes #5470
- upload: 增加
nzPreviewIsImage
属性 (#5525) (e55a586), closes #5520#4990
9.2.2
2020-06-23
Bug Fixes
- datepicker: 修复修改输入框内容面板没有打开的问题 (#5466) (aca104c), closes #5284#5411
- modal: 修复 confirm 模式下自动聚焦抛错的问题 (#5462) (6a26143), closes #5454
9.2.1
2020-06-17
Bug Fixes
9.2.0
2020-06-16
Bug Fixes
- affix,anchor: 修复当初始值非
number
导致错误值的问题 (#5277) (1c72939) - tree: 修复
nzCheckStrictly
和nzSelectedKeys
的问题 (#5431) (67d9dd0), closes #5385#5195#5068 - badge: 修复父组件非
onPush
时 nzCount 不显示的问题 (#5275) (d1f0321) - button: 修复初始 loading 状态的问题 (#5404) (c764c67), closes #5392
- date-picker: 修复在 modal 中箭头样式的问题 (#5357) (39a6c28)
- drawer: 修复 nzMask 为 false 时阻止事件的问题 (#5438) (abe9e53), closes #5350
- dropdown: 修复按钮 disabled 的问题 (#5429) (797c65d), closes #5258
- grid: 修复 gutter 为0时的问题 (#5436) (80a4709), closes #5435
- input: 修复 disabled 属性丢失的问题 (#5315) (2b17df2)
- input: 修复响应式表单 input-group 样式问题 (#5428) (6d403e3), closes #5137
- input: 修复响应式表单 disabled 的问题 (#5316) (8270009)
- menu: 修复 ng-template 报错的问题 (#5409) (d0c36d6), closes #5363
- message: 修复样式没有随属性改变的问题 (#5323) (896f283), closes #5301
- modal: 修复点击滑动条模态框关闭的问题 (#5377) (e95d404), closes #5376
- modal: 修复
nzAutofocus
的问题 (#5313) (7ad64b8) - modal: 修复部分情况下没有检测到变化的问题 (#5332) (ade6198), closes #5328#5287#5259#3743
- notification: 修复通知模板没有更新的问题 (#5382) (7217097), closes #4787
- page-header: 修复 compact 样式问题 (#5241) (74fa3d6)
- radio: 修复 focus 的问题 (#5424) (6e0f47b), closes #5285
- select: 修复 group 标签搜索的问题 (#5407) (7e1b5a7), closes #5276
- select: 修复自动聚焦的行为 (#5420) (8617e58), closes #5381
- select: 修复
nzCustomContent
渲染的问题 (#5425) (f99d7ff), closes #5178 - select: 修复标签模式值错误的问题 (#5432) (fe5419b), closes #5220
- table: 修复
nzRight``nzLeft
报ExpressionChangedAfterError
错误的问题 (#5240) (dc8c7e7), closes #5238 - table: 修复 colspan 以及空值的样式问题 (#5417) (2eda6d3), closes #5410
- table: 修复表格滚动时
nzWidth
不生效的问题 (#5437) (c1e7e9f), closes #5370#5324#5318#5309#5167#5160 - table: 修复排序的问题 (#5433) (26469c8), closes #5262
- table: 修复
nzChecked``nzShowCheckbox
冲突的问题 (#5419) (6f5b935), closes #5388
Features
- calendar: 支持
nzDisabledDate
(#5295) (aabd17e) - input-number: support inputmode (#5423) (cdca7bc), closes #5341
- select: 支持
nzBorderless
全局配置 (#5434) (459bdb0), closes #5224 - slider: 支持
nzReverse
(#5268) (67275d2), closes #4937 - table: 支持数据泛型 (#5369) (182e790)
- typography: 支持
nzOnEllipsis
(#5297) (2200063) - upload: 支持
nzFileListRender
(#5204) (ce5574a), closes #4875
9.1.2
2020-05-13
Bug Fixes
- all: 修复 strictTemplates 模式下类型错误的问题 (#5265) (2982766), closes #5171
- list: 修复空内容渲染的问题 (#5266) (ca7314c), closes #5260
- select: 修复 tags 模式下选中
0
值的样式问题 (#5264) (1c4d7d8)
9.1.1
2020-05-11
Bug Fixes
- auto-complete,drawer: 修复在复用快照路由策略下无法重新打开的问题 (#5165) (7101782), closes #5142
- alert: 修复
nzNoAnimation
无效的问题 (#5211) (de9ef6b) - breadcrumb: 修复路由
path=''
情况下的问题 (#4966) (5ffa45c) - button: 修复锚点标签
disabled
的问题 (#5233) (36ab993), closes #5226 - dropdown: 修复无法服务器渲染的问题 (#5244) (016cca1), closes #5186
- modal: 修复服务模式下全剧配置不生效的问题 (#5228) (95aab9a), closes #5223
- modal: 修复宿主视图销毁后无法关闭的问题 (#5161) (5cb618e), closes #5128
- modal: 修复 confirm 模式下无法使用组件作为 content 的问题 (#5177) (5fa4c1e), closes #5172
- schematics: 修复当包存在时
ng add
会添加无效的版本号的问题 (#5210) (f406803), closes #5209 - table: 修复多表头下展开的问题 (#5246) (cbaeb38), closes #5207
- timeline: 修复脏值检查的问题 (#5245) (ee2859f), closes #5230
- typography: 修复省略行计算错误的问题 (#5175) (93676c9)
- upload: 修复无法正确显示预览图的问题 (#5205) (cbe8225), closes #5201
9.1.0
2020-04-26
Features
- date-picker, time-picker: 支持自定义后缀图标 (#5072) (8b660bd)
- autocomplete: 支持对象类型数据 (#4996) (4bfbbf7), closes #4981
- select: 支持全局配置 nzSuffixIcon (#5092) (ad847e7)
- select: 支持将 nzOptions 作为输入项传入 (#5109) (251a064), closes #5106
- select: 支持 option 高度及滚动设置 (#5133) (7b3937e), closes #5112
Bug Fixes
- auto-complete: 修复 input-group 中的位置 (#5157) (5b26479)
- cascader: 修复下拉位置边界检测问题 (#5148) (7870e67), closes #5102
- date-picker: 修复 form disabled 不生效问题 (#5126) (b83e7b5), closes #5118
- date-picker,time-picker: 修复点击展开下拉问题 (#5105) (7c938b4), closes #5073
- description: 修复 nzTitle 不接收 TemplateRef (#5139) (90d2ec5), closes #5127
- form: 修复 tips 改变时数据未更新问题 (#5144) (a08d4da), closes #5129
- menu: 修复 nzMatchRouter 不生效问题 (#5095) (2724b9b)
- menu: 修复 submenu 滚动问题 (#5155) (fb52f21), closes #4837
- message: 修复 remove 调用边界情况 (#5123) (1eca795), closes #5121
- modal: 修复
NoopAnimations
在 modal 中的延时问题 (#5103) (d7625db), closes #5093 - notification: 修复全局 nzPlacement 不生效 (#5140) (1ce1634), closes #5135
- progress: 修复 nzFormat 在 exception 不生效问题 (#5136) (654411e), closes #5130
- select: 修复 ie11 下输入无效问题 (#5117) (83cdc84), closes #5110
- select: 修复悬浮在 option 时自动滚动问题 (#5131) (d69415a), closes #5120#5116
- space: 修复配置名称 (#5147) (64f772d)
- table: 移除 nzQueryParams debounceTime 时间 (#5132) (07a9d34), closes #5113
- time-picker: 允许输入值为 undefined 或 null (#5104) (d0b40ce), closes #5100
- tooltip: 修复 nzTitle 在 null 之间切换未生效问题 (#5097) (1123281), closes #5087
- 修复 ivy 关闭时的渲染问题 (#5090) (b61a914), closes #5088
9.0.2
2020-04-20
Bug Fixes
- all: 修复 enableIvy:false 时的问题 (#5081) (83b554e), closes #5070
- button: 修复 button 类型定义问题 (#5085) (62584de), closes #5026
- form: 修复 form 在特定情况下的数据流报错 (#4524) (565b530), closes #4554
- input: 修复 input group 在 focus disabled 时的样式 (#5082) (5ff38be), closes #5064
- popover: 修复 popover 不能关闭的问题 (#5053) (dbc2cd3)
- select: 修复 nzDropdownMatchSelectWidth 不生效的问题 (#5066) (d210f4d), closes #5058
- select: 修复 option 内容超长时的样式问题 (#5057) (867dc87), closes #5047
- select: 修复 group option 顺序不对问题 (#5063) (af39d5f)
- build: 修复 ngcc 时报错问题 (#5055) (7bc8279), closes #5045
9.0.0
2020-04-15
版本介绍
欢迎来到 ng-zorro-antd
的 9.0.0
版本,升级到最新版本之后,开发者不仅可以享受到最新版本 Angular 的支持,还可以获得最新特性和更好的性能。
ng-zorro-antd 的部分 API 在 8.x 版本进入弃用状态,并且在开发环境中给出了警告提醒,所有之前弃用 API 在 9.0.0 不再支持,如果你之前已经根据告警信息修改了对应组件的使用方式,那么 9.0.0 版本升级不会有任何障碍,请按照以下步骤进行。
开始升级之前
- 首先确保你
Node.js
>=10.13
- 创建新的分支,或者使用其他方式备份当前项目
- 删除项目下 package-lock.json 文件
升级相关依赖
- 升级 Angular 主版本号至 9.0.0 版本,可以参考 https://update.angular.io/
- 如果你有单独使用
@angular/cdk
请执行ng update @angular/cdk
- 如果你有单独使用
date-fns
请先升级到2.x
,升级指南 - 如果你有使用
monaco-editor
请先升级到0.2.x
, 使用monaco-editor-webpack-plugin
时请将其升级到1.9.x
升级 NG-ZORRO
- 运行
ng update ng-zorro-antd
- 如果控制台出现警告消息请按提示修改对应代码
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 官方兼容工具 查看。
新版本特性
支持 Angular Ivy
我们已经将 @angular/*
和 @angular/cdk
版本升级到 v9
,现在你可以使用 Ivy 渲染引擎运行你的项目,并且开启 strictTemplates
选项使用更严格的的模版类型检查。
获取更多帮助请前往 Angular Ivy 和 Template type 查看。
Ant Design 4 设计规范
我们已经同步了 Ant Design 4 设计规范,并且添加了暗黑(Dark)和紧凑(Compact) 主题支持。
性能和易用性增强
- 在之前的版本中 Table 组件已经集成了虚拟滚动,现在 Select 和 Tree 也同样支持;
- Form 和 Table 简化了使用方式,现在可以编写更少的模版和配置;
- 允许在子模块中添加图标,以减少首屏加载时间;
- 现在当路由改变时弹出菜单将自动关闭,同时为 Modal 等组件添加了对应选项;
Features
- breadcrumb: 支持独立 separator (#4713) (1f490e9)
- collapse: 支持 nzExpandIconPosition (#4781) ([760512a](https://github.com/NG-ZORRO/ng-zorro-antd/commit/760* 512a))
- grid: 支持 nzFlex 与 nzGutter 数组输入 (c4d2694)*
- icon: 支持在 feature module 中导入 icons (#4711) (* 0bcd2a9)
- input: 支持 textarea 带 clear 图标的效果 (0af9242), closes [#4623](https://github.com/NG-ZORRO/ng-zorro-antd/issues/* 4623)
- page-header: 增加
nzGhost
选项 (#4306) (4c78cca), closes #43* 03 - select: select 支持 virutal scroll 模式 (40daee9), closes #4585 [#3497](https://github.com/NG-ZORRO/ng-zorro-antd/issues/* 3497)
- skeleton: 增加 nz-skeleton-element (#4859) (8dc2ff3)*
- space: 添加新组件 (#4928) (df01bd1), closes [#4913](h* ttps://github.com/NG-ZORRO/ng-zorro-antd/issues/4913)
- table: 支持
nzQueryParams
(#4970) (79ea999)* - tabs: 增加了 nzCanDeactivate 钩子 (#4476) ([a533980](https://github.com/NG-ZORRO/ng-zorro-antd/commit/a533* 980)), closes #4432
- tag: 增加 status colors 选项 (#4628) (aa22c0f), closes #4622#44* 13
- tree: 支持虚拟滚动 (#4979) (6803a92), closes #4426#3808 [#3436](ht* tps://github.com/NG-ZORRO/ng-zorro-antd/issues/3436) #2680#1771
- tree-select: 支持
nzDropdownClassName
选项 (#4552) (df8c125), closes #4508* - typography: 支持
nzSuffix
选项 (#4629) (ca02a07), closes #4620* - form:
- code-editor:
- date-picker:
- i18n:
- input-number:
- menu:
- notification:
- pagination:
- progress:
- tooltip:
Bug Fixes
- mention: 修复移动端选择问题 (#4309) (1be6d51), closes #4281
- menu: 修复在屏幕越界时的显示问题 (4c8032b), closes #3412#4227#3687
- message: 修复 prod 下 message 与 notification 的问题 (#4884) (3e2f85d)*
- page-header: 修复
location
注入问题 (#5013) (9073fa5), closes #4945* - pagination: 修复半角字符问题 (#4371) (cc3868e)*
- transfer: 修复 nzTargetKeys 无效问题 (#4670) ([31089a1](https://github.com/NG-ZORRO/ng-zorro-antd/commit/3* 1089a1)), closes #4641#4360#4210
- empty: 修复 Empty 在 dark 模式下的显示问题 (#4924) (bae59d7), closes #4921*
- grid: 修复响应式的问题 (#4906) (d6828ed)*
- list: 修复头像部分的兼容 API (#4952) ([d8a2594](https://github.com/NG-ZORRO/ng-zorro-antd/commit/d8a* 2594)), closes #4912
- badge: 允许将
nzTitle
设置为null
(#4965) (a35fb5e), closes [#4776](https://github.com/NG-ZORRO/ng-zorro-antd/is* sues/4776) - breadcrumb: 修复面包屑显示问题 (#4880) (2553328)*
- button: 修复 transition 显示问题 (9e0df2a), closes [#2697](https://github.com/NG-ZORRO/ng-zorro-antd/iss* ues/2697)
- cascader: 修复无选项时的显示问题 (#4565) (9d8d7e6), closes* #4562
- slider: 修复垂直模式下拖拽句柄样式问题 (#4939) (6fba78d)*
- timeline: 修复 reverse 下的展示问题 (#4690) (09bf8f4),* closes #4509
- auto-complete:
- code-editor:
- date-picker:
- drawer:
- dropdown:
- layout:
- modal:
- select:
- table:
- time-picker:
- tooltip:
- tree:
- tree-select:
Performance Improvements
- checkbox: 使用 css empty selector 代替了 observeContent (#4761) (da8821a)
- input: 提升 input 性能 (7af643b), closes #3950*
- radio: 重构了数据流 (#4770) (423a382)*
BREAKING CHANGES
注意: 所有不兼容改动均在 8.x 最新版本中给出了 warning,如果你在 8.x 最新版本中修复了所有 warning,9.x 可以直接升级的。
- calendar:
<nz-calendar>``nzCard
被移除了, 请使用nzFullscreen
代替。
- carousel:
nzVertical
被移除,请使用 ‘nzDotPosition’ 代替。
- empty:
NZ_DEFAULT_EMPTY_CONTENT
被移除,请使用NzConfigService
代替。
- form:
nz-form-extra
被移除,请使用nz-form-control
中的nzExtra
代替。nz-form-explain
被移除,请使用nz-form-control
中的nzSuccessTip | nzWarningTip | nzErrorTip | nzValidatingTip
代替。
- icon:
i[nz-icon]
:twoToneColor``theme``spin``iconfont``type
输入被移除, 请使用nzTwoToneColor``nzTheme``nzSpin``nzIconfont``nzType
代替。i.anticon
被移除, 请使用i[nz-icon]
代替。NZ_ICON_DEFAULT_TWOTONE_COLOR
被移除, 请使用NzConfigService
。
- input-number:
- ngModelChange 会在用户输入时立刻触发
- message,notification:
NZ_MESSAGE_CONFIG
被移除,请使用NzConfigService
代替。NZ_NOTIFICATION_CONFIG
被移除,请使用NzConfigService
代替。config
method ofNzMessageService
andNzNotificationService
被移除,请使用set
method ofNzConfigService
代替。- 用
NzMessageRef
替换NzMessageDataFilled
- 用
NzNotificationRef
替换NzNotificationDataFilled
- pagination:
- 当定制 nzItemRender 时,需要考虑 prev_5 and next_5
- ‘pre’ 被修改为 ‘prev’
- tree, tree-select:
- 移除了
[nzDefaultExpandAll]
请使用[nzExpandAll]
代替。 - 移除了
[nzDefaultExpandedKeys]
请使用[nzExpandedKeys]
代替。 - 移除了
[nzDefaultSelectedKeys]
请使用[nzSelectedKeys]
代替。 - 移除了
[nzDefaultCheckedKeys]
请使用[nzCheckedKeys]
代替。 - 移除了
(nzOnSearchNode)
请使用(nzSearchValueChange)
代替。
- 移除了
- tooltip,popover,popconfirm:
<nz-tooltip>``<nz-popover>``<nz-popconfirm>
组件被移除, 请使用对应的 directives 代替。
- 移除 API:
NgZorroAntdModule.forRoot()
9.0.0 之前版本
9.0.0 之前版本的更新记录可以在 Github 查看。