🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜

vueComponent

Last update: Jan 9, 2023

Overview

Ant Design Vue

An enterprise-class UI components based on Ant Design and Vue.

English | 简体中文

Features

An enterprise-class UI design system for desktop applications.
A set of high-quality Vue components out of the box.
Shared Ant Design of React design resources.

Environment Support

Modern browsers and Internet Explorer 11+. v1.x support Internet Explorer 9+ (with polyfills)
Server-side Rendering
Support Vue 2 & Vue 3
Electron

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

Using npm or yarn

We recommend using npm or yarn to install，it not only makes development easier，but also allow you to take advantage of the rich ecosystem of Javascript packages and tooling.

$ npm install ant-design-vue --save

$ yarn add ant-design-vue

If you are in a bad network environment，you can try other registries and tools like cnpm.

Ecosystem

Project	Description
vue-ref	You can use the callback to get a reference like react
ant-design-vue-helper	A vscode extension for ant-design-vue
vue-cli-plugin-ant-design	Vue-cli 3 plugin to add ant-design-vue
vue-dash-event	The library function, implemented in the DOM template, can use the custom event of the ant-design-vue component (camelCase)

Donation

ant-design-vue is an MIT-licensed open source project. In order to achieve better and sustainable development of the project, we expect to gain more backers. You can support us in any of the following ways:

Backers

Support us with a monthly donation and help us continue our activities. [Become a backer]

Patreon

Support us with a monthly donation and help us continue our activities. [Become a backer]

More Sponsor (From Patreon、alipay、wechat、paypal...)

Comments

3.0 for Easier to use
We plan to start the development of 3.0, the main purpose is to make the component library easier to use. The reconstruction is mainly from the following points:

open sources doc

Improve the ts type

Remove the defaultXxxx api and support more v-model directives

Use dayjs to reconstruct date-related components

More components support virtual scrolling

.....

If you have other suggestions, please leave a message

progress: https://github.com/vueComponent/ant-design-vue/discussions/4575

try: https://next.antdv.com/components/overview/
discussion Feature Request
opened by tangjinzhou 95
2.0 计划
[x] I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

[x] 1、~~按需加载icon~~ 2.0.0-beta.1

[ ] 2、rtl

[x] 3、slot-scope 改成单参数 2.0.0-beta.2

[x] 4、暗黑模式

[ ] 5、antd 4.0 设计规范

[x] 6、兼容 vue 3.x #1913

[x] 7、文档示例统一使用 v-model，简化 defaultXXX 的存在，降低理解成本 2.0.0-beta.2

[x] 8、~~日期相关组件支持字符串形式的 value 属性~~ 1.5.4

[ ] 10、colorpicker 颜色选择器

[ ] 11、ConfigProvider 支持 componentSize 用来支持全局切换组件大小 #1121

需要您的支持

help wanted Feature Request outdated Stale
opened by tangjinzhou 95
Support Vue 3 & Vite from 2.0.0-beta.5
[ ] I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

npm test -- ant-design-vue/components/button/__tests__/index.test.js --watch

beta

npm i --save ant-design-vue@next

// use import { createApp } from 'vue'; import antd from 'ant-design-vue'; import 'ant-design-vue/components/style.js'; import App from './App.vue'; createApp(App).use(antd).mount('#app');

[x] Affix

[x] Anchor

[x] AutoComplete

[x] Alert

[x] Avatar

[x] BackTop

[x] Badge

[x] Breadcrumb

[x] Button

[x] Card

[x] Cascader

[x] Checkbox

[x] Col

[x] Divider

[x] Dropdown

[x] Icon

[x] Input

[x] InputNumber

[x] Layout

[x] ~~LocaleProvider~~ remove

[x] message

[x] Menu

[x] Mentions

[x] Modal

[x] notification

[x] Popconfirm

[x] Popover

[x] Progress

[x] Radio

[x] Rate

[x] Row

[x] Select

[x] Spin

[x] Statistic

[x] Steps

[x] Switch

[x] Tabs

[x] Tag

[x] Timeline

[x] Tooltip

[x] Upload

[x] Drawer

[x] Skeleton

[x] Comment

[x] ConfigProvider

[x] Empty

[x] Result

[x] Descriptions

[x] PageHeader

[x] Pagination

[x] Collapse

[x] Carousel

[x] Calendar

[x] DatePicker

[x] TimePicker

[x] Form、FormModel we will merge them

[x] Slider

[x] Table

[x] List

[x] Transfer

[x] Tree

[x] TreeSelect

需要您的支持

help wanted Feature Request
opened by tangjinzhou 79
Warnings on console when using Menu component
[ ] I have searched the issues of this repository and believe that this is not a duplicate.

Version

2.1.3

Environment

Windows 10, Chrome 89, Vue 3.0.11

Reproduction link

https://2x.antdv.com/components/menu

Steps to reproduce

Use the example code for Menu, with version ant-design-vue version 2.1.3

