同步操作将从 ant-design/ant-design 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
order | title | toc | timeline |
---|---|---|---|
6 |
更新日志 |
false |
true |
antd
严格遵循 Semantic Versioning 2.0.0 语义化版本规范。
2018-07-25
theme
为 dark
是在 Layout.Header 里的样式问题。#11400 @hongxuWei
onChange
会被触发两次的问题。#11164 @adybionka
2018-07-21
destroyOnClose
后关闭动画消失。#11307
expandedKeys
属性可控时点击无法展开的问题。#11366
disabled
时样式不正确的问题。11321 @tangjinzhou
3.7.0 是一个重磅更新,带来了很多激动人心的变化和新特性。 以下是一些亮点✨:
组件修复/功能增强:
rc-tree-select
到 2.0.5
,进行了重构,修复了 check 的逻辑。
rc-upload
到 2.5.0
rc-table
到 6.2.2
。 f2fddff
combobox
模式,请使用 AutoComplete
组件代替。53046a4
data-*
、aria-*
和 role-*
属性到组件内部。f0b684d
alt
属性,用于设置图像无法显示时的替代文本。#10798
data-*
、aria-*
和 role-*
属性到组件内部的 Input
。e63f9d4
event
事件对象作为 onSearch
属性函数的第二个参数。#11015
onBreakPoint
属性,用作响应式布局的断点触发时的回调函数。#10750 @nuintun
okButtonProps
和 cancelButtonProps
属性,分别用于设置 取消
按钮和 确定
按钮的属性。#10955 @djyde
strokeColor
属性,用于设置进度条的颜色。#10725
buttonStyle
属性 (可选值 outline | solid
),用于设置 RadioButton
的风格样式。60e3cfa
setDefaultIndicator
静态方法,用于设置全局的加载指示符。#10787
visible
属性,用于设置是否显示标签。4ac0277
rc-tree
到 1.12.0
okButtonDisabled
and cancelButtonDisabled
属性用于禁用确定和取消按钮。#10955
Tooltip
一起使用的问题。 0e3b67e
2018-07-07
DatePicker
组件被选中日期的样式问题。#6146 #9529
DatePicker.RangePicker
组件中被选中日期的样式问题。004561b
Cascader
组件在 Form.Item
下的对齐问题。#9827 #11133
InputNumber
组件的 handler
的背景样式问题。4aabc53
Table
组件在 FireFox
浏览器下数据为空时的头部溢出的样式问题。#11135
2018-07-02
Transfer
组件的文本 "Not Found" 在 IE 或 Edge 浏览器上显示异常。#9697
Card
组件的边框被标题的背景色覆盖。#9085
Tooltip
组件的 max-width
样式,使 overlayStyle.maxWidth
可覆盖。e2b359e9
Select
组件的样式,避免过长文本的溢出。#11035
2018-06-23
Steps
组件的 @process-icon-color
样式定义。#10973
RangePicker
组件使用预置范围时的样式问题。[#10986]
(https://github.com/ant-design/ant-design/issues/10986)Dropdown
组件可能报出的 non-boolean attribute
的警告。#7798
2018-06-17
position: fixed
的元素无法固定的问题。#10196
filterIcon
的 className
属性失效的问题。#10937
offsetTop
和 offsetBottom
无法动态修改的问题。#10874
2018-06-09
beforeUpload
返回 false
时,文件列表排序会被反转的问题。#10681
size
正确显示大小的问题。#10786
delay
不生效的问题。#10727 @dreamerblue
2018-06-02
Form
表单错误信息展示支持传入 ReactNode。 #10136 @lovekonakona
List
组件支持指定分页器的位置。 #10581 @zheeeng
Layout.Sider
支持 dark/light 主题定制。 #10142 @pd4d10
Transfer
新增 style
以及 operationStyle
属性配置样式。 @eduludi
Message
增加 promise 化的回调接口。 #10421 @zhujinxuan
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
Dropdown
的样式 8e2f72f
antd-theme-generato
,感谢 @mzohaibqc 的工作.2018-05-13
Table
过滤器和 Transfer
复选框无法点击的问题。#10452
Cascader
的 displayRender
里的链接无法点击的问题。#10433
Button
ref 不兼容问题。#10405
Form
表单项校验位置高度时出现抖动问题。#10445
Layout
宽度时,允许使用任何的 CSS 单位。 #10479
2018-05-09
z-index
。#9840 #10385
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
sortOrder
参数传递给列配置中的 sorter
方法。#10306 @kumarashwin
Menu
升级 rc-menu
到 7.x
#10305
rc-collapse
到 1.9.0 优化键盘支持。react-component/collapse#84 @kossel
Collapse
的样式。#9943 @davidhatten
placeholder
的 ts 类型问题。#10282 @thomasthiebaud
value
的 typescript 类型错误。#10336 @paranoidjk
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
2018-05-03
2018-04-28
{ file }
file 不是 File 实例的问题。#10293
2018-04-23
Menu
组件在 dark
主题下点击区域的问题。#10187 @dgeibi
2018-04-22
sideEffects
配置以优化 Tree Shaking 效果。#10043 @Aladdin-ADD
getCheckboxProps
无法动态更新的问题。#10133
prefixCls
没有传递给 Checkbox 的问题。#9950
2018-04-08
actions
点击区域的范围。#9882
onHeaderRow
TypeScript 定义。#9902 @Nokecy
2018-04-01
defaultExpandParent
用于在第一次渲染时自动展开父节点。disabled
用于禁用整棵树。icon
用于设置自定义图标。disabled
时的勾选逻辑。getContainer
用于指定内容滚动的容器。@table-expanded-row-bg
。#9789
2018-03-25
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
focus
样式。column.title
的缺少 key 的问题。 #9658 @terence55
scroll: { x: true }
在 .ant-table-scroll table
宽度为 auto
的情况下不工作的问题。#9704
TimePicker
里的 isMoment 调用在 parcel 里会报错的问题。85c78e4
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
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
multiLines
模式的高度将默认自适应内容。placeholder
时无法粘贴内容的问题。#9215
beforeUpload
返回 false
时,上传文件仍然显示 uploading
以及文件列表被替换的问题。#8020
vertical
布局的 Form 下反馈图标错位的问题。#9153
loading
样式不生效的问题。#9258
Cannot read property 'locale' of undefined
的问题。#9267
2018-02-04
tabBarGutter
属性,用于设置 tabs 之间的间隙。#8644 @lixiaoyang1992
hasSider
属性,用于避免服务端渲染时显示问题。#8937
successPercent
属性,用于显示分段进度条。例子
iconType
属性,用于显示自定义图标。#8811 @minwe
id
属性。#8598 @mgrdevport
forceRender
属性,用于渲染隐藏的内容。#9192 #Pyroboomka @paulcmason
onChange
、onDeselect
方法,现在他们会接受选中的 Option
作为第二个参数。onSelect
的问题。#9094
rowSelection[getCheckboxProps]
属性,现在可以传任意属性给 chekbox 了。#9054 @mgrdevport
mode
属性不能从外部控制的问题。#9243 @mgrdevport
bottom
时的样式问题。#9165 @ryanhoho
2018-01-28
2018-01-27
getFieldDecorator
当 id 重复时引用冲突的问题。#9103 #7351
loading
时显示空提示的问题。#9095 @sallen450
file-word
。#9092 #9061
duration
定义。pull/9120 @duhongjun
style
定义。pull/9126 @wanliyunyan
2018-01-21
grid
不支持 xxl 配置的问题。#9019
subMenuCloseDelay
和 subMenuOpenDelay
。#8976 @Rohanhacker
maxLength
type 定义。#9046 @Riokai
2018-01-14
locale
为 null
时 LocaleProvider 出错的问题。2018-01-13
0
的问题。#8733 @Cuihongsen
2018-01-08
2017-12-29
新年快乐!~ 2018年了,00后都成年了!少年赶紧提个 PR 给我们吧!~
size=small
的情况下出现多余 padding 的问题。#8724
showArrow
来支持隐藏箭头。#8536 @apieceofbart
allowClear
,支持再次点击后重置。#8627
destroyOnClose
支持关闭时销毁 Modal 里的子元素。#8769 @Rohanhacker
hideOnSinglePage
支持当只有一页时隐藏组件。#8615 @camsong
2017-12-22
React.SFC
类型的支持。#8672
2017-12-17
0.16.0
,修复 peerDependencies 安装警告。#8455
locale
属性失效的问题。#8635
notFoundContent
设置无效的问题。#8553
Meta.title
文本无法自动截断的问题。#8597
InputProps
和 SearchProps
TypeScript 类型命名冲突。#8478
2017-12-11
antd/lib/style/v2-compatible-reset.css
缺失问题。28d13e2
2017-12-04
更多内容见 Ant Design 3.0 发布公告。
#108EE9
』改为『#1890FF
』,新主色我们称之为『拂晓蓝』。12px
增大到 14px
。如果你从 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>
toggleOpen
属性, 请使用 onOpenChange
代替。inline
、horizontal
、vertical
属性,请使用 layout
代替。multiple
、tags
、combobox
属性,请使用 mode
代替。type='textarea'
的支持,请直接使用 Input.TextArea
组件。toEditorState
方法,请使用 toContentState
代替。size="large"
。gutter
属性新增响应式断点的支持,可以使用诸如 gutter={{ sm: 16, lg: 32 }}
的设置。indicator
属性,用于设置自定义的加载指示符。 #7977 @kossel
enterButton
用于设置自定义的搜索图标。#7596
placement
,用于设置下拉框的弹出方向。next()
、prev()
、goTo(slideNumber)
方法,用于控制面板展示。href
时会自动渲染为 <a>
。#8343
loading
属性,用于表现加载中的状态。subMenuOpenDelay
和 subMenuCloseDelay
,用于设置子菜单打开和关闭的延迟。forceSubMenuRender
,用于强制渲染子菜单。#5586
duration
允许可选 #7857 @monkindey
offset
属性,用于设置状态点的位置偏移。status
允许与 children
同时使用。#8164
hourStep
、minuteStep
、secondStep
,用于设置时间步长。例子
focusOnOpen
,用于设置在打开面板的时候是否聚焦输入框。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: () => {},
})} />
maxTagCount 和
maxTagPlaceholder`,用于设置最多可显示的选中项。showAction
,用于设置出发下拉框打开的事件。onMouseEnter
和 onMouseLeave
事件回调。allowSyntheticDefaultImports
。peerDependencies
中移除了 react@0.14
和 react@15
,虽然目前 antd 3.0.0 依然可以在旧版本的 React 上使用,但是我们在未来有可能使用 React 16 的新特性,所以强烈建议升级到 React 16,见升级文档。babel-plugin-import
的 libraryDirectory
设置为 es
,以获得 Tree Shaking 的优化效果。去 GitHub 查看 2.x
的 Change Log。
去 GitHub 查看 0.x
到 1.x
的 Change Log。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。