Ant Design Versions Save

An enterprise-class UI design language and React UI library

5.14.0

2 months ago
  • 🔥 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

5.13.3

3 months ago
  • Input
    • 🐞 Fix Input.Search width 1px smaller than Input. #47193
    • 🐞 Fix Input inside Space.Compact display incorrectly when showCount is true. #47112 @huiliangShen
  • 🐞 Fix Descriptions lost border style when item's children is falsy. #47191
  • 🐞 Fix Table column.onFilter don't work on tree table data. #47170 @Mumujianguang
  • 🐞 Fix Affix placeholder height anomaly when browser zoom is 80%. #46823 @zhipenglin
  • 🐞 Fix QRCode background color in dark mode. #47128 @kampiu
  • 🐞 Fix Statistic component don't support html role and data-* and aria-* attributes. #47149
  • 🐞 Fix Transfer inverting current page incorrectly. #47125 @linxianxi
  • 💄 Lower the priority of Button size styles. #47074 @crazyair
  • 🐞 Fix Modal conflicting props bettween classNames.wrapper and centered. #47076 @sunsunmonkey
  • 🐞 Fix false positive console warning for Spin with tip and fullscreen used together. #47015 @xsjcTony
  • 🗑 Remove unused PageHeader locale text and ConfigProvider pageHeader property. #47163 @li-jia-nan
  • 🛠 Refactor Drawer motion style code. #47194
  • Locales
    • 🇮🇹 Added missing it_IT translations for Tour component. #47148 @nikzanda
    • 🇯🇵 Added missing locale keys in ja_JP locale for Table filters. #47072 @sebastibe
  • Input
    • 🐞 修复 Input.Search 宽度比 Input 少 1px 的问题。#47193
    • 🐞 修复 Input 启用 showCount 时在 Space.Compact 下的样式错误。#47112 @huiliangShen
  • 🐞 修复 Descriptions 当 item 的 children 为 null 时丢失单元格右边框样式的问题。#47191
  • 🐞 修复 Table column.onFilter 方法未过滤树形数据的问题。#47170 @Mumujianguang
  • 🐞 修复 Affix 在 Chrome 缩放 80% 的情况下占位高度异常的问题。#46823 @zhipenglin
  • 🐞 修复 QRCode 在暗黑模式下的背景色。#47128 @kampiu
  • 🐞 修复 Statistic 组件不支持 HTML role、data-* 和 aria-* 等属性的问题。#47149
  • 🐞 修复 Transfer 反选当页错误的问题#47125 @linxianxi
  • 💄 降低 Button size 样式权重以方便覆盖。#47074 @crazyair
  • 🐞 修复 Modal 自定义 classNames.wrapper 时 centered 属性不生效的问题。#47076 @sunsunmonkey
  • 🐞 修复 Spin 组件在 tip 和 fullscreen 同时使用时的控制台误报。#47015 @xsjcTony
  • 🗑 移除了早已失效的 PageHeader 组件相关的多语言文案和 ConfigProvider 的 pageHeader 属性。#47163 @li-jia-nan
  • 🛠 重构简化 Drawer 的动画代码。#47194
  • 国际化
    • 🇮🇹 为 Tour 组件补充 it_IT 本地化文案。#47148 @nikzanda
    • 🇯🇵 为 Table 组件筛选功能补充 ja_JP 本地化文案。#47072 @sebastibe

5.13.2

3 months ago
  • 🐞 Fix that the inline rendering does not take effect when the preview.getContainer value for Image is false. #47034 @FEyudong
  • 🐞 Fix Modal static function with prefixCls breaks children other component prefixCls and thus bring the motion miss. #47010
  • 🐞 Fix ok button of the DatePicker becomes compacted when used with Space.Compact. #46769 @Fatpandac
  • 💄 Optimize Tree draggable node cursor style and collaspe icon hover style. #46974
  • 🐞 修复 Image 组件 preview.getContainer 值为 false 时，内联渲染不生效的问题。#47034 @FEyudong
  • 🐞 修复 Modal 静态方法配置 prefixCls 时，会改变所有子元素的 prefixCls 并导致动画丢失的问题。#47010
  • 🐞 修复 Space.Compact 与 DatePicker 一起使用导致 DatePicker 的确认按钮样式错误。#46769 @Fatpandac
  • 💄 优化 Tree 拖拽节点和展开收起按钮的鼠标 hover 样式。#46974

5.13.1

3 months ago
  • 🐞 Fix Checkbox type error with @types/react version 16 or 17. #46962 @crazyair
  • 🐞 修复 Checkbox 组件在 @types/react 16 或 17 版本下 Typescript 报错。#46962 @crazyair

5.13.0