What is expected?

It is working properly but...

What is actually happening?

There is warnings in the console

reactivity.esm-bundler.js:337 Set operation on key "" failed: target is readonly. {: 1, __vInternal: 1, default: ƒ}
outdated waiting Vue
opened by ais-one 69
Form 性能优化意见征集
What problem does this feature solve?

Form组件过多时的性能问题现在的 Form 组件里的任一 FormItem 变化都会导致 Form 所在的上下文触发更新，当上下文中组件过多时，会变得卡顿。现在添加 :selfUpdate="true" 属性，将FormItem 变为独立更新，避免整个组件刷新。同样也带来了新的问题：如有其它依赖该表单项值的地方，则不可以使用。

What does the proposed API look like?

<template> <a-form :form="form"> <a-form-item key="A" ref="formA"> <a-input v-if="form.getFieldValue('B') === 'abc'" v-decorator="['A']" /> </a-form-item> <a-form-item key="B" selfUpdate> <a-input v-decorator="['B']" /> </a-form-item> </form> </template>
discussion Feature Request outdated
opened by tangjinzhou 62
Select and TreeSelect cannot be selected when use custom prefixCls
[ ] I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.0.0-alpha.15

Environment

3.0.0-alpha.15

Reproduction link

https://github.com/vueComponent/ant-design-vue

Steps to reproduce

使用Select和TreeSelect

What is expected?

无法选择

What is actually happening?

版本回退到3.0.0-alpha.14正常

3.0.0-alpha.15选不了
Stale
opened by wishong 34
日期组件内部能否做到全部中文化？
[ ] I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

解决了对英文不懂的人对日期控件的使用

What does the proposed API look like?

locale语法自动化切换
opened by wwmin 31

vite2+vue2 Build failed

[x] I have searched the issues of this repository and believe that this is not a duplicate.

Version

1.7.3

Environment

vue 2.6.12,vite 2.0.3

Reproduction link

https://github.com/sz-shui/vite-vue2-adv

Steps to reproduce

yarn
yarn run build

What is expected?

build success

What is actually happening?

transforming (359) node_modules\.pnpm\[email protected][email protected]\node_modules\ant-design-v
be resolved – treating it as an external dependency
transforming (1120) node_modules\.pnpm\[email protected]\node_modules\lodash\_coreJsData.js'isMome
'isMoment' is not exported by 'node_modules\.pnpm\[email protected]\node_modules\moment\dist\moment
'isMoment' is not exported by 'node_modules\.pnpm\[email protected]\node_modules\moment\dist\moment
'isMoment' is not exported by 'node_modules\.pnpm\[email protected]\node_modules\moment\dist\moment
'isMoment' is not exported by 'node_modules\.pnpm\[email protected]\node_modules\moment\dist\moment

opened by sz-shui 27

support typescript
[x] I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

support typescript

What does the proposed API look like?

no
help wanted Feature Request 💰 Funded outdated
opened by tangjinzhou 25
form表单不能进行v-model绑定，进而导致input框验证失败
[ ] I have searched the issues of this repository and believe that this is not a duplicate.

Version

2.0.0-rc.1

Environment

win10 谷歌85版本 vue3.0.2 vite1.0.0-rc.8

Reproduction link

Steps to reproduce

form表单不能进行v-model绑定，进而导致input框验证失败

What is expected?

form进行v-model绑定

What is actually happening?

form表单不能进行v-model绑定
outdated
opened by cxbb666 22
tree select 组件的参数 showCheckedStrategy 值不起作用，选择SHOW_ALL还是显示子节点
[x] I have searched the issues of this repository and believe that this is not a duplicate.

Version

1.4.11

Environment

mac chrome vue2.6.11

Reproduction link

Steps to reproduce

使用tree select 组件来选择地区，但是参数 showCheckedStrategy 值不起作用，选择SHOW_ALL还是只显示子节点

What is expected?

showCheckedStrategy 选择对应的值却无效果

What is actually happening?

showCheckedStrategy 选择对应的值却无效果
Stale
opened by glxe 20
When a field in the dataSource data of the table component is null, the cell is not displayed
[ ] I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.3.0-beta.4

Environment

vue3 vite

Reproduction link

https://www.antdv.com/components/table-cn#API

Steps to reproduce

赋值给dataSource，数据中有个字段值是null，渲染时，对应的单元格不渲染，后面单元格依次往前一格

What is expected?

正常显示，数据为null时显示空白，单元格在对应的地方渲染

What is actually happening?
opened by cshuting 0
table组件 Expandable Row can't do it
[ ] I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.2.11

Environment

browser

Reproduction link

https://stackblitz.com/edit/vitejs-vite-joe21u

Steps to reproduce

What is expected?

Table 组件可展开当表格内容较多不能一次性完全展示时。使用这种方式生效

What is actually happening?

希望能修复
opened by JoeXin 1
When the select component scrolls down, the text color in the drop-down list will deepen
[ ] I have searched the issues of this repository and believe that this is not a duplicate.

