An Design 5.14.0 现已发布,主要变化如下:
- 重构了 DatePicker 组件,详细改动如下。#46982
- DatePicker 新增
multiple支持多选能力。 - DatePicker 支持
showWeek属性。 - DatePicker.RangePicker 下的
id属性支持分别设置start和end输入框的id。 - DatePicker.RangePicker 的
onFocus和onBlur事件会额外提供一个info.range告知当前的焦点来自于哪个输入框。 - DatePicker.RangePicker 支持
order属性。 - DatePicker 新增配套
pickerValue、defaultPickerValue属性用于受控管理展开面板所在日期。 - DatePicker 新增
preserveInvalidOnBlur属性用于无障碍时失去焦点需要保留输入内容的场景。 - DatePicker
format支持align属性,允许通过掩码模式输入内容。 - DatePicker 支持
required属性。 - DatePicker 时间面板支持
scrollOnChange设置滚动时间时自动选择对应的时间。 - DatePicker 添加
needConfirm属性,允许设置需要确认、或者不确认的提交模式。 - DatePicker 添加
components属性,允许自定义部分面板。 - DatePicker 面板中所有的日期相关信息都会允许通过
locale进行配置。 - DatePicker
format支持LT、LTS日期格式。 - DatePicker 新增
minDate和maxDate用于设置面板切换范围。 - DatePicker 的
defaultPickerValue现在会在每次面板展开时都进行重置。 - DatePicker 修复输入框功能按键会唤起弹出框的问题,现在只有在交互按键、以及输入内容变化时唤起。
- DatePicker 通过输入框输入日期后失去焦点会提交变更,而不是丢失输入内容(即不再强制需要按下回车提交)。
- DatePicker 修复
use12Hours下,disabledTime获取的hour也会被裁剪成 0~12 的问题。 - DatePicker 修复某些交互下,禁用日期没有生效依然可以提交的问题。
- DatePicker 优化
disabledDate检查逻辑,现在会提供info.type告知当前面板信息。 - DatePicker 的
allowClear触发事件从onMouseDown切换为onClick。 - 移除 DatePicker 的键盘对面板交互,它需要基于无障碍重新设计。
- DatePicker 废弃
onKeyDown的preventDefault参数,请直接通过event.preventDefault进行调用。 - DatePicker.RangePicker 移除虚线样式,减少视觉干扰。
- DatePicker.RangePicker 移除在选择开始或者结束时间时的禁用范围,优化交互体验。
- DatePicker 新增
- Table 支持堆叠固定列。#47245
- Table 支持
virtual下的components.body。#47098 - Segmented
value类型支持泛型。#47091 - InputNumber 组件支持
changeOnWheel属性,以启用鼠标滚轮控制。#47158 - Button 添加
defaultHoverBg、defaultHoverColor、defaultHoverBorderColor、defaultActiveBg、defaultActiveColor和defaultActiveBorderColor六个 token。#47075 - Notification
useNotification支持duration配置,该更新同样适用于 App 组件的notification配置。#47141 - Grid 支持为响应式布局配置
flex属性。#47124 - 改进 Transfer 组件分页器的内边距。#47231
- 修复 Avatar 组件当高度小于 16px 内容不居中的问题。#47236
- 修复 Input 组件禁用时鼠标指针不正确的问题。#47280
- 修复 Input 组件
hoverBorderColor和activeBorderColortoken 定制无效的问题。#47243 - 修复 Menu 组件子菜单 hover 样式在边缘消失的问题。#47227
- 修复 Menu 在无 hash 模式下的组件样式问题。#46609
- Card 组件增加
classNames和styles属性。#46811 - ConfigProvider
- ConfigProvide 支持 Transfer 的
selectionsIcon。#47301 - ConfigProvide 支持 Tabs 的
addIcon和moreIcon。#47274 - ConfigProvide 支持 Image 的
closeIcon。#47252 - ConfigProvide 支持 Tag 的
closeIcon。#47250 - ConfigProvide 支持 Notification 的
closeIcon。#47244 - ConfigProvide 支持 Modal 的
closeIcon。#47226 - ConfigProvide 支持 Table 的
expandIcon。#47225 - ConfigProvide 支持 Tour 的
closeIcon。#47200 - ConfigProvide 支持 Drawer 的
icons。#46894 - ConfigProvide 支持 Alert 的
closeIcon。#47235
- ConfigProvide 支持 Transfer 的
更新说明:https://github.com/ant-design/ant-design/releases/tag/5.14.0