Skip to content
Changelog Hub

antd 5.10.0

npm / antd / 5.10.0 source ↗

  • 🔥 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 迁移至语义化 styles 和 classNames 属性中。#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
  • 🌐 国际化