An enterprise-class UI design language and React UI library

Ant Design Team

Last update: Jan 7, 2023

Overview

Ant Design

An enterprise-class UI design language and React UI library.

✨ Features

🌈 Enterprise-class UI designed for web applications.
📦 A set of high-quality React components out of the box.
🛡 Written in TypeScript with predictable static types.
⚙️ Whole package of design resources and development tools.
🌍 Internationalization support for dozens of languages.
🎨 Powerful theme customization in every detail.

🖥 Environment Support

Modern browsers and Internet Explorer 11 (with polyfills)
Server-side Rendering
Electron

IE / Edge	Firefox	Chrome	Safari	Electron
IE11, Edge	last 2 versions	last 2 versions	last 2 versions	last 2 versions

📦 Install

npm install antd

yarn add antd

🔨 Usage

import { Button, DatePicker } from 'antd';

const App = () => (
  <>
    <Button type="primary">PRESS ME</Button>
    <DatePicker placeholder="select date" />
  </>
);

And import style manually:

import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'

TypeScript

antd is written in TypeScript with complete definitions, check Use in TypeScript to get started.

🌍 Internationalization

Dozens of languages supported in antd, see i18n.

🔗 Links

⌨️ Development

Use Gitpod, a free online dev environment for GitHub.

Or clone locally:

$ git clone [email protected]:ant-design/ant-design.git
$ cd ant-design
$ npm install
$ npm start

Open your browser and visit http://127.0.0.1:8001 , see more at Development.

🤝 Contributing

Read our contributing guide and let's build a better antd together.

We welcome all contributions. Please read our CONTRIBUTING.md first. You can submit any ideas as pull requests or as GitHub issues. If you'd like to improve code, check out the Development Instructions and have a good time! :)

If you are a collaborator, please follow our Pull Request principle to create a Pull Request with collaborator template.

❤️ Sponsors and Backers

Comments

demo: update demo
[中文版模板 / Chinese template]

🤔 This is a ...

[ ] New feature

[ ] Bug fix

[ ] Site / documentation update

[x] Demo update

[ ] Component style update

[ ] TypeScript definition update

[ ] Bundle size optimization

[ ] Performance optimization

[ ] Enhancement feature

[ ] Internationalization

[ ] Refactoring

[ ] Code style optimization

[ ] Test Case

[ ] Branch merge

[ ] Workflow

[ ] Other (about what?)

🔗 Related issue link

💡 Background and solution

📝 Changelog

| Language | Changelog | | ---------- | --------- | | 🇺🇸 English | demo: update demo | | 🇨🇳 Chinese | demo: 更新 demo |

☑️ Self-Check before Merge

⚠️ Please check all items below before requesting a reviewing. ⚠️

[x] Doc is updated/provided or not needed

[x] Demo is updated/provided or not needed

[x] TypeScript definition is updated/provided or not needed

[x] Changelog is provided or not needed

codeball:needs-review
opened by li-jia-nan 1
antd 5.0 Virtual Table Demo support more props Eg:(render,..etc)

Reproduction link

Steps to reproduce

..

What is expected?

Need to render props

What is actually happening?

..

| Environment | Info | | --- | --- | | antd | 5.1.2 | | React | 18 | | System | Linux | | Browser | Chrome |

opened by hamzamongam 1
refactor: button
[中文版模板 / Chinese template]

🤔 This is a ...

[ ] New feature

[ ] Bug fix

[ ] Site / documentation update

[ ] Demo update

[ ] Component style update

[ ] TypeScript definition update

[ ] Bundle size optimization

[ ] Performance optimization

[ ] Enhancement feature

[ ] Internationalization

[x] Refactoring

[ ] Code style optimization

[ ] Test Case

[ ] Branch merge

[ ] Workflow

[ ] Other (about what?)

🔗 Related issue link

💡 Background and solution

Removed unnecessary comments:

There was lot of unnecessary comments, code should be self explanatory.

Moved helper methods to a separate file buttonHelpers.tsx.

📝 Changelog

| Language | Changelog | | ---------- | --------- | | 🇺🇸 English | Refactor button | | 🇨🇳 Chinese | 重构 button |

☑️ Self-Check before Merge

⚠️ Please check all items below before requesting a reviewing. ⚠️

[x] Doc is updated/provided or not needed

[x] Demo is updated/provided or not needed

[x] TypeScript definition is updated/provided or not needed

[x] Changelog is provided or not needed

codeball:needs-careful-review
opened by SohaibRaza 2

短时间多次点击同一个 message 信息提示，key 相同时候，toast 不消失

Reproduction link

https://codesandbox.io/s/antd-reproduction-template-forked-hqjor1?file=/index.js:340-602

Steps to reproduce

使用 message.success({ key:"test", duration:3, content:"测试快速多次点击" })

What is expected?

toast 正常消失

What is actually happening?

连续快速多次点击之后，toast 一直显示，没有消失

| Environment | Info | | --- | --- | | antd | 5.1.2 | | React | 18.2.0 | | System | deepin | | Browser | chrome |

sandbox code

import React, { useEffect } from "react";
import { createRoot } from "react-dom/client";
import { Button, version, message } from "antd";
import "antd/dist/reset.css";
import "./index.css";

const App = () => {
  const onClick = () => {
    message.success({
      key: "test",
      content: "toast info",
      duration: 2
    });
  };

  return (
    <div className="App">
      <h1>antd version: {version}</h1>
      <Button type="primary" onClick={onClick}>
        Primary Button
      </Button>
    </div>
  );
};

const root = createRoot(document.getElementById("root"));
root.render(<App />);

🤔 Need Reproduce

opened by running-little-snail 2

fix: Tooltip inverting preset colors does not work
This reverts commit d89d8cdd9ddd428fffb91f703ae066825d455950.

[中文版模板 / Chinese template]

🤔 This is a ...

[ ] New feature

[x] Bug fix

[ ] Site / documentation update

[ ] Demo update

[ ] Component style update

[ ] TypeScript definition update

[ ] Bundle size optimization

[ ] Performance optimization

[ ] Enhancement feature

[ ] Internationalization

[ ] Refactoring

[ ] Code style optimization

[ ] Test Case

[ ] Branch merge

[ ] Workflow

[ ] Other (about what?)

🔗 Related issue link

fix #40072

💡 Background and solution

make it support, preview

📝 Changelog

| Language | Changelog | | ---------- | --------- | | 🇺🇸 English | fix <Tooltip /> inverting preset colors does not work | | 🇨🇳 Chinese | 修复 <Tooltip /> 不支持预设颜色反转 |

☑️ Self-Check before Merge

⚠️ Please check all items below before requesting a reviewing. ⚠️

[x] Doc is updated/provided or not needed

[x] Demo is updated/provided or not needed

[x] TypeScript definition is updated/provided or not needed

[x] Changelog is provided or not needed

codeball:approved
opened by Wxh16144 2
Tooltip Inverting preset colors does not work
Reproduction link

Steps to reproduce

open CodeSandbox link

What is expected?

The documentation does not indicate whether or not this is supported

if the design is such that it is not supported, the class name {color}-inverse should not be displayed, and the TS type derivation should be narrowed

If the color is in the design, I can file a PR to fix it, as mentioned before

What is actually happening?

Default colors are displayed

| Environment | Info | | --- | --- | | antd | 5.1.2 | | React | any | | System | any | | Browser | any |
opened by Wxh16144 1

