A comprehensive React UI components library based on Arco Design
MIT License
Bot releases are visible (Hide)
Published by github-actions[bot] almost 2 years ago
Table
component column.render
.(#1562)InputNumber
with formatter
automatically move back to the end of the text when the user is typing.(#1559)Layout.Sider
would flicker for the first rendering when collapsed
is enabled by default(#1564)Steps
component had the wrong style when it was nested(#1563)Modal
Drawer
Popconfirm
parameters okText
and cancelText
properties to ReactNode
.(#1558)Table
组件 column.render
不合预期的渲染次数。(#1562)formatter
的 InputNumber
组件在用户输入时光标位置自动回退至文本尾部的问题。(#1559)Modal
Drawer
Popconfirm
参数 okText
和 cancelText
属性的 TS 定义为 ReactNode
。(#1558)Published by github-actions[bot] almost 2 years ago
Published by github-actions[bot] almost 2 years ago
TreeSelect
component re-renders when retainInputValueWhileSelect
is enabled(#1517)zoom-in
mouse type when Image
component is hovered(#1477)Collapse
component adds a triggerRegion
property to customize the collapse trigger region.(#1520)InputNumber
component formatter
adds a parameter to mark the user-typing state.(#1516)Select
component supports setting the front tag through the addBefore
property(#1464)TreeSelect
component supports setting the front tag through the addBefore
property(#1464)Cascader
component supports setting the front tag through the addBefore
property(#1464)Upload
component supports enabling built-in image preview functionality via the imagePreview
property.(#1459)Upload
component supports onDragLeave
and onDragOver
event callbacks(#1459)colon
property of the Form
component supports passing a ReactNode
.(#1455)Transfer
disabled items can still be draggable when draggable
is enabled.(#1493)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)RTL
view.(#1487)title
property of the Cascader
component option displays [object object]
.(#1468)Cascader
component is set to changeOnSelect
& mode=multiple
(#1468)TreeSelect
was controlled to empty inputValue
(#1463)shouldUpdate
property of the Form.Item
component did not take effect when resetting the form item.(#1462)defaultCollapsed
of Layout.Sider
component did not take effect.(#1458)InputTag
component has enabled dragToSort
, the tag will be rendered twice when the disabled state is toggled.(#1457)Button.Group
(#1515)Tabs
component's extra
element's style issue that is covered when the width is large.(#1494)Table
component's style issue of collapsed column height when scroll.x
is too small.(#1492)Tabs
component in dark mode was incorrect.(#1454)Tabs
component in type=line
& tabPosition=bottom
, the style issue of the wrong split line position.(#1248)Collapse
组件新增 triggerRegion
属性以自定义折叠触发区域。(#1520)InputNumber
组件 formatter
新增参数以标记用户输入状态。(#1516)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)TreeSelect
受控清空 inputValue
后无法再次输入相同值的 bug(#1463)Form.Item
组件的 shouldUpdate
属性在重置表单项时未生效的 bug。(#1462)Layout.Sider
组件 defaultCollapsed
属性未生效的 bug。(#1458)InputTag
组件开启 dragToSort
时,切换禁用状态时会将 Tag 重复渲染两遍的 bug。(#1457)Published by github-actions[bot] almost 2 years ago
Image
组件悬浮时显示zoom-in
鼠标类型(#1477)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)TreeSelect
受控清空 inputValue
后无法再次输入相同值的 bug(#1463)Form.Item
组件的 shouldUpdate
属性在重置表单项时未生效的 bug。(#1462)Layout.Sider
组件 defaultCollapsed
属性未生效的 bug。(#1458)InputTag
组件开启 dragToSort
时,切换禁用状态时会将 Tag 重复渲染两遍的 bug。(#1457)Published by github-actions[bot] about 2 years ago
Select
component supports setting the front tag through the addBefore
property(#1464)TreeSelect
component supports setting the front tag through the addBefore
property(#1464)Cascader
component supports setting the front tag through the addBefore
property(#1464)Upload
component supports enabling built-in image preview functionality via the imagePreview
property.(#1459)Upload
component supports onDragLeave
and onDragOver
event callbacks(#1459)colon
property of the Form
component supports passing a ReactNode
.(#1455)title
property of the Cascader
component option displays [object object]
.(#1468)Cascader
component is set to changeOnSelect
& mode=multiple
(#1468)TreeSelect
was controlled to empty inputValue
(#1463)shouldUpdate
property of the Form.Item
component did not take effect when resetting the form item.(#1462)defaultCollapsed
of Layout.Sider
component did not take effect.(#1458)InputTag
component has enabled dragToSort
, the tag will be rendered twice when the disabled state is toggled.(#1457)Tabs
component in dark mode was incorrect.(#1454)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)TreeSelect
受控清空 inputValue
后无法再次输入相同值的 bug(#1463)Form.Item
组件的 shouldUpdate
属性在重置表单项时未生效的 bug。(#1462)Layout.Sider
组件 defaultCollapsed
属性未生效的 bug。(#1458)InputTag
组件开启 dragToSort
时,切换禁用状态时会将 Tag 重复渲染两遍的 bug。(#1457)Tabs
组件的新增图标色值有误的 bug。(#1454)Published by github-actions[bot] about 2 years ago
Modal
component is uninstalled under React 18(#1440)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)overflow: hidden
attribute of the extra content rendering area of the PageHeader
component to avoid the problem of custom rendering content being covered(#1436)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)Published by github-actions[bot] about 2 years ago
checkStrictly
, passing in non-existing selectedKeys
will report an error(#1420)holderRef
of useModal
may not exist(#1418)preview
of the Image component, the hover style changes to zoom-out
(#1419)checkStrictly
后,传入不存在的 selectedKey
导致页面报错的 bug(#1420)useModal
的 holderRef
可能不存在的 bug(#1418)preview
后,鼠标悬停样式变为 zoom-out
(#1419)Published by github-actions[bot] about 2 years ago
Published by github-actions[bot] about 2 years ago
Modal
, Notification
, Message
components to render nodes via createRoot
in React 18.(#1367)Typography
component would jitter in the folding calculation(#1366)Cascader
component set expandTrigger
to hover
.(#1365)Steps.Step
is passed to the onClick
event(#1364)Drawer
component was forced to lock the focus inside an iframe
, causing the parent page to fail to get the focus.(#1359)Modal
component was forced to lock the focus inside an iframe
, causing the parent page to fail to get the focus.(#1359)Popconfirm
component was forced to lock the focus inside an iframe
, causing the parent page to fail to get the focus.(#1359)DatePicker
component error in de-DE
language.(#1358)placeholder
was not displayed as expected when InputTag
was set to disabled
.(#1357)Cascader
component has disabled child nodes, when the parent node in the half-selected state is selected, the selected state cannot be switched.(#1354)<a/>
in Menu
component.(#1362)<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)Published by github-actions[bot] about 2 years ago
Menu
width changes to avoid occasional line breaks.(#1331)Select
component uses dropdownRender
to customize the dropdown box content and gets the page focus.(#1328)Table
component updates data
, the selectedRows
is not updated in time when the selectedRows is selected next time.(#1341)DatePicker.RangePicker
component dynamically modifies disabled
, and the disabled date is not updated in time.(#1336)id
.(#1334)pageSize
of the Pagination
component was inconsistent with the selected sizeOptions
.(#1333)Cascader
component opened the virtual list.(#1329)Select
component was repeatedly introduced when the Cascader
/ TreeSelect
style was introduced by on-demand loading(#1327)placeholder
of the InputTag
component is too long, it will be displayed with ...
at the end.(#1339)Menu
component is wrong(#1332)Menu
宽度改变时自动折叠的表现,避免偶发的折行。(#1331)Select
组件使用 dropdownRender
自定义下拉框内容并获取页面焦点时,键盘快捷键仍然可用。(#1328)Table
组件更新 data
之后,下次选中 selectedRows
未及时更新的问题。(#1341)DatePicker.RangePicker
组件动态修改 disabled
,禁用日期没有及时更新的 bug。(#1336)id
导致的服务端渲染报错的问题。(#1334)Pagination
组件的初始 pageSize
与选中的 sizeOptions
不一致的 bug。(#1333)Cascader
组件开启虚拟列表时,选中节点未正确滚动到视口的 bug。(#1329)Cascader
/ TreeSelect
样式时,Select
组件被重复引入的问题(#1327)Published by github-actions[bot] about 2 years ago
md = 0
in the Grid.Col
would cause it to not display on larger window sizes.(#1307)update
returned by useModal
is undefined
when creating a modal instance.(#1300)panelRender
of the DatePicker.RangePicker
component did not work.(#1293)Select
multi-select and single-select modes.(#1302)Grid.Col
组件设置 md = 0
会导致其在更大的窗口尺寸下也不展示的 bug。(#1307)useModal
创建弹窗实例时返回的方法 update
为 undefined
的bug(#1300)DatePicker.RangePicker
组件 panelRender
不生效的 bug。(#1293)Select
多选和单选模式下的右侧箭头样式。(#1302)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
Pagination
supports switching page numbers via keyboard events(#1276)Collapse
supports switching the current panel selection via keyboard events(#1276)The
Tag` component supports closing tags via keyboard events(#1276)Image.Preview
adds the imgAttributes
parameter to transparently transmit the properties to the img
tag in the preview modal(#1274)Cascader
component supports the showSearch.panelMode
property to control whether to display options in the search panel(#1267)Cascader
component supports customizing the rendering of search terms via the showSearch.renderOption
property(#1267)TreeSelect
add properties inputValue
and onInputValueChange
.(#1151)extra
node of Tabs caused an error in the calculation of the head scrolling threshold.(#1275)DatePicker.RangePicker
component is wrong to judge whether it is out of range in a critical situation.(#1273)Table
component not rendering correctly when data format is [['1']], ['2']]
.(#1270)Tag
component text content exceeds.(#1268)Cascader
component, the options are rendered incorrectly.(#1266)Tag
组件超出省略以及关闭图标被遮挡的 bug,内部新增了一层 DOM 结构,children
将会被放置在 .arco-tag-content
下Image.Preview
新增 imgAttributes
参数,将属性透传至弹窗中的 img
标签上(#1274)Cascader
组件支持通过 showSearch.showSearchPanel
属性控制是否以搜索面板展示可选项(#1267)Cascader
组件支持通过 showSearch.renderOption
属性自定义搜索项的渲染(#1267)TreeSelect
新增 inputValue
和 onInputValueChange
属性。(#1151)Published by github-actions[bot] about 2 years ago
DatePicker.WeekPicker
input box and panel.(#1238)Image
component passed the native property onLoad
, onError
was not triggered(#1236)accept=*
does not work in Upload
(#1233)setFieldsValue
is empty array or empty object.(#1186)Published by github-actions[bot] about 2 years ago
TimePicker
add triggerElement
prop to support custom trigger element.(#1199)Mentions
dropdown popup appears.(#1222)Image.Preview
's onVisibleChange
not triggering when preview is opened.(#1219)onChange
callback of the paginator does not trigger after Table
is passed to pagination
alone(#1217)Trigger
component could not display the popup in React 18 strict mode.(#1215)Carousel
would slide to the first page when clicking in the middle of indicators.(#1210)Carousel
could not fill up the height of the component.(#1210)TreeSelect
component enabled multiple checkbox selection and remote search in controlled mode.(#1207)Alert
component accidentally triggered the submit
event of an external form
.(#1205)DatePicker.RangePicker
can't change mode from month to year.(#1188)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)Published by github-actions[bot] about 2 years ago
Published by github-actions[bot] over 2 years ago
InputNumber
component is readOnly=true
, clicking the up and down keys can still change the value.(#1141)Typography
text omission under different text styles such as underline
(#1137)disabled
didn't work for the second button of Dropdown.Button
.(#1136)Published by github-actions[bot] over 2 years ago
Table
, Resize
, Slider
components are still being developed)Select
component supports customizing the maxTag
content display through the maxTagCount
property of the object type(#1112)Cascader
component supports customizing the maxTag
content display through the maxTagCount
property of the object type(#1112)TreeSelect
component supports customizing the maxTag
content display through the maxTagCount
property of the object type(#1112)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)Upload
component supports listening to the onDrop
event(#1071)Form.useWatch
supports watching multiple field values.(#1034)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)Table
component set column.sorter
and column.ellipsis
at the same time.(#1108)Table
component disappears when there is no data.(#1106)Table
component data is null.(#1104)onChange
method of the Form.Item
component injected into a custom form control would be redeclared every time it renders.(#1102)Upload
can upload file type not in accept(#1097)Typography
default style adds white-space: 'normal'
to remove the parent element's effect on ellipsis.(#1109)Transfer
is draggable.(#1103)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)Published by github-actions[bot] over 2 years ago
Drawer
was set to visible=true
during the hiding process, clicking again on the masked drawer could not be hidden.(#1079)Form.List
, and the verification status may be displayed in disorder.(#1077)Calendar
component defaultValue
and selected date not being highlighted.(#1073)Input
component.(#1070)Published by github-actions[bot] over 2 years ago
Transfer
component in simple
mode for the current number of options in the list.(#1045)Menu
component supports switching operations using the Tab key.(#1038)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)Statistic
component adds renderFormat
parameter to support custom rendering.(#1044)Table
component contained internal data.(#1047)Form.List
component was removed from the form item.(#1046)form.clearFields()
method did not clear the validation state.(#1046)InputNumber
was affected by the global configuration of Input
.(#1042)DatePicker
component was invalid in rare cases.(#1041)dragToSort
not works on Cascader
(#1029)dragToSort
not works on TreeSelect
(#1029)Dropdown
menu item has no children.(#1043)Pagination
not vertically centered in some cases.(#1040)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)Published by github-actions[bot] over 2 years ago
Select
component uses the Dom Attribute to mark options that the user is creating and has already created.(#1011)Tooltip
in dark mode(#995)Table
component will change the original data when tree data.(#990)Select
组件通过 Dom Attribute 标记用户正在创建和已经创建的选项。(#1011)