Releases · ant-design/ant-design

🐞 Fix Input.OTP focus from advancing when previous input is empty. #51664 @thecodesalim
🐞 Adjust Modal function call not to scroll the confirm button when it get auto focused. #51647 @zombieJ
🐞 Fix Form rules with same error content will cause React render warning. #51636 @zombieJ
🐞 Refactor Button focus logic trigger with useEffect to resolve some async load case not get autoFocus. #51624 @zombieJ
🐞 Fix Button custom icon not center-aligned. #51652 @afc163
🐞 Fix Table getCheckboxProps event handlers being overridden by internal selection logic. #51661 @Zyf665
🐞 Fix Tree that onCheck and onSelect were not properly triggered. #51448 @Wxh16144
🌐 Localization
- 🇷🇺 Add support for Russian translation. #51619 @avvakumovid
- 🇮🇹 Add support for Italian translation in TimePicker. #51685 @LorenzoCardinali

🐞 修复 Input.OTP 组件在有非法输入时仍会切换到下一个输入框的问题。#51664 @thecodesalim
🐞 调整 Modal 确认函数，使其在弹出后聚焦确认按钮时不要滚动窗体。#51647 @zombieJ
🐞 修复 Form rules 生成多条相同错误时会报 React 渲染错误的问题。#51636 @zombieJ
🐞 调整 Button 使用 useEffect 来触发 autoFocus 逻辑，以解决一些异步渲染场景下 Button 无法自动聚焦的问题。#51624 @zombieJ
🐞 修复 Button 中使用自定义三方图标库时图标未居中的问题。#51652 @afc163
🐞 修复 Table 组件 getCheckboxProps 中的事件处理器被内部选择逻辑覆盖的问题。#51661 @Zyf665
🐞 修复 Tree 组件的 onCheck 和 onSelect 事件没有被正确触发的问题。#51448 @Wxh16144
🌐 本地化
- 🇷🇺 添加了俄语翻译支持。#51619 @avvakumovid
- 🇮🇹 为 TimePicker 添加了意大利语翻译。#51685 @LorenzoCardinali

🛠 Adjust DatePicker.RangePicker to not allow switching to the next field by clicking the input when needConfirm and the user has not submitted the date. #51591 @zombieJ
🛠 Lock Input.OTP ctrl + z operation to avoid data not correct. #51609 @zombieJ
🐞 Fix Select tags or multiple mode display issue. #51605 @guoyunhe
🐞 Fix Badge count motion missing in Safari. #51598 @zombieJ
🐞 Fix Tabs with centered the tabs can not fully display. #51571 @DDDDD12138
🐞 Fix Transfer with controlled dataSource & selectedKeys sometime miss sync checked state. #51523 @IsKaros
🐞 Revert Button display inline-flex back to inline-block to resolve Icon align issue. #51588 @Wxh16144

🛠 调整 DatePicker.RangePicker 当 needConfirm 切用户未提交日期时，不允许通过点击输入框切换到下一个字段。#51591 @zombieJ
🛠 禁用 Input.OTP ctrl + z 操作以防止数据变化非预期的问题。#51609 @zombieJ
🐞 修复 Select 标签模式下展示异常的问题。#51605 @guoyunhe
🐞 修复 Badge count 在 Safari 下动画丢失的问题。#51598 @zombieJ
🐞 修复 Tabs centered 下标签展示不全的问题。#51571 @DDDDD12138
🐞 修复 Transfer 受控 dataSource 和 selectedKeys 时，偶尔会出现勾选不正确的问题。#51523 @IsKaros
🐞 回滚 Button display 的 inline-flex 为 inline-block 以解决 Icon 位置偏移的问题。#51588 @Wxh16144

