Skip to content

Latest commit

 

History

History
1066 lines (873 loc) · 92.2 KB

CHANGELOG.zh-CN.md

File metadata and controls

1066 lines (873 loc) · 92.2 KB
order title toc timeline
6
更新日志
false
true

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

发布周期

  • 修订版本号:每周末会进行日常 bugfix 更新。(如果有紧急的 bugfix,则任何时候都可发布)
  • 次版本号:每月发布一个带有新特性的向下兼容的版本。
  • 主版本号:含有破坏性更新和新特性,不在发布周期内。

3.10.0

2018-09-30

🎉 国庆节快乐

  • 📝 更新了图标动效两篇设计指引。
  • 🌟 Upload 组件新增 openFileDialogOnClick 属性,用于设置点击组件时是否打开上传对话框。#12347 @hengkx
  • 🌟 InputNumber 组件新增 decilamSeparator 属性,用于设置自定义的小数点。#12329 @amedora
  • 🌟 TreeSelect 组件新增 treeExpandedKeysonTreeExpand 属性,用于控制树的展开收起。#12145
  • Transfer
    • 🌟 新增 disabled 属性。#12066
  • Modal
    • 🌟 新增 autoFocusButton 属性,用于指定 Modal 打开时自动获取焦点的按钮。#11756 @erwin-k
    • 🌟 confirm 方法的参数新增 okButtonPropscancelButtonProps,用户设置对应按钮的属性。#12425 @Whoaa512
  • Table
    • 🌟 现在可以把 column.title 设置为一个方法了。#11246
    • 🌟 onChange 属性新增第四个参数 extra,用于获取当前显示的筛选后的数据。#12369
    • 🌟 优化了排序和筛选交互,现在整个列表头都可以点击排序了。#12264
  • 🌟 Alert 新增 icon 属性,用户设置自定义图标。例子:自定义图标
  • 🌟 以下组件均新增了 suffixIcon 属性,用于设置输入框后面的图标,具体用法可以参考文档。
    • Cascader
    • DatePicker
    • Select
    • TreeSelect
    • TimePicker
  • 🌟 新增 less 变量 f237eff
  • 🐞 修复 Icon.createFromIconfontCN 方法会自动给 scriptUrlhttps 的问题。#12316
  • 🐞 修复 Row 的 gutter 属性,在使用嵌套的 Col 时不生效的问题。#12320
  • 🐞 修复 Tree.DirectoryTree 组件在设置的 expandedKeys 有初始值时不能正确展开节点的问题。#12396
  • 🐞 修复 Transfer 组件使用 render 属性返回 ReactNode 时,列表项的 title 属性显示错误的问题。#12399
  • 🐞 修复 Tooltip 在 CheckboxGroup 上不工作的问题。#12427
  • 🐞 修复 Button 组件 loading 状态下在 IE9 里依然可以被点击的问题。#12466 @snail
  • 🐞 修复 Input.Group 中使用非 Input 组件时,鼠标 hover 时会产生抖动的问题。#12407 @hengkx
  • 🐞 修复 TypeScript 类型定义 #12374 #12370 #12354 #12473

3.9.3

2018-09-22

  • 🐞 修复 Select 组件在 Chrome 下超长文本的渲染延迟。#11456 #11843
  • 🐞 修复 RangePicker 组件中的 onOpenChange 非正常数值报错问题。#12142@leijingdao
  • 🐞 修复 Carousel 组件的 goTo 方法缺少 dontAnimate 参数问题,参数用于关闭转场过渡动画。#12205
  • 🐞 修复 TabstabBar 的重复类名。589ba#12051
  • 🐞 修复 Card 组件标题的垂直对齐方式。#11036#10576
  • 🐞 修复 List 组件刷新后 key 值非预期变化。#12299@douglasjunior
  • 🐞 修复 Table 组件 confirmFilter 方法不能及时更新数据。954c7#12284
  • Menu 组件相关
    • 🐞 修复 Menuhorizontal 模式下时出现额外的滚动条。#12152
    • 🐞 修复 Menu 组件 openKeys 有更高的优先级。#12361 @tangjinzhou
  • Upload 组件相关
    • 🐞 修复 Upload 上传文件列表中的 linkProps ,支持 JSON 格式链接且可传入 reltarget title 等属性。efb23
    • 🐞 修复 Upload 组件多文件类型同时上传时,key 重复引用冲突的报错问题。273fd#10953
  • 图标相关内容
    • 🐞 修复 Upload 组件关闭图标样式。#12330 #12304
    • 🐞 修复 Select 组件清除图标。#12196 #12181
    • 🐞 修复 Icon svg 对齐问题。0698c
    • 🐞 修复当 Icon 组件包含子组件时,React.Children.only 报错。c21ff
    • 🐞 修复 Notification 组件没有描述时图标对齐问题。e6579
    • 🐞 修复 Table 组件的排序图标对齐问题。c935d
  • TypeScript
  • 🐞 修复 Message 组件中 MessageApi 类型定义。e82d7#12137
  • 🐞 修复 Tree onDrop 类型定义。e5827#12269
  • 🐞 TreeSelect 组件中 onChange 方法中添加 extra 类型定义。#12243@jardicc

