Releases: ant-design/ant-design
Releases · ant-design/ant-design
5.16.0
- 🔥 New component Input.OTP support. #48076
- 🆕 Tag support
aria-*
in closable. #47678 @kiner-tang - 🆕 Table add
rowHoverable
to control hover effect. #48112 @madocto - 🆕 Typography support async copy. #48123 @crazyair
- 🆕 Progress support
steps
withcircle
. #47940 @yykoypj - 🆕 Table support
onScroll
event for table body scroll. #47986 - 🆕 Typography ellipsis supports expand and collapse. #47264 @crazyair
- 🆕 ConfigProvider support configuring FloatButton.Group
closeIcon
. #47953 @li-jia-nan - 🆕 Table support
sorterTooltipTarget
prop for sorters. #47409 @Ke1sy - 🆕 Cascader support
optionRender
. #47727 @crazyair - 🆕 Notification support
aria-*
inclosable
. #47710 @kiner-tang - ⌨️ Popover can be closed by ESC when trigger is
focus
orclick
. #47928 @CooperHash - 🐞 Fix Button that vertically center icons when icon-only. #48178 @momesana
- 🐞 Fix Modal.confirm content is not centered when icon is null. #48173
- Form #48163 @madocto
- 🐞 1. Fix Form
getValueProps
shouldn't work when FormItem'sname
doesn't exist . - 🐞 2. Fix Form's
setFieldsValue
should tread same assetFields
.
- 🐞 1. Fix Form
- 🐞 Fixe Table that internationalization of table columns fails when searching. #48126 @LingJinT
- 🐞 Fix Upload that
onChange
should be triggered whenfileList.length
is larger thanmaxCount
. #47747 @Zhou-Bill - 🐞 Fix Carousel several bugs by upgrading react-slick changes and renewing TS type. #48093
- 🐞 Fix ColorPicker that displayed cleared color not change after
value
changed. #47816 @MadCcc - 🐞 Make Badge consistent with Tag that applay
colorInfo
token in processing. #47695 @pfdgithub - 🌐 Add missing form translations in is_IS. #48104 @LonelySnowman
- 🌐 Add Uzbek(latn) locale. #47899
- TypeScript
- 🔥 新增 Input.OTP 组件。#48076
- 🆕 Tag 组件支持在
closable
中配置 aria 属性。#47678 @kiner-tang - 🆕 Table 增加
rowHoverable
开启或关闭 hover 效果。#48112 @madocto - 🆕 Typography 组件支持异步复制。#48123 @crazyair
- 🆕 Progress 组件
circle
模式下支持steps
。#47940 @yykoypj - 🆕 Table 支持
onScroll
事件用于监听表单内容滚动。#47986 - 🆕 Typography 省略支持展开和收起。#47264 @crazyair
- 🆕 ConfigProvider 支持配置 FloatButton.Group 的
closeIcon
属性。#47953 @li-jia-nan - 🆕 Table 支持配置排序的
sorterTooltipTarget
属性.#47409 @Ke1sy - 🆕 Cascader 支持
optionRender
。#47727 @crazyair - 🆕 Notification 组件支持在
closable
中配置 aria-*。#47710 @kiner-tang - ⌨️ Popover 当
trigger
是focus
或click
时能被 ESC 按键所关闭。#47928 @CooperHash - 🐞 修复 Button 图标位置居中问题。#48178 @momesana
- 🐞 修复 Modal.confirm 无图标时内容不居中的问题。#48173
- Form #48163 @madocto
- 🐞 1. 修复 Form 当 FormItem 的
name
不存在时,getValueProps
不应该执行。 - 🐞 2. 修复 Form 的
setFieldsValue
和setFields
的行为应该相同。
- 🐞 1. 修复 Form 当 FormItem 的
- 🐞 修复 Table 表格列在搜索情况下,国际化失效的问题。#48126 @LingJinT
- 🐞 修复 Upload 当文件数量超出限制时,删除不起作用,无法触发
onChange
的问题。#47747 @Zhou-Bill - 🐞 Carousel 组件同步上游 react-slick 改动,修复一系列问题,并更新到最新 TS 定义。#48093
- 🐞 修复 ColorPicker 展示的清除颜色在受控
value
变化后不会改变的问题。#47816 @MadCcc - 🐞 Badge 与 Tag 组件保持一致,processing 状态使用
colorInfo
token 。#47695 @pfdgithub - 🌐 添加冰岛语缺失的 From 翻译。#48104 @LonelySnowman
- 🌐 添加乌兹别克语(拉丁字母) 国际化。#47899
- TypeScript
5.15.4
- 💄 Fix QRCode that custom style would be overrided by internal style. #48053 @li-jia-nan
- 💄 Fix Radio disabled hover style. #47972 @madocto
- 🐞 Fix Watermark sometime repeat re-render when browser set scale. #47895
- TypeScript
- 🤖 Affix Export AffixRef interface. #47982 @li-jia-nan
- 🤖 MISC: Fix GetRef ts util can not get correct ref type for some component. #47983
- 💄 修复 QRCode 组件自定义样式会被内部样式覆盖的问题。#48053 @li-jia-nan
- 💄 修复 Radio 禁用状态 hover 样式。#47972 @madocto
- 🐞 修复 Watermark 在特定屏幕缩放下会不断重复渲染的问题。#47895
- TypeScript
- 🤖 Affix 导出 AffixRef 类型。#47982 @li-jia-nan
- 🤖 MISC: 修复 GetRef 工具类型不能正确获得某些组件 ref 类型的问题。#47983
4.24.16
- 🐞 Fix Select that scrollbar is not displayed when there are few options. #47050
- 🐞 Fix Transfer cannot invert current page correctly. #47134 @linxianxi
- 🐞 Fix that clicking Form tooltip icon should not trigger Switch. #46159 @Wxh16144
- 🐞 Fix Segmented
options
className being overrided byclassName
. rc-segmented#175 @stoil-terziev
- 🐞 修复 Select 组件在选项较少时不显示滚动条的问题。#47050
- 🐞 修复 Transfer 反选当页错误的问题。#47134 @linxianxi
- 🐞 修复点击 Form
tooltip
图标会触发 Switch 切换的问题。#46159 @Wxh16144 - 🐞 修复 Segmented
options
内className
会覆盖组件自带className
的问题。rc-segmented#175 @stoil-terziev
5.15.3
- 💄 Unify Modal, Drawer, notification and Tour close button style. #47909
- 🐞 Fix Badge and text node align style under Space. #47908
- 💄 Fix Upload file list actions wrap style. #47898
- 🐞 Fix Typography config the
ellipsis.symbol
exceed the single line height will make ellipsis rows not correct issue. #47889 - 🐞 Fix DatePicker component height not correct when customize
controlHeight
. #47874 - 🐞 Fix DatePicker with
multiple
selector collapse for cross the line. #47821 - 🐞 TimePicker revert and add warning for
onSelect
API which is already removed in v4 but not update in English documentation. #47878 - 💄 Darken the Empty text color to make it readable. #47268 @evgmol
- 💄 统一 Modal、Drawer、notification 和 Tour 关闭按钮的样式,并增大 Modal 和 Drawer 关闭按钮的交互区域使其更容易点击。#47909
- 🐞 修复 Badge 和文本元素在 Space 下排版不对齐的问题。#47908
- 💄 修复 Upload 列表行动点换行的问题。#47898
- 🐞 修复 Typography 配置的
ellipsis.symbol
超出单行高度时,省略行数不正确的问题。#47889 - 🐞 修复 DatePicker 配置自定义
controlHeight
时展示高度不正确的问题。#47874 - 🐞 修复 DatePicker 设置
multiple
多选换行时行与行之间没有间隙的问题。#47821 - 💄 调深 Empty 文本色彩使其更清晰可读一些。#47268 @evgmol
5.15.2
- 🛠 Adjust the closing trigger of Tour, Dropdown, Menu, Tabs, Mentions, Picker, Select, TreeSelect, Cascader, Tooltip, and Popover pop-ups from
click
tomouseDown
to uniformly solve some event timing issues related to pop-up interactions. #47775 - 🐞 Fix Descriptions extra padding of items. #47737
- 🐞 Fix Anchor wrong active status when bounds value is 0. #47795@winchesHe
- 💄 Fix ColorPicker clear icon hover style. #47761
- 🇷🇺 Improve DatePicker ru_RU locale. #47768 @AlexeyTeterin
- 🛠 调整 Tour、Dropdown、Menu、Tabs、Mentions、Picker、Select、TreeSelect、Cascader、Tooltip、Popover 弹层点击外部的关闭时机,从
click
调整至mouseDown
以统一解决一些与弹窗相关交互中的事件时序问题。#47775 - 🐞 修复 Descriptions 内容区域额外的边距问题。#47737
- 🐞 修复 Anchor 界限值为 0 时 active 状态错误的问题。#47795@winchesHe
- 💄 给 ColorPicker 清除按钮补上鼠标 hover 反馈样式。#47761
- 🇷🇺 更新 DatePicker 的俄语文案。#47768 @AlexeyTeterin
5.15.1
5.15.0
- ConfigProvider
- 🆕 ConfigProvider support Input.TextArea
allowClear
autoComplete
className
style
classNames
styles
props. #47589 - 🆕 ConfigProvider support Input
allowClear
props. #47602 - 🆕 ConfigProvider support Menu
expandIcon
props. #47561 - 🆕 ConfigProvider support Collapse
expandIcon
props. #47473 - 🆕 ConfigProvider support Tabs
removeIcon
props, when settype="editable-card"
. #47334 - 🆕 Prefixes for CSS variables follow the
prefixCls
property of ConfigProvider by default. #47481 - 🤖 CardProps
styles
in ConfigProvider is set to optional. #47601 @Yawenina
- 🆕 ConfigProvider support Input.TextArea
- 🆕 Select、Checkbox、Radio、DatePicker、TreeSelect、Cascader the
focus
supports passingoptions
. #47664 - 🆕 Modal support configuring
aria-*
inclosable
. #47650 - 🆕 Alert support configuring
aria-*
inclosable
. #47474 - 🆕 Tabs support
removeIcon
props, when settype="editable-card"
. #47334 - Drawer
- Table
- 🆕 Table adds
filterOnClose
to specify whether to trigger filtering when the filter menu is closed. #47451 @xsjcTony - 🆕 Table adds
components.header.table
to customize the header component when scrolling the column. #47382 - 🐞 Fix the issue where scroll bars would not be displayed during initial rendering under Table
sticky
. #47382 - 🐞 Fix the issue where the
th
element is not used in the column header when Tablecolumn.title
is empty. #47382 - 🐞 Fix the issue where
prefixCls
is invalid when Table uses a virtual list. #47639 - 💄 Fix abnormal shadow display when Table fixed columns. #47518
- 🆕 Table adds
- 🐞 Fix the issue where when using DirectoryTree in Tree, pressing shift for continuous multi-selection will report an error. #47567 @wkmyws
- 🐞 Fix the issue where
isFieldsTouched(true)
always returnsfalse
when Form exists in Form.List. #47629 @lemonied - 🐞 Fix the issue of Button being incompatible with v4
type=''
. #47612 - 🛠 Refactor Typography to omit measurement logic to support dynamic row height scenarios. #47597
- 💄 Remove redundant margin styles from Tag. #47504
- 🤖 MISC: fix an issue that could not be compiled under pnpm configuration
hoist: false
. #47587
- ConfigProvider
- 🆕 ConfigProvider 支持 Input.TextArea 组件
allowClear
、autoComplete
、className
、style
、classNames
、styles
属性。#47589 - 🆕 ConfigProvider 支持 Input 组件
allowClear
属性。#47602 - 🆕 ConfigProvider 支持 Menu 组件
expandIcon
属性。#47561 - 🆕 ConfigProvider 支持 Collapse 组件
expandIcon
属性。#47473 - 🆕 ConfigProvider 支持 Tabs
removeIcon
属性, 在设置type="editable-card"
时有效。#47334 - 🆕 CSS 变量的前缀默认跟随 ConfigProvider 的
prefixCls
属性。#47481 - 🤖 ConfigProvider 中 CardProps
styles
设为可选。#47601 @Yawenina
- 🆕 ConfigProvider 支持 Input.TextArea 组件
- 🆕 Select、Checkbox、Radio、DatePicker、TreeSelect、Cascader 支持
focus
功能支持传递options
。#47664 - 🆕 Modal 支持在
closable
中配置aria-*
。#47650 - 🆕 Alert 支持在
closable
中配置aria-*
。#47474 - 🆕 Tabs 组件支持
removeIcon
属性,在设置type="editable-card"
时有效。#47334 - Drawer
- Table
- 🐞 修复 Tree 使用 DirectoryTree 时,按住 shift 连续多选报错的问题。#47567 @wkmyws
- 🐞 修复 Form 存在 Form.List 时,
isFieldsTouched(true)
始终会返回false
的问题。#47629 @lemonied - 🐞 修复 Button 不兼容 v4
type=''
的问题。#47612 - 🛠 重构 Typography 省略测量逻辑以支持动态行高的场景。#47597
- 💄 移除 Tag 组件多余的 margin 样式。#47504
- 🤖 杂项:修复不能在 pnpm 配置
hoist: false
下编译的问题。#47587
5.14.2
- 🐞 Fix DatePicker.RangePicker time column sometime not scroll to the target time value. #47542
- 🐞 Fix Modal that pointer events will triggered during openning animation. #47508 @MadCcc
- 🐞 Fix Avatar.Group unnecessary dom since tooltip. #47478
- 💄 Fix Progress unexpected margin style. #47493 @li-jia-nan
- 💄 Fix Table scrollbar color in darkmode. #47487 @wkmyws
- 💄 Fix Layout content font color in dark mode. #47441 @nova1751
- 💄 Fix Menu cannot customize
darkItemSelectedColor
anddarkItemSelectedBg
token in horizontal dark mode. #47463 @gandavarapurajasekhar
- 🐞 修复 DatePicker.RangePicker 的时间列有时不会滚动到正确位置的问题。#47542
- 🐞 修复 Modal 在打开期间会触发其他鼠标事件的问题。#47508 @MadCcc
- 🐞 修复 Avatar.Group 的 tooltip 存在多余 dom 残留的问题。#47478
- 💄 修复 Progress 组件多余的
margin
样式。#47493 @li-jia-nan - 💄 修复 Table 滚动条在暗黑模式下的颜色。#47487 @wkmyws
- 💄 修复 Layout 内容字体在暗黑模式下的颜色。#47441 @nova1751
- 💄 修复 Menu 组件在水平暗黑模式下自定义
darkItemSelectedColor
和darkItemSelectedBg
token 不生效的问题。#47463 @gandavarapurajasekhar
5.14.1
- 🐞 Fix Steps cannot interact correctly when
type="inline"
. #47406 - 🐞 Fix DatePicker & TimePicker arrow position not consider panel border radius distance. #47389
- 🐞 Fix Dropdown should not display when items is empty array. #47375
- 🐞 Fix Tag that should use
defaultBg
token withbordered={false}
. #47372 @MadCcc - 🐞 MISC: Fix that
theme.inherit
should not affecthashded
andcssVar
. #47360 @MadCcc - 🐞 Fix Calendar panel not switch when change year or month. #47361
- 💄 Fix Table's sub-table style issue in virtual mode. #47333 @Enigama
- 🐞 修复 Steps
type="inline"
时鼠标无法 hover 到正确的步骤上的问题。#47406 - 🐞 修复 DatePicker 与 TimePicker 弹出面板箭头没有考虑面板本身圆角的问题。#47389
- 🐞 修复 Dropdown
menu.items
为空时依然显示的问题。#47375 - 🐞 修复 Tag 无边框模式没有正确使用
defaultBg
组件 token 的问题。#47372 @MadCcc - 🐞 杂项:修复主题
inherit
配置会隔断hashed
和cssVar
配置的问题。#47360 @MadCcc - 🐞 修复 Calendar 在切换年月时,面板没有跟着切换的问题。#47361
- 💄 修复 Table 在虚拟模式下子表格的样式问题。#47333 @Enigama
5.14.0
- 🔥 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 theid
of thestart
andend
input boxes separately. - 🆕 DatePicker
onFocus
andonBlur
events of RangePicker will additionally provide aninfo.range
to inform which input box the current focus comes from. - 🆕 DatePicker add matching
pickerValue
anddefaultPickerValue
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 thealign
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
supportsLT
andLTS
date formats. - 🆕 DatePicker add
minDate
andmaxDate
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 bydisabledTime
underuse12Hours
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 provideinfo.type
to inform the current panel information. - 🛠 DatePicker
allowClear
trigger event fromonMouseDown
toonClick
. - 🛠 DatePicker Deprecate the
preventDefault
parameter ofonKeyDown
, please call it directly throughevent.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.
- 🆕 DatePicker adds
- 🔥 Added support for stacked fixed columns in the Table component. #47245
- 🆕 Added support for
components.body
in the Table component under thevirtual
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
, anddefaultActiveBorderColor
) to the Button component. #47075 by @madocto - 🆕 Added
duration
configuration support to theuseNotification
function in the Notification component. This update also applies to thenotification
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
andactiveBorderColor
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
andstyles
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
andmoreIcon
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
- 🆕 Added support for
- 🔥 重构了 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 @linxianxi - 🆕 Segmented
value
类型支持泛型。#47091 @madocto - 🆕 InputNumber 组件支持
changeOnWheel
属性,以启用鼠标滚轮控制。#47158 @MadCcc - 🆕 Button 添加
defaultHoverBg
、defaultHoverColor
、defaultHoverBorderColor
、defaultActiveBg
、defaultActiveColor
和defaultActiveBorderColor
六个 token。#47075 @madocto - 🆕 Notification
useNotification
支持duration
配置,该更新同样适用于 App 组...