antd 1.0.0
很高兴的通知各位,经过四个月时间的紧密开发,antd@1.0.0 终于发布了。从去年 5 月 7 日提交第一行代码以来,经过整整一年的开发迭代,antd 受到社区的大量关注,使用的公司和产品持续增加,已经日趋成熟。这个版本我们重构了底层代码和站点,持续完善现有组件功能和优化细节,其中很多都来自社区的贡献,无法一一感谢,欢迎各位持续关注和鞭策。在升级过程中遇到任何问题,请及时反馈给我们。
主要变化
- 兼容 React@15.x。
- 全新单页站点,使用 React 和 antd 进行了彻底重构,加载更快,访问更流畅。
- 样式支持按需加载。需要配合 babel-plugin-antd 插件和
style配置进行使用。#900 - 提供独立的构建文件。文档
- 新增卡片组件 Card。
- 新增评分组件 Rate。
- 新增 LocaleProvider 组件,提供组件文案的国际化支持,并新增了英语和俄语的语言配置。#1411
- 更好的服务端渲染支持,修复了 Badge、Spin、Calendar、Upload 等组件服务端渲染的问题。
- 新增 antd.d.ts 以更好的支持 TypeScript。@bang88
- 布局组件支持响应式布局和栅格间隔设置。#1082
- Table 支持固定列和横向滚动。#1265
不兼容改动
此版本有部分不兼容的改动,升级时确保修改相应的使用代码。
-
推荐使用样式按需加载, 如果需要整体载入样式,入口文件变为
antd/dist/antd.css和antd/dist/antd.less。如果你在项目中覆盖了 less 变量,less 文件的引用方式也有 相应变更。- import 'antd/lib/index.css'; // import 'antd/style/index.less'; + import 'antd/dist/antd.css'; // import 'antd/dist/antd.less'; -
完全移除了
0.12中废弃的 Validation 组件,可以直接 import rc-form-validation 用以代替。#1096 -
Breadcrumb.Item 的
href属性被移除,请直接用a标签包裹可点击的内容。 -
Modal 移除 了
align属性,现在可以使用style属性调整位置。 -
Modal.confirm等方法的配置项iconClassName重命名为iconType。 -
Select 移除了
onChange中的label参数,新增了labelInValue属性。#1695
有兼容提示的改动
这里的改动在升级后控制台会出现警告提示,请按提示进行修改。
- 废弃 QueueAnim,可以直接 import rc-queue-anim 用以代替。Ant Design 的动效方案已移至 Ant Motion,欢迎前往探索。
- Affix 的
offset属性重命名为offsetTop。 - Popover 的
overlay属性重命名为content。 - Progress.Line 使用方式改为
<Progress />或<Progress type="line" />。 - Progress.Circle 使用方式改为
<Progress type="circle" />。 - Spin 的
spining属性更正为spinning。 - Alert 的 type
warn重命名为warning。#1225 notification.warn、message.warn修改为notification.warning和message.warning。#1225- Tree 的
onExpand参数从function(node, expanded, expandedKeys)调整为function(expandedKeys, {expanded, node})。
Bug 修复
- 修复 Table 的
size为middle时,分页器大小无法控制的问题。#1396 - 修复 Table 的
pagination.defaultCurrent失效的问题。 - 修复 Cascader 的
defaultValue没有被value覆盖的问题。 - 修复 Select 同时设置
allowCleardisabled时还是会出现清除按钮的问题。#1480 - 修复 Transfer 的
DataSource变化时已选中项没有同步的问题。#1587 - 修复 DatePicker 日期格式与国际化配置不同步的问题。#1509
- 修复 Button 禁用时事件仍然会冒泡的问题。#1541
- 修复 Carousel 自动播放时的卡顿和报错问题。#1397
- 修复 Tabs 的 card 类型内嵌标准 Tabs 时的样式问题。#1617
其他改进
- 样式变量梳理,去除了部分无用的变量,另外还有大量样式细节问题修复。
- 使用 ES2016 classes 重构了代码。@waywardmonkeys
- Popover、Popconfirm 和 Tooltip 组件根据不同的弹出位置有了更精准方向的弹出动画。
- 补充 Select TreeSelect Switch Radio Checkbox 等组件的
focus表现,增强表单组件的可用性。#1358 - message 和 notification 现在可以全局配置
duration。#1143 - DatePicker 和 TimePicker 的
onChange(date, dateString)方法增加第二个参数用于获得格式化后的日期字符串。#1104 - DatePicker 和 DatePicker.RangePicker 现在可以设置内部 TimePikcer 的属性。#1415
- Checkbox
- Breadcrumb
- Modal
- 新增
Modal.warning方法。 - 弹出时背景不再跟随滚动。#1195
- 新增
- Select
- 搜索框和单选选择框合并,以优化视觉和交互效果。
- 优化多选框的选中效果。
- Spin
- Steps
- Timeline
- 新增
dot属性,可自定义时间轴点。 - 现在可以设置
className和style的问题。 color属性现在支持自定义色值。
- 新增
- Tree
- 当子节点被选中时,自动展开父节点。
- 新增
checkStrictly属性,支持父子节点选中关系脱离。
- Upload
- 在上传文件列表中的文件被删除时,将触发
onRemove事件。#1240 - 增加
onPreview支持文件的自定义预览方式。#1240 data属性支持设为一个函数,用于动态修改上传参数。react-component/upload#32
- 在上传文件列表中的文件被删除时,将触发
- Slider
marks现在支持 JSX 并可以单独设置某个标记的样式。 - Tag 的
onClose可以使用e.preventDefault()阻止默认事件。#1267 - Form.Item 在有多个 child 时也可以自动生成错误信息与校验状态,但一个 Form.Item 内仍然只能有一个表单控件。#1287
- Input 新增
onPressEnter属性监听回车事件。 - Table 现在可以通过
filteredValuesortOrder控制筛选和排序的状态。#971 - Button 增加了
icon属性。#1199 - SubMenu 增加
onTitleClick属性。 - Affix 增加
offsetBottm属性,支持固定在底部。#1000
相关工具发布
- antd-init 同步发布
1.0.0版本,享受最新 ant-tool 工具带来的流畅开发体验。 - Ant Motion 全新的动效设计解决方案。
- Ant UX 发布 1.0 版本,提供多种平台的流程素材支持。