antd 5.14.0

npm / antd / 5.14.0 source ↗

• 🔥 Refactored the DatePicker component, details are follows. #46982
  • 🆕 DatePicker adds multiple to support multiple selection capabilities.
  • 🆕 DatePicker supports showWeek attribute.
  • 🆕 DatePicker.RangePicker supports order attribute.
  • 🆕 DatePicker id attribute under RangePicker supports setting the id of the start and end input boxes separately.
  • 🆕 DatePicker onFocus and onBlur events of RangePicker will additionally provide an info.range to inform which input box the current focus comes from.
  • 🆕 DatePicker add matching pickerValue and defaultPickerValue attributes to control the date where the expanded panel is located.
  • 🆕 DatePicker add the preserveInvalidOnBlur attribute to keep the input content when losing focus in the case of accessibility.
  • 🆕 DatePicker format supports the align attribute, allowing input content through the mask mode.
  • 🆕 DatePicker Support required attribute.
  • 🆕 DatePicker time panel supports scrollOnChange to automatically select the corresponding time when scrolling.
  • 🆕 DatePicker add the needConfirm attribute to allow setting the confirmation or non-confirmation submission mode.
  • 🆕 DatePicker add the components attribute to allow customizing some panels.
  • 🆕 DatePicker all date-related information in the panel will allow configuration through locale.
  • 🆕 DatePicker format supports LT and LTS date formats.
  • 🆕 DatePicker add minDate and maxDate to set the panel switching range.
  • 🐞 DatePicker defaultPickerValue will now be reset each time the panel is expanded.
  • 🐞 DatePicker fix the problem that the input box function key will trigger the pop-up box, now it will only be triggered when the interactive key and the input content change.
  • 🐞 DatePicker Losing focus after entering the date through the input box will submit the change instead of losing the input content (that is, it is no longer necessary to press Enter to submit).
  • 🐞 DatePicker fix the problem that the hour obtained by disabledTime under use12Hours will also be clipped to 0~12.
  • 🐞 DatePicker fix the problem that the disabled date is not effective and can still be submitted under some interactions.
  • ⚡️ DatePicker Optimize disabledDate check logic, now it will provide info.type to inform the current panel information.
  • 🛠 DatePicker allowClear trigger event from onMouseDown to onClick.
  • 🛠 DatePicker Deprecate the preventDefault parameter of onKeyDown, please call it directly through event.preventDefault.
  • 🛠 DatePicker Remove the keyboard interaction with the panel, it needs to be redesigned based on accessibility.
  • 💄 DatePicker Remove the dotted line style of RangePicker to reduce visual interference.
  • 💄 DatePicker Remove the disabled range of RangePicker when selecting start or end time to optimize the interaction experience.
• 🔥 Added support for stacked fixed columns in the Table component. #47245
• 🆕 Added support for components.body in the Table component under the virtual mode. #47098 by @linxianxi
• 🆕 Added support for generics in the Segmented value type. #47091 by @madocto
• 🆕 Added the changeOnWheel property to the InputNumber component to enable mouse wheel control. #47158 by @MadCcc
• 🆕 Added six tokens (defaultHoverBg, defaultHoverColor, defaultHoverBorderColor, defaultActiveBg, defaultActiveColor, and defaultActiveBorderColor) to the Button component. #47075 by @madocto
• 🆕 Added duration configuration support to the useNotification function in the Notification component. This update also applies to the notification configuration of the App component. #47141
• 🆕 Added support for configuring flex property in responsive layouts of the Grid component. #47124
• 🐞 Improved the Transfer internal padding of the Pagination component. #47231 by @qmhc
• 🐞 Fixed the alignment issue in the Avatar component when the height is less than 16px. #47236 by @lcgash
• 🐞 Fixed the incorrect mouse pointer when the Input component is disabled. #47280 by @MadCcc
• 🐞 Fixed the issue where the hoverBorderColor and activeBorderColor token customization didn't work in the Input component. #47243 by @MadCcc
• 💄 Fixed the issue where the hover style of submenus in the Menu component disappears at the edges. #47227 by @MadCcc
• 💄 Menu fixed component styling issues in non-hash mode. #46609 by @MadCcc
• 💄 Added classNames and styles properties to the Card component. #46811 by @zh-lx
• ConfigProvider
  • 🆕 Added support for selectionsIcon in the Transfer component to ConfigProvide. #47301 by @li-jia-nan
  • 🆕 Added support for addIcon and moreIcon in the Tabs component to ConfigProvide. #47274 by @li-jia-nan
  • 🆕 Added support for closeIcon in the Image component to ConfigProvide. #47252 by @li-jia-nan
  • 🆕 Added support for closeIcon in the Tag component to ConfigProvide. #47250 by @li-jia-nan
  • 🆕 Added support for closeIcon in the Notification component to ConfigProvide. #47244 by @li-jia-nan
  • 🆕 Added support for closeIcon in the Modal component to ConfigProvide. #47226 by @li-jia-nan
  • 🆕 Added support for expandIcon in the Table component to ConfigProvide. #47225 by @li-jia-nan
  • 🆕 Added support for closeIcon in the Tour component to ConfigProvide. #47200 by @li-jia-nan
  • 🆕 Added support for icons in the Drawer component to ConfigProvide. #46894 by @li-jia-nan
  • 🆕 Added support for closeIcon in the Alert component to ConfigProvide. #47235 by @li-jia-nan