3 months ago
  • 🔥 Form support variant to control components variant inside. #46573
  • 🆕 QRCode support status adds a new scanned option. #46704
  • 🆕 Table support hidden to set hidden columns. #46957 @madocto
  • 🆕 Select support the maxCount, which is used to set the maximum selectable value. #46667
  • 🆕 Mentions support allowClear for setting the clearing function. #46396 @yociduo
  • 🆕 ColorPicker support displaying cleared status. #45993
  • 🆕 Drawer adds styles.wrapper and discards the contentWrapperStyle drawerStyle maskStyle attributes, and simplifies the dom structure. #46858
  • Tour
    • 🆕 Tour support disabledInteraction, which is used to disable the interactive behavior of the highlighted area. #46304
    • 🐞 Fixed the issue where modifying pointAtCenter under the arrow attribute of the Tour component does not take effect. #46301
  • Tabs
    • 🆕 Tabs support the indicator: { align: xxx } attribute, which is used to set the alignment of the Tabs indicator bar. #46786
    • 🛠 Tabs deprecated the indicatorSize attribute and replaced it with indicator: { size: xxx }. #46786
  • ConfigProvider
    • 🆕 ConfigProvider adds ConfigProvider.config to support holderRender for message modal notification static method setting Provider. #46596
    • 🆕 ConfigProvider support the indicator: { align: xxx } attribute, which is used to set the alignment of the Tabs indicator bar. #46786
    • 🛠 ConfigProvider deprecated the Tabs indicatorSize attribute and replaced it with indicator: { size: xxx }. #46786
  • 🐞 Fix the problem of Segmented content being obscured in hover and active. #46925 @madocto
  • 🐞 Fixed the problem that the customized font size of Checkbox does not take effect under Form. #46904
  • 🐞 Fixed the issue where the Radio component configuration title did not take effect. #46809
  • 🐞 Fixed Input hover style in css var mode. #46946
  • 💄 Fixed the problem of abnormal display of Dropdown style under multi-level menu. #46888
  • 🛠 Refactor the popup panel logic of the ColorPicker component to avoid style conflicts when customizing using panelRender. #46327
  • TypeScript
    • 🆕 MISC: Export GetProp GetProp GetRef tool methods to facilitate developers to obtain unexported type definitions. #46923
    • 🆕 Checkbox.Group now supports generic configurable options.value. #46423 @daledelv
  • 🌈 Token
    • 🆕 Button support the contentLineHeight series of tokens. #46936
    • 🆕 Input support inputFontSize token. #46875
    • 🆕 Menu support darkPopupBg token. #46618
    • 🆕 Segmented support trackPadding and trackBg token. #46674
    • 🐞 Fix the problem that paddingBlock does not take effect after customizing contentFontSize token in Button component. #46901
    • 🐞 Fixed the issue where the InputNumber component cannot customize the padding token. #46878
  • 🌐 Localization
  • 🔥 Form 组件新增 variant 属性用于设置内部组件形态变体。#46573
  • 🆕 QRCode 组件 status 新增已扫描选项。#46704
  • 🆕 Table 组件新增 hidden 属性可设置隐藏列。#46957 @madocto
  • 🆕 Select 组件新增支持 maxCount 属性，用于设置最大可选。#46667
  • 🆕 Mentions 组件新增 allowClear 属性，用于设置清除功能。#46396 @yociduo
  • 🆕 ColorPicker 新增支持显示清空状态。#45993
  • 🆕 Drawer 组件新增 styles.wrapper 并废弃 contentWrapperStyle drawerStyle maskStyle 属性，并简化 dom 结构。#46858
  • Tour
    • 🆕 Tour 新增 disabledInteraction 属性，用于禁用高亮区域的交互行为。#46304
    • 🐞 修复 Tour 组件在 arrow 属性下修改 pointAtCenter 不生效的问题。#46301
  • Tabs
    • 🆕 Tabs 组件支持 indicator: { align: xxx } 属性，用于设置 Tabs 指示条对齐方式。#46786
    • 🛠 Tabs 组件废弃 indicatorSize 属性，改为 indicator: { size: xxx } 代替。#46786
  • ConfigProvider
    • 🆕 ConfigProvider 组件新增 ConfigProvider.config 支持 holderRender，用于 message modal notification 静态方法设置 Provider。#46596
    • 🆕 ConfigProvider 组件支持 indicator: { align: xxx } 属性，用于设置 Tabs 指示条对齐方式。#46786
    • 🛠 ConfigProvider 组件废弃 Tabs 组件的 indicatorSize 属性，改为 indicator: { size: xxx } 代替。#46786
  • 🐞 修复 Segmented 在 hover 和 active 内容被遮挡的问题。#46925 @madocto
  • 🐞 修复 Checkbox 定制字体大小在 Form 下不生效的问题。#46904
  • 🐞 修复 Radio 组件配置 title 未生效的问题。#46809
  • 🐞 修复 Input 组件在 css 变量模式下的悬浮态样式问题。#46946
  • 💄 修复 Dropdown 在多级菜单下样式显示异常的问题。#46888
  • 🛠 重构 ColorPicker 组件弹出面板逻辑，避免使用 panelRender 自定义时样式冲突的问题。#46327
  • TypeScript
    • 🆕 MISC: 导出 GetProp GetProp GetRef 工具方法，便于开发者获取未导出的类型定义。#46923
    • 🆕 Checkbox.Group 新增支持范型可配置 options.value。#46423 @daledelv
  • 🌈 Token
    • 🆕 Button 组件新增支持 contentLineHeight 系列 token。#46936
    • 🆕 Input 组件新增支持 inputFontSize token。#46875
    • 🆕 Menu 组件新增支持 darkPopupBg token。#46618
    • 🆕 Segmented 组件新增 trackPadding 和 trackBg token。#46674
    • 🐞 修复 Button 组件定制 contentFontSize token 后 paddingBlock 不生效的问题。#46901
    • 🐞 修复 InputNumber 组件无法定制 padding token 的问题。#46878
  • 🌐 国际化

