关注咱们的同学能够晓得在往年（2022）年初的时候咱们公布了一篇《Plan about Ant Design V5》 ，来介绍咱们将要启动的 5.0 打算。社区在经验 8 个月的研发、公布 30 个 experimental 版本验证后，新的技术架构曾经稳固，终于公布了 v5 alpha 版本！欢送大家尝试，并提供贵重的意见。
在正式版公布之前，咱们还有更多事件要做。然而如果你曾经急不可待尝鲜，能够拜访咱们的 5.0 官网（迁徙参考此处）。
新个性
新的设计
5.0 带来了全新的设计理念，围绕用户指标，依据「更聚焦」、「去烦扰」、「轻松感」三大准则，对 Ant Design 设计零碎在视觉上进行重塑，助力用户在虚构办公空间更加「高兴工作」。
针对这些准则，咱们在以下方面作出了优化，包含但不限于：
- 减少梯度圆角并减少了根底圆角的大小，整体格调更轻松；
- 缩小线条应用，以取得更高的空间使用率和更简洁的应用体验；
- 进步了交互动画速度，交互体验更加晦涩；
- 补充了对立的聚焦款式，仅在应用键盘聚焦时呈现，无障碍能力（Accessibility）进一步晋升。
新的动静主题计划
在 4.x 版本中，受制于 less 的款式与主题计划，咱们始终解脱不了两个问题的困扰：如何动静更换主题以及如何混合应用主题。通过一段时间的摸索，在 5.0 版本中，咱们放弃了追随 antd 已久的 less 计划，转而拥抱 CSS-in-JS。CSS-in-JS 通过运行时的款式计算能力完满地解决了上述两个问题，并且为咱们带来了更多的晋升：
- 更小的 BundleSize；
- 不依赖任何插件的款式按需引入能力。
有了 CSS-in-JS 的技术加持，咱们推出了全新的定制主题计划。在 5.0 版本中，Design Token 将是主题的根本组成部分，所有组件都会生产他们构筑款式。同时，咱们依赖 Design Token 建设了款式的缓存，即认为在同样的 antd 版本下同样的 Design Token 所对应的组件款式是等同的，因而防止了反复生成款式进行比照的操作，防止了性能损耗。
基于 Design Token 和 CSS-in-JS ，咱们制订了更加灵便的定制主题计划。通过 5.0 的定制主题，你能够做到的包含但不限于：
- 全局主题定制；
- 部分主题（嵌套主题/多主题并行）；
- 组件主题定制；
- 在 Sketch 中间接应用配置过主题的设计稿。
想要理解更多请查看定制主题文档。
新增组件
5.0 版本中打算将会有一些新的组件供用户抉择！他们别离是：
- Tour 漫游式疏导
- QrCode 二维码
- WaterMark 水印
- FloatButton 悬浮按钮
目前已有 FloatButton 悬浮按钮 准备就绪，欢送试用。
其余重要更新
更多变动请查看迁徙文档
浏览器兼容性调整
在往年 6 月，IE 浏览器正式进行了服务，也因而 Ant Design 5.0 版本将不再反对 IE 浏览器。放弃兼容一些低版本的浏览器之后咱们能够应用更多 w3c 通过的新个性来丰盛咱们的组件库。
弹窗组件 API 对立
在 4.x 及更早的版本中，具备弹窗的组件受控显示的 API 始终决裂为两派，以 Select 为首的 open，以及以 Tooltip 为首的 visible。为了缩小今后编码及应用中的不一致性，并升高记忆老本，咱们在 5.0 版本中决定在相干组件中将 visible这个属性废除。咱们通过多方面的思考抉择了open这个属性，比方原生 HTML 中 dialog 标签就具备 open这个属性而不是 visible。您仍能够在 5.0 应用 visible，然而咱们将在控制台中收回废除正告，并在下一个 major (6.0) 版本中移除这个属性。
同样地，弹窗的 className也始终决裂为 popupClassName 和 dropdownClassName两个属性，咱们也将在 5.0 中对立为 popupClassName。
废除构造语法糖
在 4.x 版本及更早的版本，咱们提供了诸如 Menu.Item等的 JSX 语法糖来编写代码，但这带来了额定的保护老本和蹩脚的性能。因而，在 5.0 版本后，咱们更加举荐数据驱动的组件应用办法，即通过 items属性传入对象来代替构造语法糖，这将会有更好的性能和更不便的数据组织形式，并提前为未来的优化做好筹备。
废除静态方法
在 Message 等组件中，咱们提供了诸如 message.error等静态方法来应用该组件。但在 React 18 版本之后，不处于 React 生命周期内的静态方法会呈现各种各样不适配的问题。在 5.0 版本中，咱们更加举荐应用这些组件的 hooks 版本，这更合乎 React 的生命周期。同时也举荐在利用层面封装本人的 hooks 来取得更好地应用体验。
接下来的打算
在公布正式版之前，咱们仍有大量的工作正在进行中，其中包含：
- 提供从 V4 迁徙至 V5 的 codemod 工具；
- 提供更加齐备的主题编辑器；
- 翻新咱们的官网，提供更多实用功能，比方组件反对复制粘贴到 Sketch；
- 更多的新组件。
请持续期待 Ant Design 5.0 带来的全新体验！
写在最初
Ant Design 5.0 历经 8 个月的开发工夫，期间不少社区同学参加并奉献了代码，在此咱们示意衷心的感激，也感激大家对于 Ant Design 的激情与认可。最初再次欢送大家尝鲜咱们的 5.0 alpha 版本，如果您遇到问题，也欢送在咱们的 issue 板块中提出。同时也欢送更多的社区同学共建 Ant Design，Ant Design loves you ❤️ ！
发表回复