order | title | toc | timeline |
---|---|---|---|
6 |
更新日志 |
false |
true |
antd
严格遵循 Semantic Versioning 2.0.0 语义化版本规范。
- 修订版本号:每周末会进行日常 bugfix 更新。(如果有紧急的 bugfix,则任何时候都可发布)
- 次版本号:每月发布一个带有新特性的向下兼容的版本。
- 主版本号:含有破坏性更新和新特性,不在发布周期内。
2018-06-17
- 🐞 修复 Upload 图片文件后缀名为大写时无法正确识别的问题。#10928 @sliwey
- 🐞 修复 InputNumber 在浏览器缩放时边框样式丢失的问题。#10562
- 🐞 修复 Spin 内使用
position: fixed
的元素无法固定的问题。#10196 - 🐞 修复小号表格下固定列的边框样式问题。#9754
- 🐞 修复 Table
filterIcon
的className
属性失效的问题。#10937 - 🐞 修复 Affix 的
offsetTop
和offsetBottom
无法动态修改的问题。#10874 - TypeScript
2018-06-09
- 🐞 修复 Table 数据变化时全选勾选框状态显示不正确的问题。#10629
- 🐞 修复 Button.Group 中使用 disabled 按钮时缺失边框。
- 🐞 修复 Upload 中
beforeUpload
返回false
时,文件列表排序会被反转的问题。#10681 - 🐞 修复 Calendar 表格中内容溢出的问题。#10808 @Yangzhedi
- Spin
- 🐞 修复使用图标时不能按照
size
正确显示大小的问题。#10786 - 🐞 修复默认旋转时
delay
不生效的问题。#10727 @dreamerblue
- 🐞 修复使用图标时不能按照
- 修复 Badge 的状态色不跟主题色变化的问题。
- TypeScript
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
2018-05-26
- 🐞 修复
Cascader
的showSearch
无效问题。968488a2 - 🐞 使
Badge[status]
支持Tooltip
。#10626 - 🐞 修复父元素使用
text-align
会影响Spin
的问题。#10643 @wmzhong - 💄
Table
换行从break-all
改为break-word
。#10655 @clinyong - 🌟
Search
在未定义enterButton
时,点击搜索图标将触发onSearch
。 36ffe7e1
2018-05-20
- 🐞 修复了
Affix
当offsetTop === 0
, 值将变为undefined
的问题 #10566 - 🐞 修复了
Menu
item 中的高亮链接颜色问题 09d5e36 - 🐞 修复了
Input.Group
组件阴影被遮盖的问题 #10230 - 🐞 修复了
Transfer
组件 checkbox 事件触发两次的问题#10480
- 💄 统一 less 的变量命名 12d3046
- 💄 微调了
Dropdown
的样式 8e2f72f - 💄 现在中文文档的组件会用中文语言包进行演示。9b17a94
- 💄 主站主题切换 修改为
antd-theme-generato
,感谢 @mzohaibqc 的工作. - TypeScript
2018-05-13
- 🐞 修复
Table
过滤器和Transfer
复选框无法点击的问题。#10452 - 🐞 修复
Cascader
的�displayRender
里的链接无法点击的问题。#10433 - 🐞 修复
Button
ref 不兼容问题。#10405 - 🐞 修复
Form
表单项校验位置高度时出现抖动问题。#10445 - 🌟 设置
Layout
宽度时,允许使用任何的 CSS 单位。 #10479
2018-05-09
- 🐞 修复 Input.Group 在 Form 下样式错位的问题。#10371
- 🐞 修复 Select 箭头和内容重叠的问题。#10383
- 🐞 移除 Collapse 点击时的 focus 样式。
- 🐞 移除 Input.Group 和 Checkbox 不必要的
z-index
。#9840 #10385 - 🐞 修复一个数字等宽字体没有加粗的问题。
- Table
- TypeScript
- 🐞 调整 Breadcrumb.Item 的类型。#10372 @karol-majewski
- 🐞 修复 Table 的
rowSelection
的类型。#10374
2018-05-04
- 🌟 组件
Badge
新增title
属性支持鼠标 hover 的时候显示。74d81c2 @ludwigbacklund - 🌟 添加
successPercent
为Progress[format]
的参数。#10096 - 🌟 更新
rc-notification
到 3.1.0 来支持组件Notification
的maxCount
属性。#10161 @jzhangs - 🌟 更新
rc-cascader
到 1.13.0 来支持组件Cascader
的filedNames
属性。react-component/cascader#23 @405go - 🌟 组件
Notification
支持通过 key 更新通知属性。 react-component/notification#40 @yevhen-hryhorevskyi - 🌟 组件
List
支持内置的翻页功能。#10135 - Table
- 🌟 新增
sortOrder
参数传递给列配置中的sorter
方法。#10306 @kumarashwin - 🐞 修复头部单元格的边框样式问题。#10359
- 🐞 修复当数据变化时用户选择项丢失的问题。#10332 @chrvadala
- 🌟 新增
Menu
升级rc-menu
到7.x
#10305- 🌟 更好的 aria-* 属性支持。react-component/menu#137
- 🌟 一些内部优化提升组件性能。react-component/menu#133
- 🌟 支持将属性传递到菜单项中。react-component/menu#135
- 🐞 修复一些快捷键的问题。react-component/menu#132
- Collapse
- 🌟 更新
rc-collapse
到 1.9.0 优化键盘支持。react-component/collapse#84 @kossel - 🌟 支持通过 less 定义组件
Collapse
的样式。#9943 @davidhatten
- 🌟 更新
- Select
- 🐞 修复
placeholder
的 ts 类型问题。#10282 @thomasthiebaud - 🐞 修复不显示箭头时多余的空白。#10296
- 🐞 修复属性
value
的 typescript 类型错误。#10336 @paranoidjk
- 🐞 修复
- Input
- Form
- 🐞 修复
Form.onValuesChange
的 ts 类型错误。#10231 @whtsky - 🐞 修复
ComponentDecorator
typescript 定义的错误。#10324 @paranoidjk
- 🐞 修复
- 🐞 修复
Divider
为 dashed 时的样式问题。#10216 - 🐞 修复
Spin
覆盖层的展示问题。#10227 - 🐞 修复
Notification
鼠标 hover 是图标的颜色问题。#10272 - 🐞 修复
Upload
组件属性lastModifiedDate
的拼写错误。#10315 @danielg2002 - 🐞 修复
Button
的属性类型,使用React.HTMLProps
。#10229 @whtsky - 🐞 修复 less 命名约定不一致的问题。 #10275
2018-05-03
- 🐞 修复 Upload 上传文件名不展示(file 对象属性为空)的问题。#10319
2018-04-28
- 🐞 修复 3.4.2 中引入的 Upload 中 onChange 参数
{ file }
file 不是 File 实例的问题。#10293 - 🐞 修复 webpack@4 下使用 Tree Shaking 样式丢失的问题。#10217 @whtsky
2018-04-23
- 🐞 修复了 webpack@4 下使用 Tree Shaking 样式丢失的问题。#10197 @Aladdin-ADD
- 🐞 修复
Menu
组件在dark
主题下点击区域的问题。#10187 @dgeibi
2018-04-22
- 💄 部署网站到 netlify,解决网站被墙的问题。
- 🐞 修复和调整 Menu、Tooltip、Card、Anchor、Avatar、Form、Tabs、Transfer、Tree、AutoComplete 等组件的 TypeScript 定义。
- 💄 增加
sideEffects
配置以优化 Tree Shaking 效果。#10043 @Aladdin-ADD - List
- 🐞 修复 Upload 的文件 url 带有参数时,图片预览效果失效的问题。#10102
- 🐞 修复 Progress 的百分比越界时的展现。0eb8357
- Menu
- 🐞 修复一个某些情况下 Form 内使用受控组件时无法编辑的问题。#9790
- 🐞 修复 Card 切换 loading 状态时的内边距跳动问题。#10052 @zheeeng
- 🐞 修复 Avatar 图片加载失败时的文字没有正确缩放的问题。#10184
- 🐞 修复 Table 的
getCheckboxProps
无法动态更新的问题。#10133 - 🐞 修复 CheckGroup 指定
prefixCls
没有传递给 Checkbox 的问题。#9950
2018-04-08
- 🐞 修复了 Badge 代码错误引起的 TypeScript 类型报错。#9931
- 💄 优化了 Card
actions
点击区域的范围。#9882 - 🐞 修复了 Divider 与浮动元素一起使用时的样式问题。#9956
- 🐞 修复了 Form 高级搜索模式下的样式问题。#9907
- 🐞 补充了 Table 缺失的
onHeaderRow
TypeScript 定义。#9902 @Nokecy - 💄 优化了 Tree 自定义图标示例。#9893
- 🐞 修复了 Upload 对无扩展名图片地址的预览展示问题。#9936
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
- 🌟 新增斯洛维尼亚语。
2018-03-25
- 回退上个版本 Upload 中
file
类型的修改。
2018-03-24
- 🐞
Carousel
: 升级react-slick
版本以修复宽度计算错误。 #3659 - 💄
Rate
: 调整disabled
样式。 #9747 - 💄
Modal
: 调整confirm-modal
样式以修复 content 内使用栅格会错位的问题。 #9374 - 💄
Menu
: 调整样式以修复鼠标事件范围。#9666 @dgeibi - 🐞
Upload
: 修复beforeUpload
的file
类型错误。 #9775 - 🐞
Button
: 修复文本改变时,空格插入没有重新计算 4502ad8
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
2018-03-12
- 🌟
Alert
组件新增afterClose
属性,用于实现更流畅的关闭效果。#9448 @Hughen - 🌟
Calendar
组件新增validRange
属性,用于设置显示的时间范围。71f65a0 @Rohanhacker - 🌟
Card
组件新增defaultActiveTabKey
属性,用于初始化选中面板的 key。30fe88d @u3u DatePicker
- 🌟
Divider
组件新增orientation
属性,用于设置分割线内文本的对齐方式。#9275 @jrvboesch - 🌟
Modal
组件新增keyboard
属性,用于设置按下Esc
键是否可以关闭Modal
。#8818 - 🌟 优化
Radio
和Checkbox
组件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 - 🐞 修复
Tree
和TreeSelect
组件的父节点在disabled
状态下无法展开的问题。#9539
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
2018-02-24
- 🌟 添加
Pagination
字体变量。 #9351 - 🌟 添加
Badge
字重变量。 #9352 - 🐞 修复
Table
当自定义loading.indicator
时,不显示emptyText。 #9355 - 🐞 修复
Form.create
。 #9331 - 🐞 回滚
Table
中column.dataIndex
的 TypeScript 定义。 #9393 - 🐞 修复
Layout
中 sider 高度不足时,最后一个菜单无法显示。 #9398 @MJ111 - 🐞 修复
Badge
dot 模式问题。 #9359 @khayalan-mathew
2018-02-11
- 🌟 新增了部分著名产品的图标。c04377e5
- Mention
- 🌟 现在
multiLines
模式的高度将默认自适应内容。 - 🐞 修复指定了
placeholder
时无法粘贴内容的问题。#9215
- 🌟 现在
- Table
- 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
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
- Select
- 🌟 改进了
onChange
、onDeselect
方法,现在他们会接受选中的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 - 🌟 新增库尔德语。
2018-01-28
- 🐞 回退了 #9141 的修改,因其导致的 DatePicker 年月无法选择。
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 定义
- 补充 Notification 缺失的
duration
定义。pull/9120 @duhongjun - 补充 Steps 缺失的
style
定义。pull/9126 @wanliyunyan
- 补充 Notification 缺失的
- 🌟 优化了 Avatar 的默认背景色。commit/275946
- 🌟 新增了 Slider 以及 Menu 的 less 变量,更加方便的修改主题。pull/9065 pull/9115 @mrgeorgegray
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 定义
- 补充 Menu 缺失的
subMenuCloseDelay
和subMenuOpenDelay
。#8976 @Rohanhacker - 重构了 DatePicker 相关 type 定义。commit/0bb531
- 修复了 Input
maxLength
type 定义。#9046 @Riokai
- 补充 Menu 缺失的
- 🌟 新增 less 变量
- Checkbox 和 Radio 相关:#9003 @mrgeorgegray
- Breadcrumb 相关:#9022 @mrgeorgegray
- 🌟 新增 aliyun 图标。
2018-01-14
- 🐞 修复
locale
为null
时 LocaleProvider 出错的问题。
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
- 🌟 优化中文引号的显示。
2018-01-08
- 📖 发布了全新的官网和设计文档。
- 📖 更新了项目实战文档到 roadhog 2.0。5dcf1c0
- 📖 发布了 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
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 来打开官方文档中的示例了。
2017-12-22
- 🐞 Form.create 返回值增加
React.SFC
类型的支持。#8672 - 🐞 修复 Form 控件高度和对齐的问题。#8701
- 🐞 修复前后置标签与 Input 高度不一致的问题。#8680
- 🐞 修复 Table 固定列时左右未对齐的问题。#8660
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 的
InputProps
和SearchProps
TypeScript 类型命名冲突。#8478
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
- 修复 Notification 样式编译错误。#8437
- 修复迷你 Pagination 的背景色问题。e13c6d8
- Table
- TypeScript
2017-12-04
更多内容见 Ant Design 3.0 发布公告。
- 全新的色彩系统,组件主色由『
#108EE9
』改为『#1890FF
』,新主色我们称之为『拂晓蓝』。 - 全新的视觉样式和组件尺寸,更现代更美观。
- 基础字体大小由
12px
增大到14px
。 - 默认语言由中文改为英文。
- 全面支持 React 16。
- 更友好的 TypeScript 支持。
- 新的 List 组件。
- 新的 Divider 组件。
- 新增 30 个图标。
如果你从 2.x 升级到 3.x,建议直接升级到 3.x 的最新版本。
此版本有部分不兼容的改动,升级时确保修改相应的使用代码。另外由于人肉查找代码中的废弃用法过于低效,所以我们提供了 antd-migration-helper 用于扫描代码中的废弃用法。
-
Card 的
noHovering
属性重命名为hoverable
,且默认值改为true
。 -
调整了 Grid 的响应式断点值。详见 #7230
-
Form
getFieldDecorator
的exclusive
参数被移除,此类场景应该由 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>
- 🗑 移除了 DatePicker.Calendar, 请直接使用 Calendar 组件。
- 🗑 移除了 DatePicker 的
toggleOpen
属性, 请使用onOpenChange
代替。 - 🗑 移除了 Form 的
inline
、horizontal
、vertical
属性,请使用layout
代替。 - 🗑 移除了 Select 的
multiple
、tags
、combobox
属性,请使用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 重构了菜单以支持延迟加载和窗口边缘浮层自适应方向。
- 🌟 新增
subMenuOpenDelay
和subMenuCloseDelay
,用于设置子菜单打开和关闭的延迟。 - 🌟 新增
forceSubMenuRender
,用于强制渲染子菜单。#5586
- Form
- 🌟 新增显示验证信息时的动画效果。
- 🌟 新增按条件渲染表单项的支持。#react-component/117
- Message
- 🌟
duration
允许可选 #7857 @monkindey
- 🌟
- Badge
- 🌟 新增
offset
属性,用于设置状态点的位置偏移。 - 🌟
status
允许与children
同时使用。#8164
- 🌟 新增
- Card
- DatePicker
- TimePicker
- 🌟 新增
hourStep
、minuteStep
、secondStep
,用于设置时间步长。例子 - 🌟 新增
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
属性代替。 - 🙅 废弃以下属性
onRowClick
,onRowDoubleClick
、onRowContextMenu
、onRowMouseEnter
、onRowMouseLeave
,请使用onRow
代替。<Table onRow={(record) => ({ onClick: () => {}, onDoubleClick: () => {}, onContextMenu: () => {}, onMouseEnter: () => {}, onMouseLeave: () => {}, })} />
- 🌟 新增
- Select
- 🌟 默认和多选模式下 Option 的值允许使用 number。
- 🌟 新增
maxTagCount 和
maxTagPlaceholder`,用于设置最多可显示的选中项。 - 🌟 新增
showAction
,用于设置出发下拉框打开的事件。 - 🌟 新增
onMouseEnter
和onMouseLeave
事件回调。
- LocaleProvider
- 🇮🇸 新增冰岛语。#7561 @paunovic-stefan
- 🇪🇬 新增埃及语。#7888 @mohamed-seada-1994
- 🇺🇦 新增乌克兰语。#8169 @anxolerd
- 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-import
的libraryDirectory
设置为es
,以获得 Tree Shaking 的优化效果。 - 最后,我们会继续维护 2.x 的分支到明年 6 月份。
去 GitHub 查看 2.x
的 Change Log。
去 GitHub 查看 0.x
到 1.x
的 Change Log。