A comprehensive React UI components library based on the Arco Design system.

Last update: Jan 8, 2023

Related tags

React UI Component arco-design

Overview

Arco Design

A comprehensive React UI components library based on the Arco Design system.

English | 简体中文

Features

Comprehensive

With more than 60 crafted components that you can use out of the box.

Customizable theme

Extensive theme tokens can be customized to build your own theme. Two ways of customization are supported:

With less-loader
Design Lab - Recommended!

TypeScript friendly

All components are written in TypeScript so it's type friendly.

Wide browser support

All modern browsers including IE11 (using polyfills), are supported.

Installation

Available as an npm package

// with npm
npm install @arco-design/web-react

// with yarn
yarn add @arco-design/web-react

Examples

import React from 'react';
import ReactDOM from 'react-dom';
import Button from '@arco-design/web-react';

function App() {
  return (
    <Button type='secondary'>
      Hello World
    </Button>
  );
}

ReactDOM.render(<App />, document.getElementById('app'));

Useful Links

Ecosystems

Project	Description
Vue Component Library	A comprehensive Vue UI components library based on the Arco Design system
Design Lab	A platform to create and manage your themes with ease.
Material Market	A platform that provides massive high-quality customized materials to greatly boost development efficiency.
Icon Box	One-stop platform to manage your icons.
Arco Pro	A solution to quickly building applications from scratch.

Contributing

Developers interested in contributing should read the Code of Conduct and the Contributing Guide.

License

Ths project is MIT licensed.

Comments

Modal中的popup会限制在弹窗窗口范围内，很丑
[ ] I'm sure this does not appear in the issue list of the repository

Basic Info

Package Name And Version: @arco-design/[email protected]

Browser: chrome98.0.4758.102

Reproduction Link: https://codesandbox.io/s/quirky-joana-f3eimk?file=/index.js

Extra info

Modal 内默认设置的 getPopupContainer 是 content，导致 popup 会被局限在这个范围内

https://github.com/arco-design/arco-design/blob/3282079ee297ae8f0f0f7d5b6cc79d0f6429246b/components/Modal/modal.tsx#L235-L249

如果换成外层的 modal-wrapper，效果会好很多

What is expected?

popup可以操出弹窗的范围
wontfix
opened by claneo 15
chore: remove some inappropriate comments
Types of changes

[ ] New feature

[ ] Bug fix

[ ] Documentation change

[x] Coding style change

[ ] Component style change

[ ] Refactoring

[ ] Performance improvement

[ ] Test cases

[ ] Continuous integration

[ ] Typescript definition change

[ ] Breaking change

Background and context

Solution

How is the change tested?

Changelog

| Component | Changelog(CN) | Changelog(EN) | Related issues | | --------- | ------------- | ------------- | -------------- | | | 一些注释 | some comments | |

Checklist:

[x] Test suite passes (npm run test)

[x] Provide changelog for relevant changes (e.g. bug fixes and new features) if applicable.

[x] Changes are submitted to the appropriate branch (e.g. features should be submitted to feature branch and others should be submitted to main branch)

Other information
opened by adaex 10
" 不是有效的 JSX 元素。">
“DatePicker.RangePicker”不能用作 JSX 组件。其实例类型 "Component" 不是有效的 JSX 元素。
[ ] I'm sure this does not appear in the issue list of the repository

基本信息

依赖包名及版本: @arco-design/[email protected]

浏览器版本: chrome100.0.4896.75

复现地址: 构建错误，无法提供复现链接

预期结果

不报错

复现步骤

使用arco-design pro 创建项目无任何代码修改，正常启动示例代码 <DatePicker.RangePicker /> 出现ts报错

React 18
opened by luyuanky 9
optimize badge components and fix the document
Types of changes

[x] New feature

[x] Bug fix

[x] Documentation change

[ ] Coding style change

[ ] Component style change

[ ] Refactoring

[ ] Performance improvement

[ ] Test cases

[ ] Continuous integration

[ ] Typescript definition change

[ ] Breaking change

[ ] Others

Background and context

In some cases, the color property should not only be used in dot mode, such as twitter's non-dot badge is blue
Now ,color can be applied to all forms of badge

The 'in' propertity of the CSSTransition component should receive a boolean value, so I did a conversion to the color propertity

fix doc's typo

Solution

How is the change tested?

Changelog

| Component | Changelog(CN) | Changelog(EN) | Related issues | | --------- | ------------- | ------------- | -------------- | | Badge | Badge color属性可以作用dot和非dot模式 | Badge color property can work in dot and non-dot mode | | | Badge | 修复Badge组件里CssTransition传入string类型的color属性导致控制台waring的bug | Fixed the bug of console waring caused by passing the color property of string type to CssTransition in the Badge component | |

Checklist:

[ x ] Test suite passes (npm run test)

[ x ] Provide changelog for relevant changes (e.g. bug fixes and new features) if applicable.

[ ] Changes are submitted to the appropriate branch (e.g. features should be submitted to feature branch and others should be submitted to main branch)

Other information
opened by xzdry 9
fix(slider): slider wrong update value with two input case
Types of changes

[x] Bug fix

Background and context

CLOSE #198

Solution

change value on input blur instead of on input change

https://user-images.githubusercontent.com/27187946/142857686-fbd34fc0-3d5d-4e32-8b23-441929027a4e.mp4

if initial value is [0, 0], there is a bug using input to change slider

How is the change tested?

add unit test if needed

Changelog

| Component | Changelog(CN) | Changelog(EN) | Related issues | | --------- | ------------- | ------------- | -------------- | | Slider | Bug fix | Bug fix | #198 |

Checklist:

[x] Test suite passes (npm run test)

[x] Provide changelog for relevant changes (e.g. bug fixes and new features) if applicable.

[x] Changes are submitted to the appropriate branch (e.g. features should be submitted to feature branch and others should be submitted to main branch)

Other information
opened by lianghx-319 9
InputNumber 使用 formatter 在结尾加字符后无法删除
[x] I'm sure this does not appear in the issue list of the repository

Basic Info

Package Name And Version: @arco-design/[email protected]

Framework version: "16.14.0"

Browser: chrome106.0.0.0

Reproduction Link: https://codepen.io/chenchen112/pen/vYrYqeV?editors=0011

What is expected?

希望可以正常删除
⚡️ enhancement
opened by chenchen112 8
style(Tabs): Modify the problem that the header line is in the wrong position when the Tabs component is in type=line, tabPosition=bottom
Modify the problem that the header line is in the wrong position when the Tabs component is in type=line, tabPosition=bottom. 修改Tabs组件在type=line、tabPosition=bottom时，header线位置错误的问题。

Types of changes

[ ] New feature

[ ] Bug fix

[ ] Enhancement

[ ] Documentation change

[ ] Coding style change

[x] Component style change

[ ] Refactoring

[ ] Test cases

[ ] Continuous integration

[ ] Typescript definition change

[ ] Breaking change

[ ] Others

Background and context

修改前:

修改后:

Solution

个人觉得，在bottom位置的时候，type=line的Tabs，线应该也在下方，不然看起来像是tabs-content的一部分。

Changelog

| Component | Changelog(CN) | Changelog(EN) | Related issues | | --------- | ------------- | ------------- | -------------- | | Tabs | 修复 Tabs 组件在 type=line & tabPosition=bottom 时，分割线位置错误的样式问题。 | Fixed Tabs component in type=line & tabPosition=bottom, the style issue of the wrong split line position. | |

Checklist:

[x] Test suite passes (npm run test)

[ ] Provide changelog for relevant changes (e.g. bug fixes and new features) if applicable.

[ ] Changes are submitted to the appropriate branch (e.g. features should be submitted to feature branch and others should be submitted to main branch)

💅 component style
opened by fengxinhhh 8
fix(Typography): the first parameter of listener function onStart of …
Types of changes

[ ] New feature

[x] Bug fix

[ ] Documentation change

[ ] Coding style change

[ ] Component style change

[ ] Refactoring

[ ] Performance improvement

[ ] Test cases

[ ] Continuous integration

[ ] Typescript definition change

[ ] Breaking change

[ ] Others

Background and context

在使用Typography组件时，editable 属性可开启编辑功能，editable属性可添加一个onStart函数，onStart函数的第一个参数是获取编辑的文本，但是源码获取的方式是String(children)

children代表的是用户自己的可编辑文本，但这个文本有可能是reactNode，所以String(reactNode)得到的文本数据是"[object Object]"

Solution

基于上面的问题，所以我们需要判断这个children是否是reactNode还是普通的文本，我使用了acro design本身的工具函数mergedToString,就可以完成此判断并返回最终合并的文本