Version

1.7.7

Environment

chrome last 2 versions

Reproduction link

Steps to reproduce

1.select点开下拉，鼠标滚动； 2.下拉列表文字会出现文字从灰色变黑色加粗的情况；（非必然出现，需尝试多次滚动）

What is expected?

下列列表滚动时，文字颜色不出现变化

What is actually happening?

下列列表滚动时，文字颜色会出现变化
opened by web-tg 0
Using boolean data as "value" in "a-select" triggers a warning
[ ] I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.2.14

Environment

mac os , chrome Version 108.0.5359.124 (Official Build) (arm64)

Reproduction link

Steps to reproduce

The component a-select declares that the property "value" must be "string|number|string[]|number[]" type data.

What is expected?

I want use a-select choose boolean type value without warnning.

What is actually happening?

Using boolean data as "value" in "a-select" triggers a warning
opened by grey-owl 0
docs(date-picker): docs update
First of all, thank you for your contribution! 😄

New feature please send pull request to feature branch, and rest to master branch. Pull request will be merged after one of collaborators approve. Please makes sure that these form are filled before submitting your pull request, thank you!

[中文版模板 / Chinese template]

This is a ...

[ ] New feature

[ ] Bug fix

[ ] Site / document update

[ ] Component style update

[ ] TypeScript definition update

[ ] Refactoring

[ ] Code style optimization

[ ] Branch merge

[ ] Other (about what?)

What's the background?

Describe the source of requirement.

Resolve what problem.

Related issue link.

API Realization (Optional if not new feature)

Basic thought of solution and other optional proposal.

List final API realization and usage sample.

GIF or snapshot should be provided if includes UI/interactive modification.

What's the effect? (Optional if not new feature)

Does this PR affect user? Which part will be affected?

What will say in changelog?

Does this PR contains potential break change or other risk?

Changelog description (Optional if not new feature)

English description

Chinese description (optional)

Self Check before Merge

[ ] Doc is updated/provided or not needed

[ ] Demo is updated/provided or not needed

[ ] TypeScript definition is updated/provided or not needed

[ ] Changelog is provided or not needed

Additional Plan? (Optional if not new feature)

If this PR related with other PR or following info. You can type here.
opened by snow-monster 0
The visual effect of the InputNumber number input box is not uniform when the borderless mode is enabled and the prefix and suffix are not uniform
[x] I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.3.0-beta.4

Environment

Chrome107 vue3.2.45

Reproduction link

Steps to reproduce

<a-input-number addon-after="%" addon-before="%" :controls="false" :bordered="false" />

What is expected?

开启无边框后,前缀与后缀也没有边框

What is actually happening?

开启无边框后,前缀与后缀依旧有边框
opened by mztown 0

Releases(3.3.0-beta.4)

3.3.0-beta.4(Dec 1, 2022)

2022-12-1

Source code(tar.gz)
Source code(zip)
3.2.14(Nov 7, 2022)
3.2.14

2022-11-07

🐞 Fix the problem of dynamic theme failure when custom prefixCls #6063

🐞 Fix DatePicker error when using select and other popup components as slots #6062

🐞 Fix DirectoryTree not exposing scrollTo method #6067

🐞 Fix RangePicker popup position does not change #6073

🐞 修复自定义 prefixCls 时，动态主题失效问题 #6063

🐞 修复 DatePicker 使用 select 等弹窗组件作为插槽时，报错问题 #6062

🐞 修复 DirectoryTree 未暴露 scrollTo 方法 #6067

🐞 修复 RangePicker 弹窗位置不改变问题 #6073

Source code(tar.gz)
Source code(zip)
3.2.13(Oct 8, 2022)
2022-10-08

🌟 Support Vue 3 upgrade tool @vue/compat #5973

🌟 Cascader add tagRender slot #5954

🐞 Fix image flickering issue when Image preview is closed #5955

🐞 Fix Tag close icon style display misplaced #5956

🐞 Fix Table loading property ts type error #5964

🐞 Fix Transfer deletion exception #5975

🐞 Fix the scroll shadow display issue of Table fixed column #5996

🐞 Fix DirectoryTree's default expansion failure issue when customizing fieldNames #6007

🌟 支持 Vue 3 升级工具 @vue/compat #5973

🌟 Cascader 添加 tagRender 插槽 #5954

🐞 修复 Image 预览关闭时，图片闪动问题 #5955

🐞 修复 Tag 关闭图标样式显示错位 #5956

🐞 修复 Table loading 属性 ts 类型错误 #5964

🐞 修复 Transfer 删除异常问题 #5975

🐞 修复 Table 固定列的滚动阴影显示问题 #5996

🐞 修复 DirectoryTree 在自定义 fieldNames 时，默认展开失效问题 #6007

Source code(tar.gz)
Source code(zip)
3.2.12(Sep 2, 2022)
2022-9-2