Releases(5.1.2)

5.1.2(Dec 30, 2022)
🆕 Theme Editor supports uploading themes. #39621 @BoyYangzai

💄 Refactor wave effect that can now trigger multiple times. #39705 @li-jia-nan

Table

🐞 Fix Table column.filtered cannot be updated. #39883

🐞 Fix Table fixed column which is sorted or filtered transparent background bug. #39012 @kiner-tang

🐞 Fix Image preview style conflict with TailwindCSS. #39914

🐞 Fix Dropdown danger and disabled style priority bug. #39904 @Wxh16144

🐞 Fix App.useApp modal default okText. #39884 @BoyYangzai

💄 Fix Input.Group misplace style when zoom up in windows. #39842 @heiyu4585

🐞 Fix Slider missing Tooltip appear motion. #39857

🐞 Fix QRCode missing expired style. #39849 @li-jia-nan

🐞 Fix Tree switcher's background display unexpected in dark theme. #39838 @kiner-tang

🐞 Fix Menu slide bar style issue when border is reset by preset. #39819 @MadCcc

🐞 Fix Checkbox not support Tooltip or Popover when it is disabled. #39829

🆕 官网主题编辑器添加主题上传功能。#39621 @BoyYangzai

💄 重构水波纹视效，现在可以多个水波纹同时触发了。#39705 @li-jia-nan

Table

🐞 修复 Table column.filtered 更新不生效的问题。#39883

🐞 修复 Table 排序/筛选的固定列背景色透明的样式异常问题。#39012 @kiner-tang

🐞 解决 Image 预览样式会被 TailwindCSS 影响的问题。#39914

🐞 修复 Dropdown 组件 danger 和 disabled 属性同时使用的样式问题。#39904 @Wxh16144

🐞 修复 App useApp 中 modal 确认按钮文案。#39884 @BoyYangzai

🐞 修复 Input.Group 在 windows 下缩放屏幕时的错位问题。#39842 @heiyu4585

🐞 修复 Slider 展示 Tooltip 时动画丢失的问题。#39857

🐞 修复 QRCode 过期文案在暗色模式下看不清的问题。#39849 @li-jia-nan

🐞 修复 Tree 在暗黑模式下 switcher 背景显示异常问题。#39838 @kiner-tang

🐞 修复 Menu 组件滑块在 border 被预设值重置时的样式问题。#39819

🐞 修复 Checkbox 禁用时不支持 Tooltip 和 Popover 的问题。#39829

Source code(tar.gz)
Source code(zip)
4.24.7(Dec 30, 2022)
🐞 Fix Tabs slider that cannot resize. #39867

🐞 Fix Input text is missing when suffix is applied in Safari. #39830 @ifujustayup

🐞 修复 Tabs 组件滑块不能自动适应宽度的问题。#39867

🐞 修复 Input 在 Safari 下使用 suffix 时文字内容丢失的问题。#39830 @ifujustayup

Source code(tar.gz)
Source code(zip)
5.1.1(Dec 26, 2022)
📦 Remove IE and other legacy browsers from browserslist to reduce bundle size.#38779

⚡️ Improve Transfer performance when selecting and moving nodes with large data.#39465 @wqs576222103

🐞 Fix wrong font-family of components. #39806

🐞 Fix Drawer default props not working when placement open width are undefined. #39782

🐞 Fix Menu icon animation when collapse it. #39800 @JarvisArt

🐞 Fix Image preview operation bar is covered during the animation. #39788 @JarvisArt

🐞 Fix List crash when pagination.pageSize is undefined. #39681 @Wxh16144

🐞 Fix Space align="baseline" not working. #39748 @candy4290

Table

🐞 Fix Table expandable row header has no top left border radius. #39781 @chunsch

🐞 Fix Table header radius missing when has fixed header and columns. #39723

🐞 Fix Table missing border-bottom in merged cell and unexpected border color if overlapping。. #39729

⌨️ Improve Table a11y by appling aria-props to table element. #39700

⌨️ Reset aria-label in Table column. #39738 @kiner-tang

💄 Adds transition animation for Table border. #39713 @JarvisArt

🐞 Fix Tabs add button color invisible in dark mode. #39724

🐞 Fix the problem that the height of the title bar is not enough when Card only has extra. #39646 @JarvisArt

🐞 Fix justify and align properties are not reactive in Row. #39704 @candy4290

🐞 Fix warning in App about two children with the same key. #39695 @Kamahl19, #39701 @li-jia-nan

💄 Image preview interactive optimization. #39812 @JarvisArt

💄 Fix Table filter dropdown wrong active background and dropdown shadow style. #39805

TypeScript

🤖 Fix missing type defination for Design Token. #39754

📦 在构建流程中去掉对 IE 等旧版本浏览器的支持以减少包体积。#38779

⚡️ 提升 Transfer 在大数据量下勾选和移动节点时的性能。#39465 @wqs576222103

🐞 修复组件字体错误问题。#39806

🐞 修复 Drawer placement open width 等参数为 undefined 时默认值不生效的问题。#39782

🐞 修复 Menu 切换时图标动画效果不流畅的问题。#39800 @JarvisArt

🐞 修复 Image 预览操作条在动态过程中会被高 zIndex 的元素覆盖。#39788 @JarvisArt

🐞 修复 List 组件分页器错误参数导致报错问题。#39681 @Wxh16144

🐞 修复 Space align="baseline" 不生效的问题。#39748 @candy4290

Table

🐞 修复 Table 可扩展行标题没有左上边框半径的问题。#39781 @chunsch

🐞 修复 Table 列头的圆角丢失问题。#39723

🐞 修复 Table 组件合并单元格后底部边框消失和边框重叠时颜色变深的问题。#39729

⌨️ 修正 Table aria-* 属性到 table 元素上以支持更好的可访问性。#39700

⌨️ 重置 Table 列的 aria-label 属性值。#39738 @kiner-tang

💄 为 Table 边框添加过渡动画使其 hover 效果更顺滑。#39713 @JarvisArt

🐞 修复 Tabs 添加按钮在暗色模式下不可见的问题。#39724

🐞 修复 Card 只有 extra 时标题栏高度不足的问题。#39646 @JarvisArt

🐞 修复 Row 组件 justify 和 align 属性，动态改变不生效的问题。#39704 @candy4290

🐞 修复 App 中 children 使用相同 key 的警告。#39695 @Kamahl19，#39701 @li-jia-nan

💄 Image 组件预览交互优化. #39812 @JarvisArt

💄 修复 Table 筛选菜单选中背景色和菜单阴影样式。#39805

TypeScript

🤖 修复部分 Design Token 缺少类型提示的问题。#39754

Source code(tar.gz)
Source code(zip)
4.24.6(Dec 26, 2022)
🆕 Dropdown support autoAdjustOverflow. #39741

🐞 Fix justify and align properties are not reactive for Row. #39706 @candy4290

🐞 Fix Drawer that could not be close with open={false}. #39561

🐞 Fix Divider horizontal align issue in flex layout. #39334

💄 Fix Dropdown component dange and disabled style priority issue. #39434 @Wxh16144

⌨️ Reset aria-label in Table column. #39747 @kiner-tang

🌐 Localization

🇺🇿 Add uz_UZ locale. #39353 @nodkz

