Releases: ant-design/ant-design
Releases · ant-design/ant-design
5.10.1
- ⚡️ Optimize CSS-in-JS Design Token cache matching. #45302
- 🆕 Checkbox.Group & Radio.Group
options
add missingid
props. #45287 - 🐞 Fix Affix that
target
not work. #45314 @mingming-ma - 🐞 MISC: Add
csp
attribute for icon style. #45334 @AlexeyTeterin - 🐞 Fix Button that does not display loading status when
loading
property is set to{ delay: 0 }
. #45282 @YDFlame13 - 🐞 Fix Segmented text jump issue in Safari. #45310
- 🐞 Fix Watermark that can be hidden via "Hide Element" feature in browser. #45290 @Yuiai01
- 🐞 Fix Input that background should not be transparent when hovered or focused. #45297 @MadCcc
- 🐞 Fix Form call
resetFields
will still keep Form.List field when itsinitialValue
is set. #45284 - 🐞 Fix Tree.DirectoryTree
selectedNodes
inonSelect
method could not get a value when configuringfieldNames
. #45036 @Zian502 - 💄 Revert outline style of Input, InputNumber, Select, Cascader, TreeSelect, DatePicker, TimePicker, ColorPicker. #45286 @MadCcc
- 💄 Fix Card style with small size Tabs. #45272 @MadCcc
- ⚡️ 优化 CSS-in-JS Design Token 缓存命中性能。#45302
- 🆕 为 Checkbox.Group 与 Radio.Group 的
options
添加id
属性支持。#45287 - 🐞 修复 Affix 组件设置
target
失效的问题。#45314 @mingming-ma - 🐞 MISC: 为图标样式设置
csp
属性。#45334 @AlexeyTeterin - 🐞 修复 Button 组件
loading
属性设置为{ delay: 0 }
时不显示加载状态。#45282 @YDFlame13 - 🐞 修复 Segmented 在 Safari 下切换时的样式跳动问题。#45310
- 🐞 修复 Watermark可以使用浏览器的
Hide Element
来隐藏水印。#45290 @Yuiai01 - 🐞 修复 Input 组件 hover 或者 focus 状态时背景色变为透明的问题。#45297 @MadCcc
- 🐞 修复 Form 在调用
resetFields
时,无法重置配置了initialValue
的 Form.List 的问题。#45284 - 🐞 修复 Tree.DirectoryTree 在配置
fieldNames
时,onSelect
方法中的selectedNodes
无法获取值。#45036 @Zian502 - 💄 回滚 Input、InputNumber、Select、Cascader、TreeSelect、DatePicker、TimePicker、ColorPicker 的描边样式。#45286 @MadCcc
- 💄 修复 Card 搭配小尺寸 Tabs 时的样式问题。#45272 @MadCcc
5.10.0
- 🔥 New component Flex, used to set flexible layout. #44362
- 🔥 Notification component supports
stack
configuration. By default, more than three notifications will be stacked. #44618 - 🔥 Update the active styles of Input, InputNumber, Select, Cascader, TreeSelect, DatePicker, and ColorPicker. #45009
- 🆕 Watermark supports setting the text alignment direction through
textAlign
. #44888 @Yuiai01 - 🆕 Slider supports any number of nodes and migrates xxxStyles to semantic
styles
andclassNames
properties. #45000 - 🆕 Cascader supports the Cascader.Panel component for inline use. #45089
- 🆕 Tooltip adds
fresh
attribute to support scenarios where content still needs to be updated when closed. #45020 - 🆕 Drawer supports customizing the
className
of built-in modules throughclassNames
. #44935 - 🆕 ConfigProvider supports the
warning
attribute to configure warning levels (e.g. filter out deprecated API warnings). #44809 - Modal
- 🐞 Fix the problem that the nested Typography of Menu.Item cannot be vertically centered when
ellipsis
is true. #41146 @Yuiai01 - 🐞 Fix Select internal input not being able to apply fontFamily. #45197 @Yuiai01
- 🐞 Fix InputNumber border issue when using
addonBefore
in Space.Compact. #45004 @Yuiai01 - 🐞 Fix the problem that Tag.CheckableTag does not support ref. #45164 @mingming-ma
- 🐞 Fixed the issue where the font in the Avatar.Group component does not support responsiveness. #34722 @laishiwen
- 🛠 Refactor Affix into a functional component. #42674
- 🛠 The Popover component deprecates the
minWidth
component token and addstitleMinWidth
as a replacement. #44750 - 🌈 Token
- 🆕 Input adds
hoverBg
activeBg
token to set the input box hover and activation background color. #44752 @Pan-yongyong - 🆕 Descriptions Added
titleColor
andcontentColor
to set the title color and content area text color. #44729 @Child-qjj - 🐞 Fixed the issue where the Input component Token
addonBg
is invalid. #45222
- 🆕 Input adds
- TypeScript
- 🤖 The ArgsProps type for exported Notification is NotificationArgsProps. #45147
- 🌐 Locales
- 🇵🇱 Added Tour locales for pl_PL. #45166 @antonisierakowski
- 🇰🇷 Optimize ko_KR locales. #45150 @owjs3901
- 🔥 新增 Flex 组件,用于设置弹性布局。#44362
- 🔥 Notification 组件支持
stack
配置,默认超过三个以上的提示会堆叠起来。#44618 - 🔥 更新 Input、InputNumber、Select、Cascader、TreeSelect、DatePicker、ColorPicker 的激活态样式。#45009
- 🆕 Watermark 支持通过
textAlign
设置文本对齐方向。#44888 @Yuiai01 - 🆕 Slider 支持任意节点数并且将 xxxStyle 迁移至语义化
styles
和classNames
属性中。#45000 - 🆕 Cascader 支持 Cascader.Panel 组件供内联使用。#45089
- 🆕 Tooltip 添加
fresh
属性以支持在关闭时仍然需要更新内容的场景。#45020 - 🆕 Drawer 支持通过
classNames
自定义内置模块的className
。#44935 - 🆕 ConfigProvider 支持
warning
属性以配置警告等级(如过滤掉废弃 API 警告)。#44809 - Modal
- 🐞 修复 Menu.Item 嵌套的 Typography 其
ellipsis
为 true 时无法垂直居中的问题。#41146 @Yuiai01 - 🐞 修复 Select 内部 input 无法应用 fontFamily 的问题。#45197 @Yuiai01
- 🐞 修复 InputNumber 在 Space.Compact 中使用
addonBefore
时的边框问题。#45004 @Yuiai01 - 🐞 修复 Tag.CheckableTag 不支持 ref 的问题。#45164 @mingming-ma
- 🐞 修复 Avatar.Group 组件内的字体不支持响应式的问题。#34722 @laishiwen
- 🛠 重构 Affix 为函数组件。#42674
- 🛠 Popover 组件废弃
minWidth
组件 token,并添加titleMinWidth
作为替代。#44750 - 🌈 Token
- 🆕 Input 新增
hoverBg
activeBg
token 用以设置输入框 hover 和 激活时背景颜色。#44752 @Pan-yongyong - 🆕 Descriptions 新增
titleColor
contentColor
用以设置标题颜色和内容区域文字颜色。#44729 @Child-qjj - 🐞 修复 Input 组件 Token
addonBg
失效的问题。#45222
- 🆕 Input 新增
- TypeScript
- 🤖 导出 Notification 的 ArgsProps 类型为 NotificationArgsProps。#45147
- 🌐 国际化
- 🇵🇱 为 pl_PL 补充 Tour 国际化。#45166 @antonisierakowski
- 🇰🇷 优化 ko_KR 国际化。#45150 @owjs3901
5.9.4
5.9.3
- 🐞 Fix Popover that should shift automaticly when overflowed. #45015 @MadCcc
- Tooltip
- 🛠 ComponentToken remove
radiusBase
must less than16
limitation. #44980 - 🐞 Fix Dropdown can not give
ref
for the root children rendered bydropdownRender
. #44971 - 🐞 Fix Table
cellPaddingBlock
not working. #45040 - 🐞 Fix Input wrong height with small
controlHeight
. #45048 - TypeScript
- 🤖 MISC: Fix
@types/react@18.2.22
React.Key type errors. #44938
- 🤖 MISC: Fix
- 🐞 修复 Popover 超出屏幕时不会自动调整偏移的问题。#45015 @MadCcc
- Tooltip
- 🛠 ComponentToken 移除
radiusBase
必须小于16
的限制。#44980 - 🐞 修复 Dropdown 通过
dropdownRender
渲染的子节点配置ref
不生效的问题。#44971 - 🐞 修复 Table
cellPaddingBlock
不生效的问题。#45040 - 🐞 修复 Input 组件在小尺寸
controlHeight
下高度不正确的问题。#45048 - TypeScript
- 🤖 MISC: 修复
@types/react@18.2.22
React.Key 定义更新引发的问题。#44938
- 🤖 MISC: 修复
5.9.2
- 🐞 Fix Table selection column not align in center when
size
issmall
. #44922 - 🐞 Fix Select style problem when
label
containsdiv
element. #44927 - 🐞 Fix Modal broken style of buttons when custom
footer
. #44929 @Wxh16144 - 🐞 Fix notification wrong pop-up animation when
placement
isbottom
. #44918 @linxianxi - 🐞 Fix missing inherited feedbackIcon in Form.Item with
noStyle
. #44937
5.9.1
- 🐞 Fix Select that
controlHeightSM
not work in small size. #44859 @MadCcc - 🐞 Fix Rate that star transaform not at center. #44855 @MadCcc
- 🐞 Fix DatePicker that in
dateTime
mode switching input didn't triggeronCalendarChange
. #44845 @Yuiai01 - 🐞 Fix Table
virtual
selection checkbox or radio not align in center. #44786 - 🐞 Fix Select carbin align top bug when enable
maxTagCount
. #44757 - 🐞 Fix Select alignment issue when label is Typography. #44756
- 💄 Fix Table with
virtual
display issue about columns less than table size and some border & hover style missing. #44818 - 💄 Fix wrong style of Select in Input
addon
. #44825 @MadCcc - 💄 Fix Tree that Checkbox should be aligned with first line. #44827 @MadCcc
- 💄 Fix Card that Card.Grid has wrong style with left bottom corner. #44801 @Jason-huang66
- 💄 Fix Select/Cascader/TreeSelect style issue when customize their height. #44753
- TypeScript
- 🤖 Optimize
ref
type of Radio.Button. #44747 @LexiosAlex - 🤖 Optimize
ref
type of Checkbox. #44746 @LexiosAlex
- 🤖 Optimize
- 🐞 修复小尺寸 Select 组件
controlHeightSM
token 配置无效的问题。#44859 @MadCcc - 🐞 修复 Rate 组件星星变换中心不在正中心的问题。#44855 @MadCcc
- 🐞 修复 DatePicker 组件
dateTime
模式切换输入框不会触发onCalendarChange
的问题。#44845 @Yuiai01 - 🐞 修复 Table
virtual
配置下,选择框没有居中对齐的问题。#44786 - 🐞 修复 Select 开启
maxTagCount
时搜索光标偏上的问题。#44757 - 🐞 修复 Select 的 label 为 Typography 组件时的选中文本对齐问题。#44756
- 💄 修复 Table
virtual
开启虚拟滚动时,当columns
小于表格宽度会显示异常的问题以及部分边框、悬浮样式丢失的问题。#44818 - 💄 修复 Select 组件在 Input
addon
中使用时的样式错误。#44825 @MadCcc - 💄 修复 Tree 组件样式,使 Checkbox 与文字第一行对齐。#44827 @MadCcc
- 💄 修复 Card 组件 Card.Grid 边缘样式问题。#44801 @Jason-huang66
- 💄 修复 Select/Cascader/TreeSelect 自定义高度时的样式问题。#44753
- TypeScript
- 🤖 优化 Radio.Button 的
ref
类型。#44747 @LexiosAlex - 🤖 优化 Checkbox 的
ref
类型。#44746 @LexiosAlex
- 🤖 优化 Radio.Button 的
5.9.0
- 🔥 Table component now supports the
virtual
attribute to enable virtual scrolling. #44349 - 🔥 Form's
validateFields
now supportsrecursive
to validate all fields with nested paths. #44130 - 🔥 Form.Item now supports
validateDebounce
to configure validation debounce. #44633 - 🆕 Button component has added three component tokens:
contentFontSize
,contentFontSizeSM
, andcontentFontSizeLG
, allowing customization of font sizes for different sizes. #44257 - 🆕 Form's
requiredMark
now supports custom rendering. #44073 - 🆕 Tabs component has added a new component token
itemColor
to control the text color of normal tabs. #44201 - 🆕 ColorPicker now supports
defaultFormat
. #44487 @CYBYOB - 🆕 Form supports
feedbackIcons
and Form.Item supportshasFeedback={{ icons: ... }}
, now feedback icons could be customized in both ways. #43894 @gldio - 🆕 Added the
itemSelectedColor
component token to the Segmented component. #44570 @xiaozisong - 🆕 Added support for custom function rendering in the Modal footer. #44318 @RedJue
- 🆕 Added responsive setting support for
items.span
in Descriptions. #44534 - 🆕 Added support for global configuration of
indicatorSize
in Tabs component through ConfigProvider. #44517 - 🆕 Added the
direction
parameter to thefilterOption
function in the Transfer component. #44417 @Zian502 - 🆕 Added support for the
source
parameter in theonSearch
method of the Input.Search component. #44457 @kiner-tang - 🆕 Added a component token to the Input component for customizing the shadow when activated. #44410
- 🆕 Added a component token to the Radio component for customizing the color when the fill button is selected. #44389
- 🆕 Tour component now supports horizontal offset for spacing. #44377 @RedJue
- 🆕 Tour component now supports customizing the close button using the
closeIcon
prop. #44312 @kiner-tang - 🆕 Avatar component now supports configuring size using ConfigProvider. #44288 @li-jia-nan
- 🆕 List component now supports configuring size using ConfigProvider's
componentSize
option. #44267 @Yuiai01 - 🆕 Cascader component now supports
autoClearSearchValue
option. #44033 @linxianxi - 🆕 Added support for
rootClassName
in Upload,AutoComplete,Badge.Ribbon,Input.TextArea,RangePicker,TimePicker @kiner-tang. - 💄 Refactored the structure of Modal.confirm to fix the width abnormality caused by
width: fit-content
and the style line break issue with a large amount of text. Extracted confirm styles for lazy loading to optimize style size in SSR. #44557 - 💄 Adjusted the linear gradient colors for
circle
anddashboard
in Progress to conical gradients. #44404 - 💄 Fixed DatePicker missing custom footer style. #44642 @li-jia-nan
- 💄 Fixed Tag where
tag.className
andtag.style
did not work on Tag.CheckableTag in ConfigProvider. #44602 - 💄 Fixed the inconsistency in width between the dropdown and the input box when the container of Select component has
transform: scale
style configured ingetPopupContainer
option. #44378 - 🐞 Fixed an issue where Form.Item with
noStyle
configuration prevented the bound element from consuminguseStatus
. #44576 - 🐞 Fixed an issue where using Tag within Popover/Popconfirm caused incorrect
font-size
on hover. #44663 - 🐞 Fixed an issue where Input's default button had extra shadow. #44660 @daledelv
- 🐞 Fixed an issue where using Modal's hooks to close it with the
esc
key didn't correctly trigger theawait
. #44646 - 🐞 Fixed the issue where the preset
size
of Space did not follow the Design Token, now compact mode correctly handles the corresponding spacing values. #44598 @li-jia-nan - 🐞 Fixed the issue in Upload where the download button would still be displayed after clicking on it and moving the mouse out of the file. #44594 @zbw-zbw
- 🐞 Fix FloatButton that margin not work with
href
in FloatButton.Group. #44707 @Yuiai01 - 🐞 Fixed the issue where
fontSizeSM
token was not being applied to Button component. #44217 @CHENGTIANG - 🐞 The Watermark now works in nested Modal and Drawer components. #44104
- 🛠 Alert, Tree, Cascader, Layout, Table, Modal, Drawer, Button, Switch, Select, Badge, Form, TimePicker, Spin, Input, Progress, Divider Added Component Token. #42142 #42607 #42627 #42757 #42774 #42778 #44090 #44118 #44174 #44228 #44261 #44282 #44334 #42192 @hms181231 @linhf123 @poyiding @Wxh16144 @Yuiai01
- 🛠 Remove compatibility logic for old versions of IE browser for Space and Grid components to reduce bundle size. #44620 @li-jia-nan
- TypeScript
- 🤖 Export BasicDataNode type from the Tree. #44624 @kiner-tang
- 🔥 Table 支持
virtual
属性开启虚拟滚动。#44349 - 🔥 Form
validateFields
支持recursive
以校验所有包含路径的字段。#44130 - 🔥 Form.Item 支持
validateDebounce
以配置校验防抖。#44633 - 🆕 Button 组件新增
contentFontSize
contentFontSizeSM
contentFontSizeLG
三个组件 token ,用于定制各个尺寸下的字体大小。#44257 - 🆕 Form
requiredMark
支持自定义渲染。#44073 - 🆕 Tabs 组件添加新组件 Token
itemColor
,用于控制常态 tab 的文本颜色。#44201 - 🆕 ColorPicker 组件支持
defaultFormat
属性。#44487 @CYBYOB - 🆕 Form 新增
feedbackIcons
属性且 Form.Item 支持hasFeedback={{ icons: ... }}
,用于自定义校验图标。#43894 @gldio - 🆕 Segmented 组件新增
itemSelectedColor
的组件 Token。#44570 @xiaozisong - 🆕 Modal 页脚
footer
支持自定义函数渲染。#44318 @RedJue - 🆕 Descriptions 的
items.span
支持响应式设置。#44534 - 🆕 Tabs 组件
indicatorSize
支持通过 ConfigProvider 全局配置。[#44406](https://github.com/ant-design/ant-design/pull/...
4.24.14
- 🐞 Fix Breadcrumb unexpected overlay deprecation warning message. #43917 @whalesink
- 🐞 Fix Upload gif thumbnail not playing. #44129 @linxianxi
- 🐞 Fix ConfigProvider throws
rc-util/lib/utils/set
not existed. #44630 @varown
- 🐞 修复 Breadcrumb 使用
menu
属性时出现overlay
废弃警告的问题。#43917 @whalesink - 🐞 修复 Upload gif 缩略图不会动的问题。#44129 @linxianxi
- 🐞 修复 ConfigProvider 抛出
rc-util/lib/utils/set
不存在的问题。#44630 @varown
5.8.6
- 🛠 Optimize some styles size in document.head by extracting unused styles.
- 📦 Remove
lodash/camelCase
from@ant-design/icons
dependencies to reduce bundle size. ant-design-icons#595 - Form
- 🐞 Fix Watermark that would crash if
content
is empty string. #44501 - 🐞 Fix ColorPicker popup still working when
disabled
istrue
. #44466 @RedJue - 🐞 Fix Transfer trigger
onSelectChange
twice sometimes when click checkbox. #44471 @kovsu - 🐞 Fix Typography scrollbar flush problem when enable
ellipsis
. #43058 @bbb169 - Slider
- 🐞 Fix Slider draggable track unpredictable behavior. #44503 @BoyYangzai @yoyo837
- ⌨️ Improve Slider a11y behavior by adding
aria-orientation
. react-component/slider#859 @5im0n
- 🐞 Fix Steps
type="nav"
last item did not hide arrow properly. #44582 @ohhoney1 - TypeScript
- 🤖 Fix Upload file
status
definition to remove unused success status. #44468
- 🤖 Fix Upload file
- 🛠 针对 CSSInJS 加载 styles 大小进行了优化。
- 📦 移除
@ant-design/icons
依赖lodash/camelCase
以优化 bundle size。ant-design-icons#595 - Form
- 🐞 修复 Watermark 组件在
content
是空字符串时报错的问题。#44501 - 🐞 修复 ColorPicker 禁用时依然能弹出选择窗口的问题。#44466 @RedJue
- 🐞 修复 Transfer 点击 Checkbox 时有时会触发两次选择行为的问题。#44471 @kovsu
- 🐞 修复 Typography 使用
ellipsis
时滚动条闪动的问题。#43058 @bbb169 - Slider
- 🐞 修复 Slider 滑块可拖拽区域范围异常的问题。#44503 @BoyYangzai @yoyo837
- ⌨️ 优化 Slider
aria-orientation
可访问性属性。react-component/slider#859 @5im0n
- 🐞 修复 Steps
type="nav"
垂直导航步骤条的最后一项箭头没隐藏的问题。#44582 @ohhoney1 - TypeScript
- 🤖 修复 Upload 文件状态定义,移除未使用过的
success
状态。#44468
- 🤖 修复 Upload 文件状态定义,移除未使用过的
5.8.5
- 🛠 Refactor Badge style logic and take Ribbon style out to reduce SSR inline style size. #44451
- 🐞 Fix the issue of abnormal icon styling when using `@ant-design/icons`` within App. #41208 @Wxh16144
- 🐞 Fix the issue of vertical dragging malfunction in Carousel. #44460 @RedJue
- 🐞 Fix Tour panel use wrong design token. #44428
- 🐞 Fix Form
wrapperCol
with responsivexs
config not working. #44388 - 🐞 Fix ColorPicker duplicate
key
issue. #44370 @xr0master - 🐞 Fix Radio that not work in Tree title. #44380 @MadCcc
- 🐞 Fix Table that would crash when
filterDropdown
does not supportref
. #44357 @MadCcc - 🐞 Fix Form
inline
layout show extra bottom margin when validation failed. #44360 - 🐞 Fix DatePicker
showTime
working error whenformat
is Array. #44306 @Zian502 - 🐞 Fix Watermark can not be fully shown when
content
is too long. #44321 - TypeScript
- 🤖 Fix the type error with align property in Dropdown component. #44423 @LeTuongKhanh
- 🛠 重构 Badge 样式逻辑将 Ribbon 样式抽离以降低 SSR 内联样式尺寸。#44451
- 🐞 修复 App 组件下使用
@ant-design/icons
的图标样式异常的问题。#41208 @Wxh16144 - 🐞 修复 Carousel 组件垂直方向拖动失效的问题。#44460 @RedJue
- 🐞 修复 Tour 面板使用的 design token 错误的问题。#44428
- 🐞 修复 Form
wrapperCol
配置响应式xs
属性无效的问题。#44388 - 🐞 修复 ColorPicker 中重复
key
的问题。#44370 @xr0master - 🐞 修复 Radio 组件组合 Tree 组件后失效的问题。#44380 @MadCcc
- 🐞 修复 Table 组件
filterDropdown
不支持ref
时报错的问题。#44357 @MadCcc - 🐞 修复 Form
inline
布局在校验失败时出现额外空行的问题。#44360 - 🐞 修复 DatePicker 中
showTime
为 true 且format
为数组时,组件报错。#44306 @Zian502 - 🐞 修复 Watermark 中
content
内容过长时无法完整显示的问题。#44321 - TypeScript
- 🤖 修复 Dropdown 组件中
align
属性的类型错误。#44423 @LeTuongKhanh
- 🤖 修复 Dropdown 组件中