🐞 Fix DescriptionItem labelStyle does not take effect #5920

🌟 Typography copy button prevents bubbling ##5746

🐞 Fix table merged column scroll shadow occlusion issue #5786

🐞 Fix the inconsistency between css var and ConfigProvider variables #5929

🐞 修复 DescriptionItem labelStyle 不生效问题 #5920

🌟 Typography 复制按钮阻止冒泡 ##5746

🐞 修复 table 合并列滚动阴影遮挡问题 #5786

🐞 修复 css var 和 ConfigProvider 变量不一致问题 #5929

Source code(tar.gz)
Source code(zip)
3.2.11(Aug 8, 2022)
2022-08-08

🐞 Fix dayjs error when CDN introduces component library #5874

🐞 Fix Dropdown submenu wrapping issue #5798

🐞 Fix the problem that the package size increases when the icon is introduced #5822

🐞 Fix Select custom field, no auto-focus selected node issue #5843

🐞 Fix InputNumber size=large, the style is not aligned #5853

🐞 修复 CDN 引入组件库时，dayjs 报错问题 #5874

🐞 修复 Dropdown 子菜单换行问题 #5798

🐞 修复图标引入打包体积增大问题 #5822

🐞 修复 Select 自定义字段时，没有自动聚焦选中节点问题 #5843

🐞 修复 InputNumber size=large 时，样式未对齐问题 #5853

Source code(tar.gz)
Source code(zip)
3.2.10(Aug 8, 2022)
2022-07-07

🐞 Fix the problem that the popup component cannot be used under process.env.NODE_ENV = 'test' #4565

🐞 Fix the problem that the popup layer is directly closed when the Menu component hovers quickly 36df58

🐞 Fix Input autosize type error #5766

🐞 Fix Table ellipsis tilte not working under fixed #5755

🐞 修复在 process.env.NODE_ENV = 'test' 下弹窗类组件无法使用问题 #4565

🐞 修复 Menu 组件在快速 hover 弹出层时，弹出层直接关闭问题 36df58

🐞 修复 Input autosize 类型错误 #5766

🐞 修复 Table ellipsis tilte 在 fixed 下失效问题 #5755

Source code(tar.gz)
Source code(zip)
3.3.0-beta.2(Jul 2, 2022)
2022-7-2

🐞 Fix dist/antd.css file missing issue caused by 3.3.0-beta.1

🐞 修复 3.3.0-beta.1 引起的 dist/antd.css 文件丢失问题

Source code(tar.gz)
Source code(zip)
3.2.9(Aug 8, 2022)
2022-06-25

🐞 Fix the flickering problem when the Select edge position is closed 8a659d

🐞 修复 Select 边缘位置关闭时闪动问题 8a659d

Source code(tar.gz)
Source code(zip)
3.2.8(Aug 8, 2022)
2022-06-24

🌟 Image add scroll wheel to zoom in and out #5703

🌟 ConfigProvider.config added getPopupContainer 62dc24

🐞 Upload tooltip does not show issues #5714

🐞 Row gutter property type error #5725

🐞 Whether Typography is editable or not, the state is not reset after switching #5743

