85 KiB
order | title | toc | timeline |
---|---|---|---|
6 | 更新日志 | false | true |
antd
严格遵循 Semantic Versioning 2.0.0 语义化版本规范。
发布周期
- 修订版本号:每周末会进行日常 bugfix 更新。(如果有紧急的 bugfix,则任何时候都可发布)
- 次版本号:每月发布一个带有新特性的向下兼容的版本。
- 主版本号:含有破坏性更新和新特性,不在发布周期内。
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 - 图标相关内容:
3.9.1
2018-09-03
- 🐞 修复
Icon
组件在被Tooltip
组件包裹时,无法显示Tooltip
内容的问题。#12005 - 🐞 修复
InputNumber
组件的向上图标显示不正常的问题。#12035 - 🐞 修复
Modal
组件的错误确认框不显示图标的问题。#12026 - 🐞 修复
Popconfirm
组件中的图标显示位置不正确的问题。#12026 - 🐞 修复
Card
组件中的Actions
图标显示位置不正确的问题。#12016 - 🐞 修复
Form
、Alert
、TimePicker
等组件图标主题风格不正确的问题。#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
支持top
和bottom
,可以适应更多场景。
另外我们的 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
- 🐞 修复 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
- TypeScript
- 🐞 修复 TreeNode 组件缺少的
selectable
属性定义。#11604 @apieceofbart - 🐞 修复 Input 组件缺失
autosize
属性的类型错误。#11697
- 🐞 修复 TreeNode 组件缺少的
3.8.1
2018-08-12
- 🐞 修复 TimePicker 面板输入框宽度过长的问题。80f8267
- 🐞 修复 Tabs 中隐藏的输入框可能被聚焦的问题。#11261
- 🐞 修复 Badge 组件属性
offset
的坐标设置顺序问题。#11648 @tangjinzhou - Upload
- 🐞 修复 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
- Table
- 🌟 新增
rowSelection.columnTitle
可以定制选择列的列标题。#11042 @littleLane - 💄 新增了一个可拖拽改变列宽的例子。
- 💄 支持按住 shift 进行多选。#11404 @RaphaelChauveau
- 🌟 新增
- Avatar
- 🌟 新增
onError
属性,作为图片加载失败时的回调。#11285 @paranoidjk - 🌟 新增
size
属性,方便自定义头像大小。#11256 @emersonlaurentino
- 🌟 新增
- 🌟 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
- 🌟 Progress 新增
strokeLinecap
属性用于调整边缘形状。#11547 @blatinier - 🌟 Drawer 新增
className
并废弃wrapClassName
。#11609 @fergiar
3.7.3
2018-07-28
- 🐞 修复 Steps 在
labelPlacement
为vertical
时标题与图标不对齐的问题。#11426 @yoyo837 - 🐞 修复 Cascader 设置
fieldNames
时不能正确读取子节点的问题。#11311 @405go - TypeScript
3.7.2
2018-07-25
- DatePicker
- Drawer
- 🐞 修复 Tooltip 文字溢出的问题。#11402 @weidapao
- 🐞 修复 Menu 在
theme
为dark
是在 Layout.Header 里的样式问题。#11400 @hongxuWei - 🐞 修复 InputNumber 的箭头按钮在使用了固定列的 Table 里显示错位的问题。#11408
- 🐞 修复 Select 使用分组时 Option 的圆角显示错误。6cb6f5c
- 🐞 修复 Table 第一次点击过滤按钮的时候
onChange
会被触发两次的问题。#11164 @adybionka - 🐞 修复 Model.confirm 的标题在 Firefox 下会显示滚动条的问题。#11432
- TypeScript
- 🐞 修复 Radio.Group 类型定义。#11409 @eddiemoore
- 🐞 修复 TreeSelect 类型定义。#11442 @JribiBelhassen
- 🐞 修复 Badge 类型定义。#11421 @zongzi531
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 是一个重磅更新,带来了很多激动人心的变化和新特性。 以下是一些亮点✨:
组件修复/功能增强:
- TreeSelect 组件升级
rc-tree-select
到2.0.5
,进行了重构,修复了 check 的逻辑。 - Upload 组件升级
rc-upload
到2.5.0
- Dropdown 增加新特性,可以做为右键菜单来使用。
- Table 组件升级
rc-table
到6.2.2
。 f2fddff - 🗑 Select 组件废弃了
combobox
模式,请使用AutoComplete
组件代替。53046a4 - 🌟 Alert 组件允许传递
data-*
、aria-*
和role-*
属性到组件内部。f0b684d - 🌟 Avatar 组件新增
alt
属性,用于设置图像无法显示时的替代文本。#10798 - 🌟 DatePicker 组件允许传递
data-*
、aria-*
和role-*
属性到组件内部的Input
。e63f9d4 - 🌟 Input.Search 组件新增
event
事件对象作为onSearch
属性函数的第二个参数。#11015 - 🌟 Layout.Sider 组件新增
onBreakPoint
属性,用作响应式布局的断点触发时的回调函数。#10750 @nuintun - 🌟 Modal 组件新增
okButtonProps
和cancelButtonProps
属性,分别用于设置取消
按钮和确定
按钮的属性。#10955 @djyde - 🌟 Progress 组件新增
strokeColor
属性,用于设置进度条的颜色。#10725 - 🌟 Radio.Group 组件新增
buttonStyle
属性 (可选值outline | solid
),用于设置RadioButton
的风格样式。60e3cfa - 🌟 Spin 组件新增
setDefaultIndicator
静态方法,用于设置全局的加载指示符。#10787 - 🌟 Tag 组件新增
visible
属性,用于设置是否显示标签。4ac0277 - Tree 组件升级
rc-tree
到1.12.0
- 🌟 增加
okButtonDisabled
andcancelButtonDisabled
属性用于禁用确定和取消按钮。#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
- 🐞 修复 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] (https://github.com/ant-design/ant-design/issues/10986) - 🐞 修复
Dropdown
组件可能报出的non-boolean attribute
的警告。#7798 - TypeScript
3.6.3
2018-06-17
- 🐞 修复 Upload 图片文件后缀名为大写时无法正确识别的问题。#10928 @sliwey
- 🐞 修复 InputNumber 在浏览器缩放时边框样式丢失的问题。#10562
- 🐞 修复 Spin 内使用
position: fixed
的元素无法固定的问题。#10196 - 🐞 修复小号表格下固定列的边框样式问题。#9754
- 🐞 修复 Table
filterIcon
的className
属性失效的问题。#10937 - 🐞 修复 Affix 的
offsetTop
和offsetBottom
无法动态修改的问题。#10874 - TypeScript
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
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
- 🐞 修复
Cascader
的showSearch
无效问题。968488a2 - 🐞 使
Badge[status]
支持Tooltip
。#10626 - 🐞 修复父元素使用
text-align
会影响Spin
的问题。#10643 @wmzhong - 💄
Table
换行从break-all
改为break-word
。#10655 @clinyong - 🌟
Search
在未定义enterButton
时,点击搜索图标将触发onSearch
。 36ffe7e1
3.5.3
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
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
- TypeScript
- 🐞 调整 Breadcrumb.Item 的类型。#10372 @karol-majewski
- 🐞 修复 Table 的
rowSelection
的类型。#10374
3.5.0
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
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
- 🐞 修复 Upload 的文件 url 带有参数时,图片预览效果失效的问题。#10102
- 🐞 修复 Progress 的百分比越界时的展现。0eb8357
- Menu
- 🐞 修复一个某些情况下 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
: 修复beforeUpload
的file
类型错误。 #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
- 🌟
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
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 - 🐞 回滚
Table
中column.dataIndex
的 TypeScript 定义。 #9393 - 🐞 修复
Layout
中 sider 高度不足时,最后一个菜单无法显示。 #9398 @MJ111 - 🐞 修复
Badge
dot 模式问题。 #9359 @khayalan-mathew
3.2.1
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
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
- 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 - 🌟 新增库尔德语。
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 定义
- 补充 Notification 缺失的
duration
定义。pull/9120 @duhongjun - 补充 Steps 缺失的
style
定义。pull/9126 @wanliyunyan
- 补充 Notification 缺失的
- 🌟 优化了 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 定义
- 补充 Menu 缺失的
subMenuCloseDelay
和subMenuOpenDelay
。#8976 @Rohanhacker - 重构了 DatePicker 相关 type 定义。commit/0bb531
- 修复了 Input
maxLength
type 定义。#9046 @Riokai
- 补充 Menu 缺失的
- 🌟 新增 less 变量
- Checkbox 和 Radio 相关:#9003 @mrgeorgegray
- Breadcrumb 相关:#9022 @mrgeorgegray
- 🌟 新增 aliyun 图标。
3.1.3
2018-01-14
- 🐞 修复
locale
为null
时 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.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
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 的
InputProps
和SearchProps
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
- 修复 Notification 样式编译错误。#8437
- 修复迷你 Pagination 的背景色问题。e13c6d8
- Table
- 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 的最新版本。
此版本有部分不兼容的改动,升级时确保修改相应的使用代码。另外由于人肉查找代码中的废弃用法过于低效,所以我们提供了 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/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 的
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
Bug 修复
- Form
- 🐞 修复输入框的图标会被验证图标覆盖的问题。
- 🐞 修复使用大尺寸输入框时,验证图标不居中的问题。
- 🐞 修复 Menu 按键时的报错。#8089
其他
- 在 TypeScript 中使用时不再需要设置
allowSyntheticDefaultImports
。 - 从
peerDependencies
中移除了react@0.14
和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 月份。
2.x
去 GitHub 查看 2.x
的 Change Log。
1.11.4
去 GitHub 查看 0.x
到 1.x
的 Change Log。