68 KiB
更新日志
ant-design-vue
严格遵循 Semantic Versioning 2.0.0 语义化版本规范。
发布周期
- 修订版本号:日常 bugfix 更新
- 次版本号:带有新特性的向下兼容的版本。
- 主版本号:含有破坏性更新和新特性,不在发布周期内。
2.0.0-beta.12
2020-11-01
- 🐞 修复 dist/antd.css 缺失组件样式问题 #3069
- 🐞 修复 Input 样式问题 #3074
- 🐞 修复 Form layout="vertical" 样式问题 #3075
- 🐞 修复 Select 无法打开弹窗问题 #3070
2.0.0-beta.11
2020-10-30
- 🎉🎉🎉 重构 Select、AutoComplete 组件,支持虚拟列表,性能大幅提升
- 🔥🔥🔥 使用 Typescript 重构所有组件,类型支持更加友好
- 🔥 优化底层动画组件,性能更好,更流畅
- 🌟 Textarea 组件添加 showCount 支持统计字数功能
- 🌟 递归 Menu 组件,支持任意嵌套其他元素 #1452
- 🇮🇪 添加爱尔兰语国际化支持
- 🐞 修复 webpack 5 兼容问题。
- 🐞 修复 Upload method 属性不生效问题 #2837
- 🐞 修复 Table 组件 filter 不支持 number 类型问题 #3052
- 🐞 修复 Table 固定列 ellipsis 不生效问题 #2916
- 🐞 修复 Table 自定义 expandIcon 不生效问题 #3013
- 🐞 修复 TreeSelect 不能自定义 slot 问题 #2827
- 🛎 更改 Avatar 的 srcSet 为 srcset
2.0.0-beta.10
2020-09-24
- 🌟 更新 Vue 依赖到 release 版本
- 🐞 修复 Menu 在 Layout 中不折叠问题 #2819
- 🐞 修复 Tabs 切换时出现 warning 问题 #2865
- 🐞 修复输入框在 compositionend 时不触发 change 事件问题
- 🐞 修复 Upload 上传按钮不消失问题 #2884
- 🐞 修复 Upload 自定义 method 不生效问题 #2837
- 🐞 修复若干 ts 类型错误
2.0.0-beta.8
- 🐞 修复 ts 类型错误
2.0.0-beta.7
- 🐞 修复 Descriptions Item 不支持 v-for 问题 #2793
- 🐞 修复 Modal button loading 效果不生效问题 9257c1
- 🐞 修复 Steps 组件使用 v-model 时不可点击的问题 ec7309
- 🌟 Checkbox、Radio 添加事件声明
- 🐞 修复 ts 类型错误 802446
2.0.0-beta.6
- 🐞 修复 TreeSelectNode 子组件 TreeSelectNode 没有注册的问题
2.0.0-beta.5
- 🔥 支持 Vite。
2.0.0-beta.4
- 🌟 移除不再使用的 polyfill
- 🐞 修复
Modal
afterClose 调用两次的问题 - 🐞 补充 ts 类型文件缺少原生属性的声明
2.0.0-beta.3
- 🔥 支持 Typescript。
- 🔥 新增
Space
组件。 - 🐞 修复部分组件无法使用 css scope 问题 4bdb24。
- 🐞 修复
List.Meta
注册失败的问题 03a42a - 🐞 修复
Table
固定列情况下错位问题 #1493 - 🐞 修复
Button
没有垂直居中的问题 bd71e3 - 🐞 修复
Tabs
多次出发change
事件问题 8ed937
2.0.0-beta.2
2020-08-14
设计规范调整
- 行高从
1.5
(21px
) 调整为1.5715
(22px
)。 - 基础圆角调整,由
4px
改为2px
。 - 分割线颜色明度降低,由
#E8E8E8
改为#F0F0F0
。 - Table 默认背景颜色从透明修改为白色。
兼容性调整
- IE 最低支持版本为 IE 11。
- Vue 最低支持版本为 Vue 3.0。
调整的 API
-
移除了 LocaleProvider,请使用
ConfigProvider
替代。 -
移除了 Tag 的 afterClose 属性。
-
合并了 FormModel、Form,详见下方的 Form 重构部分。
-
tabIndex
、maxLength
、readOnly
、autoComplete
、autoFocus
更改为全小写。 -
为了在 template 语法中更友好的使用插槽,所有涉及到 xxxRender, renderXxxx 的均改成单参数,涉及到
itemRender
、renderItem
、customRender
、dropdownRender
、dateCellRender
、dateFullCellRender
、monthCellRender
、monthFullCellRender
、renderTabBar
。 -
所有配置 scopedSlots 的地方统一改成 slots。
-
{ on, props, attrs, ... }
配置进行扁平化处理,如{ props: {type: 'xxx'}, on: {click: this.handleClick}}
改成{ type: 'xxx', onClick: this.handleClick }
, 涉及相关字段:okButtonProps
、cancelButtonProps
。 -
xxx.sync 改成 v-model:xxx
-
v-model 更改成 v-model:xxx,具体涉及组件:
- v-model 改成 v-model:checked 的组件有: CheckableTag、Checkbox、Switch
- v-model 改成 v-model:value 的组件有: Radio、Mentions、CheckboxGroup、Rate、DatePicker
- v-model 改成 v-model:visible 的组件有: Tag、Popconfirm、Popove、Tooltip、Moda、Dropdown
- v-model 改成 v-model:activeKey 的组件有: Collaps、Tabs
- v-model 改成 v-model:current 的组件有: Steps
- v-model 改成 v-model:selectedKeys 的组件有: Menu
图标升级
在 ant-design-vue@1.2.0
中,我们引入了 svg 图标(为何使用 svg 图标?)。使用了字符串命名的图标 API 无法做到按需加载,因而全量引入了 svg 图标文件,这大大增加了打包产物的尺寸。在 2.0 中,我们调整了图标的使用 API 从而支持 tree shaking,减少默认包体积约 150 KB(Gzipped)。
旧版 Icon 使用方式将被废弃:
<a-icon type="smile" /> <a-button icon="smile" />
2.0 中会采用按需引入的方式:
<template>
<smile-outlined />
<a-button>
<template v-slot:icon><smile-outlined /></template>
</a-buttom>
</template>
<script>
import SmileOutlined from '@ant-design/icons/SmileOutlined';
export default {
components: {
SmileOutlined
}
}
</script>
组件重构
在 1.x 中我们提供了 Form、FormModel 两个表单组件,原有的 Form 组件使用 v-decorator 进行数据绑定,在 Vue2 中我们通过上下文进行强制更新组件,但是在 Vue3 中,由于引入 patchFlag 等优化方式,强制刷新会破坏 patchFlag 带来的性能优势。所以在 2.0 版本中我们将 Form、FormModel 进行合并,保留了 FormModel 的使用方式,丰富了相关功能,并改名成 Form。
涉及改动:
- Form 新增
scrollToFirstError
,name
,validateTrigger
属性,新增finish
、finishFailed
事件,新增scrollToField
方法。 - Form.Item 新增
validateFirst
,validateTrigger
, 废弃prop
属性,使用name
替换。 - 嵌套字段路径使用数组,过去版本我们通过 . 代表嵌套路径(诸如 user.name 来代表 { user: { name: '' } })。然而在一些后台系统中,变量名中也会带上 .。这造成用户需要额外的代码进行转化,因而新版中,嵌套路径通过数组来表示以避免错误的处理行为(如 ['user', 'name'])。
- validateFields 不再支持 callback。validateFields 会返回 Promise 对象,因而你可以通过 async/await 或者 then/catch 来执行对应的错误处理。不再需要判断 errors 是否为空:
// v1
validateFields((err, value) => {
if (!err) {
// Do something with value
}
});
改成
// v2
validateFields().then(values => {
// Do something with value
});
1.6.4
2020-07-21
- 🐞 修复面包屑
Breadcrumb
重复 key 问题 #2505 - 🐞 修复 MenuItem title 为空时,依然有 Tooltip 问题 #2526
- 🐞 修复 Input textarea 激活 allow-clear 时无法向上拖动的问题。#2563
- 🌟 添加 less 变量 @select-item-selected-color #2458
- 🌟 Grid 中 Col 添加 flex 属性 #2558
1.6.3
2020-07-05
- 🐞 修复 Input.Password focus 位置移位问题 #2420
- 🐞 修复 Drawer maskstyle 不生效问题 #2407
- 🐞 修复 Drawer maskstyle 不生效问题 #2407
- 🌟 Button 支持自定义 Icon #2245
- 🌟 DatePicker 支持自定义 format #2276
- 🐞 修复 DatePicker 年份时间不正确问题 #2488
- 🌟 优化 Menu 组件,动画更加流畅
- 🐞 修复 Dropdown 弹窗位置错误问题 #2359
- 🐞 修复 Breadcrumb 名称相同时重复 key 问题 #2505
1.6.2
2020-06-02
1.6.1
2020-05-25
- 🐞 修复 DatePicker blur 时填充当前时间的问题 #2246
- 🐞 修复 Drawer 销毁时报错问题 #2254
- 🐞 修复 Tabs 不能移除已 0 作为 key 的选项卡 55bbf9
- 🐞 修复 Menu 触发两次 click 事件的问题 #2266
- 🐞 修复 Menu active 类名没有添加问题 ffc002
- 🌟 TreeSelect 添加自定义数据字段功能 #2253
- 🌟 Modal 新增 dialogStyle、dialogClass 代替重构前的 style、class #2285
- 🐞 修复 Table 排序触发无限更新问题 #2270
1.6.0
2020-05-15
- 🌟 Tootip 支持自定义组件 741897
- 🐞 重构 Modal、Drawer 底层 Portal 组件,解决 Modal、Drawer 内容更新延迟问题 #2244
- 🐞 修复 Input.Group 中 Select 选项 focus 边框样式 #2224
- 🐞 修复 Cascader 选项图标禁用时的颜色 #2223
- 🐞 修复 DatePicker 分隔符禁用时颜色 #2222
- 🐞 修复 Carousel 键盘切换到非活跃 slide 上的 Radio/Checkbox 的问题。
- 🐞 修复 Table 筛选菜单在 less 版本为
2.x
时不显示的问题。#23272 - 🐞 修复 Table
column.filtered
失效的问题。 - 🐞 修复 Select
multiple
模式下,Input 在 Safari 浏览器的样式问题。#22586 - 🐞 修复 Descriptions 在小尺寸下无法自适应的问题。#22407
1.5.6
2020-05-09
- 🐞 修复 dist 文件夹丢失 css、min.js 等文件问题
1.5.5
2020-05-08
- 🐞 修复
Tabs
在 safari 13 下不展示问题 #2199 - 🐞 修复
Input
在 FireFox 下第一次输入失败问题 #2151 - 🐞 修复
Input
在 Modal 组件中光标移位问题 #2207
1.5.4
2020-04-30
- 🌟
DatePicker
支持 align 属性,设置弹窗位置 #1112f2 - 🌟
DatePicker
支持 inputReadOnly 属性 #138eae - 🌟
DatePicker
TimePicker
Calendar
支持字符串类型的绑定值 #718 - 🌟
Table
ConfigProvider
新增transformCellText
用于转换表格渲染值, 如对空数据的处理 #2109 - 🌟
FormModel
新增 validateMessages 属性 #2130 - 🌟 优化弹窗动画效果 #bf52f73
- 🐞 修复
Tabs
组件的tabBarGutter
属性不生效问题 #2083 - 🐞 修复
Tabs
组件的 renderTabBar 不生效问题 #2157 - 🌟
Tabs
组件支持数字 0 作为 key #2167 - 🐞 修复
Input.Search
组件的样式错位问题 #2077 - 🐞 修复
Slider
组件的样式错位问题 #2097 - 🐞 修复
Tree.TreeNode
customTitle 作用域插槽无法获取 selected 状态问题 #2006 - 🐞 修复
SelectTree
showSearch 时报错问题 #2082 - 🐞 修复
Badge
dot 状态的原圆点位置不一致问题 #2121
1.5.3
2020-04-13
- 🐞 修复
Dropdown
visible 不变时,内容不响应更新的问题 #81eb40
1.5.2
2020-04-09
- 🐞 修复
FormModel
的 ts 类型未引入 #1996 - 🐞 修复
DatePicker.WeekPicker
的类型文件错误 #2044 - 🐞 修复
Tabs
tabClick 事件不生效问题 #2030 - 🐞 修复
Table
resize 时报错问题 #2033
1.5.1
2020-04-02
- 🐞 修复
PageHeader
不能隐藏 backIcon 问题 #1987 - 🐞 修复
Pagination
的 total 变化时,不更新问题 #1989 - 🐞 修复
TreeSelect
输入中文时 placeholder 不消失问题 #1994 - 🐞 修复
Table
customRender 不能自定义 class style 问题 #2004 - 🐞 修复
Form
使用 Form.create 时,丢失插槽内容问题 #1998 - 🐞 修复
Textarea
滚动条闪动问题 #1964 - 🌟 添加
FormModel
的 ts 类型文件 #1996 - 🌟 添加
Modal
的 destroyAll 类型声明 #1993
1.5.0
2020-03-29
- 新增了五个组件:
- 🔥🔥🔥 Mentions 新增提及组件并废弃原有 Mention 组件。
- 🔥🔥🔥 Descriptions 成组展示多个只读字段。
- 🔥🔥🔥 PageHeader 可用于声明页面主题、展示用户所关注的页面重要信息,以及承载与当前页相关的操作项。
- 🔥🔥🔥 Result 用于反馈一系列操作任务的处理结果。
- 🔥🔥🔥 FormModel 使用 v-model 进行自动校验的表单组件,相较于 v-decorator 形式的表单,更加简洁。
- 🔥 Descriptions 支持垂直布局。
- 🔥 Progress.Circle 支持渐变色。
- 🔥 Progress.Line 支持渐变色。
- Breadcrumb
- 🎉 Breadcrumb.Item 支持
overlay
属性来定义下拉菜单。 - 🌟 新增
Breadcrumb.Separator
组件,可进行separator
自定义。
- 🎉 Breadcrumb.Item 支持
- 🌟 TreeSelect 的
showSearch
支持多选模式。 - 🌟 Timeline.Item 新增
gray
色彩类型,可用于未完成或失效状态。 - 🌟 Modal 支持
closeIcon
属性用于自定义关闭图标。 - 🌟 Upload
- 🌟 Upload 提供
previewFile
属性以自定义预览逻辑。 - 🌟 Upload 新增
transformFile
支持上传之前转换文件。 - 🌟 Upload 支持预览
jfif
格式图片。 - 🌟 新增
showDownloadIcon
属性,用于展示下载图标。
- 🌟 Upload 提供
- 🌟 Input.Search 新增
loading
属性,用于展示加载中的状态。 - 🌟 Grid 的
gutter
属性新增垂直间距的支持,现在你可以给gutter
设置一个数组,数组的第二个值就表示垂直间距。 - 🌟 message 新增支持通过唯一的
key
来更新内容。 - 🌟 TextArea 支持
allowClear
。 - 🌟 Dropdown.Button 支持
icon
属性来自定义图标。 - Drawer
- 🌟 支持
afterVisibleChange
属性,在抽屉动画完成后触发。 - 🌟 支持
ESC
关闭。 - 🌟 新增
keyboard
,允许打开关闭对键盘事件的响应。
- 🌟 支持
- 🌟 TreeNode 支持
checkable
属性。 - 🌟 Transfer 支持
children
来自定义渲染列表。 - 🌟 Pagination 支持
disabled
属性。 - 🌟 Steps 支持点击切换功能。
- Slider
- 🌟 支持
tooltipPlacement
以定义提示所在位置。 - 🌟 支持
getTooltipPopupContainer
以允许自定义提示所在容器。 - 🌟 当 Sider 在右边时,翻转
trigger
方向。
- 🌟 支持
- 🌟 Calendar 支持
headerRender
以自定义头部。 - 🌟 Carousel 支持自定义面板指示点的位置。
- 🌟 Collapse 支持
expandIconPosition
属性。 - 🌟 Popconfirm 增加
disabled
props,用于控制点击子元素是否弹出。 - 🌟 Select 在多选模式下支持
showArrow
。 - 🌟 Collapse.Panel 新增了
extra
。 - Card
- 🌟 Card 组件新增了
tabBarExtraContent
属性。 - 🌟 Card.Grid 新增
hoverable
属性允许禁用浮动效果。
- 🌟 Card 组件新增了
- 🌟 Anchor.Link 增加
target
属性。 - 🌟 TimePicker 新增了
clearIcon
prop,用于自定义清除图标。 - Form
- 🌟 支持直接在 Form 上面配置
colon
属性。 - 🌟 支持
labelAlign
属性。
- 🌟 支持直接在 Form 上面配置
- Table
- 🌟 Table 新增
getPopupContainer
属性用于设置表格内的各类浮层渲染节点。 - 💄 调整 Table 展开按钮的样式。
- 🌟 新增
tableLayout
属性,支持设置表格的table-layout
布局,并在固定表头/列下默认开启tableLayout="fixed"
,解决因为表格自动根据内容排版造成的列对齐问题。 - 🌟 新增
column.ellipsis
支持单元格内容自动省略。 - 🌟 新增
scroll.scrollToFirstRowOnChange
属性,用于设置在翻页后是否滚动到表格顶部。 - 🌟
filterDropdown
新增visible
参数,用于获取下拉框的显示状态。 - 🌟
title
方法新增sortColumn
参数,用于获取当前排序的列。 - 🌟 排序时
onChange
的sorter
参数将始终包含column
信息。
- 🌟 Table 新增
- 🌟 Tree 组件支持
blockNode
属性。 - 🌟 RangePicker 添加
separator
定义。 - Empty
- 🌟 Empty 支持
imageStyle
属性。 - 🌟 Empty
description
支持false
。 - 🌟 Empty 支持通过
Empty.PRESENTED_IMAGE_DEFAULT
和Empty.PRESENTED_IMAGE_SIMPLE
访问预置图片。
- 🌟 Empty 支持
- 🌟 Badge 支持自定义颜色。
- 🐞 修复 Steps 的 label 不居中的问题。
- 🐞 修复 DatePicker 和 TimePicker 的 cursor 样式问题。
- 🐞 修复 TreeSelect 自定义图标无效的问题 #1901
- 🐞 修复 Tabs 键盘左右切换错误问题 #1947
1.4.12
2020-03-03
- 🐞 修复
Modal
组件 ts 类型报错问题 #1809
1.4.11
2020-02-12
- 🌟 DirectoryTree 新增自定义 switcherIcon 功能 #1743
- 🌟 新增可拖拽调整表格列宽示例
- 🌟 替换所有组件的
this.$listeners
避免组件重复渲染 #1705 - 🐞 修复 ConfigProvider 组件更改属性时,报错问题 7a4003
- 🐞 修复 AutoComplete 组件自定义输入框时,placeholder 不消失问题 #1761
- 🐞 修复 Statistic.Countdown 不触发 finish 事件的问题 #1731
- 🐞 修复 Upload 组件预览图片不刷新问题 f74469
- 🐞 修复 TimePicker id 不唯一问题 #1566
- 🐞 修复 Pagination 分页无动画问题 #1540
- 🐞 修复 Cascader 的 option 为空数组时,下拉列表不展示空元素问题 #1701
- 🐞 修复 Input 组件的 spellcheck 渲染不正确问题 #1707
- 🐞 修复 Tree 组件无法自定义 icon 问题 #1712
- 🐞 修复 SubMenu forceSubMenuRender 属性失效问题 #1668
- 🐞 修复 Upload 按钮样式错位问题 #1742
1.4.10
2019-12-11
- 🐞 修复
MonthPicker
左右箭头切换月份失效问题 #1543
1.4.9
2019-12-10
- 🐞 修复
Modal
打开时,body 滚动问题 #1472 - 🐞 修复
Drawer
wrapStyle 不生效问题 #1481 - 🐞 修复
InputNumber
id 挂载位置不正确的问题 #1477 - 🐞 修复
Tabs
nextClick 事件不触发的问题 #1489 - 🐞 修复
MonthPicker
在 open 状态下,不能更改值的问题 #1510 - 🐞 修复
AutoComplete
在输入中文时placeholder
不消失的问题 #1506 - 🐞 修复在引用不同 Vue 变量时,无法弹出内容的问题 6362bf
- 🌟
Table
customRender
添加第三个 column 参数 #1513 - 🌟
InputPassword
添加 focus、blur 方法 #1485 - 🐞 修复
Tooltip
使用在原生 html 元素时报错的问题 #1519 - 🐞 修复
Menu
在 edge 浏览器下报错的问题 #1492 - 🐞 修复
Select
的 empty 不居中的问题 #1445 - 🐞 修复弹窗类组件内存泄漏问题 #1483
1.4.8
2019-11-28
1.4.7
2019-11-27
- 🌟
ConfigProvider
的getPopupContainer
新增弹窗上下文做为第二个参数,用于统一配置Modal
内的getPopupContainer
7a3c88 - 🐞 修复
ConfigProvider
在 Vue 2.5 版本下报错问题 309baa - 🐞 修复
Menu
click 事件触发两次的问题 #1450 - 🐞 修复
Select
内的 input 框宽度不正确的问题 #1458 - 🐞 修复
Select
在输入中文时placeholder
不消失的问题 #1458 - 🌟 添加
Comment
组件的 TS 类型声明 #1453
1.4.6
2019-11-20
- 🐞 修复
Cascader
不能输入空格的问题 #1427 - 🐞 修复
AutoComplete
不能删除最后一个字符的问题 #1429 - 🐞 更新
Tree
的expandAction
中的dbclick
为dblclick
#1437 - 🐞 更新
Table
文档中的dbclick
为dblclick
#1437 - 🌟 添加
Empty
组件的 TS 类型声明 #1439
1.4.5
2019-11-16
-
🌟
Form
支持labelCol
wrapperCol
统一设置布局 #1365 -
🌟
Input
Select
DatePicker
输入中文完毕后触发相关事件,减少不必要的性能消耗#1281 -
🐞 修复
Input
Select
的 placeholder 为中文时,在 ie 下自动触发 change 事件问题 #1387 -
Tree
-
🐞 修复 Input 在 ie9 下删除内容不触发 change 事件问题 #1421
-
🐞 修复 Dropdown disabled 无效问题 #1400
-
🐞 修复 Select lableInValue 时类型校验错误 #1393
-
🐞 修复 Comment 样式问题 #1389
-
🐞 修复
Statistic
Password
TypeScript 类型定义。
1.4.4
2019-10-30
- 🌟 Progress format 支持 v-slot #1348
- 🐞 修复 RangePicker 年份面板失效问题 #1321
- 🐞 修复 Pagination simple 模式失效问题 #1333
- 🐞 修复 AutoComplete 快速输入时闪动现象 #1327
- 🐞 修复 Button loading 模式下不居中问题 #1337
- 🐞 修复 Menu margin 间距重叠,以及导致的展开时卡顿问题 #873
- 🐞 修复 Checkbox v-model 参数校验失败问题 #1356
- 🐞 修复 Checkbox.Group 更新 value undefined 时报错问题 #1356
1.4.3
2019-10-22
1.4.2
2019-10-21
1.4.1
2019-10-17
- 🐞 修复
Input.Password
无法使用v-model
的问题 #1306 - 🌟 优化
Input
的清除按钮显示逻辑 #1296 - 🌟 点击清除按钮后
Input
变为focus
状态 - 🐞 修复
Progress
的strokeWidth
属性失效问题 #1301 - 🐞 修复 Radio.Group 触发多次 change 回调问题 #1280
- 🐞 修复 Form initialValue 报错问题 #1291
1.4.0
2019-10-14
- 🎉 新的组件
Empty
,同时优化了各个组件的空数据状态样式! - 🎉 新增
Statistic
统计/倒计时组件。 - 🎉 添加新的国际化资源北印度语(kn_IN)和坎那达语(kn_IN)。
- 🌟 ConfigProvider 组件添加
prefixCls
属性。 - Button
- 🌟 Button 添加圆边形状。
- Collapse
- 🌟 新增
expandIcon
属性,允许用户自定义 Collapse 折叠图标。
- 🌟 新增
- ConfigProvider
- 🌟 支持 Content Security Policy (CSP) 配置。
- 🌟 提供
autoInsertSpaceInButton
属性以移除按钮中 2 个汉字时字间的空格。
- DatePicker
- 🌟 将会读取本地化格式配置作为默认日期格式。
- Icon
- 🌟 Icon 组件添加
aria-label
属性以提升无障碍体验。 - 🌟 新增
rotate
属性,允许用户修改图标旋转角度。 - 🌟 新增 Icon
eye-invisible
。
- 🌟 Icon 组件添加
- Input
- 🌟 添加 Input.Password 密码输入组件。
- 🌟 支持
allowClear
。
- Modal
- 🌟 添加
forceRender
属性。 - 🌟 添加
destroyAll
方法。 - 🌟 Modal.confirm/info/warning/error 新增
icon
属性。原有的iconType
废弃。
- 🌟 添加
- 🌟 Card 组件添加
small
类型。 - Form
- 🌟 Tree 添加
switcherIcon
属性。 - Dropdown
- 🌟 Dropdown.Button 支持
href
属性。 - 🌟 添加
openClassName
属性。
- 🌟 Dropdown.Button 支持
- Table
- 🌟 添加属性
sortDirections
到 Table 和 Table.Column。 - 🐞 修复 Badge 组件遮盖 Table 固定列的问题。
- 🐞 修复行选择器列的
columnWidth
设置不生效的问题。
- 🌟 添加属性
- DatePicker
- 🌟 DatePicker component 添加
renderFooter
属性。 - 🐞 修复 WeekPicker 不支持
dateRender
的问题。 - 🐞 修复禁用按钮在 DatePicker 面板中的样式问题。
- 🌟 在所有模式中支持
renderExtraFooter
属性。 - 🐞 修复月份选择器在开始年份和结束年份相等时的显示问题。
- 🌟 DatePicker component 添加
- TimePicker
- 🌟 TimePicker 添加新的属性
popupStyle
和事件amPmChange
。 - 🐞 修复 TimePicker 在跟 Input.Group 一起使用时图标会消失的问题。
- 🌟 废弃
allowEmpty
属性,改用allowClear
替代。并与 DatePicker 统一样式。
- 🌟 TimePicker 添加新的属性
- 🌟 组件 Rate 支持
tooltips
。 - Upload
- 💄 添加新的 Less 变量
upload-picture-card-border-style
并修复upload-picture-card-size
的拼写错误。 - 🐞 修复在 Upload 组件中无法识别
dpg
后缀文件为图片的问题。
- 💄 添加新的 Less 变量
- Modal
- 🌟 Modal 函数组件新增
mask
属性支持。 - 🌟 Modal 函数组件新增
transitionName
和maskTransitionName
属性支持。 - 🐞 修复鼠标移动到遮罩层自动关闭的问题 #842
- 🌟 Modal 函数组件新增
- Spin
- 🐞 修复 Table 在低版本 IE 中 spinning 会遮挡操作的问题。
- Progress
- 🌟 所有类型都支持
successPercent
属性。
- 🌟 所有类型都支持
- Pagination
- 🐞 修复省略号不居中的样式问题。
- 🐞 修复 Radio 组件在 Chrome 下的样式问题。
- 🐞 修复 Steps 组件在 IE9 下的样式问题。
- 🐞 修复嵌套的 TimeLine 最后一条线丢失的问题。
- 🐞 修复 Spin 组件初始设置
delay
属性后不显示的问题。 - 🐞 修复水波纹在 Edge 下的样式问题。
1.3.17
2019-09-29
- 🌟
Form
新增selfUpdate
属性,用于提升表单性能 #1049 Select
- 🐞 修复
TimePicker
输入时报错的问题 #1176 - 🐞 修复
Tooltip
组件的defaultVisible
属性失效问题 #1232 - 🐞 修复
Comment
ConfigProvider
TypeScript 类型定义问题。
1.3.16
2019-08-25
1.3.15
2019-08-17
- 🐞 修复
Select
组件在 IE 下无法滚动问题 #999 - 🐞 修复
Form
initialValue
为空时报 warning 问题 #1076 - 🐞 修复
Form
校验 Number 类型时错误问题 #1090
1.3.14
2019-08-12
- 🐞 修复
MenuItem
解析数组class
不正确问题 #1009 - 🐞 修复 npm install 时报错问题 #997
- 🐞 修复
Select
组件在 IE 下无法滚动问题 #999 - 🐞 修复
Select
组件不触发 focus 事件问题 #999 - 🐞 修复
DropdownButton
size
属性不生效问题 #71b7c9 - 🐞 修复
Table
组件不支持 vue 2.6 v-slot 语法问题 #1058 - 🌟
Popover
添加builtinPlacements
属性 #1073 - 🌟
Button
支持link
类型 #1077 - 🌟
Modal.confirm
title
andcontent
支持 function
1.3.13
2019-07-22
- 🐞 修复 dist 缺少 antd.less 文件问题 #995
1.3.12
2019-07-22
- 🐞
package.json
files
添加scripts
1.3.11
2019-07-22
- Dropdown
- 🌟
AutoComplete
Cascader
DatePicker
DropDown
Select
TimePicker
添加弹出内容的实例引用popupRef
f9373e - 🐞 修复
DatePicker
在 ie 10 11 下 placeholder 为中文时不能打开的问题 #865 - 🌟
DatePicker
添加自定义渲染触发器功能 #957 - 🌟
@ant-design/icons-vue
升级为^2.0.0
- 🌟
Icon
添加属性focusable="false"
#924 - 🐞 修复自定义
Form
校验自定义组件时提示warning
问题 #915 - 🐞 修复
FormItem
v-decorator
指令报错问题 #930 - 🐞 修复
Upload
组件在form.resetFields()
时报错问题 #929 - 🐞 修复
Select
显示跳动问题 #970 - 🐞 修复 TypeScript 类型定义。
1.3.10
2019-06-11
- 🐞 移除打包后多余的
module.export
#850
1.3.9
2019-05-26
- 🐞 修复
TreeSelect
没有dataRef
的问题 #712 - 🌟
Tooltip
添加destroyTooltipOnHide
用于标识隐藏后是否销毁 tooltip #727 - 🐞 修复
Avatar
动态设置 src 时不更新问题 #731 - 🐞 修复
LocaleProvider
更改moment
语言不生效问题 28b7a6 - 🌟
Modal.confirm
新增closable
配置 #798 - 🐞 修复
Select
自定义dropdownRender
时,没能自动关闭的问题 #644 - 🐞 修复在 ie9 下移除 Dom 报错问题,无需单独引入 polyfill #705
- 🐞 修复
Input.Search
重复挂载 id 问题 #726 - 🐞 修复
Table
使用函数形式自定义 expandIcon 时不生效问题 #751 - 🐞 修复
Icon
extraCommonProps 属性不生效问题 #737 - 🐞 修复
DirectoryTree
expandAction="doubleclick" 不生效问题 #745
1.3.8
2019-04-04
- 🐞 修复
Table
在 IE 下不可点击问题 #504 - 🐞 修复
Table
在 Firefox 下 Header 没对齐问题 #579 - 🌟 抽屉
Drawer
添加自定义handel
功能 - 🐞 修复 TypeScript 类型定义。
1.3.7
2019-03-18
- 🐞 修复
Select
selectedKeys
类型校验错误 #597
1.3.6
2019-03-17
- 🐞 修复
Select
title 属性显示错乱问题 #588 - 🐞 修复
InputSearch
不支持 slot 方式自定义 addonAfter 和 addonBefore 问题 #581 - 🐞 修复
Input
重复 class 问题 #faf9ba - 🐞 修复
Message
通过函数自定义 content 不生效问题 #554 - 🌟
Cascader
的option.value
同时支持String
Number
类型 #595 - 🐞 修复 TypeScript 类型定义。
1.3.5
2019-02-23
- 🌟 优化
Popover
Popconfirm
组件箭头样式。 - 🐞 修复在 postcss(vue-cli)中使用 autoprefixer 9.4.5 会抛出错误
Replace text-decoration-skip: ink to text-decoration-skip-ink: auto, because spec had been changed
的问题。#471 - Tree
- 🐞 修复
Modal.confirm
class
不生效问题。#475 - 🐞 修复 TypeScript 类型定义。
1.3.4
2019-01-31
🎉 🎉 🎉 祝大家新年快乐!
- 🐞 修复 AutoComplete 组件 disabled 时,placeholder 不显示的问题。#402。
- 🐞 添加
BreadcrmbItem
ts 类型文件。#452。 - 🐞 修复当 FormItem 在子组件中时不更新问题。#446。
- 🐞 修复一些组件 TypeScript 定义。
1.3.3
2019-01-26
- 🐞 修复 message 在配置 maxcount 时,不能关闭提示窗问题。#428。
- 🐞 修复一些组件 TypeScript 定义。#422。
- 🌟 Anchor 组件新增
warpperClass
wrapperStyle
属性。1aa42d - 📝 更新文档:form 增加 preserve 说明,icon 修改自定义组件引用文档说明。
1.3.2
2019-01-17
1.3.1
2019-01-15
1.3.0
2019-01-12
-
🎉 🎉 🎉 发布 vscode 插件 ant-design-vue-helper
-
🎉 🎉 🎉 优化官网文档交互
1.3.0 版本带来了两个新组件,还有很多激动人心的变化和新特性。
-
🔥 增加了一个新组件 Comment。
-
🔥 增加了一个新组件 ConfigProvider 为组件提供统一的全局化配置。
组件修复/功能增强:
- 🌟 Avatar 组件增加
srcSet
属性,用于设置图片类头像响应式资源地址。 - 🌟 Notification 组件增加
onClick
属性,点击通知时触发的回调函数。 - Transfer
- 🌟 增加
search
事件,搜索框内容时改变时的回调函数,并废弃searchChange
事件。 - 🌟 增加
disabled
属性,用于禁用搜索框。
- 🌟 增加
- 🌟 Badge 进行了重构,
count
支持自定义组件。 - Slider
- 🌟 增加
tooltipVisible
属性,用于 Tooltip 是否始终显示。 - 🌟 优化 focus 效果
- 🐞 修复键盘 tab 键聚焦时,Tooltip 不显示问题。
- 🐞 修复拖动时 Tooltip 不停的显隐切换问题。
- 🌟 增加
- Calendar
- 🌟 支持多种时间格式。
- 🌟 showSearch 方法增加
limit
参数,用于限制搜索结果展示数量。
- Table
- 🌟 增加
expandIcon
属性,用于自定义表格展开图标。 - 🌟 customCell 方法增加
index
参数。
- 🌟 增加
- Select
- 🌟 增加
removeIcon
、clearIcon
、menuItemSelectedIcon
属性,用于自定义删除、清空、选中的图标。 - 🌟 增加
dropdownRender
属性, 用于自定义下拉框内容。 - 🌟 增加
loading
属性, 用于展示加载中状态。
- 🌟 增加
- 🌟 优化 Button 在含有 Icon 时的显示效果。
- ⚡️ 重构 Tag 组件,简化代码并提升性能。
- 💄 Menu.Item 组件增加
title
属性,用于在收缩时展示的悬浮标题。 - 💄 微调 Card 头部和加载中的样式细节。
- 💄 优化 Spin 样式并略微提升了切换状态的性能。
- 🐞 修复 TextArea 组件高度不能自适应问题。
- 🐞 修复 Tooltip 在 disabled 状态下 Button 中,样式错误问题。#389
- 🐞 修复一些组件 TypeScript 定义。
1.2.5
2019-01-06
1.2.4
2018-12-29
- 🐞 修复
Select
组件没有触发popupScroll
事件问题#350 - 🐞 修复自定义
Icon
组件不支持class
style
问题。#351 - 🌟
Tree
TreeSelect
支持number
类型的key
。#343 - 🌟
Tree
组件selectedKeys
、expandedKeys
支持.sync
修饰符。6373ce TreeSelect
- 🐞 移除
Menu
组件初始化时的展开动画。#338
1.2.3
2018-12-25
- 📝 移除圣诞彩蛋。
- 🐞 修复部分组件不支持数组类型
class
问题#322 - 🌟
TreeSelect
组件新增treeExpandedKeys
属性和treeExpand
事件,用于控制树的展开收起。 - 🐞 修复
Tree
组件使用TreeNode
时报重复Key
问题。
1.2.2
2018-12-19
- 🐞 修复
Datepicker
渲染两次 footer 问题。#315 Menu
- 🐞 修复
Form
组件在设置validateStatus
时缺少Icon
问题。 #321 - 🐞 修复 Upload 缩略图图标样式错误。f1e130
- 🐞
Icon
支持 native event cffef3
1.2.1
2018-12-17
- 🐞 修复
Menu
在Layout
下伸缩时闪动问题 - 🐞 修复
Icon
报 Warning 问题
1.2.0
2018-12-16
- 🔥🔥🔥 使用了 svg 图标替换了原先的 font 图标,从而带来了以下优势:
- 可以离线化使用,不需要从支付宝 cdn 下载字体文件,图标不会因为网络问题呈现方块,也无需字体文件本地部署。
- 在低端设备上 svg 有更好的清晰度。
- 支持多色图标。
- 对于内建图标的更换可以提供更多 API,而不需要进行样式覆盖。
- 😓 但同时带来打包文件过大问题,相关解决方案和讨论可以查看 React 版 ant-design issue。
- 🌟 新增
theme
属性,可以设置图标的主题风格。 - 🌟 新增
component
属性,可以外部传入一个组件来自定义控制渲染结果。 - 🌟 新增
twoToneColor
属性,可以控制双色图标的主题色。 - 🌟 新增静态方法
Icon.getTowToneColor()
和Icon.setTwoToneColor(...)
,可以全局性的获取和设置所有双色图标的主题色。 - 🌟 新增静态方法
Icon.createFromIconfontCN({...})
,可以更加方便地使用iconfont.cn
上托管的图标。
- 🔥 增加了一个新组件
Skeleton
- 🔥 Menu 在
horizontal
模式下会自动收起来适应宽度。 - 🔥 Drawer 的
placement
支持top
和bottom
,可以适应更多场景。 - 🌟 以下组件均新增了
suffixIcon
属性,用于设置输入框后面的图标,具体用法可以参考文档。- Cascader
- DatePicker
- Select
- TreeSelect
- TimePicker
- 🌟 新增 Modal.open 方法,用于可自定义图标的快捷对话框。
- 🌟 Modal.info 增加
getContainer
的配置。 - 🌟 合并优化了 RangePicker 的日历页脚 UI。
- 🌟 Anchor 组件增加
click
事件。 - 🌟 Tab 组件增加
renderTabBar
属性。 - 🌟 Input 组件增加
select
方法。 - 🌟 Steps 增加
initial
属性。 - 🌟 Upload 组件新增
openFileDialogOnClick
属性,用于设置点击组件时是否打开上传对话框。 - 🌟 InputNumber 组件新增
decimalSeparator
属性,用于设置自定义的小数点。 - 🐞 修复众多隐蔽暂未提 issue 的 bug,再此不在一一列出
1.1.10
2018-12-7
- 🔥🔥🔥 在 1.1.10 版本中
Form
组件更好地支持单文件 tempalte 语法,在以往版本中,对于复杂的组件需求,需要使用 JSX 才可以实现。为了更好地在 template 中使用 Form 表单的自动收集校验功能,我们优化了组件的使用方式。文档全部 Demo 使用最新语法重构。不过对于以往 API,还是继续支持,你可以不用担心 API 的改变,导致已有系统出现问题。
<template>
<a-form :form="form">
<a-form-item>
<a-input v-decorator="[id, options]">
</a-form-item>
</a-form>
</template>
<script>
export default {
beforeCreate () {
this.form = this.$form.createForm(this, options)
},
}
</script>
1.1.9
2018-11-26
- 🐞 修复
TreeSelect
组件 getPopupContainer 不生效问题 #265 - 🐞 修复
Carousel
组件按需加载不生效问题 #271 - 🐞 修复
Upload
组件 remove 事件无返回值问题 #259
1.1.8
2018-11-11
1.1.7
2018-10-27
- 🐞 修复
Cascader
组件类型错误问题 #219 - 🐞 修复
Tree
组件自定义 Icon 时回调参数顺序错误问题 #223 - 🐞 修复
Table
组件多次触发翻页回调问题 #228 - 🌟 优化
Tabs
组件新增 tab 默认滚动到可视区域 #215 - 🐞 修复
RadioGroup
组件不支持数字 0 问题 #226 - 🐞 修复
Slider
组件当设置 zoom 不为 1 时,位置错误问题,部分浏览器需要 visualViewport Polyfill #227
1.1.6
2018-10-10
1.1.4
2018-09-29
1.1.3
2018-09-22
- 🎉 优化组件注册方式,如 Vue.use(Form) a6620c
- 🐞
Select.Option
组件value
属性支持0
#194 - 🐞 修复
Layout.Sider
折叠按钮宽度不生效问题 #201 - 🐞 修复
Menu
切换 inlineCollapsed 时,纵向无动画问题 #200 - 🐞 修复
Steps
dot
模式下样式问题 #199
1.1.2
2018-09-17
- 🎉 同步 antd3.8.4 样式
- 🌟 Tag 组件新增
visible
属性及 wave 效果 - 🐞 修复
Cascader
组件,已选中项未展开问题 #195
1.1.1
2018-09-13
- 🐞 修复窗口大小改变导致弹窗位置错位问题 #184
- 🐞 tabs 容器添加自定义事件监听 #189
- 🐞 修复通过 API 形式调用 Modal 窗口时,
centered
不生效问题 #183 - 🐞 Slider marks 支持{number: function}形式 #171
1.1.0
2018-09-11
- 🎉 从3.4.0同步组件到 antd 3.8.2
- 🌟 新增
Drawer 抽屉
组件 - 🐞 修复
Spin
内容闪烁问题 #174 - 🐞 修复
RangePicker
选择项未禁用问题 #158 - 🐞 修复
Form
值为null
时报错问题 #153 - 🐞 修复
Modal
子组件重复mounted
问题 #152 - 🐞 修复
Transfer
搜索过滤后不能正确显示问题 #148 - 🐞 修复多级
Tabs
组件嵌套导致size
不生效问题 #144 - 🐞 修复
TreeSelect
searchPlaceholder 不生效 #125 - 🛠 其它未出现在 issue 中的问题,详见 antd changelog
1.0.3
2018-08-11
- 🐞 修复
Select
子元素不更新问题 #106 - 🐞 修复
Badge
offset 属性 X Y 轴顺序错误问题,并新增支持 number 类型 #99 - 🐞 修复
Input
在 ie 下中文 placeholder 触发 input 事件问题 #92 - 🐞 修复
Avatar
不接受事件问题 #102 - 🐞 修复
grid.row
gutter 类型错误问题 4af03c4 - 🐞 修复
CheckboxGroup
在Form
中报 defaultValue warning 问题 #110
1.0.2
2018-08-04
- 🎉 修改组件库名称为
ant-design-vue
- 🌟 官方站点支持 IE9 访问a8a5f8
- 🐞 修复导出未定义变量引起的提醒问题#87
- 🐞 修复部分组件类名重复问题b48bbac
- 🐞 修复
Select
组件 label 不更新问题da1b924 - 🛠 更正了若干文档错误
1.0.1
2018-07-27
- 🌟 针对
Input
组件优化中文输入(仅在 v-model 绑定时生效) 4a5154 - 🐞 修复
TreeSelect
treeeData[i].children
为null
时报错问题#81 - 🐞 修复
Calendar
组件的 change 事件触发两次的问题#82 - 🐞 修复
Card
组件的description
和title
属性 slot 不生效问题#83 - 🐞 修复
DataPicker
组件的dropdownClassName
属性不生效问题02ab242
1.0.0
2018-07-21
- 🌟 新增
Carousel 走马灯
组件edddbd - 更正了若干文档错误
0.7.1
2018-07-17
0.7.0
2018-07-11
- 🌟 新增
TreeSelect
组件 - 🌟
Select
组件新增options
,方便直接生成选择列表#37 - 🐞 修复
Tooltip
中使用Select
组件时,blur
事件报错问题#67 - 🐞 修改
Upload
组件action
属性为可选#66
0.6.8
2018-07-05
0.6.7
2018-07-03
- 🐞 修复
Form
使用模板语法时组件不能更新#62
0.6.6
2018-07-03
0.6.5
2018-07-01
0.6.4
2018-06-28
- 🐞 修复
InputSearch
的v-model
返回值错误问题#53
0.6.3
2018-06-26
- 🐞 修复
Popover
的v-model
不生效问题#49
0.6.2
2018-06-24
- 🌟
Form
组件数据自动校验功能支持template
语法7c9232 Select
: 🐞 添加focus
blur
方法52f6f5Radio
TimePicker
: 🐞 修复autoFoucs
focus
blur
不生效问题28d009
0.6.1
2018-06-17
- 🌟 新增
List
列表组件 Table
Tooltip
- 🛠 更新事件 API
change
为visibleChange
- 🛠 更新事件 API
Textarea
: 🐞 修复autoFoucs
不生效问题787927InputSearch
: 🐞 添加focus
blur
方法3cff62InputNumber
: 🐞 修复autoFoucs
不生效问题88f165DatePicker
: 🐞 修复autoFoucs
不生效问题264abfCascader
: 🐞 修复autoFoucs
不生效问题be69bdRate
: 🐞 修复autoFoucs
不生效问题,及blur
报错问题c2c984RangePicker
: 🐞 修复值类型校验出错问题228f44
0.6.0
2018-06-04
- 🌟 新增
Anchor
锚点组件 Table
DatePicker
: 🐞 修复属性showTime
为true
时,重复调用change
事件问题81ab82InputNumber
: 🐞 修复placeholder
不生效问题ce39dc
0.5.4
2018-05-26
- 🐞 修复 dist 目录缺少 less 文件问题ca084b9
0.5.3
2018-05-25
- 🐞 修复构建
antd-with-locales.js
包含测试文件的问题90583a3
0.5.2
2018-05-25
- 🐞
Timeline
: 修复重复显示 loading 组件 bugfa5141b Transfer
- 💄
Select
: 优化title
显示逻辑9314957 Form
- 🐞
DatePicker
: 修复日历键盘事件不起作用问题e9b6914 Avatar
: 修复字体大小自适应问题#22- 🌟 添加了部分组件的单测
- 🌟 整理了组件库依赖(dependencies、devDependencies),删除不再使用的包,并添加 peerDependencies
0.5.1
2018-05-10
- 🐞
Table
: 修复customRow
自定义事件不生效问题#16
0.5.0
2018-05-08
- 🌟
Form
新增 Form 表单组件 - 💄
Upload.Dragger
: 修改组件 name 名称为a-upload-dragger
- 🐞
Upload
: 修复 Upload name 属性失效问题
0.4.3
2018-05-02
- 🐞 修复组件样式丢失问题
- 🌟 站点添加 babel-polyfill
0.4.2
2018-04-24
- 🐞 修复 menu 非 inline 模式下的 click bug
0.4.1
bug
- 将 Vue 依赖转移到 devDependencies,避免与业务版本不一致导致的不稳定 bug
0.4.0
Layout
- 新增 Layout 组件
其它
- 支持导入所有组件Vue.use(antd)
0.3.1
Features
- 对外第一个版本,提供常用 45 个组件