3.9.2

2018-09-08

  • 🐞 修复 Card 组件 tab-card 下嵌套 Card 导致标题边距偏窄的样式问题。#12083
  • 🐞 修复 AutoComplete 组件设置自定输入组件为 TextArea 时,手工调整高度的延迟问题。#12117
  • 🐞 修复 Drawer 组件 maskStyle 属性无效的问题。#12125@ryerh
  • 🌟 Popconfirm 可以在 onVisibleChange 里判断是否触发自确定取消按钮。#8614
  • 🐞 修复 Table 组件固定头和列时,表头会出现滚动条的问题。#6515
  • 🐞 修复 Spin 组件设置 delay 时初始化仍会渲染的问题。#12131
  • 图标相关内容:
    • 🐞 修复 Icon 组件在 popconfirm 中位置不正确的问题。#12080
    • 🐞 添加 Icon 组件缺失的图标。#121218
    • 🐞 修复 Select 组件勾选缺失的图标问题。#12054
    • 🐞 修复 TreeSelect 组件删除图标与之前版本不同的问题。#12124

3.9.1

2018-09-03

  • 🐞 修复 Icon 组件在被 Tooltip 组件包裹时,无法显示 Tooltip 内容的问题。#12005
  • 🐞 修复 InputNumber 组件的向上图标显示不正常的问题。#12035
  • 🐞 修复 Modal 组件的错误确认框不显示图标的问题。#12026
  • 🐞 修复 Popconfirm 组件中的图标显示位置不正确的问题。#12026
  • 🐞 修复 Card 组件中的 Actions 图标显示位置不正确的问题。#12016
  • 🐞 修复 FormAlertTimePicker 等组件图标主题风格不正确的问题。#12016
  • 🐞 修复 Collapse 组件中的 header 中的图标会顺时针旋转90�度的问题。#12016
  • 🐞 修复在特定部署环境中,新旧图标会同时出现的问题。#12016 8b82f14
  • 🐞 修复使用 Icon.createFromIconFontCN({...}) 方法失效并报错的问题。#12013

3.9.0

2018-09-02

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

  • 🔥🔥🔥 在 3.9.0 版本中,我们重绘了所有的图标,新增了两大类,超过 90 个新图标,并且为每个图标增加了多种风格。为此我们重写了 Icon 组件,使用 SVG 替换了 fontface 图标,增加了多个特性,可以快速的使用新的图标和风格。
    • 💄 使用 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 也已同步发布,详细内容请看 这里

组件修复/功能增强:

  • 🌟 新增 Model.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

3.8.4

2018-08-27

  • 🐞 修复 Tag 组件删除 tag 后会造成换行的问题。
  • 🐞 修复 Switch 单击时会产生 Failed to execute 'removeChild' on 'Node' 错误的问题。

3.8.3

