Skip to content

Releases: ant-design/ant-design

5.11.1

09 Nov 15:12
f22f61d
Compare
Choose a tag to compare
  • 🐞 Fix Dropdown use wrong zIndex when nest items. #45761
  • 🐞 Fix Upload should show remove icon when showRemoveIcon is specified to true explicitly. #45752
  • 🐞 Fix Descriptions use children structure missing the Descriptions.Item key prop. #45757
  • 🐞 Fix Message that token specified in component scope not work. #45721 @MadCcc
  • 🐞 Fix Popconfirm not compatible with visible prop. #45702 @linhf123
  • 🐞 Fix Tag default background color not correct. #45711 @kiner-tang
  • 💄 Fix Notification that style.width not work. #45681 @MadCcc
  • 🐞 Fix App console unexpected attr warning when set component=false. #45671 @li-jia-nan
  • TypeScript

  • 🐞 修复 Dropdown 在嵌套列表时 zIndex 错误的问题。#45761
  • 🐞 修复 Upload 显式指定 showRemoveIcon: true 时删除图标未显示的问题。#45752
  • 🐞 修复 Descriptions 使用 children 结构语法糖时,会丢失 Descriptions.Item 的 key 的问题。#45757
  • 🐞 修复 Message 组件在组件范围设置全局 token 无效的问题。#45721 @MadCcc
  • 🐞 修复 Popconfirm 不兼容 visible 的问题。#45702 @linhf123
  • 🐞 修复默认 Tag 的背景颜色不正确的问题。#45711 @kiner-tang
  • 💄 修复 Notification 组件设置 style.width 无效的问题。#45681 @MadCcc
  • 🐞 修复 App 设置 component=false 时,会报非预期的属性警告的问题。#45671 @li-jia-nan
  • TypeScript

5.11.0