5.12.8

3 months ago
  • 🐞 Fix Upload.Dragger not align center and focus ring style. #46810
  • 🐞 Fix Popconfirm config empty okText and cancelText will not fallback to locale text. #46812
  • 🐞 Fix Progress that line border-radius cannot be overrided. #46789
  • 🐞 Fix Typography without children has extra margin-left when copyable is true. #46748
  • 🐞 Fix Typography copied icon color. #46748
  • 🐞 修复 Upload.Dragger 内容不居中和多余的 focus 样式的问题。#46810
  • 🐞 修复 Popconfirm 配置空的 okText 和 cancelText 时不会被预设 locale 兜底的问题。#46812
  • 🐞 修复 Progress 线性模式圆角无法覆盖的问题。#46789
  • 🐞 修复 Typography 没有 children 并启用 copyable 时多余的 margin。#46748
  • 🐞 修复 Typography 复制成功后的图标颜色问题。#46748

5.12.7

3 months ago

5.12.6

3 months ago
  • 🐞 Fix Upload accessibility issue of tabbing twicely. #46432
  • 🐞 Fix Modal footer Button duplicated gap style. #46702
  • Select
    • 🐞 Fix Select that scrollbar do not display in some case. #46696 @MadCcc
    • 💄 Optimize Select style of multiple selection. #46646 @MadCcc
  • Tree
  • 🐞 Fix Layout.Sider will collapse when trigger printer. #46650 @anilpixel
  • 🐞 Fix Table style with edge shadow overflow. #46644 @Fatpandac
  • 🐞 Typography.Text should update the Tooltip when the width changes. #46613 @linxianxi
  • 🐞 Fix Tooltip, Popover or other popup like component arrow issue when in nest case. #46294 @bestlyg
  • TypeScript
  • 🐞 修复 Upload 组件包裹 Button 时 Tab 键会聚焦两次的问题。#46432
  • 🐞 修复 Modal footer 内 Button 可能重复的边距样式问题。#46702
  • Select
    • 🐞 修复 Select 组件滚动条在某些条件下不会显示的问题。#46696 @MadCcc
    • 💄 优化 Select 组件多选时选项样式。#46646 @MadCcc
  • Tree
    • 🐞 修复 Tree 组件滚动条在某些条件下不会显示的问题。#46672 @yyz945947732
    • 💄 优化 Tree 组件 TreeNode 节点聚焦样式。#46608 @MadCcc
  • 🐞 修复触发打印时，Layout.Sider 会收起的问题。#46650 @anilpixel
  • 🐞 修复 Table 边缘阴影会超出 Table 高度。#46644 @Fatpandac
  • 🐞 修复 Typography.Text 省略模式下修改宽度 Tooltip 不会触发的问题。#46613 @linxianxi
  • 🐞 修复 Tooltip、Popover 等弹出组件嵌套使用时，箭头样式问题。#46294 @bestlyg
  • TypeScript

5.12.5

4 months ago
  • 💄 Fix Tabs style issue of editable mode when there is only "new" button left. #46585 @hzyhbk
  • 💄 Fix Progress style issue of line mode with strokeLinecap. #46551 @ZN1996
  • 🐞 Fix ColorPicker not support prefixCls. #46561
  • 💄 修复 Tabs 在 可编辑模式下只剩新增按钮时的样式问题。#46585 @hzyhbk
  • 💄 修复 Progress strokeLinecap 不生效的问题。#46551 @ZN1996
  • 🐞 修复 ColorPicker 配置 prefixCls 不生效的问题。#46561

5.12.4

4 months ago
  • 🐞 Fix DatePicker style in cssVar mode. #46526
  • 🐞 修复 DatePicker 组件在 CSS 变量模式下的样式错乱问题。#46526