Ant Design 4.0 正式版来了!究竟变化了多少,是否值得下水



经过 1 个多月的反馈收集和调整之后,终于迎来了 4.0 的正式版!感谢在此期间每一位提供反馈、建议以及贡献的人。我们会结合 rc 版本已经涉及的更新以及一些比较重要的新增内容于此进行列举。完整的更新文档可以点击此处。

v4 文档地址:https://ant.design

需要注意的是,v3 版本于 2019 年 12 月合入 3.x-stable 分支并进入维护状态。我们仍然会为 v3 版本进行半年的维护工作。

维护截止日期为 2020 年 5 月。

Ant Design v4 发布!点击此处查看更多信息。 Breadcrumb 使用 path 作为默认 key 以修复 name 作为 key 重名的冲突问题。#21583 @douxc Timeline.Item 支持 label。#21560 @shaodahong 修复 Table 筛选菜单高度溢出屏幕的问题。#21602 增加 Calendar 组件自定义显示内容的默认字体颜色。#21598 @xrkffgg 移除 DatePicker 针对自定义单元格的 3.x 的兼容类名。#21589 修复 RangePicker 在 IE11 下的样式渲染问题。#21587 Progress 中 strokeColor 属性现在会忽略错误的百分比参数。#21564 @AshoneA 修复 Progress trailColor 属性在 type=line 时无效果的问题。#21552 @AshoneA 修复暗色主题下,组件在弹出层组件下的背景样式问题。#21299 优化暗色主题下色板透明度。 新增 less 变量 @popover-customize-border-color、@list-customize-card-bg、@table-expand-icon-bg、@steps-background、@pagination-item-input-bg 用于主题定制。

兼容性调整

由于 IE 在全球的市场份额在逐年降低,它的兼容性问题更是在业界臭名昭著,这次更新仅
支持到 IE11(莫名开心)React 最低支持版本为 React 16.9,部分组件开始使用 hooks(不了解的可以去学习学习了,比写class组件舒服太多了) 进行重构

设计规范调整

行高 从 1.5(21px) 调整为 1.5715(22px)圆角 调整,由4px 改为 2px全局 阴影 优化,调整为三层阴影区分控件层次关系一些 颜色 的调整

其他组件的更新

增加了带步骤的进度条。


圆角的效果也减少了2px,更加耐看

DatePicker这个组件的变化还是挺大的,细心的你看出来了吗

新版的ant你还喜欢吗?坐等VUE版本更新