03 Nov 15:38
fe59bb0
Compare
Choose a tag to compare
  • Slider
    • 🆕 Slider will show tooltip when focus handler. #45653
    • 💄 Slider handler should be movable after click tracker. #45651
  • InputNumber
    • 🆕 InputNumber support changeOnBlur prop to disable trigger onChange event when blur. #45395
    • 🐞 Fix InputNumber in Form with hasFeedback that will lose focus when feedback icon appear. #45632 @MadCcc
    • 🐞 Fix InputNumber dynamic modify formatter not working. #45325
  • Table
    • 🆕 Table columnTitle support render function. #41937 @Zhou-Bill
    • 🛠 Refactor Table ref to support scrollTo to scroll to target key or index or top. #45245
  • Tabs
    • 🆕 Tabs items support tab pane level destroyInactiveTabPane. #45359
    • 🐞 Fix Tabs overflow blinking when Tab bar has decimal width. #45370
  • ConfigProvider
    • 🆕 ConfigProvider support RangePicker className and style properties. #45479 @chenzhuo198
    • 🆕 ConfigProvider support Dropdown className and style properties. #45621 @li-jia-nan
  • 🆕 ColorPicker preset prop support defaultOpen to control whether preset colors is open by default. #45607 @Wxh16144
  • 🆕 Select support optionRender prop. #45529 @RedJue
  • 🆕 Pagination support combine simple and showSizeChanger. #45538
  • 🆕 Spin support fullscreen to display as backdrop. #44986 @Rafael-Martins #45436 @li-jia-nan
  • 🆕 Form validateFields support dirty for validating touched and validated fields. #45389
  • 🆕 Watermark support inherit prop to disable watermark pass to Drawer and Modal. #45319
  • 🆕 App support component for customization. #45292
  • 🆕 Input and Input.TextArea support count custom character count (for example, fix emoji character length to 1); count.max supports out-of-range styles; restore emoji to native count to solve the problem of maxLength and value mismatch. #45140
  • 🐞 Fix Dropdown not trigger onOpenChange when click menu item to close the popup. #45378
  • 💄 Modal static function support styles. #45558 @KotoriK
  • 💄 Optimize z-index logic of popup components, and make them don't block each other by default. #45512 #45490 @kiner-tang

  • Slider
    • 🆕 Slider 聚焦滑块时现在会显示 Tooltip。#45653
    • 💄 优化 Slider 交互体验,点击轨道后可直接拖拽滑块。#45651
  • InputNumber
    • 🆕 InputNumber 添加 changeOnBlur 属性以支持在失去焦点时不触发 onChange 事件。#45395
    • 🐞 修复 InputNumber 组件在 Form 组件中使用并且启用 hasFeedback 时,反馈图标出现会使 InputNumber 失去焦点的问题。#45632 @MadCcc
    • 🐞 修复 InputNumber 动态改变 formatter 不生效的问题。#45325
  • Table
    • 🆕 Table 组件 columnTitle 支持传入 render 方法。#41937 @Zhou-Bill
    • 🛠 重构 Table ref 支持 scrollTo 以滚动到目标 keyindextop#45245
  • Tabs
    • 🆕 Tabs items 支持单个标签页设置 destroyInactiveTabPane#45359
    • 🐞 修复 Tabs 的标签宽度存在小数时,滚动会出现抖动的问题。#45370
  • ConfigProvider
    • 🆕 ConfigProvider 支持 RangePicker 组件的 classNamestyle 属性。#45479 @chenzhuo198
    • 🆕 ConfigProvider 支持 Dropdown 组件的 classNamestyle 属性。#45621 @li-jia-nan
  • 🆕 ColorPicker 组件 preset 新增 defaultOpen 属性,可控制预设颜色默认是否展开。#45607 @Wxh16144
  • 🆕 Select 组件支持 optionRender 方法。#45529 @RedJue
  • 🆕 Pagination 组件支持组合 simpleshowSizeChanger 使用。#45538
  • 🆕 Spin 组件新增 fullscreen 属性,支持全屏展示。#44986 @Rafael-Martins #45436 @li-jia-nan
  • 🆕 Form validateFields 支持 dirty 参数以校验被修改过和校验过的字段。#45389
  • 🆕 Watermark 支持 inherit 配置,关闭水印传导至弹出 Drawer 与 Modal。#45319
  • 🆕 App 支持 component 以自定义渲染元素。#45292
  • 🆕 Input 与 Input.TextArea 支持 count 自定义字符计数(例如固定 emoji 字符长度为 1);count.max 支持超出范围样式;将 emoji 计数还原为原生计数以解决 maxLengthvalue 不匹配的问题。#45140
  • 🐞 修复 Dropdown 在点击菜单项关闭弹出框时不会触发 onOpenChange 的问题。#45378
  • 💄 Modal 静态方法支持 styles 属性。#45558 @KotoriK
  • 💄 优化弹层组件的 z-index 逻辑,使其在默认情况下不会互相遮挡。#45512 #45490 @kiner-tang

5.10.3

30 Oct 14:09
768504d
Compare
Choose a tag to compare
  • 💄 Fix Typography.Text lost right border when enable ellipsis and code. #45575
  • 💄 Modify the TimePicker scroll bar style. #45478 @GeorgeHcc #45586
  • 🆕 FloatButton.BackTop ref support nativeElement. #45547 @li-jia-nan
  • 🐞 Fix Watermark that gap should have default value when passing undefined in array. #45537 @MadCcc
  • 🐞 Fix Dropdown always closes after clicking on an item. #45513 @vyachsed
  • 💄 Fix Notification style issue in windows system. #45500 @MadCcc
  • 💄 Fix Notification duplicated style applied to wrapper. #45487 @MadCcc
  • TypeScript
    • 🐞 Fix modal return type in App.useApp hook. #45462 @mjss

  • 💄 修复 Typography.Text 同时启用 ellipsiscode 时丢失右边框样式的问题。#45575
  • 💄 调整 TimePicker 滚动条样式。#45478 @GeorgeHcc #45586
  • 🆕 FloatButton.BackTop 支持使用 ref 获取 nativeElement#45547 @li-jia-nan
  • 🐞 修复 Watermark 组件 gap 在数组中含有 undefined 时没有默认值的问题。#45537 @MadCcc
  • 🐞 修复 Dropdown 在点击子项后总是关闭的问题。#45513 @vyachsed
  • 💄 修复 Notification 组件在 windows 系统下的样式问题。#45500 @MadCcc
  • 💄 修复 Notification 组件 style 属性会重复添加到外层的问题。#45487 @MadCcc
  • TypeScript
    • 🤖 修复 App.useAppmodal 类型定义。#45462 @mjss

