Releases: ant-design/ant-design
Releases · ant-design/ant-design
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 组件中
5.8.4
- ColorPicker
- 🐞 Fix Descriptions throwing
key is not a prop
error message. #44278 @RedJue - 🐞 Fix the node is still rendered when Pagination
itemRender
is customized tonull
. #44226 - 🐞 Fix Modal in Dropdown
menu.items
, rapid mouse movement when expanding Modal will make Dropdown reopen. #44204 - DatePicker
- 💄 Fix DatePicker content is not centered. #44245 @Zian502
- 💄 Optimize DatePicker selection range style. #44206 @kiner-tang
- 💄 Fix clicking on the Tabs area on the mobile terminal triggers a color change. #44200 @yilaikesi
- RTL
- 💄 Fix the numbers in the Badge are also RTL when the text direction of the page is RTL. #43998 @NotEvenANeko
- ColorPicker
- 🐞 修复 Descriptions 抛出
key is not a prop
的错误提示。#44278 @RedJue - 🐞 修复 Pagination
itemRender
自定义为null
时,仍然渲染节点的问题。#44226 - 🐞 修复 Modal 在 Dropdown
menu.items
中,展开 Modal 时快速移动鼠标会使 Dropdown 重新打开的问题。#44204 - DatePicker
- 💄 修复 DatePicker 内容不居中问题。#44245 @Zian502
- 💄 优化 DatePicker 中范围选择区域样式。#44206 @kiner-tang
- 💄 修复移动端点击 Tabs 区域触发颜色改变的问题。#44200 @yilaikesi
- RTL
- 💄 修复了当页面的文字方向为 RTL 时 Badge 里面的数字也是 RTL 的问题。#43998 @NotEvenANeko
5.8.3
- DatePicker
- Carousel
- 🐞 Fix Modal footer disabled state that affect by Form. #43055 @Wxh16144
- 🐞 Fix Upload thumbnail that gif will not play. #44083 @linxianxi
- 🐞 Fix FloatButton that menu mode didn't support
badge
prop. #44109 @MadCcc - 🐞 Fix Grid & List responsive config take effect after first render which cause screen flick. #44075
- 🐞 Fix that Design Token partially missing when
@ant-design/cssinjs
version1.15.0
. #44091 @MadCcc - 💄 Fix Badge
status="processing"
withdot
wave style issue. #44153 - 💄 Fix Descriptions border styles when it nests itself. #43454 @Yuiai01
- 💄 Fix Pagination transition style in prev/next buttons. #44030
- 💄 Fix Popconfirm button group wraps unexpectedly. #44022 @MuxinFeng
- 💄 Optimize style of Image preview operation icons. #44141 @MadCcc
- 💄 Optimize Input and InputNumber font size in large mode. #44000 @MuxinFeng
- 💄 Remove Space part useless style. #44098
- DatePicker
- Carousel
- 🐞 修复 Modal 页脚禁用态受 Form 影响的问题。#43055 @Wxh16144
- 🐞 修复 Upload gif 缩略图不会动的问题。#44083 @linxianxi
- 🐞 修复 FloatButton 组件菜单模式不支持
badge
配置的问题。#44109 @MadCcc - 🐞 修复 Grid 与 List 响应式布局生效稍晚于首次渲染导致屏幕闪动的问题。#44075
- 🐞 修复
@ant-design/cssinjs
版本小于1.15.0
时 Design Token 部分丢失的问题。#44091 @MadCcc - 💄 修复 Badge
status="processing"
和dot
配合使用时,波纹样式异常的问题。#44153 - 💄 修复 Descriptions 组件自行嵌套时的边框样式问题。#43454 @Yuiai01
- 💄 修复 Pagination 上下页切换按钮 `transition`` 丢失的问题。#44030
- 💄 修复 Popconfirm 按钮组意外换行的问题。#44022 @MuxinFeng
- 💄 优化 Image 组件预览操作图标的样式。#44141 @MadCcc
- 💄 优化 Input 和 InputNumber 在大尺寸下的字体大小。#44000 @MuxinFeng
- 💄 移除 Space 部分未使用的样式。#44098
5.8.2
- 🐞 Fix Checkbox & Radio not support customize wave and add className
ant-wave-target
for this case. #44014 - 🐞 Adjust Form.Item renderProps definition to return correct
FormInstance
. #43996 - 🐞 Fixed Table incorrect expand icon direction and row indentation in RTL. #43977 @Yuiai01
- 💄 Fix Pagination that should not have hover and focus style when disabled. #43970 @MadCcc
- TypeScript
4.24.13
- 🐞 Fix Anchor not trigger
getCurrentAnchor
when scroll. #43917 - 🛠 Carousel remove
lodash
dependencies. 2b43f73 @taozhou-glean - 🐞 Fix Select selector remove icon align. #43667 @Wxh16144
- 🐞 Allow users to handle promise rejections in Modal's
onOk
callback. #43536 @maroon1 - 🐞 fix: ConfigProvider form
validateMessages
nesting error. #43480 @Wxh16144 - 🐞 Sync
@checkbox-border-radius
to variable.less. #43356
- 🐞 修复 Anchor 在滚动时无法触发
getCurrentAnchor
的问题。#43917 - 🛠 Carousel 移除
lodash
依赖。2b43f73 @taozhou-glean - 🐞 修复 Select 选中时移除图标未对齐错误。#43667 @Wxh16144
- 🐞 让用户能够处理 Modal 中
onOk
回调中的 Promise 异常。#43536 @maroon1 - 🐞 修复 ConfigProvider 表单校验信息
validateMessages
嵌套使用错误。#43480 @Wxh16144 - 🐞 修复 variable.less 没有同步改动
@checkbox-border-radius
导致变量表现不一致的问题。#43356
5.8.1
- 🐞 Fix unexpected warning of deprecated
clearIcon
#43945 @kiner-tang - TypeScript
- 🤖 Export
MappingAlgorithm
as type of theme algorithm. #43953
- 🤖 Export
- 🐞 修复预期外的
clearIcon
废弃报错。#43945 @kiner-tang - TypeScript
- 🤖 导出
MappingAlgorithm
作为主题算法的类型。#43953
- 🤖 导出
5.8.0
- 🔥 Component Token support
algorithm
to calculate derivative tokens same as global. #43810 @MadCcc - 🔥 Modal hooks function support
await
call. #43470 - 🔥 ConfigProvider support
wave
to customize wave effect. #43784 - 🆕 Form support
getFieldsValue({ strict: true })
to support only Item bind values. #43828 - 🆕 Descriptions support
items
prop. #43483 @RedJue - 🆕 ColorPicker support
disabledAlpha
prop. #43355 @RedJue - 🆕 Avatar.Group support
shape
prop. #43817 @li-jia-nan - 🆕 AutoComplete/Cascader/DatePicker/Input.Textarea/TimePicker/TreeSelect support
allowClear
prop to customize clear button。#43582 @kiner-tang - 🆕 RangePicker
presets
support callback functions. #43476 @Wxh16144 - 🆕 Added the
preview={{ movable: Boolean }}
prop to the Image component to support dragging and dropping into folders. #43823 @linxianxi - 🆕 Slider
tooltip
supportautoAdjustOverflow
prop. #43788 - 🆕 Added the
selectionsIcon
property to the Transfer component to support custom icons for the dropdown menu. #43773 @li-jia-nan - 🗑 Select, Tree-Select and Cascader deprecated
showArrow
prop. Now suffix arrow should be configured withsuffixIcon
. #43520 @MuxinFeng - 🐞 Optimized the import method for
@ant-design/icons
to avoid importing all icons. #43915 @ssxenon01 - 🐞 Fix Anchor not trigger
getCurrentAnchor
when scroll. #43916 - 🐞 Fix Tooltip
hover
not trigger ondisabled
element. #43872 - 🐞 Fix ColorPicker not calling
onChangeComplete
callback when changing value. #43867 @RedJue - 🐞 Fix
Modal.confirm
locale
setting were reset. #43277 @Yuiai01 - 🐞 Fix Slide description info and slider handle overlap issue. #43780 @Wxh16144
- 🐞 Fix InputNumber handler style in large size. #43875 @yee94
- 🐞 Fix Select popup flip position motion not correct. #43764
- 💄 Optimized the design of icons including CloseCircleFilled/CloseSquareFilled/CloseOutlined/CloseCircleOutlined/CloseSquareOutlined/ExportOutlined/ImportOutlined. 824500
- 💄 Fix when using with other component libraries that use
@ant-design/cssinjs
, antd styles will always be inserted at the top to avoid style override issues caused by loading order. #43847 - 💄 Optimize message and notification to not to extract style in SSR. #43808
- ⌨️ Fix Select
aria-activedescendant
didn't conform to valid value. #43800 - ⌨️ Fix
Layout.Header
accessibility role. #43749 @khalibloo - TypeScript
- 🔥 组件 Token 支持配置
algorithm
参数,添加配置即可像全局 Token 一样由部分修改的 token 计算派生 token 的值并用于组件样式中。#43810 @MadCcc - 🔥 Modal hooks 方法支持
await
调用。#43470 - 🔥 ConfigProvider 支持
wave
配置以自定义水波纹效果。#43784 - 🆕 Form 新增
getFieldsValue({ strict: true })
以支持获取仅通过 Item 绑定的字段。#43828 - 🆕 Descriptions 支持
items
属性。#43483 @RedJue - 🆕 ColorPicker 支持
disabledAlpha
属性。#43355 @RedJue - 🆕 Avatar.Group 支持设置
shape
属性。#43817 @li-jia-nan - 🆕 AutoComplete/Cascader/DatePicker/Input.Textarea/TimePicker/TreeSelect 组件均已支持通过
allowClear.clearIcon
属性自定义清除按钮。#43582 @kiner-tang - 🆕 RangePicker
presets
属性支持回调函数。#43476 @Wxh16144 - 🆕 Image 新增
preivew={{ movable: Boolean }}
属性以支持可拖拽到文件夹。#43823 @linxianxi - 🆕 Slider
tooltip
支持配置autoAdjustOverflow
属性。#43788 - 🆕 Transfer 组件新增
selectionsIcon
属性以支持自定义下拉菜单图标。#43773 @li-jia-nan - 🗑 Select、Tree-Select 和 Cascader 组件废弃
showArrow
属性,可由suffixIcon
统一配置。#43520 @MuxinFeng - 🐞 优化
@ant-design/icons
导入写法以避免 Tree Shaking 在 Next.js 中失效的问题。#43915 @ssxenon01 - 🐞 修复 Anchor 在滚动时无法触发
getCurrentAnchor
的问题。#43916 - 🐞 修复 Tooltip hover 时无法在
disabled
元素上触发的问题。#43872 - 🐞 修复 ColorPicker 在更改值时未调用
onChangeComplete
回调的问题。#43867 @RedJue - 🐞 修复
Modal.confirm
的locale
设置被重置的问题。#43277 @Yuiai01 - 🐞 修复 Slider 中描述信息和滑块手柄重叠问题。#43780 @Wxh16144
- 🐞 修复 Select 弹出框翻转时动画不正确的问题。#43764
- 🐞 修复 InputNumber 在圆角不同下的样式异常。#43875 @yee94
- 💄 优化了 CloseCircleFilled/CloseSquareFilled/CloseOutlined/CloseCircleOutlined/CloseSquareOutlined/ExportOutlined/ImportOutlined 等图标的设计。824500
- 💄 修复和其他使用
@ant-design/cssinjs
的组件库混合使用,antd 的样式总是会插入在最前面,以避免加载顺序导致的样式覆盖问题。#43847 - 💄 优化 message 和 notification 渲染逻辑,现在在 SSR 环境下不会导出样式。#43808
- ⌨️ 修复 Select
aria-activedescendant
缺少有效值的问题。#43800 - ⌨️ 修复
Layout.Header
a11yrole
属性。#43749 @khalibloo - TypeScript