Form
- 🆕 Form.Item supports hiding labels. #51524 @crazyair
- 🐞 Form removes the div used to expand the error height, wraps errorDom and extraDom with a div, and sets a minimum height for the div. #51254 @hongzzz
- 🐞 Fix the problem that onValuesChange is still triggered when the Form field triggers change but the value does not change. #51437 @crazyair
- 🆕 Form supports the focus property in scrollToFirstError when form validation fails. #51231 @nathanlao
Table
- 🆕 Table column filter drop-down box supports filterDropdownProps. #51297 @Wxh16144
- 🆕 Table expandedRowClassName supports string . #51067 @li-jia-nan
Tree
- 💄 Fix the problem of missing padding style for selected nodes in Tree. #51492 @zombieJ
- 🆕 Tree component Token adds nodeHoverColor and nodeSelectedColor support. #51367 @zmbxy
- 🆕 Tree adds indentSize token for custom indent width. #51010 @afc163
DatePicker
- 🆕 DatePicker supports prefix attribute. #51335 @guoyunhe
- 💄 Fixed the issue of DatePicker.RangePicker flashing when the mouse moves between cells. #51533 @afc163
Input.OTP
- 🆕 In the Input.OTP component, add onInput event to get the value of each user input. At the same time, the relevant documentation has been updated. #51289 @aojunhao123
- 🐞 Fixed the problem that Input.OTP cannot specify inputMode. #51271 @alan-rudzinski
🆕 ColorPicker supports disabledFormat. #51539 @su-muzhi
🆕 Add cursor configuration item to the focus method of InputNumber component to control the cursor position. #51444 @aojunhao123
🆕 Cascader adds disabled attribute to disable all first-level directory items of the component. #51272 @aojunhao123
🆕 Descriptions supports single-line spreading. #51365 @crazyair
🆕 Select/TreeSelect/Cascader components add prefix property to support custom prefix. #51186 @guoyunhe
🐞 Fix the problem that the preview image class name is lost when setting ImageProps.preview.rootClassName in Image. #51538 @dislido
🐞 Fixed the issue that the last item in the TimePicker panel column cannot be scrolled to the top. #51481 @zombieJ
🐞 Fix TreeSelect dropdown height not enough. #51567 @afc163
🐞 Fixed the issue that Typography is not updated immediately when the ConfigProvider language is switched. #51453 @thinkasany
🐞 Fixed the issue that Upload itemRender calling action.preview will cause a crash. #51419 @yoyo837
🐞 Fixed Splitter pseudo-element symbol issue. #51536 @dislido
💄 Optimize Collapse accessibility attribute and mouse hover style. #51400 @afc163
💄 Fix styling issue of Menu title content. #51425 @coding-ice
🇵🇹 Fix translation in Portuguese (pt_PT) localization file for better accuracy and consistency. #51501 @alexandre-p-marques-alb
🇺🇿 Optimize uz_UZ internationalization. #51407 @Zukhrik
TypeScript
- 🤖 Upload exports type DraggerProps. #51546 @DBvc
- 🤖 Add defaultValue property to TimePicker.RangePicker example. #51413 @nathanlao
- 🤖 Message Optimize the top type in message.config. #51468 @Fog3211
- 🤖 Optimize the TS definition of Tree and TreeSelect. #51251 @afc163