How is the change tested?

Changelog

| Component | Changelog(CN) | Changelog(EN) | Related issues | | --------- | ------------- | ------------- | -------------- | | Typography | 修复 Typography 组件在编辑状态时， onStart 入参错误的bug | Fix the bug that the onStart input parameter was wrong when the Typography component was editing the state | |

Checklist:

[x] Test suite passes (npm run test)

[ ] Provide changelog for relevant changes (e.g. bug fixes and new features) if applicable.

[ ] Changes are submitted to the appropriate branch (e.g. features should be submitted to feature branch and others should be submitted to main branch)

Other information
🐛 bug
opened by lio-mengxiang 8
Table开启复选框，尺寸非default时，头部全选框和列的选择框不对齐
[ ] I'm sure this does not appear in the issue list of the repository

Basic Info

Package Name And Version: 2.25.0

System: mac

Browser: chrome

Reproduction Link: https://arco.design/react/components/table#%E8%A1%A8%E6%A0%BC%E5%B1%9E%E6%80%A7

What is expected?

对齐

Steps to reproduce

开启复选框，尺寸选mini
💅 component style
opened by 52flutter 8
feat: add prop escToClose in Trigger
Types of changes

[x] New feature

[ ] Bug fix

[ ] Documentation change

[ ] Coding style change

[ ] Component style change

[ ] Refactoring

[ ] Performance improvement

[ ] Test cases

[ ] Continuous integration

[ ] Typescript definition change

[ ] Breaking change

[ ] Others

Background and context

Close #58

Solution

在 Trigger 组件中添加 escToClose，默认为 false。在 Tooltip 组件中添加 escToClose，默认为 false。在 Popconfirm 组件中添加 escToClose，默认为 true。

How is the change tested?

Changelog

| Component | Changelog(CN) | Changelog(EN) | Related issues | | --------- | ------------- | ------------- | -------------- | |Trigger|Trigger 组件添加 escToClose 设置是否允许按 ESC 关闭，默认为 false。|Trigger add escToClose to set whether to allow close the popup by pressing ESC, default value is false.|Close #58| |Tooltip|Tooltip 组件添加 escToClose，默认为 false。|Trigger add escToClose, default value is false.|Close #58| |Popconfirm|Popconfirm 组件添加 escToClose，默认为 true。|Popconfirm add escToClose, default value is true.|Close #58|

Checklist:

[x] Test suite passes (npm run test)

[x] Provide changelog for relevant changes (e.g. bug fixes and new features) if applicable.

[x] Changes are submitted to the appropriate branch (e.g. features should be submitted to feature branch and others should be submitted to main branch)

Other information
opened by masterX89 8
Upload: Cannot upload file when set accept only '.heic' files
[ ] I'm sure this does not appear in the issue list of the repository

Basic Info

Package Name And Version: @arco-design/[email protected]

Framework version: 18.0.0

Browser: chrome106.0.0.0

What is expected?

The onChange callback should fire when selecting a '.heic' file when the accept field is set to accept '.heic' files only

Steps to reproduce

Add the Upload component and set the accept field to accept only '.heic' files, then select a '.heic' file but then onChange did not trigger
Need more info
opened by busyxiang 7
文档 API 说明的部分 boolean 默认值
[x] I'm sure this does not appear in the issue list of the repository

基本信息

在没有默认值的情况下，boolean 等值为 undefined 实际行为和 false 一致，在 API 文档中有一部分 false 被标注了默认值，但还有一部分是无默认值的，不太一致。

可以考虑将无默认值的 boolean 在说明中标注为 false。对于一般属性（回调函数和自定义组件等）没有默认值的表现是不体现这个功能，但对于 boolean 属性没有默认值（falsy）事实上就表示其值为 false

现有案例

https://arco.design/react/en-US/components/trigger

预期解决问题

将默认值设置统一
opened by songhn233 0
fix(button): button组件onClick参数类型调整及isTwoCNChar判断逻辑优化
Types of changes

[ ] New feature

[ ] Bug fix

[ ] Enhancement

[ ] Documentation change

[ ] Coding style change

[ ] Component style change

[ ] Refactoring

[ ] Test cases

[ ] Continuous integration

[x] Typescript definition change

[ ] Breaking change

[ ] Others

Background and context

Solution

How is the change tested?

Changelog

| Component | Changelog(CN) | Changelog(EN) | Related issues | | --------- | ------------- | ------------- | -------------- | | Button | 优化onClic参数类型 | Optimize onClic parameter types | | | Button | 优化isTwoCNChar逻辑判断 | Optimize isTwoCNChar logic judgment| |

Checklist:

[ ] Test suite passes (npm run test)

[ ] Provide changelog for relevant changes (e.g. bug fixes and new features) if applicable.

[ ] Changes are submitted to the appropriate branch (e.g. features should be submitted to feature branch and others should be submitted to main branch)

Other information
opened by foolishmax 0
timePicker支持只使用面板
[ ] I'm sure this does not appear in the issue list of the repository

基本信息

现有案例

无

预期解决问题

目前timePicker的triggerElement只支持传入自定义触发元素，不支持传入null控制只使用面板，希望能和datePicker一样可以传入triggerElement=null来只使用面板
✨ feature
opened by w979897702 0
feat(Menu): allow to customize the text displayed when menu overflows
Types of changes

[x] New feature

[ ] Bug fix

[ ] Enhancement

[ ] Documentation change

[ ] Coding style change

[ ] Component style change

[ ] Refactoring

[ ] Test cases

[ ] Continuous integration

[ ] Typescript definition change

[ ] Breaking change

[ ] Others

Background and context

目前水平菜单(Menu)自动溢出省略状态下写死了 ··· 文本，有很多场景需要自定义这个符号的具体字符，比如使用 更多 作为水平溢出省略的自定义文本。这个 PR 就是为了解决这类问题。

Currently the horizontal menu automatic overflow omission state is hard code ··· text, there are many scenarios need to customize the specific characters of this symbol, such as the use of more as the horizontal overflow custom text. This PR is designed to solve such problems.

Solution

为 Menu 组件增加 ellipsisText prop，在 ellipsis 开启的时候参考该参数渲溢出的 Submenu，为了避免 break change，该参数的默认值为 ···。

Add ellipsisText prop to the Menu component, and render the overflow Submenu title with this prop when ellipsis is turned on. To avoid break change, the default value of this parameter is ···.

How is the change tested?

Changelog

| Component | Changelog(CN) | Changelog(EN) | Related issues | | --------- | ------------- | ------------- | -------------- | | Menu | Menu 组件新增 ellipsisText 属性以自定义溢出文本。 | The Menu component adds an ellipsisText prop to customize the overflow submenu title. | |

Checklist:

[x] Test suite passes (npm run test)

[ ] Provide changelog for relevant changes (e.g. bug fixes and new features) if applicable.

[ ] Changes are submitted to the appropriate branch (e.g. features should be submitted to feature branch and others should be submitted to main branch)

Other information
opened by Kunduin 0
input组件中使用:input-attrs="{type:'seach'}"修改input的type无效
[ ] I'm sure this does not appear in the issue list of the repository

Basic Info

Package Name And Version: @arco-design/[email protected]

Framework version: vue 3.2.38

Browser: chrome108.0.0.0

What is expected?

希望相关api有官方实例指引

Steps to reproduce
opened by moshang16 1
Popconfirm content属性添加
[ ] I'm sure this does not appear in the issue list of the repository

Basic Info

What are the similar cases of this feature

与popover 一样同时支持title与content即可

What problem does this feature solve?

popconfirm能够支持标题和描述内容同时出现
✨ feature
opened by SkyAshuai 0

Releases(2.43.2)

2.43.2(Jan 6, 2023)
💎 Enhancement