2018-08-26

  • 📖 重新编写了 定制主题 文档,并提供了主要的 Less 变量说明。
  • 🐞 修复 Badge 组件动画出现位置不正确的问题。#11870
  • 🐞 修复 Cascader 组件在 IE 和 Edge 浏览器中浮层与数据列宽度不一致的问题。#11857
  • 🐞 修复 Checkbox 组件在 Windows Chrome 下样式模糊的问题。#11797
  • 🐞 修复 DatePicker.WeekPicker 组件的 style 属性无法生效的问题。#11738
  • 🐞 修复 Drawer 组件在多层状态下切换出现的背景闪烁的问题。#11813
  • 🐞 修复带有前缀或后缀的 Input.Group 组件在紧凑模式下右边框宽度过宽的问题。#11863
  • Menu
    • 🐞 修复子菜单之间存在间隙导致鼠标 hover 时菜单消失的问题。#11725
    • 🐞 修复当分组菜单包含了第一个菜单项,并且在菜单收起时出现错误的问题。a52370 @ohhoney1
  • 🐞 修复 Steps 组件中过长的 description 会被截断,无法完整展示的问题。#11864
  • 🐞 修复 Tooltip 组件在 title 过长时会将单词拆分到两行的问题。#11722
  • 🐞 修复 Tree 组件中的树节点无法接收自定义属性的问题。#11423
  • 🐞 修复 Upload.Dragger 组件的有效拖拽区域不匹配的问题。#11869

3.8.2

2018-8-18

  • 🐞 修复 Tag 组件 visible 属性初始值为 false 时仍然可见的问题。#11757
  • 🐞 修复 Modal 文本在双击打开的时候会被选中的问题。#11777
  • 🐞 修复 Rate 组件点击时的样式问题。#11736
  • 🐞 修复 Badge 组件在子元素为 display:block 时的样式问题。#84119d8
  • Drawer
    • 🐞 修复 Drawer 组件不兼容 IE10 和 IE9 的问题。#11583
    • 🐞 修复 Drawer 组件在移动设备上无法垂直滚动的问题。 #11443
  • TypeScript
    • 🐞 修复 TreeNode 组件缺少的 selectable 属性定义。#11604 @apieceofbart
    • 🐞 修复 Input 组件缺失 autosize 属性的类型错误。#11697

3.8.1

2018-08-12

  • 🐞 修复 TimePicker 面板输入框宽度过长的问题。80f8267
  • 🐞 修复 Tabs 中隐藏的输入框可能被聚焦的问题。#11261
  • 🐞 修复 Badge 组件属性 offset 的坐标设置顺序问题。#11648 @tangjinzhou
  • Upload
    • 🐞 修复 Upload 组件删除按钮可能不展示的问题。#10454
    • 🐞 修复 Upload 组件缩略图地址没有文件扩展名时的显示问题。#11684 @elantion
  • 🐞 修复 Anchor 组件当 affix=true 时无法在滚动的窗口中固定的问题。#11688 @vitaliymaz
  • 🐞 修复 List.Grid 组件中的卡片宽度问题。!11712
  • 🐞 修复 Radio 在 safari 下对齐的问题。754a22c
  • 💄 添加点击动画效果到组件 Switch, Radio.Button 和 Tag。9cf6ae6
  • TypeScript
  • 💄 使用新的 React 生命周期函数,包括组件 Upload, CheckboxGroup, Layout.Sider, Tooltip, Popconfirm。#11666 @dancerphil #11682 @dancerphil

3.8.0

2018-08-05

非常感谢在 3.8.0 上提交 PR 的 24 位贡献者!

  • 💄 支持 TypeScript 3,并优化了大量组件定义。
  • 💄 使用 font-variant-numeric 优化了等宽数字的实现方式,解决了数字字体和其他字体不一致的问题。#11567 @tibdex
  • 🌟 Timeline 现在支持左/右/交替三种布局形式。#11490 @jrvboesch
  • 🌟 Button 增加 block 属性用于撑满父容器宽度。#11500 @ilanus
  • Tree
    • 💄 优化了组件可访问性。
    • 🐞 修复一个拖拽后节点失踪的问题。#11492
    • 🐞 修复一个在拖拽后节点位置没有垂直居中的问题。#11458
  • Table
  • Avatar
  • 🌟 Card 新增 headStyle 属性用于定制标题样式。#11407 @emersonlaurentino
  • 🐞 修复 DatePicker 上无法使用 Tooltip 的问题。#11451 @yociduo
  • 🐞 修复 Input.Group 上无法使用 Tooltip 的问题。#11532 @yociduo
  • 🐞 修复一个 DatePicker 中时间面板 hover 时数字跳动的问题。#11460
  • 🐞 Tabs 修复了一个切换焦点异常的问题。#11261
  • Select
    • 🌟 支持 data-* 属性。
    • 🐞 修复一个选中项在列表中没有聚焦的问题。#11268
  • 🌟 Calendar 新增了 onChange 作为日期改变的回调。#11476 @tangjinzhou
  • 🌟 Popconfirm 新增 icon 支持自定义图标。#11191 @nuintun
  • Modal
    • 🌟 新增 centered 属性用于设置对话框垂直居中。#11537 @yoyo837
    • 🐞 修复了多个对话框会被 ESC 一次性全部关掉的问题。#11394 @yoyo837
    • 🐞 再次修复 Model.confirm 的标题区域某些情况下会显示滚动条的问题。#11568 @cheshireoctopus
  • 🌟 Progress 新增 strokeLinecap 属性用于调整边缘形状。#11547 @blatinier
  • 🌟 Drawer 新增 className 并废弃 wrapClassName#11609 @fergiar