5.10.2

20 Oct 16:57
cd03c11
Compare
Choose a tag to compare
  • 🐞 Layout support auto hasSider check to avoid blink in SSR. #45361
  • 🐞 Fix FloatButton.BackTop throws warning findDOMNode is deprecated in StrictMode. #45390 @li-jia-nan
  • 🐞 Fix ColorPicker does not supports id and data-* attributes. #45413 @cheng87126
  • 🐞 Fix Table sorter tooltip cannot be open when column.showSorterTooltip is a object. #45403
  • 🐞 Fix Form with inline mode makes elements overlap on the small screen. #45340 @Yuiai01
  • 💄 Remove duplicate disabled styles in Upload.Dragger. #45446 @vagusX
  • TypeScript
    • 🐞 Table pagination.position should accept 'none'. #45398
  • RTL
    • 💄 Fix Notification's incorrect margin in rtl mode. #45386

  • 🐞 Layout 支持自动检测 hasSider 以防止在 SSR 场景下的闪烁问题。#45361
  • 🐞 修复 FloatButton.BackTop 组件显示 findDOMNode is deprecated in StrictMode 警告的问题。#45390 @li-jia-nan
  • 🐞 修复 ColorPicker 不支持 iddata-* 属性的问题。#45413 @cheng87126
  • 🐞 修复 Table 当 column.showSorterTooltip 是一个对象时排序 tooltip 不显示的问题。#45403
  • 🐞 修复 Form inline 模式在小屏幕发生元素重叠的问题。#45340 @Yuiai01
  • 💄 移除 Upload.Dragger 中重复的 disabled 样式。#45446 @vagusX
  • TypeScript
    • 🐞 修复 Table pagination.position TS 定义不支持 'none' 的问题。#45398
  • RTL
    • 💄 修复 Notification 组件在 rtl 模式下边缘间距错误的问题。#45386

5.10.1

15 Oct 11:40
04cc086
Compare
Choose a tag to compare
  • ⚡️ Optimize CSS-in-JS Design Token cache matching. #45302
  • 🆕 Checkbox.Group & Radio.Group options add missing id 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 its initialValue is set. #45284
  • 🐞 Fix Tree.DirectoryTree selectedNodes in onSelect method could not get a value when configuring fieldNames. #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

10 Oct 11:45
cb256e5
Compare
Choose a tag to compare
  • 🔥 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 and classNames 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 through classNames. #44935
  • 🆕 ConfigProvider supports the warning attribute to configure warning levels (e.g. filter out deprecated API warnings). #44809
  • Modal
    • 🆕 Modal supports customizing the className of built-in modules through classNames. #44934
    • 🐞 Fixed the content overflow problem when Modal.confirm description is a long text. #45212
  • 🐞 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 adds titleMinWidth 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 and contentColor 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
  • TypeScript
    • 🤖 The ArgsProps type for exported Notification is NotificationArgsProps. #45147
  • 🌐 Locales

  • 🔥 新增 Flex 组件,用于设置弹性布局。#44362
  • 🔥 Notification 组件支持 stack 配置,默认超过三个以上的提示会堆叠起来。#44618
  • 🔥 更新 Input、InputNumber、Select、Cascader、TreeSelect、DatePicker、ColorPicker 的激活态样式。#45009
  • 🆕 Watermark 支持通过 textAlign 设置文本对齐方向。#44888 @Yuiai01
  • 🆕 Slider 支持任意节点数并且将 xxxStyle 迁移至语义化 stylesclassNames 属性中。#45000
  • 🆕 Cascader 支持 Cascader.Panel 组件供内联使用。#45089
  • 🆕 Tooltip 添加 fresh 属性以支持在关闭时仍然需要更新内容的场景。#45020
  • 🆕 Drawer 支持通过 classNames 自定义内置模块的 className#44935
  • 🆕 ConfigProvider 支持 warning 属性以配置警告等级(如过滤掉废弃 API 警告)。#44809
  • Modal
    • 🆕 Modal 支持通过 classNames 自定义内置模块的 className#44934
    • 🐞 修复 Modal.confirm description 是长文本时的内容溢出问题。#45212
  • 🐞 修复 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
  • TypeScript
    • 🤖 导出 Notification 的 ArgsProps 类型为 NotificationArgsProps。#45147
  • 🌐 国际化