🆕 Dropdown 组件支持 autoAdjustOverflow 属性。 (#39741)62cefca

🐞 修复 Row 组件 justify 和 align 属性，动态改变不生效的问题。#39706 @candy4290

🐞 修复 Drawer 组件 open 为 false 时无法关闭的问题。#39561

🐞 修复 Divider horizontal 在 flex 布局下的对齐问题。#39334

💄 修复 Dropdown 组件 danger 和 disabled 属性同时使用样式问题。#39434 @Wxh16144

⌨️ 重置 Table 中列的 aria-label 属性值。#39747 @kiner-tang

🌐 国际化

🇺🇿 支持 uz_UZ 语言。#39353 @nodkz

Source code(tar.gz)
Source code(zip)
5.1.0(Dec 20, 2022)
🔥 New App Component which provide global style & static function replacement. #39046

🔥 New QRCode Component. #38948

🔥 New Watermark Component. #39064 @JarvisArt

🆕 Mentions support options prop. #38630 @heiyu4585

🆕 FloatButton support clickOutAutoClose. #39501 @BoyYangzai

🆕 Popconfirm support description prop. #39250 @xhh0223

🆕 Modal.confirm support footer prop. #39048 @owjs3901

🆕 Table support rowScope to set the column range. #39571

🆕 Anchor support items data configuration option content, which supports nesting through children. #39034 @foryuki

🆕 Breakpoints can now follow theme token config. #39105 @azro352

🆕 Tour prevButtonProps nextButtonProps support style classname prop. #38939 @ONLY-yours

🆕 ConfigProvider support config select.showSearch. #39531 @YinDongFang

🐞 Fix Tabs inkBar not show in StrictMode. #39653

🐞 Fix Badge component width not being affected by parent element. #39605 @AydenGen

Select

🐞 Fix wrong usage of icon color token in Select. #39644

💄 Optimize Select a11y to bind real option element when virtual=false. #39550

🐞 Fix Tour steps set type=‘primary’ not work. #39382 @heiyu4585

🐞 Fix disabled style miss when has href on Button. #39456 @BoyYangzai

🐞 Fix Segmented icon unexpected margin. #39575

🐞 Fix Drawer unexpected warning about DefaultProps. #39562

Menu

🐞 Fix Menu.Submenu will flicker when use createRoot to render. #38855 @JarvisArt

🛠 Refactor MenuItem to Function Component. #38751

💄 Optimize Menu item style when selected. #39439

🛠 LocaleProvider has been deprecated in 4.x (use <ConfigProvider locale /> instead), we removed the related folder antd/es/locale-provider and antd/lib/locale-provider in 5.x. #39373

🛠 Simplified lodash method introduction. #39599 #39602

TypeScript

🤖 Optimize Button DropDown Modal Popconfirm Select Transfer mouse event type definition. #39533

🤖 New export type FloatButtonGroupProps. #39553

🌐 Localization

🇧🇪 Add fr_BE locale. #39415 @azro352

🇨🇦 Add fr_CA locale. #39416 @azro352

🇪🇸 Add eu_ES locale. #39371 @Ian-Inizias

🔥 新增 App 包裹组件，提供重置样式和提供消费上下文的默认环境。#39046

🔥 新增 QRCode 二维码组件。#38948

🔥 新增 Watermark 水印组件。#39064 @JarvisArt

🆕 Mentions 新增 options 配置。#38630 @heiyu4585

🆕 FloatButton 新增支持点击外侧自动关闭功能。#39501 @BoyYangzai

🆕 Popconfirm 组件新增 description 属性。#39250 @xhh0223

🆕 Modal.confirm 新增 footer 属性以自定义按钮列表。#39048 @owjs3901

🆕 Table 新增 rowScope 以设置列范围。#39571

🆕 Anchor 新增 items 数据化配置选项内容，支持通过 children 嵌套。#39034 @foryuki

🆕 Grid 组件的响应式断点现在会消费主题 token 配置。#39105 @azro352

🆕 Tour 的 prevButtonProps nextButtonProps 新增 style 和 classname 设置。#38939 @ONLY-yours

🆕 ConfigProvider 支持配置 select.showSearch。#39531 @YinDongFang

🐞 修复 Tabs inkBar 在 StrictMode 下不展示的问题。#39653

🐞 修复 Badge 组件宽度不受父元素影响。#39605 @AydenGen

Select

🐞 修复 Select 组件 icon 颜色使用的 token。#39644

💄 优化 Select 无障碍体验，当 virtual=false 时，将会绑定无障碍访问到实际选项元素上。#39550

🐞 修复 Tour steps 设置 type="primary" 无效的问题。#39382 @heiyu4585

🐞 修复带有 href 的 Button 组件 disabled 时 style 不生效的问题。#39456 @BoyYangzai

🐞 修复 Segmented 组件 icon 与文字间距消失的问题。#39575

🐞 修复 Drawer 组件关于 DefaultProps 的警告。#39562

Menu

🐞 修复 React18 中使用 createRoot 渲染 Menu.Submenu 会闪烁的问题。#38855 @JarvisArt

🛠 重构 MenuItem 为 Function Component。#38751

💄 优化 Menu 组件选中样式。#39439

🛠 LocaleProvider 在 4.x 中已经废弃（使用 <ConfigProvider locale /> 替代），我们在 5.x 里彻底移除了相关目录 antd/es/locale-provider、antd/lib/locale-provider。#39373

🛠 简化 lodash 方法引用。#39599 #39602

TypeScript

🤖 优化 Button DropDown Modal Popconfirm Select Transfer 鼠标事件类型定义。#39533

🤖 新增导出类型 FloatButtonGroupProps。#39553

🌐 国际化

🇧🇪 补全 fr_BE 文案。#39415 @azro352

🇨🇦 补全 fr_CA 文案。#39416 @azro352

🇪🇸 补全 eu_ES 文案。#39371 @Ian-Inizias

Source code(tar.gz)
Source code(zip)
5.0.7(Dec 13, 2022)
🐞 Fix Slider's Tooltip missing animation. #39463 @YinDongFang

🐞 Fix Table unexpected horizontal scroll bar when empty and bordered. #39455 @zjfresh

🐞 Fix Popover arrow background color with customized color. #39517

🐞 Fix Modal hooks not pass ConfigProvider config correctly. #39513

🐞 Fix Radio align issue with custom size. #39476

🐞 修复 Slider 组件 Tooltip 动画丢失问题。#39463 @YinDongFang

🐞 修复 Table 组件有边框且为空时出现横向滚动条的问题。#39455 @zjfresh

🐞 修复 Popover 组件箭头背景色不随自定义颜色改变的问题。#39517

🐞 修复 Modal hooks 没有完全传递 ConfigProvider 配置的问题。#39513

🐞 修复 Radio 组件尺寸修改后不对齐的问题。#39476

Source code(tar.gz)
Source code(zip)
5.0.6(Dec 12, 2022)
🐞 Fix FloatButton tooltip property is not support 0 value. #39425 @li-jia-nan

🐞 Fix Space wrapped Select not display clear icon problem when mouse hover. #39468 @foryuki

💄 Fix Cascader ul has unexpected margin value. #39436 @ZN1996

💄 Fix Input has unexpected padding problem in compact mode. #39428

💄 Optimize Message padding in compact mode. #39428

💄 Fix Radio.Button has unexpected text color in dark mode. #39428

💄 Fix Select has unexpected padding problem in compact mode. #39428

💄 Fix Slider has unexpected size for marking dot. #39428

💄 Optimize Switch color in dark mode. #39428

🐞 修复 FloatButton 的 toolip 属性不支持设置为 0 的问题。#39425 @li-jia-nan

🐞 修复 Space 组件包裹的 Select 系列组件在 hover 时清除图标不展示的问题。#39468 @foryuki

💄 修复 Cascader 内部 ul 的 margin 值异常的问题。#39436 @ZN1996

💄 修复 Input 组件在紧凑模式下内边距异常的问题。#39428

💄 优化 Message 组件在紧凑模式下的内边距。#39428

💄 修复 Radio.Button 组件在暗色模式下的文字颜色。#39428

💄 修复 Select 组件在紧凑模式下内边距异常的问题。#39428

💄 修复 Slider 组件标签原点样式问题。#39428

💄 优化 Switch 组件暗色模式下的颜色。#39428

Source code(tar.gz)
Source code(zip)
5.0.5(Dec 8, 2022)
🐞 Fix button hover style in Space.Compact. #39157 @foryuki

🐞 Fix Tabs active bar missing sometimes in windows Chrome. #39352 @heiyu4585

🐞 Fix Divider horizontal align issue in flex layout. #39339

🐞 Fix Popover width in rtl mode. #39311

🐞 Fix Popconfirm padding style issue when wireframe is true. #39313 @MadCcc

💄 Fix Select search input with white space style issue. #39299 @MadCcc

💄 Fix Tree missing selection style. #39292

🐞 Fix FloatButton content not align when customize size. #39282 @li-jia-nan

🐞 Fix RangePicker cell hover style. #39266

💄 Optimize Button style under Space.Compact. #39241 @foryuki

🌐 Fix vi_VN i18n mistake. #39279 @nghiepdev

🌐 Fix he_IL i18n mistake. #39280 @Ran-Sagy

TypeScript

🤖 Optimize Anchor onClick event definition. #39305 @li-jia-nan

🐞 修复 Space.Compact 下 Button hover 样式问题。#39157 @foryuki

🐞 修复 Tabs 在 windows Chrome 下高亮条有时候会丢失的问题。#39352 @heiyu4585

🐞 修复 Divider horizontal 在 flex 布局下的对齐问题。#39339

🐞 修复 Popover 在 rtl 模式下宽度异常的问题。#39311

🐞 修复 Popconfirm 组件 token 配置线框化后边框坍缩的样式问题。#39313 @MadCcc

💄 修复 Select 组件搜索框会出现空白区域的样式问题。#39299 @MadCcc

💄 修复 Tree 丢失选中样式的问题。#39292

🐞 修复 FloatButton 自定义尺寸时，内容不居中的问题。#39282 @li-jia-nan

🐞 修复 RangePicker 日期 hover 样式。#39266

💄 优化 Button 在 Space.Compact 下的 Hover 样式。#39241 @foryuki

🌐 修正 vi_VN 国际化描述。#39279 @nghiepdev

🌐 修正 he_IL 国际化描述。#39280 @Ran-Sagy

TypeScript

🤖 优化 Anchor onClick 的事件类型定义。#39305 @li-jia-nan

Source code(tar.gz)
Source code(zip)
4.24.5(Dec 6, 2022)
🐞 Fix Menu.Item with disabled not prevent a element clickable. aa8d7f5 @二货机器人

💄 Tweak Popconfirm icon position when title have multiple lines. #39027 @justanotheranonymoususer

🐞 Fix Badge the color cannot be customized when count is 0. #39062 @Wxh16144

🐞 Fix Card.Meta width is not 100%. #39039 @justanotheranonymoususer

🐞 Fix TimePicker pass to 'popupClassName' will display unexpected warning. #39010 @kiner-tang

💄 Fix Steps set size="small" with progress not fully display. #39103 @Wxh16144

🐞 修复 Menu.Item 配置 disabled 属性时其中的 a 标签仍可以点击的问题。aa8d7f5 @二货机器人

💄 优化 Popconfirm 内容换行时的图标位置。#39027 @justanotheranonymoususer

🐞 修复 Badge count 为 0 时无法自定义颜色问题。#39062 @Wxh16144

🐞 修复 Card.Meta 宽度没有默认填满容器的问题。#39039 @justanotheranonymoususer

🐞 解决当 TimePicker 传递 popupClassName 属性会显示异常警告的问题。#39010 @kiner-tang

💄 修复 Steps size="small" 第一项带有进度时，进度条显示不全的问题。#39103 @Wxh16144

Source code(tar.gz)
Source code(zip)
5.0.4(Dec 5, 2022)
Modal

🐞 Fix Modal with long content exceed the panel. #39249 @MuxinFeng

🐞 Fix Modal.info content width when without icon. #39047 @owjs3901

🐞 Fix Tree config checkable and blockNode not makes title stretch issue. #39209 @Wxh16144

🐞 Fix Dropdown sub menu missing motion. #39235

💄 Fix RangePicker time panel padding style. #39228

🐞 Fix Card action button round style. #39210 @muxin

🐞 Fix Badge wave effect color not follow color. #39182 @li-jia-nan

🐞 Fix Radio disabled status check style. #39165 @Wxh16144

🐞 Fixed TextArea count style when resize is not none. #39121 @51wangping

🐞 Fix Transfer clicking the checkbox position cannot be unchecked and onSelectChange is triggered twice. #39078 @edc-hui

🐞 Fix Steps set size="small" with progress not fully display. #39100 @Wxh16144

🐞 Fix Form horizontal layout with xs responsive config not work. #39130

🐞 Fix message position not correct in RTL. #39248 @Yuiai01

🐞 Fix Switch only set with checkedChildren or unCheckedChildren content not display. #39262

Modal

🐞 修复 Modal 文字内容过多会超出框体的样式问题。#39249 @MuxinFeng

🐞 修复 Modal.info 没有图标时，内容宽度不正确的问题。#39047 @owjs3901

🐞 修复 Tree checkable 与 blockNode 配合时，title 元素不拉伸的问题。#39209 @Wxh16144

🐞 修复 Dropdown 二级菜单丢失动画的问题。#39235

💄 修复 RangePicker 内时间面板的 padding 样式。#39228

🐞 修复 Card 的按钮组圆角样式。#39210 @muxin

🐞 修复了 Badge 自定义颜色的时候，波纹的颜色不会跟着小圆点颜色发生变化的问题。#39182 @li-jia-nan

🐞 修复 Radio 禁用状态选中样式。#39165 @Wxh16144

🐞 修复 TextArea resize 不是 none 时计数文字的样式问题。#39121 @51wangping

🐞 修复 Transfer 组件点击复选框位置不可以取消选中，并触发了两次 onSelectChange 问题。#39078 @edc-hui

🐞 修复 Steps size="small" 第一项带有进度时，进度条显示不全的问题。#39100 @Wxh16144

🐞 修复 Form 水平布局下 xs 的响应式布局不生效的问题。#39130

🐞 修复 message 在 RTL 下位置不正确的问题。#39248 @Yuiai01

🐞 修复 Switch 在只设置 checkedChildren 或 unCheckedChildren 时，其内容不会显示的问题。#39262

Source code(tar.gz)
Source code(zip)
5.0.3(Nov 30, 2022)
🐞 Fix Spin alignment when using tip. #38923 @sribich

Menu

🐞 Fix Menu Submenu style when overflowed. #39093

🐞 Fix Menu.Item hover area when trigger active color change. #39077 @Pulset

🐞 Fix Input.TextArea resize behavior by adding reset style. aa92f02

🐞 Fix Upload default icon color. #39114 @MARKX97

🐞 Fix ssr warning in dev mode caused by dynamic hashId. #39069

🐞 Fix FloatButton.Group flicking on closing. #39061

🐞 Fix Card.Meta that width is not 100%. #39026 @justanotheranonymoususer

🐞 修复 Spin 包裹模式时的样式偏移问题。#38923 @sribich

Menu

🐞 修复 Menu 溢出时下拉菜单的样式问题。#39093

🐞 修复 hover 在 Menu.Item 外面时颜色变蓝的问题。#39077 @Pulset

🐞 修复 Input.TextArea 没有重置样式导致 resize 行为和 4.x 不一致的问题。aa92f02

🐞 修复 Upload 默认图标颜色。#39114 @MARKX97

🐞 修复 dev 下动态 hashId 导致的 ssr 注水失败的问题。#39069

🐞 修复 FloatButton.Group 关闭时闪烁的问题。#39061

🐞 修复 Card.Meta 宽度没有默认填满容器的问题。#39026 @justanotheranonymoususer

Source code(tar.gz)
Source code(zip)
5.0.2(Nov 27, 2022)
💄 Fix Card radius style broken when customize bodyStyle background color. #38973 @Yukiniro

💄 Optimize default algorithm for error color. #38933

💄 Optimize the style issue in RTL mode. #38829 @Wxh16144

Space.Compact

💄 Optimize Space.Compact style when wrapping a single child component. #38896 @foryuki

💄 Fix Space.Compact component style problem when wrapping Modal, Dropdown, Drawer and other components. #38870 @foryuki

🐞 Fix horizontal Menu that has wrong width when is overflow. #38989

🐞 Fix Table that the old filter state still takes effect when the list filter column changes. #38982

🐞 Fix Select and Pagination incorrect text color in dark theme. #38979 @Dunqing

🐞 Fix that Mentions options props not working. #38968 @heiyu4585

🐞 Fix that dist/reset.css may be dropped in production mode. #38956 @passerV

🐞 Fix Badge that showZero can't be used with custom color. #38967 @Wxh16144

🐞 Fix Form validation motion flick issue. #38962

🐞 Fix Tabs dropdown motion not work. #38892

🐞 Fix ConfigProvider that componentDisabled is not work. #38886 @lidianhao123

🐞 Fix Button block prop is not working when shape="round". #38869 @jjlstruggle

🐞 Fix Dropdown.Button that dropdownRender is not executed. #38862 @imoctopus

💄 修复 Card 组件设置 bodyStyle 的背景颜色后圆角失效的问题。#38973 @Yukiniro

💄 优化错误色的默认算法。#38933

💄 修复 RTL 模式下的样式问题。#38829 @Wxh16144

Space.Compact

💄 Space.Compact 包裹单个子组件时，展示该子组件本身的样式。#38896 @foryuki

💄 修复 Space.Compact 组件嵌套 Modal，Dropdown，Drawer 等组件时的样式问题。#38870 @foryuki

🐞 修复横向 Menu 组件有溢出时宽度问题。#38989

🐞 修复 Table 组件过滤列被移除后过滤效果仍然影响列表数据的问题。#38982

🐞 修复 Select 和 Pagination 在暗色主题下文字颜色不正确。#38979 @Dunqing

🐞 修复 Mentions options 不生效的问题。#38968 @heiyu4585

🐞 修复 reset.css 不会被打包的问题。#38956 @passerV

🐞 修复 Badge 组件 showZero 和 color 不能一起使用问题。#38967 @Wxh16144

🐞 修复 Form 校验信息动效卡顿的问题。#38962

🐞 修复 Tabs 下拉菜单动画消失的问题。#38892

🐞 修复 ConfigProvider componentDisabled 失效问题。#38886 @lidianhao123

🐞 修复 Button block 属性有时不生效的问题。#38869 @jjlstruggle

🐞 修复 Dropdown.Button 的 dropdownRender 未执行的问题。#38862 @imoctopus

Source code(tar.gz)
Source code(zip)
4.24.4(Nov 25, 2022)
Space.Compact

💄 Optimize Space.Compact style when wrapping a single child component. #38913 @foryuki

💄 Optimize Space.Compact style when wrapping Modal, Dropdown, Drawer and other components. #38887 @foryuki

🆕 Mentions support options prop. #38876 @heiyu4585

🐞 Fix ConfigProvider that componentDisabled is not work. #38886 @lidianhao123

🐞 Fix Message that onClose didn't triggered when duration is 0. #38669 @kiner-tang

Space.Compact

💄 优化 Space.Compact 包裹单个子组件时子组件的样式。#38913 @foryuki

💄 优化 Space.Compact 组件嵌套 Modal，Dropdown，Drawer 等组件时的样式。#38887 @foryuki

🆕 Mentions 支持 options 数据驱动。#38876 @heiyu4585

🐞 修复 ConfigProvider 组件 componentDisabled 失效问题。#38886 @lidianhao123

🐞 修复 Message 组件 duration 为 0 时手动关闭不触发 onClose 的问题。#38669 @kiner-tang

Source code(tar.gz)
Source code(zip)
5.0.1(Nov 22, 2022)
💄 Optimize Empty svg color in dark theme. #38785

💄 Fix Form, Input, Select, Tree part style convert to CSS-in-JS missing. #38742

💄 Fix animation flick for some components in Firefox. #38729

Menu

🐞 Fix Menu SubMenu margin style. #38714 @JarvisArt

🐞 Fix Menu width when collapsed. #38791 @KarasuShin

🐞 Fix Menu height in dark theme. #38741 @LuciNyan

🐞 Fix Menu SubMenu flicking when expanding. #38748 @JarvisArt

🐞 Fix that Table expanded icons are not aligned。#38823 @turdiyev

🐞 Fix FloatButton.BackTop missing animation. #38770 @li-jia-nan

🛠 Remove Moment.js dependency. #38762

🛠 Fix CompoundedComponent ts error。#38666 @wangcch

🛠 Rollback lib in package。#38832 @chunsch

💄 优化 Empty 组件的 svg 图片在暗色主题下的颜色。#38785

💄 修复 Form, Input, Select, Tree 转换到 CSS-in-JS 丢失少量样式的问题。#38742

💄 修复 Firefox 下拉菜单动画抖动的问题。#38729

Menu

🐞 修复 Menu SubMenu 间距问题。#38714 @JarvisArt

🐞 修复 Menu 收起时的宽度问题。#38791 @KarasuShin

🐞 修复 Menu 暗色主题下高度多了 1px 的问题。#38741 @LuciNyan

🐞 修复 Menu 展开 Submenu 时抖动的问题。#38748 @JarvisArt

🐞 修复 Table 组件展开 icon 不对齐的问题。#38823 @turdiyev

🐞 修复 FloatButton.BackTop 组件动画丢失的问题。#38770 @li-jia-nan

🛠 清除残留 Moment.js 依赖。#38762

🛠 修复外部暴露类 CompoundedComponent 的组建的类型报错。#38666 @wangcch

🛠 重新添加 lib 产物。#38832 @chunsch

Source code(tar.gz)
Source code(zip)
5.0.0(Nov 18, 2022)
🏆 Ant Design 5.0.0 is out!

Read it before migration

🌟 If you want to migrate to Ant Design 5.0, please check V4 to V5.

Major Changes

🔥 New Components

🔥 FloatButton component, and refactor BackTop as child component of FloatButton. #37520 @li-jia-nan

🔥 Tour component. #37867 #38469 @heiyu4585

🔥 New Component Variants

🔥 DatePicker add presets to support preset ranges for quick selection. #38249

🔥 Progress circle type support responsive format text for small size. #38231 @li-jia-nan

🔥 Steps add inline type. #38311 @JarvisArt

💄 New Design

💄 Change primary color to #1677ff. #37254

💄 Change basic border radius to 6px, and support gradient radius. #37146 #37369

💄 Optimize transition duration. #37438

💄 Optimize padding and remove border for some components. #37283

💄 Pagination remove border. #37441

💄 Optimize Timeline style. #37465

💄 Optimize Steps style. #37473

💄 Optimize focus style for some components. #37483

💄 Optimize style with large border radius.

💄 Optimize Table hover style. #37370

💄 Optimize Segmented hover style. #37498

💄 Optimize Dropdown hover style. #37491

💄 Optimize close button style for some components like Modal. #37634

💄 Optimize Menu style. #38009

💄 Optimize hover style for some more components. #37433

💄 Optimize Switch transition. #37658

💄 Optimize Anchor ink ball style. #38616

🆕 Export object theme which contains hooks and algorithms related with theme. #36302

🆕 Add theme.useToken hook to get Design Token in context. #36267

🆕 Preset algorithm

🆕 Default algorithm theme.defaultAlgorithm. #36175

🆕 Dark algorithm theme.darkAlgorithm. #36546 #36656

🆕 Compact algorithm theme.compactAlgorithm. #38105

🆕 ConfigProvider support theme prop to modify theme configuration. For more: Customize Theme.

🆕 Support multiple algorithm pipeline. #37082

🆕 Support switching wireframe style. #37507

🆕 Support override Design Token for single component. #37568

🆕 Add locale directory in package, which contains commonjs locale files. #38194 @chunsch

🗑 Do not support IE browser anymore.

🗑 Remove package antd/lib. #36362

🛠 Change main in package.json to dist/antd.js. eb8835f

🗑 Remove dist/antd.css, and add dist/reset.css to override common styles. #36224

🗑 Deprecate visible and provide open instead in components below. @yykoypj

🗑 Tag deprecate visible. #36671

🗑 Table deprecate filterDropdownVisible and provide filterDropdownOpen. #36747

🗑 Drawer deprecate visible and provide open instead. #36750

🗑 Modal deprecate visible and provide open instead. #36774

🗑 Dropdown deprecate visible and provide open instead. #36799

🗑 Tooltip deprecate visible and provide open instead, Popover and Popconfirm. #36807

🗑 Deprecate dropdownClassName and provide popupClassName instead in components below. @heiyu4585

🗑 AutoComplete deprecate dropdownClassName and provide popupClassName instead. #37087

🗑 Mentions deprecate dropdownClassName and provide popupClassName instead. #37122

🗑 Cascader deprecate dropdownClassName and provide popupClassName instead. #37089

🗑 Select deprecate dropdownClassName and provide popupClassName instead. #37091

🗑 TreeSelect deprecate dropdownClassName and provide popupClassName instead. #37092

🗑 DatePicker and TimePicker deprecate dropdownClassName and provide popupClassName instead. #37207

🛠 Refactor styles with CSS-in-JS for all components.

🗑 Remove less and css in package. #36244

🛠 Change date library from Moment.js to Day.js, for more: Use custom date library. b22815d @iamkun

🛠 React Notification to support React 18 concurrent mode and refactor useNotification hook，which is preferred instead of static function. #35423 #35568

🛠 Slider props related with Tooltip are unified into tooltip. #37043 @yykoypj

🛠 Migrate official site to dumi@2. #38328

🏆 Ant Design 5.0.0 已发布！欢迎阅读我们的发布文档。 升级必读

🌟 如果你想升级到 Ant Design 5.0，请仔细查阅我们的迁移文档。 主要变化

🔥 新增组件

🔥 FloatButton 悬浮按钮，原 BackTop 移至 FloatButton 子组件。#37520 @li-jia-nan

🔥 Tour 漫游式引导。#37867 #38469 @heiyu4585

🔥 新增组件变体

🔥 DatePicker 新增 presets 属性用于预设时间范围快捷选择。#38249

🔥 Progress circle 类型支持小尺寸自适应。#38231 @li-jia-nan

🔥 Steps 新增 inline 类型。#38311 @JarvisArt

💄 设计变化

💄 调整主色为 #1677ff。#37254

💄 基础圆角调整为 6px，并支持梯度圆角。#37146 #37369

💄 优化组件整体动画速度，效果更简练。#37438

💄 对部分组件进行了去线框化和间距上的调整，整体风格更加简洁。#37283

💄 Pagination 组件去线框化。#37441

💄 优化 Timeline 组件 UI 设计。#37465

💄 优化 Steps 组件 UI 设计。#37473

💄 优化部分组件 focus 样式。#37483

💄 优化组件圆角较大时的部分样式。

💄 优化 Table 组件 hover 样式。#37370

💄 优化 Segmented 组件 hover 样式。#37498

💄 优化 Dropdown 组件 hover 样式。#37491

💄 优化 Modal 等组件关闭按钮样式。#37634

💄 优化 Menu 组件样式。#38009

💄 更多组件 hover 样式优化。#37433

💄 优化 Switch 组件动画效果。#37658

💄 优化 Anchor 组件样式 UI 设计。#38616

🆕 新增导出对象 theme，用于获取主题相关属性。#36302

🆕 新增 theme.useToken hook，用于获取当前上下文的主题变量。#36267

🆕 新增内置算法。

🆕 默认算法 theme.defaultAlgorithm。#36175

🆕 暗色算法 theme.darkAlgorithm。#36546 #36656

🆕 紧凑算法 theme.compactAlgorithm。#38105

🆕 ConfigProvider 新增 theme 属性，用于更改主题配置，详情：定制主题。

🆕 支持多个 algorithm。#37082

🆕 支持线框化切换。#37507

🆕 支持覆盖单个组件的主题变量。#37568

🆕 产物新增 locale 目录，内含 cjs 格式的语言文件。#38194 @chunsch

🗑 移除对 IE 的支持。

🗑 移除 lib 产物。#36362

🛠 调整 package.json 中 main 为 dist/antd.js。eb8835f

🗑 移除 dist/antd.css 产物。默认不再入侵全局样式，新增 dist/reset.css 用于重置部分常见样式。#36224

🗑 废弃下列组件的 visible 属性，改用 open。@yykoypj

🗑 Tag 废弃 visible 属性。#36671

🗑 Table filterDropdownVisible 调整为 filterDropdownOpen。#36747

🗑 Drawer 废弃 visible 属性，改用 open。#36750

🗑 Modal 废弃 visible 属性，改用 open。#36774

🗑 Dropdown 废弃 visible 属性，改用 open。#36799

🗑 Tooltip & Popover & Popconfirm 废弃 visible 属性，改用 open。#36807

🗑 废弃下列组件的 dropdownClassName，统一为 popupClassName。@heiyu4585

🗑 AutoComplete 废弃 dropdownClassName，改用 popupClassName。#37087

🗑 Mentions 废弃 dropdownClassName，改用 popupClassName。#37122

🗑 Cascader 废弃 dropdownClassName，改用 popupClassName。#37089

🗑 Select 废弃 dropdownClassName，改用 popupClassName。#37091

🗑 TreeSelect 废弃 dropdownClassName，改用 popupClassName。#37092

🗑 DatePicker 和 TimePicker 废弃 dropdownClassName，改用 popupClassName。#37207

🛠 所有组件使用 CSS-in-JS 重构样式。

🗑 移除 less 及相关 less 和 css 产物。#36244

🛠 内置时间库由 Moment.js 替换为 Day.js，详情：使用自定义日期库。b22815d @iamkun

🛠 重构 Notification 以支持 React 18 concurrent 模式，并重构 useNotification hook，推荐替代静态方法使用。#35423 #35568

🛠 Slider 组件 Tooltip 相关 API 合并至 tooltip 属性中。#37043 @yykoypj

🛠 文档站技术栈迁移 dumi@2。#38328

Source code(tar.gz)
Source code(zip)
5.0.0-rc.3(Nov 18, 2022)

Source code(tar.gz)
Source code(zip)
5.0.0-rc.2(Nov 17, 2022)

Source code(tar.gz)
Source code(zip)
4.24.3(Nov 17, 2022)
🐞 Fix Typography config prefixCls not working. #38586 @SavelevMatthew

🐞 Fix Table should not trigger sorter when pressing Enter in filter dropdown. #38585

🆕 Allow Modal pass mousePosition to control animation origin position. #38584 @kiner-tang

🐞 Fix Input.Search should not trigger onSearch while loading. #38578 @JackLiR8

🐞 Fix Breadcrumb throw wrong overlay deprecated warning. #38567 @li-jia-nan

🐞 修复 Typography 设置 prefixCls 不生效的问题。#38586 @SavelevMatthew

🐞 修复 Table 在筛选菜单里按回车时会触发排序的问题。#38585

🆕 Modal 允许透传 mousePosition 来控制弹框动画原点。#38584 @kiner-tang

🐞 修复 Input.Search loading 时触发 onSearch 的问题。#38578 @JackLiR8

🐞 修复 Breadcrumb 报出错误的 overlay 警告信息的问题。#38567 @li-jia-nan

Source code(tar.gz)
Source code(zip)
5.0.0-rc.1(Nov 16, 2022)

Source code(tar.gz)
Source code(zip)
5.0.0-rc.0(Nov 16, 2022)

Source code(tar.gz)
Source code(zip)
5.0.0-beta.2(Nov 14, 2022)

Source code(tar.gz)
Source code(zip)
5.0.0-beta.1(Nov 14, 2022)

Source code(tar.gz)
Source code(zip)
4.24.2(Nov 12, 2022)
Image

💄 Image preview controls enter animation should not be zooming out. #36456

🐞 Fix Image preview not showing error images. #38112

Typography

🐞 Fix Typography.Text tooltip do not display in List. #38431 @crazyair

🐞 Fix Typography.Paragraph flash issue in some situations. #38439 @tinyfind

🐞 Fix Menu SubMenu flick when collapse it. #36636 @JarvisArt

🐞 Fix RangePicker that onBlur gets triggered when selecting dates. #38411 @kiner-tang

🐞 Result should hide icon when it is falsy. #38488

🐞 Fix Dropdown.Button throws overlay is deprecated warning. #38446 @li-jia-nan

🛎 Improve error message about multiple Form.Item children. #38038 @cincodenada

🛠 Resolve Tree circular import issue. #38421 @KotoriK

🐞 Fix Affix shake issue when switching visible. #38410 @imoctopus

🐞 Fix Pagination simple mode should support showTotal property. #38399

🐞 Fix Modal.confirm buttons should not be interactive when modal is hiding. #38400

🐞 Fix Radio.Group style problem using in Drawer extra. #38385

⌨️ Fix Table aria-label contains [object Object]. #38389 @kiner-tang

⌨️ Adds role progressbar to Progress component. #38447 @kpustakhod

Image

💄 优化 Image 预览图片的工具栏显示动画的效果，现在工具条不再用缩放动画进场。#36456

🐞 修复 Image 预览图片没有展现错误图片的问题。#38112

Typography

🐞 修复 Typography.Paragraph 在宽度较短时可能出现闪动的问题。#38439 @tinyfind

🐞 修复一个 Typography.Text 在 List 内 tooltip 不显示的问题。#38431 @crazyair

🐞 修复 Menu 收起时 SubMenu 闪动的问题。#36636 @JarvisArt

🐞 修复 RangePicker 选择日期过程中触发 onBlur 的问题。#38411 @kiner-tang

🐞 修复 Result icon 为 null 时图标没有隐藏的问题。#38488

?? 修复 Dropdown.Button 出现 overlay is deprecated 警告的问题。#38446 @li-jia-nan

🛎 优化 Form 的相关控制台提示的表述。#38038 @cincodenada

🛠 修复 Tree 模块循环导入的问题。#38421 @KotoriK

🐞 修复当 Affix 隐藏切换到显示时会出现抖动。#38410 @imoctopus

🐞 修复 Pagination showTotal 属性在 simple 模式下不生效的问题。#38399

🐞 修复 Modal.confirm 关闭中确认按钮依旧可能被触发的问题。#38400

🐞 修复在 Drawer extra 中使用 Radio.Group 的样式问题。#38385

⌨️ 修复 Table 组件 aria-label 出现 [object Object] 的问题。#38389 @kiner-tang

⌨️ Progress 组件增加 role="progressbar" 。#38447 @kpustakhod

Source code(tar.gz)
Source code(zip)
5.0.0-beta.0(Nov 8, 2022)

Source code(tar.gz)
Source code(zip)
4.24.1(Nov 4, 2022)
🐞 Revert #38160 to fix Table render column.title not as expect. #38383

💄 Alert add @alert-padding-vertical & @alert-padding-horizontal less variables. #38369 @imoctopus

🐞 Fix Steps with customize Step status not work. #38319 @heiyu4585

🐞 Fix Popconfirm icon color get polluted. #38355

🐞 Fix Anchor missing dot style. #38338 @li-jia-nan

🐞 Fix DatePicker missing popupClassName definition. #38325 @Cedong.Lee

🐞 回滚 #38160 以修复 Table 的 column.title 渲染不正确的问题。#38383

💄 Alert 增加 @alert-padding-vertical 和 @alert-padding-horizontal 变量。#38369 @imoctopus

🐞 修复 Steps 中用户配置的 Step status 优先级被覆盖的问题。#38319 @heiyu4585

🐞 修复 Popconfirm 图标颜色会被污染的问题。#38355

🐞 修复 Anchor 组件圆点样式丢失的问题。#38338 @li-jia-nan

🐞 修复 DatePicker popupClassName 定义丢失的问题。#38325 @Cedong.Lee

Source code(tar.gz)
Source code(zip)
5.0.0-alpha.34(Nov 2, 2022)

Source code(tar.gz)
Source code(zip)
5.0.0-alpha.33(Nov 1, 2022)

Source code(tar.gz)
Source code(zip)
4.24.0(Nov 1, 2022)
🔥 Add new component Space.Compact used to replace Input.Group and Button.Group. #37652 @foryuki

🆕 The disabled property on components inside a Form will now take precedence over the disabled property of the Form. #37628 @kiner-tang

🆕 Add text config for editable Typograph, support enabling ellipsis and editable at the same time. #37761 @zheeeng

🆕 Row align and justify support reponsive value. #37860 @kiner-tang

🆕 Image add preview.scaleStep prop to adjust the magnitude of zoom in and out and set the default scaleOffset to 0.5. #37340 @coldice945

🆕 Steps support items. #37531 @heiyu4585

🆕 Collapse supports collapsible="icon" to collapse by clicking icon. #37566 @Sheepeer

🆕 Input.Password supports visibilityToggle={{ visible, onVisibleChange }} so that you can manually control password display and hide. #38216 @MrHeer

🆕 Breadcrumb added the menu property. #37885 @JarvisArt

🆕 Dropdown added the menu dropdownRender property, and deprecated the overlay property. #37885 @JarvisArt

Table

🆕 Table filterDropdown add close in argument to close filter dropdown only. #37745 @kiner-tang

🐞 Fix Table aria-label contains [object Object]. #38160 @kiner-tang

🐞 Fix Tabs component not reading the getPopupContainer property of ConfigProvider. #38238 @ZH-seven

🐞 Fix Tooltip is broken when used in a disabled Menu.Item. #38273

🐞 Fix the issue of miscalculated transform-origin for Tooltip with placement values like topRight or bottomLeft. #38159 @strear

🐞 TimePicker remove redundant warning about using popupClassName. #38190 @kiner-tang

🐞 Fix nest Drawer with default open append document order issue. #37767 #37790

🐞 Fix issue where numbers were not displayed when Badge set both color and count. #37609 @kiner-tang

🐞 Fix Progress zoom behavior in Safari. #38301

Modal

🐞 Fix Modal animation flush issue in React 18. #38275

🐞 Fix Modal.method() not focus trigger after close. #38275

Transfer

🐞 Fix Transfer titles is undefined. #38182 @kiner-tang

🛠 Remove Transfer defaultprops spelling. #38164 #38154 @li-jia-nan

🛠 Refactor Anchor to Function Component, some methods of obtaining ref and calling internal instance methods will invalid.. #38265 #37957 @li-jia-nan @RexSkz

🛠 The layout of the Dropdown.Button component is implemented using Space.Compact instead. #38090 @foryuki

🛠 Optimize the internal implementation of DirectoryTree Typography component. #38184 #38181 @holazz #37716 @zheeeng

💄 Fix TextArea custom border style not working when allowClear is enable. #38101

💄 Fix Popconfirm style issue when icon={null}, now an additional span tag will be wrapped around the icon element. #37384 @edc-hui

💄 Fix Menu highlight style in compact mode. #38223 @messaooudi

Carousel

💄 Enlarge Carousel dots hover area for better experience. #38257

💄 Fix Carousel dots margin style not being reset. #38100

TypeScript

🤖 Mentions additionally exports MentionsRef. #38028 @simonwong

🌐 Localization

Add Transfer titles property internationalization configuration. #38168 @kiner-tang

Fix default Empty description text. #38127 @HelloBojack

🇮🇹 Add missing it_IT locale. #38108 @ernestfolch

🇫🇷 Add missing fr_FR locale. #38072 @smwhr

🔥 新增组件 Space.Compact 用以替代 Input.Group 和 Button.Group 组件。#37652 @foryuki

🆕 Form 内组件上的 disabled 属性现在将优先于 Form 的 disabled 属性。#37628 @kiner-tang

🆕 Typograph 增加 text 配置，支持同时开启省略与编辑模式时的使用。#37761 @zheeeng

🆕 Row 组件的 align 和 justify 属性支持设置响应式的值。#37860 @kiner-tang

🆕 Image 增加 preview.scaleStep 属性调整放大缩小的幅度，并将默认的 scaleOffset 设置为 0.5。#37340 @coldice945

🆕 Steps 新增支持 items。#37531 @heiyu4585

🆕 Collapse 新增 collapsible="icon" 从而支持点击图标展开收起。#37566 @Sheepeer

🆕 Input.Password 支持 visibilityToggle={{ visible, onVisibleChange }} 从而可以手动控制密码显隐。#38216 @MrHeer

🆕 Breadcrumb 新增 menu 属性。#37885 @JarvisArt

🆕 Dropdown 新增 menu dropdownRender 属性，并废弃了 overlay 属性。#37885 @JarvisArt

Table

🆕 Table filterDropdown 新增一个 close 参数对象用于关闭筛选菜单。#37745 @kiner-tang

🐞 修复 Table 组件 aria-label 出现 [object Object] 的问题。#38160 @kiner-tang

🐞 修复 Tabs 组件没有读取 ConfigProvider 的 getPopupContainer 属性的问题。#38238 @ZH-seven

🐞 修复一个在 Menu.Item disabled 内使用 Tooltip 不生效的问题。#38273

🐞 修复 Tooltip 在 placement 值为 topRight 或 bottomLeft 时动画原点计算错误的问题。#38159 @strear

🐞 TimePicker 移除使用了 popupClassName 冗余警告。#38190 @kiner-tang

🐞 修复嵌套 Drawer 在默认都设置 open 时，添加至 document 顺序出错的问题。#37767 #37790

🐞 修复 Badge 同时设置 color 和 count 时，数字不展示的问题。#37609 @kiner-tang

🐞 修复 Progress 在 Safari 下缩放异常的问题。#38301

Modal

🐞 修复在 React 18 下 Modal 动画闪烁的问题。#38275

🐞 修复 Modal.method() 关闭时默认没有聚焦触发元素的问题。#38275

Transfer

🐞 修复 Transfer titles 为空时报错的问题。#38182 @kiner-tang

🛠 移除 Transfer defaultprops 写法。#38164 #38154 @li-jia-nan

🛠 重构 Anchor 为 Function Component，之前一些获取 ref 并调用内部实例方法的写法都会失效。#38265 #37957 @li-jia-nan @RexSkz

🛠 Dropdown.Button 改用 Space.Compact 实现。#38090 @foryuki

🛠 优化 DirectoryTree Typography 组件的内部实现。#38184 #38181 @holazz #37716 @zheeeng

💄 修复 TextArea 开启 allowClear 时自定义 border 样式无法生效的问题。#38101

💄 修复 Popconfirm 设置 icon={null} 的时 title padding 仍然存在的问题，现在 icon 元素外会额外包裹一个 span 标签。#37384 @edc-hui

💄 修复 Menu 在紧凑模式下的高亮条样式。#38223 @messaooudi

Carousel

💄 扩大 Carousel 切换点的鼠标响应范围，优化切换体验。#38257

💄 修复 Carousel dots 样式未被正确 reset 的问题。#38100

TypeScript

🤖 Mentions 额外导出 MentionsRef。#38028 @simonwong

🌐 国际化

添加 Transfer titles 属性国际化配置。#38168 @kiner-tang

修正默认 Empty 描述文案。#38127 @HelloBojack

🇮🇹 补全 it_IT 文案。#38108 @ernestfolch

🇫🇷 补全 fr_FR 文案。#38072 @smwhr

Source code(tar.gz)
Source code(zip)
5.0.0-alpha.32(Oct 28, 2022)

Source code(tar.gz)
Source code(zip)
5.0.0-alpha.31(Oct 27, 2022)

Source code(tar.gz)
Source code(zip)