3.7.3

2018-07-28

  • 🐞 修复 Steps 在 labelPlacementvertical 时标题与图标不对齐的问题。#11426 @yoyo837
  • 🐞 修复 Cascader 设置 fieldNames 时不能正确读取子节点的问题。#11311 @405go
  • TypeScript

3.7.2

2018-07-25

  • DatePicker
    • 🐞 修复在受控模式下不能切换年月的问题。b9992f4
    • 🐞 修复在 getDerivedStateFromProp 的警告。#11398 @yoyo837
  • Drawer
    • 🐞 修复使用 destroyOnClose 时没有关闭动画的问题。#11307
    • 🐞 修复 widthvw 为单位时的显示错误。#11326
    • 🐞 修复 wrapClassName 属性无效的问题。
  • 🐞 修复 Tooltip 文字溢出的问题。#11402 @weidapao
  • 🐞 修复 Menu 在 themedark 是在 Layout.Header 里的样式问题。#11400 @hongxuWei
  • 🐞 修复 InputNumber 的箭头按钮在使用了固定列的 Table 里显示错位的问题。#11408
  • 🐞 修复 Select 使用分组时 Option 的圆角显示错误。6cb6f5c
  • 🐞 修复 Table 第一次点击过滤按钮的时候 onChange 会被触发两次的问题。#11164 @adybionka
  • 🐞 修复 Model.confirm 的标题在 Firefox 下会显示滚动条的问题。#11432
  • TypeScript

3.7.1

2018-07-21

  • 🐞 修复 Drawer 内无法显示弹层组件的问题。#11304
  • 🐞 带页签的卡片页签支持 disabled 属性。#11212
  • 🐞 修复锚点链接组件 href 改变不更新的问题。 #11287 @tangjinzhou
  • 🐞 修复 Menu 样式细节问题。#11299
  • 🐞 修复 Drawer 组件设置 destroyOnClose 后关闭动画消失。#11307
  • 🐞 修复 DirectoryTree 在 expandedKeys 属性可控时点击无法展开的问题。#11366
  • 🐞 修复 ButtonGroup 中使用 Tooltip 的 Button 在 disabled 时样式不正确的问题。11321 @tangjinzhou

3.7.0

3.7.0 是一个重磅更新,带来了很多激动人心的变化和新特性。 以下是一些亮点✨:

  • 🔥 增加抽屉组件 : Drawer #10791
  • 🔥 新增 Tree.DirectoryTree 组件,作为内置的目录树。#7749

