Ant Design 5.14.0 发布,企业级 UI 设计语言和 React 实现

来源: OSCHINA
2024-02-04 13:46:51

An Design 5.14.0 现已发布,主要变化如下:

  • 重构了 DatePicker 组件,详细改动如下。#46982
    • DatePicker 新增multiple支持多选能力。
    • DatePicker 支持showWeek属性。
    • DatePicker.RangePicker 下的id属性支持分别设置startend输入框的id
    • DatePicker.RangePicker 的onFocusonBlur事件会额外提供一个info.range告知当前的焦点来自于哪个输入框。
    • DatePicker.RangePicker 支持order属性。
    • DatePicker 新增配套pickerValuedefaultPickerValue属性用于受控管理展开面板所在日期。
    • DatePicker 新增preserveInvalidOnBlur属性用于无障碍时失去焦点需要保留输入内容的场景。
    • DatePickerformat支持align属性,允许通过掩码模式输入内容。
    • DatePicker 支持required属性。
    • DatePicker 时间面板支持scrollOnChange设置滚动时间时自动选择对应的时间。
    • DatePicker 添加needConfirm属性,允许设置需要确认、或者不确认的提交模式。
    • DatePicker 添加components属性,允许自定义部分面板。
    • DatePicker 面板中所有的日期相关信息都会允许通过locale进行配置。
    • DatePickerformat支持LTLTS日期格式。
    • DatePicker 新增minDatemaxDate用于设置面板切换范围。
    • DatePicker 的defaultPickerValue现在会在每次面板展开时都进行重置。
    • DatePicker 修复输入框功能按键会唤起弹出框的问题,现在只有在交互按键、以及输入内容变化时唤起。
    • DatePicker 通过输入框输入日期后失去焦点会提交变更,而不是丢失输入内容(即不再强制需要按下回车提交)。
    • DatePicker 修复use12Hours下,disabledTime获取的hour也会被裁剪成 0~12 的问题。
    • DatePicker 修复某些交互下,禁用日期没有生效依然可以提交的问题。
    • DatePicker 优化disabledDate检查逻辑,现在会提供info.type告知当前面板信息。
    • DatePicker 的allowClear触发事件从onMouseDown切换为onClick
    • 移除 DatePicker 的键盘对面板交互,它需要基于无障碍重新设计。
    • DatePicker 废弃onKeyDownpreventDefault参数,请直接通过event.preventDefault进行调用。
    • DatePicker.RangePicker 移除虚线样式,减少视觉干扰。
    • DatePicker.RangePicker 移除在选择开始或者结束时间时的禁用范围,优化交互体验。
  • Table 支持堆叠固定列。#47245
  • Table 支持virtual下的components.body#47098
  • Segmentedvalue类型支持泛型。#47091
  • InputNumber 组件支持changeOnWheel属性,以启用鼠标滚轮控制。#47158
  • Button 添加defaultHoverBgdefaultHoverColordefaultHoverBorderColordefaultActiveBgdefaultActiveColordefaultActiveBorderColor六个 token。#47075
  • NotificationuseNotification支持duration配置,该更新同样适用于 App 组件的notification配置。#47141
  • Grid 支持为响应式布局配置flex属性。#47124
  • 改进 Transfer 组件分页器的内边距。#47231
  • 修复 Avatar 组件当高度小于 16px 内容不居中的问题。#47236
  • 修复 Input 组件禁用时鼠标指针不正确的问题。#47280
  • 修复 Input 组件hoverBorderColoractiveBorderColortoken 定制无效的问题。#47243
  • 修复 Menu 组件子菜单 hover 样式在边缘消失的问题。#47227
  • 修复 Menu 在无 hash 模式下的组件样式问题。#46609
  • Card 组件增加classNamesstyles属性。#46811
  • ConfigProvider
    • ConfigProvide 支持 Transfer 的selectionsIcon#47301
    • ConfigProvide 支持 Tabs 的addIconmoreIcon#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

更新说明:https://github.com/ant-design/ant-design/releases/tag/5.14.0

展开阅读全文
点击加入讨论🔥(1) 发布并加入讨论🔥
1 评论
0 收藏
分享
返回顶部
顶部