---

• 🔥 重构了 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 移除在选择开始或者结束时间时的禁用范围，优化交互体验。
• 🔥 Table 支持堆叠固定列。#47245
• 🆕 Table 支持 virtual 下的 components.body。#47098 @linxianxi
• 🆕 Segmented value 类型支持泛型。#47091 @madocto
• 🆕 InputNumber 组件支持 changeOnWheel 属性，以启用鼠标滚轮控制。#47158 @MadCcc
• 🆕 Button 添加 defaultHoverBg、defaultHoverColor、defaultHoverBorderColor、 defaultActiveBg、defaultActiveColor 和 defaultActiveBorderColor 六个 token。#47075 @madocto
• 🆕 Notification useNotification 支持 duration 配置，该更新同样适用于 App 组件的 notification 配置。#47141
• 🆕 Grid 支持为响应式布局配置 flex 属性。#47124
• 🐞 改进 Transfer 组件分页器的内边距。#47231 @qmhc
• 🐞 修复 Avatar 组件当高度小于 16px 内容不居中的问题。#47236 @lcgash
• 🐞 修复 Input 组件禁用时鼠标指针不正确的问题。#47280 @MadCcc
• 🐞 修复 Input 组件 hoverBorderColor 和 activeBorderColor token 定制无效的问题。#47243 @MadCcc
• 💄 修复 Menu 组件子菜单 hover 样式在边缘消失的问题。#47227 @MadCcc
• 💄 修复 Menu 在无 hash 模式下的组件样式问题。#46609 @MadCcc
• 💄 Card 组件增加 classNames 和 styles 属性。#46811 @zh-lx
• ConfigProvider
  • 🆕 ConfigProvide 支持 Transfer 的 selectionsIcon。#47301 @li-jia-nan
  • 🆕 ConfigProvide 支持 Tabs 的 addIcon 和 moreIcon。#47274 @li-jia-nan
  • 🆕 ConfigProvide 支持 Image 的 closeIcon。#47252 @li-jia-nan
  • 🆕 ConfigProvide 支持 Tag 的 closeIcon。#47250 @li-jia-nan
  • 🆕 ConfigProvide 支持 Notification 的 closeIcon。#47244 @li-jia-nan
  • 🆕 ConfigProvide 支持 Modal 的 closeIcon。#47226 @li-jia-nan
  • 🆕 ConfigProvide 支持 Table 的 expandIcon。#47225 @li-jia-nan
  • 🆕 ConfigProvide 支持 Tour 的 closeIcon。#47200 @li-jia-nan
  • 🆕 ConfigProvide 支持 Drawer 的 icons。#46894 @li-jia-nan
  • 🆕 ConfigProvide 支持 Alert 的 closeIcon。#47235 @li-jia-nan