组件修复/功能增强:

  • TreeSelect 组件升级 rc-tree-select2.0.5,进行了重构,修复了 check 的逻辑。
    • 🌟 新增 autoClearSearchValue 属性,当多选模式下值被选择,用于自动清空搜索框。10996
    • 🌟 新增 searchValue 属性,用于设置搜索框的值。6ff7dd8
    • 🌟 新增 maxTagCount 属性,用于设置显示标签的最大数量。fb96c9d
    • 🌟 新增 maxTagPlaceholder 属性,用于设置标签隐藏时显示的内容。fb96c9d
    • 🌟 搜索框支持大小写敏感。#10990
    • 🗑 treeData 数据格式中的 label 属性被废弃,使用 title 属性代替。
  • Upload 组件升级 rc-upload2.5.0
    • 🌟 新增 directory 属性,支持上传一个文件夹。#7315
    • 🌟 action 属性支持作为一个返回 Promise 对象的函数,使用更加灵活。fd96967
  • Dropdown 增加新特性,�可以做为右键菜单来使用。
    • 🌟 给菜单项的 icon 提供默认的外间距样式。8e60a59
    • 🌟 触发方式为 contextMenu 时自动调整菜单的位置。16e4260
  • Table 组件升级 rc-table6.2.2f2fddff
    • 🌟 新增 expanded 作为 expandedRowRender 属性函数的第四个参数,用于获取当前行是否展开。#10379
    • 🌟 新增无须使用完全受控组件也能覆盖筛选菜单的能力。59cc3a8 @chrvadala
    • 🌟 filterIcon 属性支持作为一个返回 ReactNode 的函数。1af4392
    • 🐞 修复在固定列时导致的行错位的问题。#10392
    • 🐞 修复在组件中使用 combobox 模式的 Select 导致的重影问题。#10828
    • 🐞 修复 components 属性值不能变化的问题。c380186
  • 🗑 Select 组件废弃了 combobox 模式,请使用 AutoComplete 组件代替。53046a4
  • 🌟 Alert 组件允许传递 data-*aria-*role-* 属性到组件内部。f0b684d
  • 🌟 Avatar 组件新增 alt 属性,用于设置图像无法显示时的替代文本。#10798
  • 🌟 DatePicker 组件允许传递 data-*aria-*role-* 属性到组件内部的 Inpute63f9d4
  • 🌟 Input.Search 组件新增 event 事件对象作为 onSearch 属性函数的第二个参数。#11015
  • 🌟 Layout.Sider 组件新增 onBreakPoint 属性,用作响应式布局的断点触发时的回调函数。#10750 @nuintun
  • 🌟 Modal 组件新增 okButtonPropscancelButtonProps 属性,分别用于设置 取消 按钮和 确定 按钮的属性。#10955 @djyde
  • 🌟 Progress 组件新增 strokeColor 属性,用于设置进度条的颜色。#10725
  • 🌟 Radio.Group 组件新增 buttonStyle 属性 (可选值 outline | solid),用于设置 RadioButton 的风格样式。60e3cfa
  • 🌟 Spin 组件新增 setDefaultIndicator 静态方法,用于设置全局的加载指示符。#10787
  • 🌟 Tag 组件新增 visible 属性,用于设置是否显示标签。4ac0277
  • Tree 组件升级 rc-tree1.12.0
    • 🌟 新增 loadedKeys 属性,用于设置已经加载的节点,需要配合 loadData 使用。#10666
    • 🌟 新增 onLoad 属性,作为节点加载完毕时的回调函数。c488aca
  • 🌟 增加 okButtonDisabled and cancelButtonDisabled 属性用于禁用确定和取消按钮。#10955
  • 🌟 Cascader 新增 fieldNames 并废弃拼写错误的 filedNames。 #10896
  • 🐞 修复时间轴不能与Tooltip一起使用的问题。 0e3b67e
  • 🐞 修复当 Avatar 自定义大小时,圆角不改变的问题。e1e6523

3.6.6

2018-07-07

  • 🐞 修复 DatePicker 组件被选中日期的样式问题。#6146 #9529
  • 🐞 修复 DatePicker.RangePicker 组件中被选中日期的样式问题。004561b
  • 🐞 修复 Cascader 组件在 Form.Item 下的对齐问题。#9827 #11133
  • 🐞 修复 InputNumber 组件的 handler 的背景样式问题。4aabc53
  • 🐞 修复 Table 组件在 FireFox 浏览器下数据为空时的头部溢出的样式问题。#11135

3.6.5

2018-07-02

  • 🐞 修复 Transfer 组件的文本 "Not Found" 在 IE 或 Edge 浏览器上显示异常。#9697
  • 🐞 修复 Chrome 在缩放模式下,Card 组件的边框被标题的背景色覆盖。#9085
  • TypeScript
    • 🐞 修复 Table 不兼容的类型 sizebf5b6ae1
    • 🐞 修复 Select 组件的 showArrow 类型定义。cde2a6b6
  • 🐞 修复 Pagination 全局 locale 设置不能被组件 locale 覆盖的问题。babbbdd4
  • 🐞 修复 Tooltip 组件的 max-width 样式,使 overlayStyle.maxWidth 可覆盖。e2b359e9
  • 🐞 修复 Select 组件的样式,避免过长文本的溢出。#11035

3.6.4