Optimize the empty string display of Select component option value.(#1703)

🐛 BugFix

Fix the bug that nesting Popover components inside ImagePreviewGroup causes an error.(#1706)

💎 功能优化

优化 Select 组件选项值的空字符串展示。(#1703)

🐛 问题修复

修复在 ImagePreviewGroup 内嵌套 Popover 组件导致报错的 bug。(#1706)

Source code(tar.gz)
Source code(zip)
2.43.1(Dec 30, 2022)
💎 Enhancement

Optimize the virtual list scroll position offset problem when the list item has a margin value set.(#1690)

Remove defaultProps usage of inner function components to avoid console warning in React 18 strict mode.(#1687)

🐛 BugFix

Fix the bug that defaultValue does not take effect in React 18 strict mode for some components.(#1689)

Fix the page crash issue when the InputNumber passes a decimal with a precision greater than 100 (e.g. 1e-200).(#1688)

Optimize the Anchor component. When the height of the anchor element is large, the scroll target container may have a bug that activates Anchor.Link calculation inaccurately.(#1676)

Fix SSR warning for InputNumber component due to useLayoutEffect.(#1672)

💎 功能优化

优化虚拟列表在列表项设置了 margin 值时滚动定位偏移的问题。(#1690)

移除内部函数组件的 defaultProps 用法，避免在 React 18 严格模式下控制台 warning。(#1687)

🐛 问题修复

修复部分组件在 React 18 严格模式下，defaultValue 不生效的 bug。(#1689)

修复 InputNumber 组件传入精度超过 100 (e.g. 1e-200) 的小数时页面崩溃的问题。(#1688)

优化 Anchor 组件在锚点元素高度较大时，滚动目标容器可能出现激活 Anchor.Link 计算不准确的 bug。(#1676)

修复 InputNumber 组件由于 useLayoutEffect 导致的 SSR 警告。(#1672)

Source code(tar.gz)
Source code(zip)
2.43.0(Dec 23, 2022)
💎 Enhancement

Optimize the problem that the position of the popup layer flickers when the trigger node style of the Trigger component changes to display: none.(#1652)

Optimize the flickering problem caused by the size change of the popup layer of the Trigger component and the location is not updated in time.(#1652)

🆕 Feature

DatePicker supports setting prefix by prefix.(#1668)

TimePicker supports setting prefix by prefix.(#1668)

Message adds transitionTimeout attribute to improve custom animation configuration.(#1667)

Form.Item supports setting tooltip via tooltip property.(#1665)

The Checkbox component adds an icon prop to customize the checked icon.(#1656)

🐛 BugFix

Fix the bug that mp3 files cannot be uploaded normally when the Upload component is set to accept=audio/mp3.(#1669)

Fix the bug that the Collapse component reported an error in React 18 strict mode.(#1666)

💎 功能优化

优化 Trigger 组件的触发节点样式变为 display: none 时弹出层位置出现闪动的问题。(#1652)

优化 Trigger 组件的弹出层尺寸改变定位未及时更新导致的闪动问题。(#1652)

🆕 功能升级

DatePicker 支持通过 prefix 设置前缀。(#1668)

TimePicker 支持通过 prefix 设置前缀。(#1668)

Message 新增 transitionTimeout 属性，完善自定义动画配置。(#1667)

Form.Item 支持通过 tooltip 属性设置提示信息。(#1665)

Checkbox 组件新增 icon 属性以自定义选中态图标。(#1656)

🐛 问题修复

修复 Upload 组件在设置 accept=audio/mp3 时，mp3 文件无法被正常上传的 bug。(#1669)

修复 Collapse 组件在 React 18 严格模式下，组件报错的 bug。(#1666)

Source code(tar.gz)
Source code(zip)
2.42.2(Dec 9, 2022)
💎 Enhancement

Select allows to show dropdown when allowCreate is enabled and no option data is present.(#1640)

Optimize the situation where the Form.List component is completely re-rendered when the form item data is updated through the Form API, causing the page to freeze.(#1638)

🐛 BugFix

Fix the bug that empty data may appear in the search result panel when the Cascader component searches remotely.(#1639)

Fix DatePicker week selector compatibility with moment.js.(#1631)

💅 Style

Fix Switch component switching animation jitter issue.(#1641)

💎 功能优化

Select 允许在 allowCreate 并且无选项数据时展示下拉框。(#1640)

优化 Form.List 组件在通过 Form API 更新表单项数据时全部重渲染导致页面卡顿的情况。(#1638)

🐛 问题修复

修复 Cascader 组件远程搜索时，搜索结果面板可能出现空数据的 bug。(#1639)

修复 DatePicker 组件周选择器对 moment.js 的兼容。(#1631)

💅 样式更新

修复 Switch 组件切换动画抖动的问题。(#1641)

Source code(tar.gz)
Source code(zip)
2.42.1(Dec 2, 2022)
🐛 BugFix

Fix the bug that the popup layer is not displayed when modal.confirm returned by Modal.useModal is called in useCallback.(#1628)

Fix the bug that the icon is lost when the title of the popup layer created by Modal.useModal is updated by the update method(#1628)

Fix the bug that updating the content of the popup layer through update in Promise does not take effect when onOK is set to Promise for the popup layer created by Modal.useModal.(#1628)

Fix the bug that defaultPageSize does not take effect in sizeOptions mode of Pagination component.(#1627)

🐛 问题修复

修复 Modal.useModal 返回的 modal.confirm 在 useCallback 中调用时，不显示弹出层的 bug。(#1628)

修复通过 Modal.useModal 创建的弹出层在通过 update 方法更新 title 时，icon 丢失的 bug。(#1628)

修复通过 Modal.useModal 创建的弹出层在 onOK 设置为 Promise 时，Promise 中通过 update 更新弹出层内容不生效的 bug。(#1628)

修复 Pagination 组件在 sizeOptions 模式下 defaultPageSize 不生效的 bug(#1627)

Source code(tar.gz)
Source code(zip)
2.42.0(Nov 25, 2022)
🆕 Feature

Upload supports turning off drag upload by setting drag=false(#1613)

Transfer adds virtualListProps property to support virtual scrolling of the list.(#1610)

Drawer component supports zIndex property(#1604)

InputNumber adds strictMode to support large numbers and high precision decimals.(#1603)

🐛 BugFix

Fix the bug that the width of addButton of the Tabs component causes inaccurate calculation of scrolling timing(#1614)

Fixed a bug where the popup layer could not be displayed when Checkbox.Group was used as a child of Trigger.(#1612)

Fix the bug of reporting an error when the data of the Table component is number[] or string[].(#1611)

Fixed the bug that the config passed in when creating the popup layer was lost when the Modal component updated the popup content through the update method.(#1609)

Fixed a bug where the .arco-modal-title node was still rendered when title={null} & icon={null} were set when the Modal component created a popup layer through a static method.(#1609)

Fix the bug that the containerScrollToClose property of the Trigger component does not take effect when the page scrolling container is document.documentElement.(#1606)

Fixed a bug that when the Table component enabled virtual scrolling, dynamically changing the scroll would cause the fixed column highlight to lose its style.(#1600)

Fix the problem that when showSearch = true in Firefox browser, Select needs to be clicked twice to pop up the drop-down box.(#1569)

🆕 功能升级

Upload 支持通过 drag=false 设置关闭拖拽上传(#1613)

Transfer 组件新增 virtualListProps 属性以支持开启列表虚拟滚动。(#1610)

Drawer 组件支持 zIndex 属性(#1604)

InputNumber 新增 strictMode 以支持大数和高精度小数。(#1603)

🐛 问题修复

修复 Tabs 组件的 addButton 宽度造成滚动时机计算不准确的 bug(#1614)

修复 Checkbox.Group 作为 Trigger 子元素时，弹出层无法显示的 bug。(#1612)

修复 Table 组件 data 为 number[] 或 string[] 时，报错的问题。(#1611)

修复 Modal 组件通过 update 方法更新弹窗内容时丢失创建弹出层时传入的 config 的 bug.(#1609)

修复 Modal 组件通过静态方法创建弹出层时设置 title={null} & icon={null} 时，.arco-modal-title 节点仍然被渲染的 bug。(#1609)

修复 Trigger 组件的 containerScrollToClose 属性在页面滚动容器为 document.documentElement 时不生效的 bug。(#1606)

修复 Table 组件开启虚拟滚动时，动态改变 scroll 会导致固定列高亮丢失样式的 bug。(#1600)

修复 Firefox 浏览器下当 showSearch = true 时，Select 需要点击两次才能弹出下拉框的问题。(#1569)

Source code(tar.gz)
Source code(zip)
2.41.3(Nov 18, 2022)
🐛 BugFix

Fix DatePicker.Range component when the panel is open, the panel date is incorrect bug when switching mode.(#1580)

Fixed a bug that the Upload component incorrectly filters files with uppercase suffixes.(#1572)

💅 Style

Fix the bug that Steps does not display connecting lines when the label position is vertical(#1581)

🐛 问题修复

修复 DatePicker.Range 组件在面板打开时，切换 mode 时面板日期不正确的 bug。(#1580)

修复 Upload 组件对大写后缀名文件错误过滤的 bug。(#1572)

💅 样式更新

修复 Steps 在标签位置为 vertical 时不展示连接线的 bug(#1581)

Source code(tar.gz)
Source code(zip)
2.41.2(Nov 11, 2022)
💎 Enhancement

Reduced unexpected rendering times of Table component column.render.(#1562)

Optimize the problem that the InputNumber with formatter automatically move back to the end of the text when the user is typing.(#1559)

Optimize the jitter problem that may occur when the virtual list is scrolled to the bottom.

🐛 BugFix

Fixed the bug that Layout.Sider would flicker for the first rendering when collapsed is enabled by default(#1564)

Fixed a bug where the Steps component had the wrong style when it was nested(#1563)

🆎 TypeScript

Adjust the TS definition of Modal Drawer Popconfirm parameters okText and cancelText properties to ReactNode.(#1558)

💎 功能优化

减少 Table 组件 column.render 不合预期的渲染次数。(#1562)

优化带有 formatter 的 InputNumber 组件在用户输入时光标位置自动回退至文本尾部的问题。(#1559)

优化虚拟列表在滚动至底部时可能出现的抖动问题。

🐛 问题修复

修复 Layout.Sider 在默认开启 collapsed 时，初次渲染会闪动的 bug(#1564)

修复 Steps 组件在嵌套使用时样式错误的 bug(#1563)

🆎 类型修正

调整 Modal Drawer Popconfirm 参数 okText 和 cancelText 属性的 TS 定义为 ReactNode。(#1558)

Source code(tar.gz)
Source code(zip)
2.41.1(Nov 4, 2022)

Source code(tar.gz)
Source code(zip)
2.41.0(Oct 28, 2022)
💎 Enhancement

Reduce the number of times the TreeSelect component re-renders when retainInputValueWhileSelect is enabled(#1517)

Show zoom-in mouse type when Image component is hovered(#1477)

🆕 Feature

The Collapse component adds a triggerRegion property to customize the collapse trigger region.(#1520)

The InputNumber component formatter adds a parameter to mark the user-typing state.(#1516)

Add Malay.(#1465)

The Select component supports setting the front tag through the addBefore property(#1464)

The TreeSelect component supports setting the front tag through the addBefore property(#1464)

The Cascader component supports setting the front tag through the addBefore property(#1464)

The Upload component supports enabling built-in image preview functionality via the imagePreview property.(#1459)

Upload component supports onDragLeave and onDragOver event callbacks(#1459)

The colon property of the Form component supports passing a ReactNode.(#1455)

🐛 BugFix

Fix Transfer disabled items can still be draggable when draggable is enabled.(#1493)

Fix the bug that the width of Select does not automatically change with the content when width: auto is set. (In the single-selection mode, the new DOM node in the inner layer directly wraps the .arco-select-view-value and input tags)(#1490)

Fix the bug that is wrong in the horizontal scrolling direction under the RTL view.(#1487)

Optimized the problem that the title property of the Cascader component option displays [object object].(#1468)

Fixed the bug that the parent node cannot be selected after the child node is selected when the Cascader component is set to changeOnSelect & mode=multiple(#1468)

Fix the bug that the starting range of Slider is out of order due to the update of the parent component(#1467)

Fixed the bug that the same value could not be entered again after TreeSelect was controlled to empty inputValue(#1463)

Fixed a bug where the shouldUpdate property of the Form.Item component did not take effect when resetting the form item.(#1462)

Fixed the bug that defaultCollapsed of Layout.Sider component did not take effect.(#1458)

Fixed the bug that when the InputTag component has enabled dragToSort, the tag will be rendered twice when the disabled state is toggled.(#1457)

💅 Style

Fix the bug that the border style of text buttons is wrong under Button.Group(#1515)

Fix Tabs component's extra element's style issue that is covered when the width is large.(#1494)

Fixed Table component's style issue of collapsed column height when scroll.x is too small.(#1492)

Fixed a bug where the new icon color value of the Tabs component in dark mode was incorrect.(#1454)

Fixed Tabs component in type=line & tabPosition=bottom, the style issue of the wrong split line position.(#1248)

💎 功能优化

减少 TreeSelect 组件在开启 retainInputValueWhileSelect 时重新渲染的次数(#1517)

Image 组件悬浮时显示zoom-in鼠标类型(#1477)

🆕 功能升级

Collapse 组件新增 triggerRegion 属性以自定义折叠触发区域。(#1520)

InputNumber 组件 formatter 新增参数以标记用户输入状态。(#1516)

新增马来语。(#1465)

Select 组件支持通过 addBefore 属性设置前置标签(#1464)

TreeSelect 组件支持通过 addBefore 属性设置前置标签(#1464)

Cascader 组件支持通过 addBefore 属性设置前置标签(#1464)

Upload 组件支持通过 imagePreview 属性启用内置的图片预览功能。(#1459)

Upload 组件支持 onDragLeave 和 onDragOver 事件回调(#1459)

Form 组件的 colon 属性支持传入 ReactNode。(#1455)

🐛 问题修复

修复 Transfer 开启 draggable 时被禁用的选项仍然可以被拖拽的问题。(#1493)

修复 Select 在 width: auto 时宽度未跟随内容自动变化的问题。（单选模式下内层新增 DOM 节点直接包裹 .arco-select-view-value 和 input 标签）(#1490)

修复 Tabs 组件在 RTL 视图下水平滚动方向错误的 bug。(#1487)

优化 Cascader 组件选项的 title 属性显示 [object object] 的问题。(#1468)

修复 Cascader 组件在设置 changeOnSelect & mode=multiple 时，子节点选中后父节点无法被选中的 bug(#1468)

修复 Slider 由于父组件更新导致起始范围乱序的 bug。(#1467)

修复 TreeSelect 受控清空 inputValue 后无法再次输入相同值的 bug(#1463)

修复 Form.Item 组件的 shouldUpdate 属性在重置表单项时未生效的 bug。(#1462)

修复 Layout.Sider 组件 defaultCollapsed 属性未生效的 bug。(#1458)

修复 InputTag 组件开启 dragToSort 时，切换禁用状态时会将 Tag 重复渲染两遍的 bug。(#1457)

💅 样式更新

修复文字按钮在 Button.Group 下边框样式出错的 bug(#1515)

修复 Tabs 组件 extra 元素较大宽度时被遮盖样式问题。(#1494)

修复 Table 组件当 scroll.x 过小时总结列高度塌陷的样式问题。(#1492)

修复暗黑模式下 Tabs 组件的新增图标色值有误的 bug。(#1454)

修复 Tabs 组件在 type=line & tabPosition=bottom 时，分割线位置错误的样式问题。(#1248)

Source code(tar.gz)
Source code(zip)
2.41.0-beta.1(Oct 21, 2022)
💎 功能优化

Image 组件悬浮时显示zoom-in鼠标类型(#1477)

🆕 功能升级

新增马来语。(#1465)

Select 组件支持通过 addBefore 属性设置前置标签(#1464)

TreeSelect 组件支持通过 addBefore 属性设置前置标签(#1464)

Cascader 组件支持通过 addBefore 属性设置前置标签(#1464)

Upload 组件支持通过 imagePreview 属性启用内置的图片预览功能。(#1459)

Upload 组件支持 onDragLeave 和 onDragOver 事件回调(#1459)

Form 组件的 colon 属性支持传入 ReactNode。(#1455)

🐛 问题修复

修复 Transfer 开启 draggable 时被禁用的选项仍然可以被拖拽的问题。(#1493)

修复 Select 在 width: auto 时宽度未跟随内容自动变化的问题。（单选模式下内层新增 DOM 节点直接包裹 .arco-select-view-value 和 input 标签）(#1490)

修复 Tabs 组件在 RTL 视图下水平滚动方向错误的 bug。(#1487)

优化 Cascader 组件选项的 title 属性显示 [object object] 的问题。(#1468)

修复 Cascader 组件在设置 changeOnSelect & mode=multiple 时，子节点选中后父节点无法被选中的 bug(#1468)

修复 Slider 由于父组件更新导致起始范围乱序的 bug。(#1467)

修复 TreeSelect 受控清空 inputValue 后无法再次输入相同值的 bug(#1463)

修复 Form.Item 组件的 shouldUpdate 属性在重置表单项时未生效的 bug。(#1462)

修复 Layout.Sider 组件 defaultCollapsed 属性未生效的 bug。(#1458)

修复 InputTag 组件开启 dragToSort 时，切换禁用状态时会将 Tag 重复渲染两遍的 bug。(#1457)

💅 样式更新

修复 Tabs 组件 extra 元素较大宽度时被遮盖样式问题。(#1494)

修复 Table 组件当 scroll.x 过小时总结列高度塌陷的样式问题。(#1492)

修复暗黑模式下 Tabs 组件的新增图标色值有误的 bug。(#1454)

修复 Tabs 组件在 type=line & tabPosition=bottom 时，分割线位置错误的样式问题。(#1248)

Source code(tar.gz)
Source code(zip)
2.41.0-beta.0(Oct 14, 2022)
🆕 Feature

Add Melayu.(#1465)

The Select component supports setting the front tag through the addBefore property(#1464)

The TreeSelect component supports setting the front tag through the addBefore property(#1464)

The Cascader component supports setting the front tag through the addBefore property(#1464)

The Upload component supports enabling built-in image preview functionality via the imagePreview property.(#1459)

Upload component supports onDragLeave and onDragOver event callbacks(#1459)

The colon property of the Form component supports passing a ReactNode.(#1455)

🐛 BugFix

Optimized the problem that the title property of the Cascader component option displays [object object].(#1468)

Fixed the bug that the parent node cannot be selected after the child node is selected when the Cascader component is set to changeOnSelect & mode=multiple(#1468)

Fix the bug that the starting range of Slider is out of order due to the update of the parent component(#1467)

Fixed the bug that the same value could not be entered again after TreeSelect was controlled to empty inputValue(#1463)

Fixed a bug where the shouldUpdate property of the Form.Item component did not take effect when resetting the form item.(#1462)

Fixed the bug that defaultCollapsed of Layout.Sider component did not take effect.(#1458)

Fixed the bug that when the InputTag component has enabled dragToSort, the tag will be rendered twice when the disabled state is toggled.(#1457)

💅 Style

Fixed a bug where the new icon color value of the Tabs component in dark mode was incorrect.(#1454)

🆕 功能升级

新增马来语。(#1465)

Select 组件支持通过 addBefore 属性设置前置标签(#1464)

TreeSelect 组件支持通过 addBefore 属性设置前置标签(#1464)

Cascader 组件支持通过 addBefore 属性设置前置标签(#1464)

Upload 组件支持通过 imagePreview 属性启用内置的图片预览功能。(#1459)

Upload 组件支持 onDragLeave 和 onDragOver 事件回调(#1459)

Form 组件的 colon 属性支持传入 ReactNode。(#1455)

🐛 问题修复

优化 Cascader 组件选项的 title 属性显示 [object object] 的问题。(#1468)

修复 Cascader 组件在设置 changeOnSelect & mode=multiple 时，子节点选中后父节点无法被选中的 bug(#1468)

修复 Slider 由于父组件更新导致起始范围乱序的 bug。(#1467)

修复 TreeSelect 受控清空 inputValue 后无法再次输入相同值的 bug(#1463)

修复 Form.Item 组件的 shouldUpdate 属性在重置表单项时未生效的 bug。(#1462)

修复 Layout.Sider 组件 defaultCollapsed 属性未生效的 bug。(#1458)

修复 InputTag 组件开启 dragToSort 时，切换禁用状态时会将 Tag 重复渲染两遍的 bug。(#1457)

💅 样式更新

修复暗黑模式下 Tabs 组件的新增图标色值有误的 bug。(#1454)

Source code(tar.gz)
Source code(zip)
2.40.2(Sep 30, 2022)
🐛 BugFix

Fix the bug of console warning when Modal component is uninstalled under React 18(#1440)

Fixed the issue that when the Popconfirm component enables focusLock, the performance of the DOM level inside the Footer is inconsistent with the default, causing the button margin style to fail.(#1437)

💅 Style

Remove the overflow: hidden attribute of the extra content rendering area of the PageHeader component to avoid the problem of custom rendering content being covered(#1436)

Fixed the issue that when the Table component expands a row and nested a sub table, the cell transparent problem occurs when the subtable opens fixed column.(#1433)

🐛 问题修复

修复 Modal 组件在 React 18 下卸载时控制台出现 warning 的 bug(#1440)

修复 Popconfirm 组件开启 focusLock 时，Footer 内部 DOM 层级表现和默认不一致，导致按钮外边距样式失效的问题(#1437)

💅 样式更新

移除 PageHeader 组件额外内容渲染区域的 overflow: hidden 属性，避免自定义渲染内容被遮盖的问题(#1436)

修复 Table 组件展开行嵌套子表格时，子表格开启固定列会出现单元格透明的问题。(#1433)

Source code(tar.gz)
Source code(zip)
2.40.1(Sep 23, 2022)
🐛 BugFix

Fix the bug that when Table is turned off checkStrictly, passing in non-existing selectedKeys will report an error(#1420)

Fix the bug that the holderRef of useModal may not exist(#1418)

💅 Style

After opening preview of the Image component, the hover style changes to zoom-out(#1419)

🐛 问题修复

修复 Table 在关闭 checkStrictly 后，传入不存在的 selectedKey 导致页面报错的 bug(#1420)

修复 useModal 的 holderRef 可能不存在的 bug(#1418)

💅 样式更新

Image 组件的开启 preview 后，鼠标悬停样式变为 zoom-out(#1419)

Source code(tar.gz)
Source code(zip)
2.40.0(Sep 16, 2022)

Source code(tar.gz)
Source code(zip)
2.39.3(Sep 2, 2022)
💎 Enhancement

Optimized Modal, Notification, Message components to render nodes via createRoot in React 18.(#1367)

🐛 BugFix

Fixed a bug where the Typography component would jitter in the folding calculation(#1366)

Fixed the jitter of the drop-down list when the Cascader component set expandTrigger to hover.(#1365)

Fix the bug that the callback is not triggered occasionally after Steps.Step is passed to the onClick event(#1364)

Fixed a bug where the Drawer component was forced to lock the focus inside an iframe, causing the parent page to fail to get the focus.(#1359)

Fixed a bug where the Modal component was forced to lock the focus inside an iframe, causing the parent page to fail to get the focus.(#1359)

Fixed a bug where the Popconfirm component was forced to lock the focus inside an iframe, causing the parent page to fail to get the focus.(#1359)

Fixed DatePicker component error in de-DE language.(#1358)

Fixed the bug that placeholder was not displayed as expected when InputTag was set to disabled.(#1357)

Fixed the bug that when the Cascader component has disabled child nodes, when the parent node in the half-selected state is selected, the selected state cannot be switched.(#1354)

💅 Style

Optimize the style of inline <a/> in Menu component.(#1362)

Optimize the style of <a/> embedded in Menu in the dropdown menu of the Dropdown component.(#1362)

💎 功能优化

优化 Modal, Notification, Message 组件在 React 18 下渲染节点出现控制台 warning 的问题。(#1367)

🐛 问题修复

修复 Typography 组件在折叠计算中会出现抖动情况的 bug(#1366)

修复 Cascader 组件设置 expandTrigger 为 hover 时下拉列表的抖动问题。(#1365)

修复 Steps.Step 传入 onClick 事件后偶现不触发回调的 bug(#1364)

修复 Drawer 组件在 iframe 内强制锁定焦点导致父页面无法获取焦点的 bug。(#1359)

修复 Modal 组件在 iframe 内强制锁定焦点导致父页面无法获取焦点的 bug。(#1359)

修复 Popconfirm 组件在 iframe 内强制锁定焦点导致父页面无法获取焦点的 bug。(#1359)

修复 DatePicker 组件在 de-DE 语言下会报错的问题。(#1358)

修复 InputTag 设置 disabled 时 placeholder 未按预期展示的 bug。(#1357)

修复 Cascader 组件存在禁用子节点时，选中半选状态的父节点时无法切换选中状态的 bug。(#1354)

💅 样式更新

优化 Menu 组件中内嵌 <a/> 的样式。(#1362)

优化 Dropdown 组件下拉菜单中 Menu 内嵌 <a/> 的样式。(#1362)

Source code(tar.gz)
Source code(zip)
2.39.2(Aug 26, 2022)
💎 Enhancement

Optimized the behavior of auto-folding when horizontal Menu width changes to avoid occasional line breaks.(#1331)

Make sure that the keyboard shortcuts are still available when the Select component uses dropdownRender to customize the dropdown box content and gets the page focus.(#1328)

🐛 BugFix

Fix the problem that after the Table component updates data, the selectedRows is not updated in time when the selectedRows is selected next time.(#1341)

Fix the bug that the DatePicker.RangePicker component dynamically modifies disabled, and the disabled date is not updated in time.(#1336)

Fix server-side rendering error due to auto-generated DOM id.(#1334)

Fixed a bug where the initial pageSize of the Pagination component was inconsistent with the selected sizeOptions.(#1333)

Fixed a bug where the selected node was not scrolled to the viewport correctly when the Cascader component opened the virtual list.(#1329)

Fixed the problem that the Select component was repeatedly introduced when the Cascader / TreeSelect style was introduced by on-demand loading(#1327)

💅 Style

When the placeholder of the InputTag component is too long, it will be displayed with ... at the end.(#1339)

Fix the bug that the display position of the built-in collapse button of the Menu component is wrong(#1332)

💎 功能优化

优化水平 Menu 宽度改变时自动折叠的表现，避免偶发的折行。(#1331)

确保 Select 组件使用 dropdownRender 自定义下拉框内容并获取页面焦点时，键盘快捷键仍然可用。(#1328)

🐛 问题修复

修复 Table 组件更新 data 之后，下次选中 selectedRows 未及时更新的问题。(#1341)

修复 DatePicker.RangePicker 组件动态修改 disabled，禁用日期没有及时更新的 bug。(#1336)

修复由于自动生成的 DOM id 导致的服务端渲染报错的问题。(#1334)

修复 Pagination 组件的初始 pageSize 与选中的 sizeOptions 不一致的 bug。(#1333)

修复 Cascader 组件开启虚拟列表时，选中节点未正确滚动到视口的 bug。(#1329)

修复按需加载引入 Cascader / TreeSelect 样式时，Select 组件被重复引入的问题(#1327)

💅 样式更新

InputTag 组件 placeholder 过长时末尾使用 ... 展示。(#1339)

修复 Menu 组件内置折叠按钮显示位置出错的 bug(#1332)

Source code(tar.gz)
Source code(zip)
2.39.1(Aug 19, 2022)
💎 Enhancement

Optimize cascader edge case handling(#1304)

Export prop version.(#1303)

🐛 BugFix

Fix the bug that setting md = 0 in the Grid.Col would cause it to not display on larger window sizes.(#1307)

Fix the bug that the method update returned by useModal is undefined when creating a modal instance.(#1300)

Fixed the bug that the panelRender of the DatePicker.RangePicker component did not work.(#1293)

💅 Style

Unify the style of the right arrow in Select multi-select and single-select modes.(#1302)

💎 功能优化

优化 Cascader 组件多选时对传入的非法格式 value 的边界处理(#1304)

组件库对外暴露 version 字段。(#1303)

🐛 问题修复

修复 Grid.Col 组件设置 md = 0 会导致其在更大的窗口尺寸下也不展示的 bug。(#1307)

修复通过 useModal 创建弹窗实例时返回的方法 update为 undefined 的bug(#1300)

修复 DatePicker.RangePicker 组件 panelRender 不生效的 bug。(#1293)

💅 样式更新

统一 Select 多选和单选模式下的右侧箭头样式。(#1302)

Source code(tar.gz)
Source code(zip)
2.39.0(Aug 12, 2022)
🚨 Important attention

In order to fix the bug that the Tag component exceeds the omission and the close icon is blocked, a new layer of DOM structure is added inside, and children will be placed under .arco-tag-content

💎 Enhancement

Pagination supports switching page numbers via keyboard events(#1276)

Collapse supports switching the current panel selection via keyboard events(#1276)

TheTag` component supports closing tags via keyboard events(#1276)

🆕 Feature

Image.Preview adds the imgAttributes parameter to transparently transmit the properties to the img tag in the preview modal(#1274)

The Cascader component supports the showSearch.panelMode property to control whether to display options in the search panel(#1267)

The Cascader component supports customizing the rendering of search terms via the showSearch.renderOption property(#1267)

TreeSelect add properties inputValue and onInputValueChange.(#1151)

🐛 BugFix

Fixed the bug that the width of the extra node of Tabs caused an error in the calculation of the head scrolling threshold.(#1275)

Fix the problem that the DatePicker.RangePicker component is wrong to judge whether it is out of range in a critical situation.(#1273)

Fixed Table component not rendering correctly when data format is [['1']], ['2']].(#1270)

Fix the bug that the ellipsis is not displayed after the Tag component text content exceeds.(#1268)

Fixed the issue that when virtual scrolling is enabled, when options with the same value exist in the search panel of the Cascader component, the options are rendered incorrectly.(#1266)

🚨 重点注意

为了修复 Tag 组件超出省略以及关闭图标被遮挡的 bug，内部新增了一层 DOM 结构，children 将会被放置在 .arco-tag-content 下

💎 功能优化

Pagination 组件支持通过键盘事件切换页码(#1276)

Collapse 组件支持通过键盘事件切换当前面板选中(#1276)

Tag 组件支持通过键盘事件关闭标签(#1276)

🆕 功能升级

Image.Preview 新增 imgAttributes 参数，将属性透传至弹窗中的 img 标签上(#1274)

Cascader 组件支持通过 showSearch.showSearchPanel 属性控制是否以搜索面板展示可选项(#1267)

Cascader 组件支持通过 showSearch.renderOption 属性自定义搜索项的渲染(#1267)

TreeSelect 新增 inputValue 和 onInputValueChange 属性。(#1151)

🐛 问题修复

修复 Tabs 组件 extra 节点宽度导致头部滚动临界值计算错误的 bug(#1275)

修复 DatePicker.RangePicker 组件在临界情况判断是否超出范围有误的问题。(#1273)

修复 Table 组件在 data 格式为 [['1']], ['2']] 时不能正确渲染的问题。(#1270)

修复 Tag 组件文本内容超出后未显示省略号的 bug。(#1268)

修复 Cascader 组件的搜索面板存在 value 相同的选项时，开启虚拟滚动会出现选项渲染错乱的问题。(#1266)

Source code(tar.gz)
Source code(zip)
2.38.1(Aug 5, 2022)
🐛 BugFix

Fix the bug of inconsistent week display between DatePicker.WeekPicker input box and panel.(#1238)

Fixed the bug that the Image component passed the native property onLoad, onError was not triggered(#1236)

fix accept=* does not work in Upload(#1233)

Fix the bug that form value won't update when the parameter of setFieldsValue is empty array or empty object.(#1186)

🐛 问题修复

修复 DatePicker.WeekPicker 输入框和面板显示的周不一致的 bug。(#1238)

修复 Image 组件传入原生属性 onLoad, onError 不触发的 bug(#1236)

修复 Upload 组件设置accept=*时失效的问题(#1233)

修复 Form 组件 setFieldsValue 传入的值为空数组或空对象时，设置未生效的问题。(#1186)

Source code(tar.gz)
Source code(zip)
2.38.0(Jul 29, 2022)
🆕 Feature

Component TimePicker add triggerElement prop to support custom trigger element.(#1199)

🐛 BugFix

Fix the position jitter when the Mentions dropdown popup appears.(#1222)

Fix Image.Preview's onVisibleChange not triggering when preview is opened.(#1219)

Fix the bug that the onChange callback of the paginator does not trigger after Table is passed to pagination alone(#1217)

Fixed a bug where the Trigger component could not display the popup in React 18 strict mode.(#1215)

Fixed the bug that Carousel would slide to the first page when clicking in the middle of indicators.(#1210)

Fixed the bug that child elements of Carousel could not fill up the height of the component.(#1210)

Fixed a bug where the label of the selected item was not displayed properly when the TreeSelect component enabled multiple checkbox selection and remote search in controlled mode.(#1207)

Fixed a bug where clicking the close button of an Alert component accidentally triggered the submit event of an external form.(#1205)

Fix DatePicker.RangePicker can't change mode from month to year.(#1188)

Fixed flickering "no data" placeholder when allowCreate in Select.(#1184)

🆕 功能升级

TimePicker 组件添加 triggerElement 属性支持自定义触发器。(#1199)

🐛 问题修复

修复 Mentions 组件下拉弹窗出现时的位置抖动。(#1222)

修复 Image.Preview 的 onVisibleChange 回调在打开预览不触发的问题。(#1219)

修复在 Table 单独传入 pagination 后，分页器的 onChange 回调不触发的 bug(#1217)

修复 Trigger 组件在 React 18 严格模式下弹出层无法显示的 bug。(#1215)

修复 Carousel 点击指示器中间的区域时会滑动到第一页的 bug。(#1210)

修复 Carousel 内的子元素无法撑起组件高度的 bug。(#1210)

修复 TreeSelect 组件在受控模式下开启复选框多选且远程搜索时，已选中项存在 label 未正常展示的 bug。(#1207)

修复点击 Alert 组件的关闭按钮误触外部 form 的 submit 事件的 bug。(#1205)

修复 DatePicker.RangePicker 点击头部月份再点击年份无响应的问题。(#1188)

修复 Select 在 allowCreate 时下拉框闪烁空状态的问题。(#1184)

Source code(tar.gz)
Source code(zip)
2.37.2(Jul 22, 2022)
🐛 BugFix

Fixed an issue where the onInputValueChange callback might not be triggered in the inputValue controlled mode of the Select component.(#1178)

Fix the bug that the onChange callback parameter of the Table component is not updated in time(#1155)

🐛 问题修复

修复 Select 组件 inputValue 受控模式下，onInputValueChange 回调可能无法触发的问题。(#1178)

修复 Table 组件 onChange 回调参数更新不及时的bug(#1155)

Source code(tar.gz)
Source code(zip)
2.37.1(Jul 14, 2022)
🐛 BugFix

Fixed the bug that when the InputNumber component is readOnly=true, clicking the up and down keys can still change the value.(#1141)

Fix the problem of Typography text omission under different text styles such as underline(#1137)

Fixed the bug that disabled didn't work for the second button of Dropdown.Button.(#1136)

🐛 问题修复

修复 InputNumber 组件 readOnly=true 时，点击上下键仍然可以改变值的 bug。(#1141)

修复 Typography 组件 underline 等不同文本样式下文字省略问题(#1137)

修复 disabled 属性未对 Dropdown.Button 的第二个按钮生效的 bug。(#1136)

Source code(tar.gz)
Source code(zip)
2.37.0(Jul 8, 2022)
🆕 Feature

Support for RTL mode. (Table, Resize, Slider components are still being developed)

The Select component supports customizing the maxTag content display through the maxTagCount property of the object type(#1112)

The Cascader component supports customizing the maxTag content display through the maxTagCount property of the object type(#1112)

The TreeSelect component supports customizing the maxTag content display through the maxTagCount property of the object type(#1112)

The InputTag component allows formatting of values entered by the user via the validate property.(#1110)

Cascader supports the default highlighting of the first option after searching by setting the defaultActiveFirstOption property.(#1096)

The Upload component supports listening to the onDrop event(#1071)

Form.useWatch supports watching multiple field values.(#1034)

🐛 BugFix

Fixed Form.useWatch when monitoring a form control with an initial value but not mounted, the return value has a change of initial value => undefined, causing the component to update.(#1034)

Fix the bug that ellipsis does not take effect when Table component set column.sorter and column.ellipsis at the same time.(#1108)

Fix the style issue that the left border of Table component disappears when there is no data.(#1106)

Fix the bug of error when Table component data is null.(#1104)

Fixed bug where the onChange method of the Form.Item component injected into a custom form control would be redeclared every time it renders.(#1102)

fix Upload can upload file type not in accept(#1097)

💅 Style

The Typography default style adds white-space: 'normal' to remove the parent element's effect on ellipsis.(#1109)

Fixed an issue where the drag flag of the first item in the list might be obscured by the container when Transfer is draggable.(#1103)

🆕 功能升级

全局支持 RTL 模式。 (Table，Resize, Slider 组件仍在完善中)

Select 组件支持通过对象类型的 maxTagCount 属性定制 maxTag 内容展示(#1112)

Cascader 组件支持通过对象类型的 maxTagCount 属性定制 maxTag 内容展示(#1112)

TreeSelect 组件支持通过对象类型的 maxTagCount 属性定制 maxTag 内容展示(#1112)

InputTag 组件允许通过 validate 属性格式化用户输入的值。(#1110)

Cascader 支持通过 defaultActiveFirstOption 属性设置搜索后默认高亮第一个选项。(#1096)

Upload 组件支持监听 onDrop 事件(#1071)

Form.useWatch 支持监听多个字段值。(#1034)

🐛 问题修复

修复 Form.useWatch 在监听有初始值但未挂载的表单控件时，返回值存在 初始值 => undefined 的变化，导致组件更新。(#1034)

修复 Table 组件同时开启 column.sorter 和 column.ellipsis 时，ellipsis 不生效的 bug。(#1108)

修复 Table 组件左边框在无数据时消失的样式问题。(#1106)

修复 Table 组件 data 为 null 时报错的 bug。(#1104)

修复 Form.Item 组件注入到自定义表单控件的 onChange 方法每次渲染都会重新声明导致子组件可能循环渲染的 bug。(#1102)

修复 Upload 组件在 Windows 系统下可以上传非 accept 类型的文件(#1097)

💅 样式更新

Typography 默认样式添加 white-space: 'normal' 以消除父元素对省略影响。(#1109)

修复 Transfer 可拖拽时，列表中的第一个条目的拖拽标识可能被容器遮挡的问题。(#1103)

Source code(tar.gz)
Source code(zip)
2.36.1(Jul 1, 2022)
🐛 BugFix

Fixed the bug that when the Drawer was set to visible=true during the hiding process, clicking again on the masked drawer could not be hidden.(#1079)

Fix the problem that the order of form items is adjusted under Form.List, and the verification status may be displayed in disorder.(#1077)

Fixed Calendar component defaultValue and selected date not being highlighted.(#1073)

Fix console React Warning (not recognize prop on a DOM element) caused by Input component.(#1070)

🐛 问题修复

修复 Drawer 在隐藏过程中设置 visible=true 时，再次点击蒙层抽屉无法被隐藏的 bug。(#1079)

修复 Form.List 下调整表单项顺序，校验状态可能出现展示错乱的问题。(#1077)

修复 Calendar 组件 defaultValue 以及 selected date 没有被高亮的问题。(#1073)

修复 Input 组件导致的控制台 React Warning(not recognize prop on a DOM element)。(#1070)

Source code(tar.gz)
Source code(zip)
2.36.0(Jun 24, 2022)
💎 Enhancement

Optimized the display of the Transfer component in simple mode for the current number of options in the list.(#1045)

The Menu component supports switching operations using the Tab key.(#1038)

The Typography component is beyond ellipsis optimization, and cssEllipsis supports multi-line elision scenarios to meet performance optimization in the case of large amounts of data.(#1039)

🆕 Feature

Statistic component adds renderFormat parameter to support custom rendering.(#1044)

🐛 BugFix

Fixed the bug that the data and record outputted by the Table component contained internal data.(#1047)

Fixed a bug where the validation state of other form items was lost when the Form.List component was removed from the form item.(#1046)

Fixed a bug where the form.clearFields() method did not clear the validation state.(#1046)

Fixed a bug where InputNumber was affected by the global configuration of Input.(#1042)

Fixed a bug where the selection range of the DatePicker component was invalid in rare cases.(#1041)

fix dragToSort not works on Cascader(#1029)

fix dragToSort not works on TreeSelect(#1029)

💅 Style

Completely hides the popup menu when the Dropdown menu item has no children.(#1043)

Fixed ellipsis in Pagination not vertically centered in some cases.(#1040)

Fixed the issue that the arrow direction on the right side of Menu.SubMenu did not change when it was expanded.(#1022)

💎 功能优化

优化 Transfer 组件在 simple 模式下对于当前列表选项数目的展示形式。(#1045)

Menu 组件支持使用 Tab 键进行切换操作。(#1038)

优化 Typography 组件超出省略，cssEllipsis 支持多行省略场景以满足大量数据情况下性能优化。(#1039)

🆕 功能升级

Statistic 新增 renderFormat 参数支持自定义渲染。(#1044)

🐛 问题修复

修复 Table 组件对外输出的 data 和 record 包含内部数据的 bug。(#1047)

修复 Form.List 组件在移除表单项时，其他表单项校验状态丢失的 bug。(#1046)

修复 form.clearFields() 方法未清空校验状态的 bug。(#1046)

修复 InputNumber 被 Input 的全局配置影响的 bug。(#1042)

修复 DatePicker 组件少数情况选择范围失效的 bug。(#1041)

修复 dragToSort 在 Cascader 中不生效的问题(#1029)

修复 dragToSort 在 TreeSelect 中不生效的问题(#1029)

💅 样式更新

在 Dropdown 的菜单项没有子节点时彻底隐藏弹出菜单。(#1043)

修复 Pagination 中的省略号在某些情况下垂直方向未居中的问题。(#1040)

修复 Menu.SubMenu 展开时其右侧的箭头方向未改变的问题。(#1022)

Source code(tar.gz)
Source code(zip)
2.35.1(Jun 17, 2022)
💎 Enhancement

The Select component uses the Dom Attribute to mark options that the user is creating and has already created.(#1011)

🐛 BugFix

Fixed arrow style of Tooltip in dark mode(#995)

Fix the bug that Table component will change the original data when tree data.(#990)

💎 功能优化

Select 组件通过 Dom Attribute 标记用户正在创建和已经创建的选项。(#1011)

🐛 问题修复

修复了黑暗模式下 Tooltip 箭头样式问题(#995)

修复 Table 组件在树形数据时会改变原始 data 的 bug。(#990)

Source code(tar.gz)
Source code(zip)
2.35.0(Jun 10, 2022)
💎 Enhancement

The default value of the dayStartOfWeek of the DatePicker component is determined by the locale set, no longer default to 0.(#982)

🆕 Feature

ResizeBox.Split added horizontal-reverse and vertical-reverse two arrangements.(#984)

Cascader supports opening virtual lists via virtualListProps(#972)

Cascader supports custom class name for dropdown menu by setting dropdownMenuClassname(#972)

Cascader supports setting the style of each column of the dropdown menu through dropdownMenuColumnStyle(#972)

The Table component supports fixed columns when virtualized is enabled.(#971)

🐛 BugFix

Fixed the bug that the length of Input.TextArea component may exceed maxLength when inputting Chinese.(#988)

Adjust Popconfirm, Popover, Tooltip component animation pop-up effect to avoid page jitter caused by overshoot effect in border scenes.(#986)

Fixed the bug of value controlled invalidation when the Cascader component set the echo mode to parent.(#983)

Fixed a bug where the simple property passed in when the Modal component created a popup via useModal did not take effect.(#980)

Fixed a bug where showJumper=false did not work for Pagination component in simple mode.(#979)

Fixed a bug where Form.useWatch returned a non-latest value when adding/deleting rows in Form.List.(#955)

Fixed the bug that the callback parameter was wrong when the Select component set LabelInValue.(#953)

Add CSS units support for width property(#951)

💅 Style

Fixed Menu component submenu title bar icons not vertically centered.(#985)

💎 功能优化

DatePicker 组件的 dayStartOfWeek 的默认值由 locale 语言决定，不再统一默认 0。(#982)

🆕 功能升级

ResizeBox.Split 新增 horizontal-reverse 和 vertical-reverse 两种排列方式。(#984)

Cascader 支持通过 virtualListProps 开启虚拟列表(#972)

Cascader 支持通过 dropdownMenuClassname 设置下拉菜单自定义类名(#972)

Cascader 支持通过 dropdownMenuColumnStyle 设置下拉菜单每一列的样式(#972)

Table 组件开启 virtualized 后支持固定列。(#971)

🐛 问题修复

修复 Input.TextArea 组件输入中文时长度有可能超过 maxLength 的 bug。(#988)

调整 Popconfirm，Popover， Tooltip 组件动画弹出效果，避免边界场景下过冲效果导致的页面抖动。(#986)

修复 Cascader 组件在设置回显方式为 parent 时，value 受控失效的 bug。(#983)

修复 Modal 组件通过 useModal 创建弹出框时传入的 simple 属性不生效的 bug。(#980)

修复 Pagination 组件在 simple 模式下 showJumper=false 不生效的 bug。(#979)

修复在 Form.List 新增/删除行时，Form.useWatch 返回值非最新值的 bug。(#955)

修复 Select 组件设置 LabelInValue 时可能出现的回调参数格式错误的 bug。(#953)

Layout.Sider 增加 width 属性对 css 单位的支持(#951)

💅 样式更新

修复 Menu 组件子菜单标题栏图标未垂直居中的问题。(#985)

Source code(tar.gz)
Source code(zip)
2.34.0(May 27, 2022)
💎 Enhancement

Reduce the number of computations for Typography on first render(#935)

🆕 Feature

Layout adds resizeBoxProps property to receive all parameters of resizeBox(#937)

Added Arabic.(#932)

The Cascader component supports controlling the input box value through the InputValue property(#931)

The Upload component supports rendering images via the showUploadList.imageRender property.(#925)

The Upload component supports rendering upload progress nodes via the showUploadList.progressRender property.(#925)

The Upload component supports children passed in the function type to render the node content that triggers the upload.(#925)

The default gray background has been added to the picture display area in the photo wall mode of the Upload component.(#925)

Added Portuguese.(#924)

Added Russian.(#922)

Added panelRender parameter to the DatePicker component.(#914)

The Trigger component supports the popup layer to be closed when the container is scrolled by setting the containerScrollToClose property.(#913)

🐛 BugFix

Fix ResizeBox.SplitGroup responsive error bug(#934)

Fix the bug that the warning state of the form control is not cleared when the Form component sets the warning to null through setFields.(#930)

Fixed an issue where the content of the label on the right side of the timeline was rendered incorrectly when the Timeline component was in mode=alternate.(#929)

Fixed the bug that the third parameter keyPath of onMenuItemClick in Dropdown.Menu was missing.(#921)

Fix the bug that the onItemSelectAll method does not work when Transfer customizes the list.(#903)

💅 Style

Adjust the position of the popup layer when the submenu of Menu pops up from the left.(#923)

🆎 TypeScript

Improve the TS definition of children for Radio component(#928)

💎 功能优化

减少 Typography 首次渲染时的计算次数(#935)

🆕 功能升级

Layout 新增 resizeBoxProps 属性，接收 resizeBox 的所有参数(#937)

Cascader 组件支持通过 InputValue 属性控制输入框值。(#931)

Upload 组件支持通过 showUploadList.imageRender 属性渲染图片。(#925)

Upload 组件支持通过 showUploadList.progressRender 属性渲染上传进度节点。(#925)

Upload 组件支持传入函数类型的 children 渲染触发上传的节点内容。(#925)

新增阿拉伯语。(#932)

新增葡萄牙语。(#924)

新增俄语。(#922)

DatePicker 组件新增 panelRender 参数。(#914)

Trigger 组件支持通过 containerScrollToClose 属性设置弹出层挂载容器滚动时，关闭弹出层。(#913)

🐛 问题修复

修复 ResizeBox.SplitGroup 响应式出错的bug(#934)

修复 Form 组件通过 setFields 设置 warning 为 null 时，表单控件的 warning 状态未被清空的 bug 。(#930)

修复 Timeline 组件在 mode=alternate 时，时间轴右侧 label 内容渲染样式错误的问题。(#929)

修复 Dropdown 内的 Menu 组件 onMenuItemClick 的第三个参数 keyPath 缺失的 bug。(#921)

修复 Transfer 自定义列表时，onItemSelectAll 方法失效的 bug。(#903)

💅 样式更新

调整 Menu 的子菜单从左侧弹出时弹出层的位置。(#923)

Upload 组件照片墙模式下图片展示区域新增默认灰色背景。(#925)

🆎 类型修正

完善 Radio 组件对 children 的 TS 定义(#928)

Source code(tar.gz)
Source code(zip)
2.33.1(May 20, 2022)
🐛 BugFix

Fixed a bug that Split.Group of ResizeBox could not adapt to certain scenes(#892)

Fixed the bug that the Expand/Collapse button of the Typography component was displayed at the wrong time(#890)

Fixed the bug that the icon of SubMenu title was not displayed when Menu is collapsed.(#889)

Fixed a bug that the prefix of the prompt icon did not change after Message was set to prefixCls.(#887)

Fixed a bug that the prefix of the prompt icon did not change after Notification was set to prefixCls.(#887)

Fixed Image.PreviewGroup component's onChange event not firing when current is controlled(#880)

When the title of Anchor.Link is empty, the clickable area <a/> under it is not displayed(#878)

Fixed the bug that the table header cells also have border-radius when the Table component header is grouped.(#872)

Modifications to the return value of getFieldValue should not affect the original data inside the Form(#869)

🆎 TypeScript

Complete children property type in FormItemProps, compatible with React 18(#874)

🐛 问题修复

修复 ResizeBox 的 Split.Group 在特定场景无法自适应的 bug(#892)

修复 Typography 组件 展开/折叠 按钮展示时机错误的bug(#890)

修复 Menu 组件折叠状态下子菜单标题的图标未展示的 bug。(#889)

修复 Message 设置 prefixCls 后，提示图标前缀未改变的 bug。(#887)

修复 Notification 设置 prefixCls 后，提示图标前缀未改变的 bug。(#887)

修复 Image.PreviewGroup 组件在 current 受控时 onChange 事件不触发的问题(#880)

当Anchor.Link 组件的 title为空的时候，不显示其下的可点击区域<a/>(#878)

修复 Table 组件表头分组时，内部的表头单元格也有圆角的样式问题。(#872)

对 getFieldValue 返回值的修改不应该影响 Form 内部的原始数据(#869)

🆎 类型修正

补全FormItemProps中的children类型，以兼容React 18(#874)

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