5.9.4

28 Sep 07:58
716dcf6
Compare
Choose a tag to compare
  • Button
    • 🐞 Fix Button that two Chinese characters in nested span should have space between. #45126 @MadCcc
    • 🐞 Fix Button unexpected loading icon when conditional rendering. #45030 @lzl0304
  • 🐞 Fix Tour that step.type didn't work when shown at first time. #45086 @MadCcc
  • 🐞 Fix Select and DatePicker that input should use fontFamily token. #45088 @MadCcc

  • Button
    • 🐞 修复 Button 组件只有两个汉字且嵌套在多层 span 中时间距丢失的问题。#45126 @MadCcc
    • 🐞 修复 Button 条件渲染时意外出现加载图标的问题。#45030 @lzl0304
  • 🐞 修复 Tour 组件第一次展示时 step.type 无效的问题。#45086 @MadCcc
  • 🐞 修复 Select 和 DatePicker 组件没有使用 fontFamily token 的问题。#45088 @MadCcc

5.9.3

25 Sep 07:28
f915f2c
Compare
Choose a tag to compare
  • 🐞 Fix Popover that should shift automaticly when overflowed. #45015 @MadCcc
  • Tooltip
    • 🛠 Tooltip delete the logic of wrap span on disabled element. It can always work as expect on disabled element now. #44895 @Yuiai01
    • 🐞 Fix Tooltip / Popover position jump when content height changed. #44976
  • 🛠 ComponentToken remove radiusBase must less than 16 limitation. #44980
  • 🐞 Fix Dropdown can not give ref for the root children rendered by dropdownRender. #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

  • 🐞 修复 Popover 超出屏幕时不会自动调整偏移的问题。#45015 @MadCcc
  • Tooltip
    • 🛠 Tooltip 删除对 disabled 子元素额外包括 span 的逻辑,现在始终能够正确触发。#44895 @Yuiai01
    • 🐞 修复 Tooltip / Popover 在内容高度变化时,位置会闪动的问题。#44976
  • 🛠 ComponentToken 移除 radiusBase 必须小于 16 的限制。#44980
  • 🐞 修复 Dropdown 通过 dropdownRender 渲染的子节点配置 ref 不生效的问题。#44971
  • 🐞 修复 Table cellPaddingBlock 不生效的问题。#45040
  • 🐞 修复 Input 组件在小尺寸 controlHeight 下高度不正确的问题。#45048
  • TypeScript
    • 🤖 MISC: 修复 @types/react@18.2.22 React.Key 定义更新引发的问题。#44938

5.9.2

19 Sep 04:55
Compare
Choose a tag to compare
  • 🐞 Fix Table selection column not align in center when size is small. #44922
  • 🐞 Fix Select style problem when label contains div element. #44927
  • 🐞 Fix Modal broken style of buttons when custom footer. #44929 @Wxh16144
  • 🐞 Fix notification wrong pop-up animation when placement is bottom. #44918 @linxianxi
  • 🐞 Fix missing inherited feedbackIcon in Form.Item with noStyle. #44937

  • 🐞 修复 Table small 尺寸时选择列没有居中对齐的问题。#44922
  • 🐞 修复 Select 当 label 内使用了 div 块级元素时的样式问题。#44927
  • 🐞 修复 Modal 自定义 footer 时按钮内容丢失的问题。#44929 @Wxh16144
  • 🐞 修复 notification 底部弹出动画的问题。#44918 @linxianxi
  • 🐞 修复 Form.Item 有 noStyle 属性时没有继承上下文的反馈图标的问题。#44937

5.9.1

15 Sep 06:21
64b649e
Compare
Choose a tag to compare
  • 🐞 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 trigger onCalendarChange. #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

  • 🐞 修复小尺寸 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