2018-06-23

  • 🐞 修复 Steps 组件的 @process-icon-color 样式定义。#10973
  • 🐞 修复 RangePicker 组件使用预置范围时的样式问题。[#10986] (ant-design#10986)
  • 🐞 修复 Dropdown 组件可能报出的 non-boolean attribute 的警告。#7798
  • TypeScript
    • 🌟 给 Tree 组件添加 className 的定义。#10950
    • 🌟 给 Tree 组件添加 selectable 的定义。3fb478e

3.6.3

2018-06-17

  • 🐞 修复 Upload 图片文件后缀名为大写时无法正确识别的问题。#10928 @sliwey
  • 🐞 修复 InputNumber 在浏览器缩放时边框样式丢失的问题。#10562
  • 🐞 修复 Spin 内使用 position: fixed 的元素无法固定的问题。#10196
  • 🐞 修复小号表格下固定列的边框样式问题。#9754
  • 🐞 修复 Table filterIconclassName 属性失效的问题。#10937
  • 🐞 修复 Affix 的 offsetTopoffsetBottom 无法动态修改的问题。#10874
  • TypeScript
    • 🐞 修复 TreeSelect TS2339 错误。#10868
    • 🌟 补充 Form 的 validateMessagesonFieldsChange 参数的定义。
    • 🌟 优化 Button 的属性定义。#10877 @zheeeng
    • 🌟 补充 AutoComplete 的 backfill 属性定义。#10909 @zhanba

3.6.2

2018-06-09

  • 🐞 修复 Table 数据变化时全选勾选框状态显示不正确的问题。#10629
  • 🐞 修复 Button.Group 中使用 disabled 按钮时缺失边框。
  • 🐞 修复 Upload 中 beforeUpload 返回 false 时,文件列表排序会被反转的问题。#10681
  • 🐞 修复 Calendar 表格中内容溢出的问题。#10808 @Yangzhedi
  • Spin
    • 🐞 修复使用图标时不能按照 size 正确显示大小的问题。#10786
    • 🐞 修复默认旋转时 delay 不生效的问题。#10727 @dreamerblue
  • 修复 Badge 的状态色不跟主题色变化的问题。
  • TypeScript
    • 🐞 修复 Menu 类型定义。#10773
    • 🐞 修复 AutoComplete 类型定义。#10745 #10619
    • 🐞 修复 Tree 类型定义。#10841 @Voronar
    • 🐞 修复 Checkbox.Group 的类型定义。#10677

3.6.0

2018-06-02

  • 🌟 Form 表单错误信息展示支持传入 ReactNode。 #10136 @lovekonakona
  • 🌟 List 组件支持指定分页器的位置。 #10581 @zheeeng
  • 🌟 Layout.Sider 支持 dark/light 主题定制。 #10142 @pd4d10
  • 🌟 支持 Ant Design 站点的离线模式。 #10625
  • 🌟 Transfer 新增 style 以及 operationStyle 属性配置样式。 @eduludi
  • 🌟 Message 增加 promise 化的回调接口。 #10421 @zhujinxuan
  • 🐞 修复编译时 typescript v2.9.1兼容性问题。 #10729 @karol-majewski
  • 🐞 修复 Menu 嵌套超过两层时选中最里层后对应最外层没有亮起问题。 #8666 @stonehank
  • 🐞 修复 Affix 组件 offsetBottom 无效问题。 #10674

3.5.4

2018-05-26

  • 🐞 修复 CascadershowSearch 无效问题。968488a2
  • 🐞 使 Badge[status] 支持 Tooltip#10626
  • 🐞 修复父元素使用 text-align 会影响 Spin 的问题。#10643 @wmzhong
  • 💄 Table 换行从 break-all 改为 break-word#10655 @clinyong
  • 🌟 Search 在未定义 enterButton 时,点击搜索图标将触发 onSearch36ffe7e1

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
  • 🐞 修复不能传方法给 Table[emptyText] 的问题。#8871
  • 🐞 修复 Dropdown[transitionName] 不生效的问题。
  • 🐞 修复 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 个图标

不兼容改动

如果你从 2.x 升级到 3.x,建议直接升级到 3.x 的最新版本。

3.x 后续的版本可能已经废弃了一些下面没有提到的改动,请参考控制台的警告提示相应升级。

此版本有部分不兼容的改动,升级时确保修改相应的使用代码。另外由于人肉查找代码中的废弃用法过于低效,所以我们提供了 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/[email protected]/moment.js"></script>
        <script src="https://unpkg.com/[email protected]/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 中移除了 [email protected]react@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。