🐞 In DirectoryTree multi-selection mode, a single node should be selected when clicking (multi-selection only selects multiple nodes when pressing ctrl and shift keys) [#5732](https://github.com/vueComponent/ant-design-vue/ issues/5732)

🌟 Image 新增滚轮放大缩小 #5703

🌟 ConfigProvider.config 新增 getPopupContainer 62dc24

🐞 Upload tooltip 不展示问题 #5714

🐞 Row gutter 属性类型错误 #5725

🐞 Typography 是否可编辑切换后，状态未重置问题 #5743

🐞 DirectoryTree 多选模式下，点击时应该选中单个节点(多选只有配合 ctrl、shift 按键时选中多个节点) #5732

Source code(tar.gz)
Source code(zip)
3.2.7(Aug 8, 2022)
2022-06-13

🌟 Checkbox supports adding extra properties #5678

🌟 RadioGroup support global size #5690

🌟 Table expandedRowKeys support v-model #5695

🐞 Fix global Form message not taking effect #5693

🐞 Fix Typography Enter key triggers end event twice, end is no longer triggered when blur #5696

🌟 Checkbox 支持添加额外属性 #5678

🌟 RadioGroup 支持全局 size #5690

🌟 Table expandedRowKeys 支持 v-model #5695

🐞 修复全局 Form message 未生效问题 #5693

🐞 修复 Typography 回车键触发两次 end 事件问题，blur 时不再触发 end #5696

Source code(tar.gz)
Source code(zip)
3.2.6(Jun 7, 2022)
🌟 Cascader custom trigger supports custom components #5677

🐞 Fix DateRangePicker TimeRangePicker arrow not following the movement issue #71c619

🐞 Fix TimeRangePicker minSteps, hourSteps, secondStep not taking effect #5671

🌟 Cascader 自定义 trigger 支持自定义组件 #5677

🐞 修复 DateRangePicker TimeRangePicker 箭头没有跟随移动问题 #71c619

🐞 修复 TimeRangePicker minSteps、hourSteps、secondStep 未生效问题 #5671

Source code(tar.gz)
Source code(zip)
3.2.5(May 26, 2022)
2022-05-26

🌟 Image Added left and right arrow switching function #5642

🐞 Fix Steps progressDot slot failure #5648

🐞 Fix Tooltip global getPopupContainer invalid problem #5636

🐞 Fix useForm help style issue #5635

🐞 Fix Table, Tree drag and drop style conflict #5644

🌟 Image 新增左右箭头切换功能 #5642

🐞 修复 Steps progressDot 插槽失效问题 #5648

🐞 修复 Tooltip 全局 getPopupContainer 失效问题 #5636

🐞 修复 useForm help 样式问题 #5635

🐞 修复 Table、Tree 拖拽样式冲突问题 #5644

Source code(tar.gz)
Source code(zip)
3.2.4(May 23, 2022)
2022-5-23

🐞 修复 InputNumber v-model 类型错误 #5577

🌟 Select 支持全局 size #5590

🐞 Form clearValidate resetValidate 支持数组 #5619

🐞 Drawer 自定义 closeIcon 不生效问题 #5616

🌟 修复 CountDown 支持 dayjs #5edca6

🌟 Tree 支持 scrollTo #5626

🐞 Tooltip disabled 类名错误问题 #5627

Source code(tar.gz)
Source code(zip)
3.2.3(May 5, 2022)
🌟 Optimize Tree performance #5551

🐞 Fix Progress type='dashboard' invalid problem #5549

🐞 Fix console warning when Table customRender returns Fragment component #5556

🐞 Fix the issue of rendering redundant dom nodes when the Card slot is empty

🌟 优化 Tree 性能 #5551

🐞 修复 Progress type='dashboard' 失效问题 #5549

🐞 修复 Table customRender 返回 Fragment 组件时，控制台 warning 问题 #5556

🐞 修复 Card 插槽为空时，渲染多余 dom 节点问题

Source code(tar.gz)
Source code(zip)
3.2.2(Apr 26, 2022)
2022-4-26

🐞 Fix Table ceiling infinite loop problem #5543

🐞 修复 Table 吸顶死循环问题 #5543

Source code(tar.gz)
Source code(zip)
3.2.0(Apr 19, 2022)
2022-04-19

🌟 InputNumber supports lazy modifier

🌟 Image add previewMask property, error event #5479

🌟 Modal style supports string type #5449

🌟 Cascader supports clearIcon, removeIcon slots

🌟 Optimize DatePicker panel switching logic #5488

🐞 Fix Cascader not automatically correcting the popup position #5482

🐞 Tabs left, right direction disable animation #5464

🐞 TimeRangePicker value ts type supports string

🐞 Tree supports deep monitoring #5480

🐞 Fix Table not showing virtual scroll bar when keepalive active

🐞 Fix Input size warning #5508

🌟 InputNumber 支持 lazy 修饰符

🌟 Image 新增 previewMask 属性, error事件 #5479

🌟 Modal style 支持字符串类型 #5449

🌟 Cascader 支持 clearIcon、removeIcon 插槽

🌟 优化 DatePicker 面板切换逻辑 #5488

🐞 修复 Cascader 没有自动修正弹窗位置 #5482

🐞 Tabs left、right 方向禁止动画 #5464

🐞 TimeRangePicker value ts type 支持 string

🐞 Tree 支持深度监听 #5480

🐞 修复 Table 在 keepalive 激活时未显示虚拟滚动条

🐞 修复 Input size warning #5508

Source code(tar.gz)
Source code(zip)
3.1.0(Apr 6, 2022)
🔥🔥🔥 3.1.0 official version released 🔥🔥🔥

🐞 Fix Select.Option child element is empty, the error is reported 272430

🔥🔥🔥 3.1.0 正式版发布 🔥🔥🔥

🐞 修复 Select.Option 子元素为空的时候，报错问题 272430

Source code(tar.gz)
Source code(zip)
3.1.0-rc.6(Apr 6, 2022)
🌟 Optimize Table performance, reduce the number of render times when hovering 900464

🐞 Fix Tabs not folding when setting addIcon 669b22

🐞 Fix Mentions component cannot be selected #5432

🐞 Fix component focus and blur events do not carry event parameters, resulting in popover error #5434

🐞 Fix Select.Option, when setting Tooltip, error is reported #5307

🌟 优化 Table 性能，减少 hover 时 render 次数 900464

🐞 修复 Tabs 在设置 addIcon 时，未折叠问题 669b22

🐞 修复 Mentions 组件无法选中问题 #5432

🐞 修复组件 focus、blur 事件未携带 event 参数，导致 popover 报错 #5434

🐞 修复 Select.Option，设置 Tooltip 时，报错问题 #5307

Source code(tar.gz)
Source code(zip)
3.1.0-rc.5(Apr 6, 2022)
3.1.0-rc.5

🌟 Optimize component ts type hints #5408

🐞 Fix Form cannot scroll to nested fields #5404

🐞 Fix Table bottom-sucking scroll bar responsive failure afd74c

🌟 优化组件 ts 类型提示 #5408

🐞 修复 Form 无法滚动到嵌套字段 #5404

🐞 修复 Table 吸底滚动条响应式失效 afd74c

Source code(tar.gz)
Source code(zip)
3.1.0-rc.4(Apr 6, 2022)
3.1.0-rc.4

🐞 Fix Select options do not support push and other variant methods #5398

🐞 Fix MenuItem custom icon, the original icon class name is lost #5390

🐞 修复 Select options 不支持 push 等变种方法 #5398

🐞 修复 MenuItem 自定义 icon 时，icon 原始类名丢失 #5390

Source code(tar.gz)
Source code(zip)
3.1.0-rc.3(Mar 24, 2022)
🌟 Optimize the search and click performance of Tree TreeSelect #5365

🌟 Menu selectedKeys, openKeys support depth watch 7bf1e0

🐞 Fix Checkbox Radio triggering two click events for one click #5363 #5389

🐞 Fix FormItem htmlFor property invalid issue #5384

🐞 Fix Upload limit the number, the last upload is abort issue #5385

🐞 Fix RangePicker showTime, disabled does not consider time issue #5286

🐞 Fix Layout.Sidebar cannot be expanded after responsive collapse #5373

🐞 Fix AutoComplete custom children's class not mounted 414e7a

🐞 Fix TimeRangePicker disabledTime not taking effect #5387

🐞 Fix Dropdown automatic correction of pop-up window position is invalid #5391

🌟 优化 Tree TreeSelect 的搜索、点击性能 #5365

🌟 Menu selectedKeys、openKeys 支持深度 watch 7bf1e0

🐞 修复 Checkbox Radio 一次点击触发两次 click 事件问题 #5363 #5389

🐞 修复 FormItem htmlFor 属性失效问题 #5384

🐞 修复 Upload 限制数量时，最后一个上传被 abort 问题 #5385

🐞 修复 RangePicker showTime时， disabled 未考虑 time 问题 #5286

🐞 修复 Layout.Sidebar 响应式折叠后，无法展开问题 #5373

🐞 修复 AutoComplete 自定义 children 的 class 未挂载问题 414e7a

🐞 修复 TimeRangePicker disabledTime 未生效问题 #5387

🐞 修复 Dropdown 自动修正弹窗位置失效问题 #5391

Source code(tar.gz)
Source code(zip)
3.1.0-rc.2(Mar 19, 2022)
2022-03-19

🌟 Optimize the underlying virtual scrolling components to scroll millions of data smoothly, involving Select Tree TreeSelect AutoComplete Cascader components

🐞 Fix the animation does not take effect when the Button component switches loading #5360

🐞 Fix the console error when Modal switches loading #5361

🌟 优化底层虚拟滚动组件，流畅滚动百万数据，涉及 Select Tree TreeSelect AutoComplete Cascader 组件

🐞 修复 Button 组件切换 loading 时，动画未生效 #5360

🐞 修复 Modal 切换 loading 时，控制台报错问题 #5361

Source code(tar.gz)
Source code(zip)
3.1.0-rc.1(Mar 18, 2022)
2022-03-18

🔥🔥🔥 The official version is expected to be released at the end of March or early April, when 3.x will become the default version, and the documentation will also point to the 3.x documentation by default 🔥🔥🔥

🌟 Export more component properties to facilitate secondary development #5340 [#5353](https://github.com/ vueComponent/ant-design-vue/issues/5353)

🌟 Timeline can be used for antd icon when custom color 2b81a7

🌟 Radio Checkbox supports number type

🌟 Popover does not display the popup when the slot is empty 71e110

🌟 Pagination supports responsiveness 85197c

🌟 Adjust the truncation logic after Textarea exceeds the maximum length (the text will not change after it exceeds) d92921

🐞 Fix Table column drag handle style missing #5348

🐞 Fix FormItem error prompt repeated display problem #5349

🐞 Fix FormItem cannot be used alone #5343

🐞 Fix Tooltip not displaying in Switch in loading state 625eff

🔥🔥🔥 预计 3 月底或 4 月初发布正式版，届时 3.x 将成为默认版本，文档也将默认指向 3.x 文档 🔥🔥🔥

🌟 导出更多组件属性，方便二次开发 #5340 #5353

🌟 Timeline 自定义颜色时可对 antd icon 生效 2b81a7

🌟 Radio Checkbox 支持 number 类型

🌟 Popover 在 slot 为空时，不展示弹窗 71e110

🌟 Pagination 支持响应式 85197c

🌟 调整 Textarea 超出最大长度后的截断逻辑（超出后文本不再变化）d92921

🐞 修复 Table column 拖动手柄样式丢失问题 #5348

🐞 修复 FormItem 错误提示重复显示问题 #5349

🐞 修复 FormItem 不可单独使用问题 #5343

🐞 修复 Switch 在 loading 状态下的 Tooltip 不展示问题 625eff

Source code(tar.gz)
Source code(zip)
3.1.0-rc.0(Mar 15, 2022)
2022-03-15

🔥 Support CSS variables, if you encounter style building errors after upgrading, please check Dynamic Theme Documentation to troubleshoot the problem. Experience

🔥 Support RTL experience

🌟 LayoutSider trigger support slot #5317

🌟 Select add filterSort virtual listHeight configuration #5310

🌟 SubMenu added popupOffset #5312

🌟 Affix add customIcon slot 60e259

🌟 Avatar add crossOrigin maxPopoverTrigger property 5bdb45

🌟 Button adds global size support 16b3b5f

🌟 DatePicker added slots prevIcon nextIcon superPrevIcon superNextIcon 27e7ed

🌟 Divider added orientationMargin c528d7

🌟 Dropdown added destroyPopupOnHide loading c4c691

🌟 Form added labelWrap cb95d1

🌟 Input added showCount 85767d

🌟 InputNumber add prefix slot efea6b

🌟 MenuDivider added dashed dotted line 32fc4f

🌟 Modal method usage added wrapClassName d38ecc

🌟 Modal.confirm adds showCancel and propmise support a041b5

🌟 Added Skeleton.Button Skeleton.Input two sub-components 2bd5fc

🌟 Spin supports tip slot 93a06a

🌟 Table added filterMode to support tree filtering 79ff7a

🌟 Typography add enterIcon slot, triggerType property e777bc

🐞 Fix DatePicker using string mode, console output type is wrong #5323

🐞 Fix the problem that the parent node cannot be selected after all the child nodes of TreeSelect are disabled #5316

🐞 Fix Row gutter ts type hint error 2efe1a

🐞 Fix Wave not working when custom prefixCls #5334

🔥 支持 CSS variables，升级后如遇样式构建报错，请查看动态主题文档排查问题。体验

🔥 支持 RTL 体验

🌟 LayoutSider trigger 支持插槽 #5317

🌟 Select 新增 filterSort virtual listHeight 配置 #5310

🌟 SubMenu 新增 popupOffset #5312

🌟 Affix 新增 customIcon 插槽 60e259

🌟 Avatar 新增 crossOrigin maxPopoverTrigger 属性 5bdb45

🌟 Button 新增全局 size 支持 16b3b5f

🌟 DatePicker 新增插槽 prevIcon nextIcon superPrevIcon superNextIcon 27e7ed

🌟 Divider 新增 orientationMargin c528d7

🌟 Dropdown 新增 destroyPopupOnHide loading c4c691

🌟 Form 新增 labelWrap cb95d1

🌟 Input 新增 showCount 85767d

🌟 InputNumber 新增 prefix 插槽 efea6b

🌟 MenuDivider 新增 dashed虚线 32fc4f

🌟 Modal 方法使用方式新增 wrapClassName d38ecc

🌟 Modal.confirm 新增 showCancel 以及 propmise 支持 a041b5

🌟 新增 Skeleton.Button Skeleton.Input 两个子组件 2bd5fc

🌟 Spin 支持 tip 插槽 93a06a

🌟 Table 新增 filterMode 支持树形筛选 79ff7a

🌟 Typography 新增 enterIcon 插槽、triggerType 属性 e777bc

🐞 修复 DatePicker 使用字符串模式时，控制台输出类型错误问题 #5323

🐞 修复 TreeSelect 子节点全部 disabled 后，父节点无法选中问题 #5316

🐞 修复 Row gutter ts 类型提示错误问题 2efe1a

🐞 修复 Wave 在自定义 prefixCls 时失效问题 #5334

Source code(tar.gz)
Source code(zip)
3.0.0-beta.13(Mar 4, 2022)
2022-3-4

🌟 Optimize the animation after Menu overflow to avoid flickering

🐞 Fix the issue of automatic parse when inputting invalid values when using dateFns #5302

🐞 Fix Carousel click error when using image #5299

🌟 优化 Menu overflow 后动画，避免闪动

🐞 修复日期组件使用 dateFns 时，输入不合法值时自动 parse 问题 #5302

🐞 修复 Carousel 使用图片时点击报错问题 #5299

Source code(tar.gz)
Source code(zip)
3.0.0-beta.11(Mar 1, 2022)
2022-02-28

🌟 Refactor Upload, add showDownloadIcon, directory, isImageUrl, itemRender, maxCount, openFileDialogOnClick, progress, previewIcon, removeIcon, downloadIcon, drop and other features

🌟 Refactor Carousel

🐞 Fix Mentions cannot be selected when long-pressed #5233

🐞 Fix the issue of rendering multiple expand icons when Table dynamically changes the expand icon position #5295

🐞 Fix Slider type error #5289

🌟 重构 Upload, 新增 showDownloadIcon、directory、isImageUrl、itemRender、maxCount、openFileDialogOnClick、progress、previewIcon、removeIcon、downloadIcon、drop 等特性

🌟 重构 Carousel

🐞 修复 Mentions 长按时无法选中问题 #5233

🐞 修复 Table 动态更改展开图标位置时，渲染多个展开图标问题 #5295

🐞 修复 Slider 类型错误问题 #5289

Source code(tar.gz)
Source code(zip)
3.0.0-beta.10(Feb 18, 2022)
2022-02-18

🐞 Fix the issue of automatic parse when inputting invalid values when the date component uses dayjs or dateFns #5221

🐞 Fix the issue that virtual scrolling is not turned off when dropdownMatchSelectWidth is false #5242

🐞 Fix descriptions console warning issue #5250

🐞 Fix the problem of provoking when the right-click of dropdown is expanded #5259

🐞 Fix TreeSelect windows touchpad expansion failure issue #5220

🐞 修复日期组件使用 dayjs 或 dateFns 时，输入不合法值时自动 parse 问题 #5221

🐞 修复 dropdownMatchSelectWidth 为 false 时，未关闭虚拟滚动问题 #5242

🐞 修复 descriptions 控制台 warning 问题 #5250

🐞 修复 dropdown 的右键展开时，挑动问题 #5259

🐞 修复 TreeSelect windows 触摸板展开失效问题 #5220

Source code(tar.gz)
Source code(zip)
3.0.0-beta.9(Jan 28, 2022)
2022-1-28 🔥🔥🔥 Happy New Year 🔥🔥🔥

🌟 Progress add title attribute to avoid title being overwritten by internal title #4929

🐞 Fix Input focus state, style border issue #5188

🌟 Optimize the scrolling effect of virtual scrolling under mobile #5191

🐞 Fix the style issue of Tree component when dragging 6d4248

🐞 Fix TreeSelect when the content is empty, the Enter button fills the empty node problem #5217

🐞 Fix Button block style invalid after setting size #5219

🔥🔥🔥 新年快乐 🔥🔥🔥

🌟 Progress 添加 title 属性，避免 title 被内部 title 覆盖问题 #4929

🐞 修复 Input focus 状态时，样式边框问题 #5188

🌟 优化虚拟滚动在 mobile 下的滚动效果 #5191

🐞 修复 Tree 组件在拖拽时的样式问题 6d4248

🐞 修复 TreeSelect 在空内容时，回车按键填充空节点问题 #5217

🐞 修复 Button 在设置 size 后，block 样式失效问题 #5219

Source code(tar.gz)
Source code(zip)
3.0.0-beta.8(Jan 21, 2022)
3.0.0-beta.8

2022-01-21

🔥 Refactor Cascader, support multiple selection, add tagRender multiple maxTagCount maxTagPlaceholder expandIcon, use dropdownClassName dropdownStyle open placement to replace popupClassName popupStyle respectively popupVisiblepopupPlacement` property

🌟 Select, TreeSelect support slot maxTagPlaceholder

🌟 Table.Summary.Cell supports style, class native properties

🌟 Export more component types: ConfigProviderProps InputProps TextAreaProps PopconfirmProps PopoverProps SliderProps StepProps StepsProps

🐞 Fix Modal reporting error under [email protected] #5190

🐞 Fix Modal getContainer invalid problem #5147

🐞 Fix Table responsive invalid problem #5172

🐞 Fix Tabs activeKey controlled invalidation issue #5180

🔥 重构 Cascader, 支持多选，新增 tagRender multiple maxTagCount maxTagPlaceholder expandIcon, 使用 dropdownClassName dropdownStyle open placement 分别替换 popupClassName popupStyle popupVisible popupPlacement 属性

🌟 Select、TreeSelect 支持插槽 maxTagPlaceholder

🌟 Table.Summary.Cell 支持 style、class 的原生属性

🌟 导出更多组件类型: ConfigProviderProps InputProps TextAreaProps PopconfirmProps PopoverProps SliderProps StepProps StepsProps

🐞 修复 Modal 在 [email protected] 下报错问题 #5190

🐞 修复 Modal getContainer 失效问题 #5147

🐞 修复 Table responsive 失效问题 #5172

🐞 修复 Tabs activeKey 受控失效问题 #5180

Source code(tar.gz)
Source code(zip)
3.0.0-beta.7(Jan 10, 2022)
2022-1-10

🌟 Export FormItemInstance type 23f5fb

🐞 Fix Modal not showing issue under Dropdown #5139

🐞 Fix Modal esc shortcut key invalid issue 3297f7

🌟 导出 FormItemInstance 类型 23f5fb

🐞 修复 Modal 在 Dropdown 下不显示问题 #5139

🐞 修复 Modal esc 快捷键失效问题 3297f7

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