更新日志

antd 严格遵循 Semantic Versioning 2.0.0 语义化版本规范。

发布周期#

  • 修订版本号:每周末会进行日常 bugfix 更新。(如果有紧急的 bugfix,则任何时候都可发布)

  • 次版本号:每月发布一个带有新特性的向下兼容的版本。

  • 主版本号:含有破坏性更新和新特性,不在发布周期内。

  • 3.5.3#

    2018-05-20

    • 🐞 修复了 AffixoffsetTop === 0, 值将变为 undefined 的问题 #10566

    • 🐞 修复了 Menu item 中的高亮链接颜色问题 09d5e36

    • 🐞 修复了 Input.Group 组件阴影被遮盖的问题 #10230

    • 🐞 修复了 Transfer 组件 checkbox 事件触发两次的问题 #10480

    • 💄 统一 less 的变量命名 12d3046

    • 💄 微调了 Dropdown 的样式 8e2f72f

    • 💄 现在中文文档的组件会用中文语言包进行演示。9b17a94

    • 💄 主站主题切换 修改为 antd-theme-generato ,感谢 @mzohaibqc 的工作.

    • TypeScript

      • 🐞 修复了 Row 中 gutter 属性的类型问题 b7d508e

      • 💄 改进了 Form 组件类型 #10564

      • 💄 改进了 ButtonTag 类型 1ed9fed

  • 3.5.2#

    2018-05-13

    • 🐞 修复 Table 过滤器和 Transfer 复选框无法点击的问题。#10452

    • 🐞 修复 Cascader 的 displayRender 里的链接无法点击的问题。#10433

    • 🐞 修复 Button ref 不兼容问题。#10405

    • 🐞 修复 Form 表单项校验位置高度时出现抖动问题。#10445

    • 🌟 设置 Layout 宽度时,允许使用任何的 CSS 单位。 #10479

  • 3.5.1#

    2018-05-09

    • 🐞 修复 Input.Group 在 Form 下样式错位的问题。#10371

    • 🐞 修复 Select 箭头和内容重叠的问题。#10383

    • 🐞 移除 Collapse 点击时的 focus 样式。

    • 🐞 移除 Input.Group 和 Checkbox 不必要的 z-index#9840 #10385

    • 🐞 修复一个数字等宽字体没有加粗的问题。

    • Table

      • 💄 重写了可编辑表格的演示。#10119

      • 🐞 修复一个表格列内容互相重叠的问题。#9822

    • TypeScript

  • 3.5.0#

    2018-05-04

  • 3.4.5#

    2018-05-03

    • 🐞 修复 Upload 上传文件名不展示(file 对象属性为空)的问题。#10319

  • 3.4.4#

    2018-04-28

    • 🐞 修复 3.4.2 中引入的 Upload 中 onChange 参数 { file } file 不是 File 实例的问题。#10293

    • 🐞 修复 webpack@4 下使用 Tree Shaking 样式丢失的问题。#10217 @whtsky

  • 3.4.3#

    2018-04-23

    • 🐞 修复了 webpack@4 下使用 Tree Shaking 样式丢失的问题。#10197 @Aladdin-ADD

    • 🐞 修复 Menu 组件在 dark 主题下点击区域的问题。#10187 @dgeibi

  • 3.4.2#

    2018-04-22

    • 💄 部署网站到 netlify,解决网站被墙的问题。

    • 🐞 修复和调整 Menu、Tooltip、Card、Anchor、Avatar、Form、Tabs、Transfer、Tree、AutoComplete 等组件的 TypeScript 定义。

    • 💄 增加 sideEffects 配置以优化 Tree Shaking 效果。#10043 @Aladdin-ADD

    • List

      • 🐞 修复多余边框问题。#10028

      • 🐞 修复 locale 属性被传递给 div 的警告。#10128 @slonoed

    • 🐞 修复 Upload 的文件 url 带有参数时,图片预览效果失效的问题。#10102

    • 🐞 修复 Progress 的百分比越界时的展现。0eb8357

    • Menu

      • 🐞 修复 SubMenu 的失效箭头样式。#10113

      • 🐞 修复 collapsedWidth 为像素字符串 40px 菜单宽度失效的问题。#10140

    • 🐞 修复一个某些情况下 Form 内使用受控组件时无法编辑的问题。#9790

    • 🐞 修复 Card 切换 loading 状态时的内边距跳动问题。#10052 @zheeeng

    • 🐞 修复 Avatar 图片加载失败时的文字没有正确缩放的问题。#10184

    • 🐞 修复 Table 的 getCheckboxProps 无法动态更新的问题。#10133

    • 🐞 修复 CheckGroup 指定 prefixCls 没有传递给 Checkbox 的问题。#9950

  • 3.4.1#

    2018-04-08

    • 🐞 修复了 Badge 代码错误引起的 TypeScript 类型报错。#9931

    • 💄 优化了 Card actions 点击区域的范围。#9882

    • 🐞 修复了 Divider 与浮动元素一起使用时的样式问题。#9956

    • 🐞 修复了 Form 高级搜索模式下的样式问题。#9907

    • 🐞 补充了 Table 缺失的 onHeaderRow TypeScript 定义。#9902 @Nokecy

    • 💄 优化了 Tree 自定义图标示例。#9893

    • 🐞 修复了 Upload 对无扩展名图片地址的预览展示问题。#9936

  • 3.4.0#

    2018-04-01

    • Tree

      • 🛠 在这个版本里,我们重构了 Tree 底层的代码,以解决一些存在了很久的问题。

      • 🌟 新增 defaultExpandParent 用于在第一次渲染时自动展开父节点。

      • 🌟 新增 disabled 用于禁用整棵树。

      • 🌟 TreeNode 新增 icon 用于设置自定义图标。

      • 🌟 优化了 TreeNode 设置 disabled 时的勾选逻辑。

    • 🌟 Anchor 新增 getContainer 用于指定内容滚动的容器。

    • 🌟 Table 新增 less 变量 @table-expanded-row-bg#9789

    • 🐞 修复一处 less 语法错误。#9832 @jojoLockLock

    • 🐞 修复 LocaleProvider 中 moment.locale 调用报错的问题。 #9853

    • 🐞 修复 WeekPicker 的 style 属性不生效的问题。#9848

    • 🐞 修复 Layout.Sider 的 TypeScript 定义。#9885 @zachguo

    • 💄 优化了 Modal 中超长内容的显示。#9592

    • 🌟 新增斯洛维尼亚语。

  • 3.3.3#

    2018-03-25

    • 回退上个版本 Upload 中 file 类型的修改。

  • 3.3.2#

    2018-03-24

    • 🐞 Carousel: 升级 react-slick 版本以修复宽度计算错误。 #3659

    • 💄 Rate: 调整 disabled 样式。 #9747

    • 💄 Modal: 调整 confirm-modal 样式以修复 content 内使用栅格会错位的问题。 #9374

    • 💄 Menu: 调整样式以修复鼠标事件范围。#9666 @dgeibi

    • 🐞 Upload: 修复 beforeUploadfile 类型错误。 #9775

    • 🐞 Button: 修复文本改变时,空格插入没有重新计算 4502ad8

  • 3.3.1#

    2018-03-18

    • 💄 调整 danger Button 的 focus 样式。

    • 🐞 修复 enterButton 的值为 button 元素时显示错误的问题。 #9639

    • 🐞 修复 Table 中的 column.title 的缺少 key 的问题。 #9658 @terence55

    • 🐞 修复 scroll: { x: true }.ant-table-scroll table宽度为 auto的情况下不工作的问题。#9704

    • 🐞 修复表单校验文字消失的时候输入框会抖一下的问题。 #8831

    • 🐞 修复 TimePicker 里的 isMoment 调用在 parcel 里会报错的问题。85c78e4

    • 💄 调整 Table 的圆角样式。 #9674

  • 3.3.0#

    2018-03-12

    • 🌟 Alert 组件新增 afterClose 属性,用于实现更流畅的关闭效果。#9448 @Hughen

    • 🌟 Calendar 组件新增 validRange 属性,用于设置显示的时间范围。71f65a0 @Rohanhacker

    • 🌟 Card 组件新增 defaultActiveTabKey 属性,用于初始化选中面板的 key。30fe88d @u3u

    • DatePicker

      • 🌟 新增 dropdownClassName 属性,用于设置弹出日历的 className。#7211

      • 🐞 修复解析 moment 对象出错的问题。#9539

      • 🐞 修复引入土耳其语 tr_TR 文件的问题。#9373

    • 🌟 Divider 组件新增 orientation 属性,用于设置分割线内文本的对齐方式。#9275 @jrvboesch

    • 🌟 Modal 组件新增 keyboard 属性,用于设置按下 Esc 键是否可以关闭 Modal#8818

    • 🌟 优化 RadioCheckbox 组件 onChange 属性中的事件参数的 TypeScript 类型定义的问题。#9574

    • Table

      • 🌟 新增 pagination 属性的配置项 position,用于设置分页的显示位置。#9357 @kanweiwei

      • 🌟 新增 rowSelection 属性的配置项 onSelect 回调函数的事件参数。#9376 @kanweiwei

      • 🌟 新增 rowSelection 属性的配置项 columnWidth,用于设置选择框的列宽。#9474 @SimpleFrontend

      • 🐞 修复 Table 组件在 Chrome 下圆角边框样式的问题。af8e54f

    • 🌟 Timeline 组件新增 pendingDot 属性,用于设置幽灵节点的图标。#9546 @SimpleFrontend

    • 🌟 TimePicker 组件新增 inputReadOnly 属性,用于设置组件是否只读。4a69446 @JesperWe

    • 🌟 TreeSelect 组件新增 dropdownClassName 属性。69b154f 56e4ce0

    • 🌟 优化 Upload 组件在上传非图片格式文件时的预览效果。#9621 @zswang

    • 🐞 修复 Progress 组件的 successPercent 属性无法决定组件是否处于 success 状态的问题。#9382

    • 🐞 修复 Tabs 组件字体尺寸的问题。#9509

    • 🐞 修复 TreeTreeSelect 组件的父节点在 disabled 状态下无法展开的问题。#9539

  • 3.2.3#

    2018-03-02

    • 🐞 修复组件 Select 中的 onPopupScroll 属性的 ts 定义。 #9475 @twobin

    • 🐞 修复 Table 过滤条件下拉选择框的问题。 #9209

    • 🐞 修复 Timeline 自定义头部样式在 Chrome 下的显示问题。 #9429 @vthinkxie

    • 🐞 修复 Select 下拉窗口的边框显示问题。 82092c1

    • 🐞 修复对 less 3 的兼容性问题。 #7850

    • 🐞 修复 DatePicker.WeekPicker 年份问题。 #9463

    • 🐞 修复 Button.Group 在 Chrome 下的定位对齐问题。 #9457

  • 3.2.2#

    2018-02-24

    • 🌟 添加 Pagination 字体变量。 #9351

    • 🌟 添加 Badge 字重变量。 #9352

    • 🐞 修复 Table 当自定义 loading.indicator 时,不显示emptyText。 #9355

    • 🐞 修复 Form.create#9331

    • 🐞 回滚 Tablecolumn.dataIndex 的 TypeScript 定义。 #9393

    • 🐞 修复 Layout 中 sider 高度不足时,最后一个菜单无法显示。 #9398 @MJ111

    • 🐞 修复 Badge dot 模式问题。 #9359 @khayalan-mathew

  • 3.2.1#

    2018-02-11

    • 🌟 新增了部分著名产品的图标。c04377e5

    • Mention

      • 🌟 现在 multiLines 模式的高度将默认自适应内容。

      • 🐞 修复指定了 placeholder 时无法粘贴内容的问题。#9215

    • Table

      • 🐞 修复中号表格的 padding。#9319

      • 🐞 修复小号表格的边框错位问题。#8980

      • 🐞 修复排序图标点击区域溢出表头的问题。#8979

      • 🌟 优化了 column.dataIndex 的 TypeScript 定义。#9298 @clinyong

    • Select

      • 🐞 修复使用键盘导航时,滚动条不会自动定位的问题。#9276

      • 🐞 修复在 IE11 下的箭头位置。

    • 🐞 修复 Upload beforeUpload 返回 false 时,上传文件仍然显示 uploading 以及文件列表被替换的问题。#8020

    • 🐞 修复 vertical 布局的 Form 下反馈图标错位的问题。#9153

    • 🐞 修复 Card 没有子节点时 loading 样式不生效的问题。#9258

    • 🐞 修复 Avatar 的图片不存在时的背景色。#9278 @andriijas

    • 🐞 修复 RangePicker 选择结束时间时报 Cannot read property 'locale' of undefined 的问题。#9267

    • 🐞 修复 ButtonGroup 内使用了失效按钮和 Tooltip 时样式错位的问题。#9296 #9296

    • 🐞 修复 Dropdown 的子菜单被遮挡的问题。#9218

  • 3.2.0#

    2018-02-04

    • 🌟 Tab 新增 tabBarGutter 属性,用于设置 tabs 之间的间隙。#8644 @lixiaoyang1992

    • 🌟 Layout 新增 hasSider 属性,用于避免服务端渲染时显示问题。#8937

    • 🌟 Progress 新增 successPercent 属性,用于显示分段进度条。例子

    • 🌟 Alert 新增 iconType 属性,用于显示自定义图标。#8811 @minwe

    • 🌟 DatePicker 新增 id 属性。#8598 @mgrdevport

    • 🌟 Collapse 新增 forceRender 属性,用于渲染隐藏的内容。#9192 #Pyroboomka @paulcmason

    • RangePicker

      • 🌟 改进 ranges 属性,使其支持方法。#8281

      • 🐞 修复无法手动输入开始时间的问题。#6999

      • 🐞 修复点击预设范围关闭日期面板的时候没有动画的问题。#6364

      • 🐞 修复点击预设范围时不触发 onOk 的问题。#7747

    • Select

      • 🌟 改进了 onChangeonDeselect 方法,现在他们会接受选中的 Option 作为第二个参数。

      • 🐞 修复自动分词不触发 onSelect 的问题。#9094

      • 🐞 修复 Chrome 上下拉框没有滚动条的问题。

    • 🌟 改进 Table 的 rowSelection[getCheckboxProps] 属性,现在可以传任意属性给 chekbox 了。#9054 @mgrdevport

    • 🐞 修复 Calendar 的 mode 属性不能从外部控制的问题。#9243 @mgrdevport

    • 🐞 修复 AutoComplete 在 Form 中显示错误信息时的边框颜色。9f2b490

    • 🐞 修复 DatePicker 在受控模式下时间显示不正确的问题。#8885

    • 🐞 修复 TextArea 在 Edge 下高度计算错误的问题。#9108 @cuyl

    • 🐞 修复 Tabs 在 card 模式且 tabPosition 是 bottom 时的样式问题。#9165 @ryanhoho

    • 🌟 新增库尔德语。

  • 3.1.6#

    2018-01-28

    • 🐞 回退了 #9141 的修改,因其导致的 DatePicker 年月无法选择。

  • 3.1.5#

    2018-01-27

    • 🐞 修复了 Select 下拉选择框在 IE11 点击滚动条会无故消失的问题。#7934 @tianlang89757

    • 🐞 修复了 Form 中使用 getFieldDecorator 当 id 重复时引用冲突的问题。#9103 #7351

    • 🐞 修复了 RangePicker 在语言切换时会显示上一次的语言的问题。#8970

    • 🐞 修复了 DatePicker 在受控模式下时间显示不正确的问题。#8885

    • 🐞 修复了 Table 在 loading 时显示空提示的问题。#9095 @sallen450

    • 🐞 补充 Icon 类型 file-word#9092 #9061

    • 🐞 修复写错的字体名称,造成浏览器无法正确识别的问题。commit/506f97

    • 📖 修复了 TypeScript 定义

    • 🌟 优化了 Avatar 的默认背景色。commit/275946

    • 🌟 新增了 Slider 以及 Menu 的 less 变量,更加方便的修改主题。pull/9065 pull/9115 @mrgeorgegray

  • 3.1.4#

    2018-01-21

    • 🐞 修复 ButtonGroup 错误 z-index 导致的样式问题。#9014

    • 🐞 修复 Dropdown.Button 不能被完全禁用的问题。#8991 @sallen450

    • 🐞 修复 Layout 错误的响应式相关文档。#8995 @ReedSun

    • 🐞 修复 List grid 不支持 xxl 配置的问题。#9019

    • 🐞 修复 RangePicker 关闭选择面板之后无法清空已选开始时间的问题。#8839

    • 🐞 修复 Tabs 错误外边距导致的样式问题。commit/200d6c

    • 🐞 修复 WeekPicker 显示错误周数的问题。#9021

    • 🐞 修复 TypeScript 定义

    • 🌟 新增 less 变量

    • 🌟 新增 aliyun 图标。

  • 3.1.3#

    2018-01-14

    • 🐞 修复 localenull 时 LocaleProvider 出错的问题。

  • 3.1.2#

    2018-01-13

    • 🐞 修复 Button 不能正确显示 0 的问题。#8733 @Cuihongsen

    • 🐞 修复 Table 和 List 中由于 Spin 导致的滚动条。#8799

    • 🐞 修复不能传方法给 TableemptyText 的问题。#8871

    • 🐞 修复 DropdowntransitionName 不生效的问题。

    • 🐞 修复 Input 中输入数字时字体会发生变化的问题。 #8636

    • 🐞 修复 import 多个 locale 文件后日期文本显示错误的问题。#8785

    • 🐞 修复 dist/antd-with-locales.js 中的 locale 会多一个 default 字段的问题。#8881

    • 🐞 修复 TypeScript 定义 4cc29bc 693e734 67e956d ecd4177 33119ec 88e0c9b

    • 🌟 新增 less 变量 b9b5aba 5931b20 c9d7397

    • 🌟 优化中文引号的显示。

  • 3.1.1#

    2018-01-08

    • 📖 发布了全新的官网和设计文档。

    • 📖 更新了项目实战文档到 roadhog 2.05dcf1c0

    • 📖 发布了 Ant Design 3.0 的 sketch 模板包。22dfe88

    • 🐞 修复 Dropdown 组件的 TypeScript 类型定义中 trigger 属性缺少 contextMenu 事件的问题。#8646 @cjahv

    • 🐞 修复 Button 内使用 HOC 组件时两个中文字符间未添加空格的问题。

    • 🐞 修复 List 组件在 IE 11 下的样式兼容问题。#8784

    • 🐞 修复 Select 组件 notFoundContent 属性不生效的问题。#8809

    • 🐞 修复 BackTop 组件在 React 16 下 target 属性出现警告的问题。#8848

    • 🐞 修复当设置 gutter 后 List 组件出现横向滚动条的问题。#8799

    • 🐞 修复 Anchor.Link 的 href 属性不支持完整链接的问题。#8808

    • 🌟 优化中文引号的字体。c6fcc31

  • 3.1.0#

    2017-12-29

    新年快乐!~ 2018年了,00后都成年了!少年赶紧提个 PR 给我们吧!~

    • 🐞 修复组件 Spin 可能出现跳动的问题。#8602 @jhsu

    • 🐞 修复 Table 在设置 size=small 的情况下出现多余 padding 的问题。#8724

    • 🐞 修复 Checkbox.Group 在 Form 中和 label 的对齐问题。#8739

    • 🐞 修复 Affix 组件出现滚动条的问题。#8606

    • 🐞 修复组件 List "No Data" 和加载动画重叠的问题. #8647

    • 🌟 为 Input 添加 onKeyUp。#8705 @delesseps

    • 🌟 折叠面板 Collapse 添加 showArrow 来支持隐藏箭头。#8536 @apieceofbart

    • 🌟 评分 Rate 组件添加 allowClear,支持再次点击后重置。#8627

    • 🌟 优化 BackTop 组件的响应式效果。#8719 @JetRunner

    • 🌟 Modal 组件添加 destroyOnClose 支持关闭时销毁 Modal 里的子元素。#8769 @Rohanhacker

    • 🌟 组件 Pagination 添加 hideOnSinglePage 支持当只有一页时隐藏组件。#8615 @camsong

    • 🌟 支持 List 组件自定义加载动画。

    • 👻 你现在可以通过 CodeSandbox 来打开官方文档中的示例了。

  • 3.0.3#

    2017-12-22

    • 🐞 Form.create 返回值增加 React.SFC 类型的支持。#8672

    • 🐞 修复 Form 控件高度和对齐的问题。#8701

    • 🐞 修复前后置标签与 Input 高度不一致的问题。#8680

    • 🐞 修复 Table 固定列时左右未对齐的问题。#8660

  • 3.0.2#

    2017-12-17

    • 📝 提供了 3.0 迁移工具。e71b68dd

    • 📝 重写了 开源贡献指南

    • 🌟 优化 notification 在小屏幕下的显示效果。#8631

    • 🌟 优化了 Pagination 的样式和并修复了对齐和边距问题。

    • 🐞 升级 react-slick 到 0.16.0,修复 peerDependencies 安装警告。#8455

    • 🐞 修复固定列头的表格大小设置无效的问题。#8577

    • 🐞 修复 DatePicker 等时间组件的 locale 属性失效的问题。#8635

    • 🐞 修复 Popover 的箭头偏移和大小无法覆盖的问题。#8548 #8549

    • 🐞 修复 AutoComponent 的 notFoundContent 设置无效的问题。#8553

    • 🐞 微调 RangePicker 的垂直对齐问题。

    • 🐞 Layout.Sider 的响应式断点和栅格系统保持一致。#8620

    • 🐞 修复一个 collapsedWidth 为 0 时,收缩后子菜单依然会显示的问题。#8587

    • 🐞 修复 Card 的 Meta.title 文本无法自动截断的问题。#8597

    • 🐞 修复带边框的 List 下的分页样式边距。#8562

    • 🐞 修复一个 Menu 指定了不存在的 defaultOpenKeys 时子菜单无法展开的问题。#8475

    • 🐞 修复 Input、AutoComplete、Transfer 的 InputPropsSearchProps TypeScript 类型命名冲突。#8478

  • 3.0.1#

    2017-12-11

    • 移除 Card 无用 DOM wrapper,以和 2.x 保持一致。

    • 修复 antd/lib/style/v2-compatible-reset.css 缺失问题。28d13e2

    • 修复 Affix 比浏览器可见区域还高时被截断的问题。31a0654

    • 修复 Collapse 展开动画。edd592c

    • 修复 Form 内大尺寸 Input、Button 的对齐问题。#8459

    • Menu

      • 修复弹层在 Safari 下消失的问题。#8453

      • 修复展开动画。edd592c

    • 修复 Notification 样式编译错误。#8437

    • 修复迷你 Pagination 的背景色问题。e13c6d8

    • Table

      • 修复在移动端样式错乱的问题。#8465

      • 修复嵌套表格与 size 属性共用时的样式问题。#8525

    • TypeScript

  • 3.0.0#

    2017-12-04

    更多内容见 Ant Design 3.0 发布公告

    主要变化#

    • 全新的色彩系统,组件主色由 『#108EE9』 改为 『#1890FF』,新主色我们称之为『拂晓蓝』。

    • 全新的视觉样式和组件尺寸,更现代更美观。

    • 基础字体大小由 12px 增大到 14px

    • 默认语言由中文改为英文。

    • 全面支持 React 16。

    • 更友好的 TypeScript 支持。

    • 新的 List 组件。

    • 新的 Divider 组件。

    • 新增 30 个图标

    不兼容改动#

    此版本有部分不兼容的改动,升级时确保修改相应的使用代码。另外由于人肉查找代码中的废弃用法过于低效,所以我们提供了 antd-migration-helper 用于扫描代码中的废弃用法。

    • Card 的 noHovering 属性重命名为 hoverable,且默认值改为 true

    • 调整了 Grid 的响应式断点值。详见 #7230

    • Form getFieldDecoratorexclusive 参数被移除,此类场景应该由 Radio.Group、Checkbox.Group 之类的组件来完成。

    • 新增 Form.createFormField 方法,mapPropsToFields 返回的字段都需要由该方法创建。

      import { Form } from 'antd';
      
      Form.create({
        mapPropsToFields() {
          return {
      -     name: { value: 'antd' },
      +     name: Form.createFormField({ value: 'antd' }),
          };
        },
      })
    • 优化了全局的重置样式,如果升级后你的全局样式有问题,可以引入我们提供的 2.x 兼容样式。

      import 'antd/lib/style/v2-compatible-reset';

      或者在 less 里引入

      @import '~antd/lib/style/v2-compatible-reset.less';
    • 由于默认语言改为英文,如果你需要显示中文,现在需要配置 LocalProvider

      import { LocaleProvider } from 'antd';
      import zhCN from 'antd/lib/locale-provider/zh_CN';
      
      ReactDOM.render(
        <LocaleProvider locale={zhCN}><YourApp /></LocaleProvider>,
        document.getElementById('root')
      );
    • Form 下的表单控件不再默认为 size="large"

    • Input.Search 默认的 🔍 图标只作为装饰,不再响应用户交互。需要添加可交互按钮请使用 enterButton

    • UMD 版本的 dist/antd.js 不再包含 moment,使用的时候需要自己引入 moment。

      <html>
        <head>
      +   <script src="https://unpkg.com/moment@2.19.3/moment.js"></script>
          <script src="https://unpkg.com/antd@3.0.0/dist/antd.js"></script>
        </head>
      </html>

    以下在 2.x 中废弃的特性被移除#

    • 🗑 移除了 DatePicker.Calendar, 请直接使用 Calendar 组件。

    • 🗑 移除了 DatePicker 的 toggleOpen 属性, 请使用 onOpenChange 代替。

    • 🗑 移除了 Form 的 inlinehorizontalvertical 属性,请使用 layout 代替。

    • 🗑 移除了 Select 的 multipletagscombobox 属性,请使用 mode 代替。

    • 🗑 移除了 Input 对 type='textarea' 的支持,请直接使用 Input.TextArea 组件。

    • 🗑 移除了 Mention 的 toEditorState 方法,请使用 toContentState 代替。

    新增功能及改进#

    • 🌟 Tabs 新增 size="large"

    • 🌟 Row 的 gutter 属性新增响应式断点的支持,可以使用诸如 gutter={{ sm: 16, lg: 32 }} 的设置。

    • 🌟 Spin 新增 indicator 属性,用于设置自定义的加载指示符。 #7977 @kossel

    • 🌟 Input.Search 新增 enterButton 用于设置自定义的搜索图标。#7596

    • 🌟 Mention 新增 placement, 用于设置下拉框的弹出方向。

    • 🌟 Carousel 新增 next()prev()goTo(slideNumber) 方法,用于控制面板展示。

    • 🌟 Button 新增链接支持,当提供 href 时会自动渲染为 <a>#8343

    • 🌟 Steps 进行了重构,首次渲染的时候不会再闪烁。 #6010

    • 🌟 Switch 新增 loading 属性,用于表现加载中的状态。

    • Menu

      • 🌟 我们使用了 rc-trigger 重构了菜单以支持延迟加载和窗口边缘浮层自适应方向。

      • 🌟 新增 subMenuOpenDelaysubMenuCloseDelay,用于设置子菜单打开和关闭的延迟。

      • 🌟 新增 forceSubMenuRender,用于强制渲染子菜单。#5586

    • Form

      • 🌟 新增显示验证信息时的动画效果。

      • 🌟 新增按条件渲染表单项的支持。#react-component/117

    • Message

    • Badge

      • 🌟 新增 offset 属性,用于设置状态点的位置偏移。

      • 🌟 status 允许与 children 同时使用。#8164

    • Card

      • 🌟 新增 inner 类型。例子

      • 🌟 新增 coveractions 以及 Meta 子组件。例子

    • DatePicker

      • 🌟 新增 modeonPanelChange,用户控制面板的展示模式。例子

      • 🌟 新增 WeekPicker 子组件。例子

      • 🌟 新增 dateRender 属性,用于自定义日期单元格的渲染。

    • TimePicker

      • 🌟 新增 hourStepminuteStepsecondStep,用于设置时间步长。例子

      • 🌟 新增 focusOnOpen,用于设置在打开面板的时候是否聚焦输入框。

    • Table

      • 🌟 新增 components 属性,用于覆盖表格元素的默认标签。

        // 支持覆盖的元素
        const components = {
          table: MyTable,
          header: {
            wrapper: HeaderWrapper,
            row: HeaderRow,
            cell: HeaderCell,
          },
          body: {
            wrapper: BodyWrapper,
            row: BodyRow,
            cell: BodyCell,
          },
        };
        
        <Table components={components} columns={columns} data={data} />
      • 🌟 新增 onRow 属性,用于设置表格列的属性。

      • 🌟 新增 onHeaderRow,用户设置表格头部列的属性。

      • 🌟 新增 column[onCell],用户设置单元格的属性。

      • 🌟 新增 column[onHeaderCell],用于设置头部单元格的属性。

      • 🌟 新增 column[align],用于设置列内文字的对其方向。

      • 🌟 新增 column[defaultSortOrder],用于设置列的默认排序。#8111 @megawac

      • 🌟 新增 rowSelection[fixed],用于固定选择列。

      • 🙅 废弃 getBodyWrapper,请使用 components 属性代替。

      • 🙅 废弃以下属性 onRowClickonRowDoubleClickonRowContextMenuonRowMouseEnteronRowMouseLeave,请使用 onRow 代替。

        <Table onRow={(record) => ({
          onClick: () => {},
          onDoubleClick: () => {},
          onContextMenu: () => {},
          onMouseEnter: () => {},
          onMouseLeave: () => {},
        })} />
    • Select

      • 🌟 默认和多选模式下 Option 的值允许使用 number。

      • 🌟 新增 maxTagCount 和maxTagPlaceholder`,用于设置最多可显示的选中项。

      • 🌟 新增 showAction,用于设置出发下拉框打开的事件。

      • 🌟 新增 onMouseEnteronMouseLeave 事件回调。

    • LocaleProvider

    Bug 修复#

    • Form

      • 🐞 修复输入框的图标会被验证图标覆盖的问题。

      • 🐞 修复使用大尺寸输入框时,验证图标不居中的问题。

    • 🐞 修复 Menu 按键时的报错。#8089

    其他#

    • 在 TypeScript 中使用时不再需要设置 allowSyntheticDefaultImports

    • peerDependencies 中移除了 react@0.14react@15,虽然目前 antd 3.0.0 依然可以在旧版本的 React 上使用,但是我们在未来有可能使用 React 16 的新特性,所以强烈建议升级到 React 16,见升级文档

    • 全面支持 ES Module ,antd 及其依赖的底层 react-component 组件全部提供了 ES Module 的构建版本,如果你使用 webpack 3,可以把 babel-plugin-importlibraryDirectory 设置为 es,以获得 Tree Shaking 的优化效果。

    • 最后,我们会继续维护 2.x 的分支到明年 6 月份。

  • 2.x#

    GitHub 查看 2.x 的 Change Log。

  • 1.11.4#

    GitHub 查看 0.x1.x 的 Change Log。