Form
- 🆕 Form.Item 支持隐藏 label。#51524 @crazyair
- 🐞 Form 移除了用于撑开 error 高度的 div，将 errorDom 和 extraDom 用一个 div 包裹，并为该 div 设置了最小高度。#51254 @hongzzz
- 🐞 修复 Form 在字段触发 change 但是值没有变化时，onValuesChange 仍然会触发的问题。#51437 @crazyair
- 🆕 Form 支持在表单验证失败时，scrollToFirstError 中的 focus 属性。#51231 @nathanlao
Table
- 🆕 Table 列过滤下拉框支持 filterDropdownProps。#51297 @Wxh16144
- 🆕 Table expandedRowClassName 支持 string 。#51067 @li-jia-nan
Tree
- 💄 修复 Tree 选中节点丢失 padding 样式的问题。#51492 @zombieJ
- 🆕 Tree 组件 Token 增加 nodeHoverColor 和 nodeSelectedColor 支持。#51367 @zmbxy
- 🆕 Tree 新增 indentSize token 用于自定义缩进宽度。#51010 @afc163
DatePicker
- 🆕 DatePicker 支持 prefix 属性。#51335 @guoyunhe
- 💄 修复 DatePicker.RangePicker 当鼠标移动到单元格之间时出现闪烁样式的问题。#51533 @afc163
Input.OTP
- 🆕 Input.OTP 组件新增 onInput 事件用于获取用户每一次输入的值。#51289 @aojunhao123
- 🐞 修复 Input.OTP 无法指定 inputMode 的问题。#51271 @alan-rudzinski
🆕 ColorPicker 支持 disabledFormat 属性以禁用格式切换器。#51539 @su-muzhi
🆕 为 InputNumber 组件的 focus 方法增加 cursor 配置项以控制光标位置。#51444 @aojunhao123
🆕 Cascader 新增 disabled 属性以禁用组件的所有一级目录项。#51272 @aojunhao123
🆕 Descriptions 支持单行铺满。#51365 @crazyair
🆕 Select/TreeSelect/Cascader 组件增加 prefix 属性以支持自定义前缀。#51186 @guoyunhe
🐞 修复 Image 设置 ImageProps.preview.rootClassName 导致预览图类名丢失。#51538 @dislido
🐞 修复 TimePicker 面板列的最后一项无法滚动到最上面的问题。#51481 @zombieJ
🐞 修复 TreeSelect 弹层高度不够的问题。#51567 @afc163
🐞 修复 Typography 在 ConfigProvider 语言切换时候没有立即更新。#51453 @thinkasany
🐞 修复 Upload itemRender 调用 action.preview 会导致崩溃的问题。#51419 @yoyo837
🐞 修复 Splitter 伪元素符号问题。#51536 @dislido
💄 优化 Collapse 可访问性属性和鼠标 hover 样式。#51400 @afc163
💄 修复 Menu title 内容的样式问题。#51425 @coding-ice
🇵🇹 修正葡萄牙语 (pt_PT) 本地化文件中的翻译，以提高准确性和一致性。#51501 @alexandre-p-marques-alb
🇺🇿 优化 uz_UZ 国际化。[#51407](https://github.com/...

🐞 Fix Tree.DirectoryTree interactive area not being a whole row. #51210
🐞 Fix the Button icon was not vertically centered. #51381
🐞 Fix the pointer style not set to not-allowed in the disabled state when variant of the Input was set to borderless. #51387 @ustcfury
Splitter
- 💄 Improve the pre-rendered style of Splitter under SSR. #51378
- 💄 Increased the click area of the Splitter collapse button to improve usability. #51383 @aojunhao123
💄 Improve Checkbox indeterminate to enhance accessibility experience. #51350 @SpaNb4
💄 Improve the title of the Empty preset svg image to improve accessibility experience. #51368

🐞 修复 Tree.DirectoryTree 交互区域不是整行的问题。#51210
🐞 修复 Button 图标未垂直居中的问题。#51381
🐞 修复 Input 组件 variant 设置 borderless 时，disabled 状态下指针样式未设置 not-allowed 的问题。#51387 @ustcfury
Splitter
- 💄 优化 Splitter 在 SSR 下预渲染的样式。#51378
- 💄 增大 Splitter 折叠按钮点击区域，提高可用性。#51383 @aojunhao123
💄 优化 Checkbox indeterminate 提升无障碍体验。#51350 @SpaNb4
💄 优化 Empty 预设 svg 图片的 title 提升无障碍体验。#51368

🐞 Fix Cascader filter limitation not working when limit set to false. #51263 @dongbanban
🐞 Fix DatePicker disabled items cannot response mouse events bug. #51294 @ajenkins-mparticle
🐞 Fix FloatButton menu problem what is difficult to click. #51208 @aojunhao123
🐞 Fix QRCode onRefresh property not working properly. #51315 @kiner-tang
🐞 Fix Typography links cannot be selected by user. #51243 @thinkasany
💄 Fix Badge incorrect token of texts. #51252 @Wxh16144
💄 Fix Layout lost styles of collapse button. #51313 @aojunhao123
🛠 Improve Button event handler declaration. #42037 @SohaibRaza
🛠 Improve Splitter style token semantic name. #51223 @wanpan11

🐞 修复 Cascader limit 属性设置 false 不生效的问题。#51263 @dongbanban
🐞 修复 DatePicker 的禁用日期项无法响应鼠标事件的问题。#51294 @ajenkins-mparticle
🐞 修复 FloatButton 悬浮菜单难以点击的问题。#51208 @aojunhao123
🐞 修复 QRCode onRefresh 属性不生效的问题。#51315 @kiner-tang
🐞 修复 Typography 中的超链接无法被用户选中的问题。#51243 @thinkasany
💄 修复 Badge 文本样式 token 不正确的问题。#51252 @Wxh16144
💄 修复 Layout 折叠按钮样式缺失的问题。#51313 @aojunhao123
🛠 优化 Button 事件处理器实现。#42037 @SohaibRaza
🛠 优化 Splitter 样式 token 的命名语义。#51223 @wanpan11

🐞 Fixed Input.Search not applying the hoverBorderColor/activeBorderColor token for hover/active states. #51226 @iqingting
🐞 Fix Tree icon align issue. #51181 @Meowu
🐞 Fix Splitter occasionally shows unnecessary scrollbars in nested combinations. #51169 @zombieJ
💄 Modify Design Token textHoverBg hover background to colorFillTertiary. #51187 @coding-ice
TypeScript
- 🤖 Improve type of Switch eventHandler. #51165 @thinkasany

🐞 修复 Input.Search 无法使用 Input Token hoverBorderColor/activeBorderColor 修改边框颜色的问题。#51226 @iqingting
🐞 修复 Tree 的图标不对齐的问题。#51181 @Meowu
🐞 修复 Splitter 在嵌套组合时，偶尔会出现多余滚动条的问题。#51169 @zombieJ
💄 修改 Design Token 的 textHoverBg 悬浮状态下的背景色为 colorFillTertiary。#51187 @coding-ice
TypeScript
- 🤖 优化 Switch eventHandler 类型。#51165 @thinkasany

💄 Added a scroll bar to Dropdown when having many items. #51112 @Cameron-Asdf
Slider #51150 @yoyo837
- 🐞 Fix Slider issue where the id prop is not supported.
- 🐞 Fix Slider to address the issue causing useLayoutEffect does nothing on the server warning when extractStyle is invoked.
🐞 Fix ColorPicker with gradient mode, sometimes handle color will be force sync back to first handle color issue. #51161 @zombieJ
🐞 Fix Table onChange function receiving incorrect sorter value. #51114 @nathanlao
Splitter
- 🐞 Fix the issue about throw a warning when Splitter nested in a hidden tab panel. #51109 @kiner-tang
- 🐞 Fix the issue about Splitter had unexpected gaps in Flex. #51096 @kiner-tang
🐞 MISC: Restore react and react-dom peerDependencies. #51079 @chentsulin
TypeScript
- 🤖 Improve type of Slider eventName. #51156 @thinkasany

💄 优化 Dropdown 列表较长时的滚动条样式。#51112 @Cameron-Asdf
Slider #51150 @yoyo837
- 🐞 修复 Slider 不支持 id 属性的问题。
- 🐞 修复 Slider 导致 extractStyle 时抛出 useLayoutEffect does nothing on the server 警告信息的问题。
🐞 修复 ColorPicker 渐变色时，部分节点颜色拖拽会被强制重置为第一个节点颜色的问题。#51161 @zombieJ
🐞 修复 Table 组件在切换页面时 onChange 函数接收到错误的 sorter 值的问题。#51114 @nathanlao
Splitter
- 🐞 修复 Splitter 嵌套在一个隐藏的 Tabs 面板中时抛出警告的问题。#51109 @kiner-tang
- 🐞 修复 Splitter 组件在 Flex 组件下时出现异常间距的问题。#51096 @kiner-tang
🐞 杂项：重新将 react 和 react-dom 添加进 peerDependencies。#51079 @chentsulin
TypeScript
- 🤖 优化 Slider eventName 类型。#51156 @thinkasany

🐞 Revert #49221 to fix Typography copyable icon align issue. #51066 @afc163
🐞 Fix Tabs flicker when browser zoom is enabled. #51072 @afc163
🐞 Fix Select incorrect activeBorderColor token when variant is filled. #51054 @coding-ice
🐞 Fixed Input.Search alignment issue between the input field and search button at different zoom levels. #50926 @nathanlao
💄 MISC: Tweak outline width of focus style from 4px to 3px. #51069 @afc163
Splitter
- 🐞 Fixed the issue with Splitter dragging abnormally on touch screen devices. #51060 @sakuraee
- 💄 Fixed Splitter.Panel style is invalid error. #51032 @wanpan11
⚡️ Remove TransButton in Table/Transfer/Typography. #51068 @afc163

🐞 回滚 #49221 以修复 Typography copyable 图标位置偏上的问题。#51066 @afc163
🐞 修复 Tabs 在浏览器缩放时无限闪烁的问题。#51072 @afc163
🐞 修复了 Input.Search 组件中在不同缩放级别下输入框和按钮的对齐问题。#50926 @nathanlao
🐞 修复 Select variant="filled" 时 activeBorderColor token 失效的问题。#51054 @coding-ice
💄 MISC: 调整 focus 时的 outline 边框宽度，从 4px 调整到 3px。#51069 @afc163
Splitter
- 🐞 修复 Splitter 在触屏设备上拖拽异常的问题。#51060 @sakuraee
- 💄 修复 Splitter.Panel 无法隐藏的问题。#51032 @wanpan11
📦 移除 Table/Transfer/Typography 内的 TransButton 实现以降低打包体积。#51068 @afc163

🐞 Fix Button issue where type="link" incorrectly used colorPrimary. #50962 @coding-ice
🐞 Fix Button style class name weight issue that caused custom gradient styles to be overridden. #50962 @coding-ice
🐞 Fix Transfer width issue when customized as TableTransfer. #50974 @zombieJ
🇹🇷 Add Turkish text for filterCheckall in Table component. #51000 @ytahirkose

🐞 修复 Button type="link" 错误使用 colorPrimary 的问题。#50962 @coding-ice
🐞 修复 Button 样式类名权重问题导致的自定义渐变样式覆盖失效的问题。#50962 @coding-ice
💄 修复 Transfer 在自定义为 TableTransfer 时，宽度不正确的问题。#50974 @zombieJ
🇹🇷 补充 Table 组件 filterCheckall 的土耳其语文案。#51000 @ytahirkose

🔥 Introduce the new Splitter component, draggale split panel. #50038 @wanpan11
Button
- 🔥 Button supports variant and color properties for more combination styles. #50051 @coding-ice
- 💄 Button adds textColor, textHoverColor and textActiveColor tokens. #47870 @madocto
FloatButton
- 🆕 FloatButton supports placement property, allowing menus to pop up from multiple directions. #50407 @li-jia-nan
- 🆕 FloatButton supports htmlType prop. #50892 @li-jia-nan
- 💄 Unify FloatButton and FloatButton.Group button round style. #50513 @Layouwen
- 💄 Manage FloatButton's z-index with useZIndex to improve compatibility with other popup components. #50311 @li-jia-nan
Menu
- 🆕 Menu.Item and Dropdown's menu supports extra prop now. #50431 @coding-ice
- 🐞 Fix Menu popupStyle not working on SubMenu. #50922 @Wxh16144
Table
- 🆕 Table supports minWidth for columns. #50416 @linxianxi
- 🐞 Fix Table empty and shadow issues in virtual mode. #50416 @linxianxi
- 🐞 Fix Table column selection issue where deselection was not possible under certain circumstances. #50746 @Jarryxin
Input
- 🆕 Input.OTP support type to help handle some case need number only. #50811 @zombieJ
- 🐞 Fix Select inside Input addon text color when Select is focused. #50486 @DDDDD12138
Modal
- ⌨️ Fix Modal throws warning avoid using aria-hidden on a focused element or its ancestor. #50823 @afc163
- 🆕 Modal supports closable.disabled prop now. #50522 @Ke1sy
Descriptions
- 🐞 Fix Descriptions column is missing in some cases. #50895 @yezhonghu0503
- 🐞 Revert #49946 to fix the issue where the popup layer component inside Descriptions is being cut off. #50891 @afc163
Upload
- 🆕 Upload will pass name prop to <input type="file" />. #50652 @Wxh16144
- 🆕 Upload showUploadList.showXxxIcon accept a function value now. #50245 @guoyunhe
ColorPicker
- 🐞 Fix ColorPicker when type hex input may not get correct color with precision issue. #50843 @zombieJ
- 🐞 Adjust ColorPicker popup panel not lock by value to allow control mode with onChangeComplete scenarios. #50785 @zombieJ
App
- 🐞 Fixed App warn about zIndex too large when using the modal with having popup component method via useApp. #50829 @zombieJ
- 🐞 Fix App rtl style does not respect ConfigProvider direction prop. #50246 @li-jia-nan
Pagination
- 🆕 Pagination showSizeChanger accepts Select props now. #50952 @afc163
- 💄 Remove Pagination default font family. #50808 @afc163
Select
- 💄 Add more tokens for Select to customize hover/focus style. #50951 @kiner-tang
- 🐞 Fix Select search text overlap with arrow icon. #50917 @yezhonghu0503
- 🐞 Fix Select extra background of clear icon when enable allowClear and variant="filled". #50916 @thinkasany
🆕 Segmented adds vertical property and improves accessibility. #50708 @liangchaofei
🆕 Radio.Group supports block prop now. #50828 @yuanliu147
🆕 ConfigProvider supports configuring the className and style properties of the Splitter component. #50855 @li-jia-nan
🆕 Image add onActive to toolbarRender for toggling images . #50812 @madocto
🆕 Add ref on List component. #50772 @Asanio06
🆕 Collapse support classNames and styles for semantic style customization. #50557 @wanpan11
💄 Make Skeleton.Node custom node by remove it's default icon children. #50278 @afc163
🐞 Fix Layout.Sider can not modify theme when used alone. #50780 @zombieJ
🐞 Fix Typography copyable with array children has additional , string issue. #50813 @zombieJ
🐞 Fix Tour where long title will overlap with close button. #50942 @kiner-tang
🌐 Localization
- 🇯🇵 Added ja_JP locale for DatePicker's shortWeekDays and shortMonths text. #50893 @harapeko
- 🇪🇬 Added Arabic ar_EG text for Image preview feature. #50851 @nathanlao
- 🇬🇷 Added Greek text for the Form component. #50825 @nathanlao
- 🇪🇸 Added Spanish es_ES text for the Tour component. #50805 @thinkasany
TypeScript
- 🤖 Checkbox adds onFocusandonBlur` in type definition. #50842 @huiliangShen
- 🤖 Fix Badge property type definition to support passing mouse events. #50774 @yuanliu147

🔥 全新 Splitter 区域分割组件，自由拖拽调整区域大小。#50038 @wanpan11
Button
- 🔥 Button 支持 variant 变体和 color 颜色属性，以支持更多组合样式。#50051 @coding-ice
- 💄 Button 添加 textColor、textHoverColor 和 textActiveColor 三个 token。#47870 @madocto
FloatButton
- 🆕 FloatButton 组件支持 placement 属性，支持从四个方向弹出菜单。（实现方式改为 position: absolute + flex 布局，可能会对你现有的布局造成 breaking change，请注意兼容）#50407 @li-jia-nan
- 💄 统一 FloatButton 和 FloatButton.Group 的按钮圆...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Releases: ant-design/ant-design

5.22.2

5.22.1

5.22.0

5.21.6

5.21.5

5.21.4

5.21.3

5.21.2

5.21.1

5.21.0