3.9.0

2018-09-02

在开学之际我们带来了久违的 3.9.0 的更新。多个重量级的新特性和大量修复,使 Ant Design 的能力显著提升。

  • 🔥🔥🔥 在 3.9.0 版本中,我们重绘了所有的图标,新增了两大类,超过 90 个新图标,并且为每个图标增加了多种风格。为此我们重写了 Icon 组件,使用 SVG 替换了 fontface 图标,增加了多个特性,可以快速的使用新的图标和风格。3.9.0 - 图1

    • 💄 使用 SVG 图标替换了 css 字体图标,可以看这里的讨论了解 svg 的优势

    • 💄 提供了三套图标风格线性、实色和双色图标,默认为线性风格。

    • 🌟 新增了 编辑类数据类 两个新类别。

    • 🌟 新增 theme 属性,可以设置图标的主题风格。#11971

    • 🌟 新增 component 属性,可以外部传入一个组件来自定义控制渲染结果。#11322

    • 🌟 新增 twoToneColor 属性,可以控制双色图标的主题色。#11971

    • 🌟 新增静态方法 Icon.getTowToneColor()Icon.setTwoToneColor(…),可以全局性的获取和设置所有双色图标的主题色。#11971

    • 🌟 新增静态方法 Icon.createFromIconfontCN({…}),可以更加方便地使用 iconfont.cn 上托管的图标。更多用法请参阅 Ant Design Pro - 业务图标 的介绍。#11322

  • 🔥 增加了一个新组件 Skeleton

  • 🔥 Menu 在 horizontal 模式下会自动收起来适应宽度。

  • 🔥 Drawer 的 placement 支持 topbottom,可以适应更多场景。

另外我们的 Ant Design Pro 2.0.0 也已同步发布,详细内容请看 这里

组件修复/功能增强:

  • 🌟 新增 Modal.open 方法,用于可自定义图标的快捷对话框。#11982@hsiehjack

  • 🌟 Modal.info 增加 getContainer 的配置。#11377

  • 🌟 合并优化了 RangePicker 的日历页脚 UI。

  • 🌟 Anchor 组件增加 onClick 属性。#11898

  • 🌟 Tab 组件增加 renderTabBar 属性。#11856

  • 🌟 Input 组件增加 select 方法。#11906

  • 🌟 Steps 增加 initial 属性。#11180

  • 🐞 修复 Steps 点状步骤条样式错位的问题。7d59075

  • 🐞 修复在 Card 的 headStyle 中设置 fontSize 不生效的问题。#11995

  • 🐞 修复了 Button 组件波浪动画混淆的问题。#11985

  • 🐞 修复了 Modal.confirm 设置 centered 属性无效的问题。#11969

  • 🐞 修复了在 Input.Group 的 compact 模式下设置第二个 Input 的前后缀会造成右边框消失的问题。#11965

  • 🐞 修复 Upload 组件上传图片较多时可能会造成图片错位的问题。#11183

  • 🐞 修复 MonthPicker renderExtraFooter 失效的问题。#8184