原文地址：Announcing Ant Design 3.0

原文做者：Meck

译文出自：掘金翻译计划

本文永久连接：github.com/xitu/gold-m…

译者：木羽zwwill

校对者：Usey95、 swants

Ant Design 3.0 驾到

Ant Design 是一个致力于提高「用户」和「设计者」使用体验，提升「研发者」开发效率的企业中后台设计体系。前端

14 个月前咱们发布了 Ant Design 2.0。期间咱们收到了 200 多位贡献者的 PR，经历了大约 4000 个提交和超过 60 个版本react

GitHub 上的 star 数也从 6k 上升到了 20k。android

自 2015 年以来的 GitHub star 趋势。webpack

今天，咱们很高兴地宣布，Ant Design 3.0 正式发布了。在这个版本中，咱们为组件和网站作了全新的设计，引入了新的颜色系统，重构了多个底层组件，加入了新的特性和优化，同时最小化不兼容的更改。这里可查看到完整的更改日志。ios

这是咱们的主页：ant.design/index-cngit

全新的颜色系统

咱们的新颜色系统源于天空的启发，由于她的包容性与咱们品牌基调一致。基于对天空色彩随时间天然变化的观察，对光和阴影规则的研究，咱们从新编写了颜色算法来生成一个全新的调色板，相应的层次也进行了优化。新调色板的感官更年轻，更明亮，灰度过渡得更天然，是感性美和理性美的完美结合。此外，全部主流色值都参照了信息获取标准。github

组件的新设计

在以前的版本中，组件的基本字体大小是 12px，咱们收到了不少来自社区的反馈，建议咱们加大字号。咱们的设计师也意识到，在大屏幕普及的今天，14px 是更合适的字体大小。所以，咱们将基本字体大小增大到了 14px，并对全部组件的尺寸进行了适配。web

组件重写

咱们重写了 Table 组件来解决一些历史性问题。引入了一个新的工具 components，如今你能够使用这个工具来高度定制 Table 组件，这里有一个示例，能够添加拖拽功能。算法

Form 组件也被从新编写，为表单嵌套提供更好的支持。typescript

另外一个重写的组件是 Steps，这个重写的 Steps 有着更简单的 DOM 结构而且兼容到IE9。

全新的组件

这个版本，咱们新增了两个组件， List 和 Divider。

List 组件对于文本、列表、图片、段落和其余数据的显示很是方便。与第三方库集成也很简单，例如，您能够使用 react-virtualized 来实现无限加载列表。更详细的例子能够参考 List 文档。

Divider 组件可用于在不一样的章节中分割文本段落，或者将行内文本/连接分开，如表的动态列。详细的示例能够参考 Divider 文档。

全面支持 React 16 和 ES 模块

在这个版本中，咱们增长了对 React 16 和 ES 模块的支持。若是你正在使用 webpack 3，那么你如今能够经过 tree-shaking 和 ModuleConcatenationPlugin 来享受 antd 对组件的优化。若是你使用的是 babel-import-plugin，只需将 libraryDirectory 设置到 es 目录。

更友好的 TypeScript 支持

在咱们的代码中，咱们已经删除了全部的隐式 any 类型，在您的项目中再也不须要配置 "allowSyntheticDefaultImports": true。若是您计划使用 TypeScript 来编写项目，请参考咱们的新文档「在 TypeScript 中使用」。

😍 还有一件事儿

有些人可能已经知道了，咱们正在开发另外一个名为 Ant Design Pro 的项目，它是一个企业级中后台前端/设计解决方案，是基于 Ant Design 3.0 的 React Boilerplate。尽管它尚未达到 1.0 版本。可是随着 antd 3.0 的发布，如今能够投入使用了。

接下来

咱们的设计师正在从新编写咱们的设计指南，并设计一个新的 Ant Design 官网。咱们很是高兴可以提供更好的设计语言，以激发更多构建企业级应用的灵感。

为了使 1.0 早日成型，咱们的工程师正在投入到 Ant Design Pro 努力工做，同时咱们也须要你的帮助来翻译咱们的文档

最后

若是没有大家的支持、反馈和参与，就不可能有今天的成功。感谢优秀的 Ant Design 社区。若是您在使用 antd 时遇到任何问题，可随时在 GitHub 提交问题。

感谢你的阅读。敬请安装、star、尝试。 🎉

连接

掘金翻译计划是一个翻译优质互联网技术文章的社区，文章来源为掘金上的英文分享文章。内容覆盖 Android、iOS、前端、后端、区块链、产品、设计、人工智能等领域，想要查看更多优质译文请持续关注掘金翻译计划、官方微博、知乎专栏。

【译】Ant Design 3.0 驾到