acud 1.0.0 → 1.0.3

package/lib/pagination/style/index.css

@@ -637,6 +637,7 @@
 }
 .acud-pagination-options-quick-jumper button-has-icon > .acudicon {
   height: 16px;
+  font-size: 16px;
 }
 .acud-pagination-options-quick-jumper button-lg {
   height: 40px;
@@ -657,6 +658,7 @@
 }
 .acud-pagination-options-quick-jumper button-lg-has-icon > .acudicon {
   height: 16px;
+  font-size: 16px;
 }
 .acud-pagination-options-quick-jumper button-sm {
   height: 24px;
@@ -677,6 +679,7 @@
 }
 .acud-pagination-options-quick-jumper button-sm-has-icon > .acudicon {
   height: 16px;
+  font-size: 16px;
 }
 .acud-pagination-options-quick-jumper button,
 .acud-pagination-options-quick-jumper button:active,

package/lib/radio/Radio.d.ts

@@ -10,6 +10,7 @@ export interface RadioProps {
     className?: string;
     onChange?: (e: Event) => {} | void;
     value?: any;
+    limit?: number | boolean;
 }
 interface CompoundedComponent extends React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLElement>> {
     Group: typeof RadioGroup;

package/lib/radio/RadioButton.js

@@ -47,7 +47,9 @@ var _default = function _default(props) {
       className = props.className,
       onChange = props.onChange,
       label = props.label,
-      restProps = __rest(props, ["prefixCls", "children", "className", "onChange", "label"]);
+      _props$limit = props.limit,
+      limit = _props$limit === void 0 ? 8 : _props$limit,
+      restProps = __rest(props, ["prefixCls", "children", "className", "onChange", "label", "limit"]);
 
   var context = (0, _react.useContext)(_context["default"]);
   var radioProps = (0, _extends2["default"])({}, restProps);
@@ -72,8 +74,15 @@ var _default = function _default(props) {
     onChange === null || onChange === void 0 ? void 0 : onChange(e);
     e.target.value = value;
     (_a = context === null || context === void 0 ? void 0 : context.onChange) === null || _a === void 0 ? void 0 : _a.call(context, e);
-  }, [radioProps]);
-  var labelInfo = typeof (children || label) === 'string' ? (0, _lengthLimit.lengthLimit)(children || label) : children || (0, _lengthLimit.lengthLimit)(label);
+  }, [radioProps]); // 1.值为false或0时，不做处理，自适应宽度；  2.非零整数，超过指定个数省略展示；  3.其他情况，默认限制8字符。
+
+  var labelInfo = children;
+
+  if (limit) {
+    var limitLength = typeof limit === 'number' && limit > 0 ? limit : 8;
+    labelInfo = typeof (children || label) === 'string' ? (0, _lengthLimit.lengthLimit)(children || label, limitLength) : children || (0, _lengthLimit.lengthLimit)(label, limitLength);
+  }
+
   return /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({
     className: classes,
     onClick: handleClick

package/lib/select/src/OptionList.d.ts

@@ -20,6 +20,7 @@ export interface OptionListProps<OptionsType extends object[]> {
     virtual?: boolean;
     keepExpand?: boolean;
     defaultExpandGroupKey?: string[] | string | number[] | number | boolean;
+    showTitle?: boolean;
     renderEmpty?: (componentName?: string, des?: string | undefined) => React.ReactNode;
     onSelect: (value: RawValueType, option: {
         selected: boolean;

package/lib/select/src/OptionList.js

@@ -91,6 +91,8 @@ var OptionList = function OptionList(_ref, ref) {
       keepExpand = _ref$keepExpand === void 0 ? false : _ref$keepExpand,
       _ref$defaultExpandGro = _ref.defaultExpandGroupKey,
       defaultExpandGroupKey = _ref$defaultExpandGro === void 0 ? false : _ref$defaultExpandGro,
+      _ref$showTitle = _ref.showTitle,
+      showTitle = _ref$showTitle === void 0 ? false : _ref$showTitle,
       renderEmpty = _ref.renderEmpty,
       onSelect = _ref.onSelect,
       onToggleOpen = _ref.onToggleOpen,
@@ -452,10 +454,14 @@ var OptionList = function OptionList(_ref, ref) {
     var mergedLabel = childrenAsData ? children : label; // const iconVisible = !menuItemSelectedIcon || typeof menuItemSelectedIcon === 'function' || selected;
 
     var content = mergedLabel || value;
-    var optionTitle = typeof content === 'string' || typeof content === 'number' ? content.toString() : undefined;
+    var optionTitle;
 
-    if (title !== undefined) {
-      optionTitle = title;
+    if (showTitle) {
+      optionTitle = typeof content === 'string' || typeof content === 'number' ? content.toString() : undefined;
+
+      if (title !== undefined) {
+        optionTitle = title;
+      }
     }
 
     var fContent = (typeof content === 'string' || typeof content === 'number') && searchValue ? formatContent(content, searchValue, prefixCls) : content;
@@ -499,6 +505,11 @@ var OptionList = function OptionList(_ref, ref) {
     }, mergedNotFound);
   }
 
+  var disabledVirtual = React.useMemo(function () {
+    return !virtual || (mode === 'multiple' || mode !== 'multiple' && !keepExpand) && memoFlattenOptions.some(function (option) {
+      return option.group;
+    });
+  }, [virtual, mode, keepExpand, memoFlattenOptions]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     role: "listbox",
     id: "".concat(id, "_list"),
@@ -508,7 +519,7 @@ var OptionList = function OptionList(_ref, ref) {
       overflow: 'hidden'
     }
   }, renderItem(activeIndex - 1), renderItem(activeIndex), renderItem(activeIndex + 1)), multiple && /*#__PURE__*/React.createElement("div", {
-    className: (0, _classnames["default"])("".concat(itemPrefixCls, "-checkall"), (0, _defineProperty2["default"])({}, "".concat(itemPrefixCls, "-checkall-can-active"), !selectAllChecked)),
+    className: (0, _classnames["default"])("".concat(itemPrefixCls, "-checkall")),
     onClick: handleCheckAll
   }, /*#__PURE__*/React.createElement(_checkbox["default"], {
     indeterminate: indeterminate,
@@ -524,7 +535,7 @@ var OptionList = function OptionList(_ref, ref) {
     fullHeight: false,
     onMouseDown: onListMouseDown,
     onScroll: onScroll,
-    virtual: virtual,
+    virtual: !disabledVirtual,
     onMouseEnter: onMouseEnter
   }, function (_ref3, itemIndex) {
     var group = _ref3.group,
@@ -535,10 +546,8 @@ var OptionList = function OptionList(_ref, ref) {
         key = data.key; // Group
 
     if (group) {
-      var _classNames3;
-
       return /*#__PURE__*/React.createElement("div", {
-        className: (0, _classnames["default"])(itemPrefixCls, "".concat(itemPrefixCls, "-group"), (_classNames3 = {}, (0, _defineProperty2["default"])(_classNames3, "".concat(itemPrefixCls, "-group-keep-expand"), isKeepExpand), (0, _defineProperty2["default"])(_classNames3, "".concat(itemPrefixCls, "-group-can-active"), getCheckStatus(key, 'all') === false), _classNames3)),
+        className: (0, _classnames["default"])(itemPrefixCls, "".concat(itemPrefixCls, "-group"), (0, _defineProperty2["default"])({}, "".concat(itemPrefixCls, "-group-keep-expand"), isKeepExpand)),
         onClick: function onClick() {
           return handleCheckGroup(key);
         }

package/lib/select/src/generate.d.ts

@@ -47,6 +47,7 @@ export interface SelectProps<OptionsType extends object[], ValueType> extends Re
     allowClear?: boolean;
     clearIcon?: React.ReactNode;
     showArrow?: boolean;
+    showTitle?: boolean;
     inputIcon?: RenderNode;
     removeIcon?: React.ReactNode;
     menuItemSelectedIcon?: RenderNode;

package/lib/select/src/generate.js

@@ -149,6 +149,7 @@ function generateSelector(config) {
         dropdownAlign = props.dropdownAlign,
         _props$showAction = props.showAction,
         showAction = _props$showAction === void 0 ? [] : _props$showAction,
+        showTitle = props.showTitle,
         direction = props.direction,
         tokenSeparators = props.tokenSeparators,
         groupSelectorRender = props.groupSelectorRender,
@@ -169,7 +170,7 @@ function generateSelector(config) {
         onClear = props.onClear,
         _props$internalProps = props.internalProps,
         internalProps = _props$internalProps === void 0 ? {} : _props$internalProps,
-        restProps = __rest(props, ["prefixCls", "className", "id", "open", "defaultOpen", "options", "children", "mode", "value", "defaultValue", "labelInValue", "showSearch", "inputValue", "searchValue", "filterOption", "filterSort", "optionFilterProp", "autoClearSearchValue", "onSearch", "suffixIconPre", "removeIcon", "allowClear", "clearIcon", "showArrow", "menuItemSelectedIcon", "disabled", "loading", "defaultActiveFirstOption", "notFoundContent", "optionLabelProp", "backfill", "tabIndex", "getInputElement", "getPopupContainer", "listHeight", "listItemHeight", "animation", "transitionName", "virtual", "dropdownStyle", "dropdownClassName", "dropdownMatchSelectWidth", "dropdownRender", "dropdownAlign", "showAction", "direction", "tokenSeparators", "groupSelectorRender", "tagRender", "renderEmpty", "keepExpand", "defaultExpandGroupKey", "onPopupScroll", "onDropdownVisibleChange", "onFocus", "onBlur", "onKeyUp", "onKeyDown", "onMouseDown", "onChange", "onSelect", "onDeselect", "onClear", "internalProps"]);
+        restProps = __rest(props, ["prefixCls", "className", "id", "open", "defaultOpen", "options", "children", "mode", "value", "defaultValue", "labelInValue", "showSearch", "inputValue", "searchValue", "filterOption", "filterSort", "optionFilterProp", "autoClearSearchValue", "onSearch", "suffixIconPre", "removeIcon", "allowClear", "clearIcon", "showArrow", "menuItemSelectedIcon", "disabled", "loading", "defaultActiveFirstOption", "notFoundContent", "optionLabelProp", "backfill", "tabIndex", "getInputElement", "getPopupContainer", "listHeight", "listItemHeight", "animation", "transitionName", "virtual", "dropdownStyle", "dropdownClassName", "dropdownMatchSelectWidth", "dropdownRender", "dropdownAlign", "showAction", "showTitle", "direction", "tokenSeparators", "groupSelectorRender", "tagRender", "renderEmpty", "keepExpand", "defaultExpandGroupKey", "onPopupScroll", "onDropdownVisibleChange", "onFocus", "onBlur", "onKeyUp", "onKeyDown", "onMouseDown", "onChange", "onSelect", "onDeselect", "onClear", "internalProps"]);
 
     var useInternalProps = internalProps.mark === _generator.INTERNAL_PROPS_MARK;
     var domProps = omitDOMProps ? omitDOMProps(restProps) : restProps;
@@ -826,7 +827,8 @@ function generateSelector(config) {
       virtual: virtual !== false && dropdownMatchSelectWidth !== false,
       onMouseEnter: onPopupMouseEnter,
       triggerChange: triggerChange,
-      setInnerOpen: setInnerOpen
+      setInnerOpen: setInnerOpen,
+      showTitle: showTitle
     }); // ============================= Clear ==============================
 
     var clearNode;

package/lib/select/style/index.css

@@ -348,7 +348,7 @@
   line-height: 22px;
   cursor: pointer;
 }
-.acud-select-dropdown-multiple .acud-select-item-checkall-can-active:hover {
+.acud-select-dropdown-multiple .acud-select-item-checkall:hover {
   background-color: #E6F0FF;
 }
 .acud-select-dropdown-multiple .acud-select-item-option-content {
@@ -357,6 +357,9 @@
 .acud-select-dropdown-multiple .acud-select-item-option-grouped {
   padding-left: 48px;
 }
+.acud-select-dropdown-multiple .acud-select-item-group {
+  cursor: pointer;
+}
 /* Reset search input style */
 .acud-select {
   margin: 0;
@@ -651,7 +654,7 @@
 .acud-select-item-group {
   color: #151B26;
   font-size: 12px;
-  cursor: pointer;
+  cursor: default;
 }
 .acud-select-item-group:hover {
   color: #151B26;
@@ -669,6 +672,7 @@
 .acud-select-item-group-arrow {
   margin-right: 8px;
   display: flex;
+  cursor: pointer;
 }
 .acud-select-item-group-arrow .acudicon {
   display: flex;
@@ -678,9 +682,14 @@
   margin-right: 8px;
 }
 .acud-select-item-group-keep-expand {
+  cursor: default;
   color: #B8BABF;
 }
-.acud-select-item-group-can-active:hover {
+.acud-select-item-group-keep-expand:hover {
+  color: #B8BABF;
+  background-color: #E6F0FF;
+}
+.acud-select-item-group:hover {
   background-color: #E6F0FF;
 }
 .acud-select-item-option {
@@ -695,9 +704,6 @@
 .acud-select-item-option-state {
   flex: none;
 }
-.acud-select-item-option-active:not(.acud-select-item-option-disabled) {
-  background-color: #E6F0FF;
-}
 .acud-select-item-option-selected:not(.acud-select-item-option-disabled) {
   color: #2468F2;
   background-color: #FFFFFF;
@@ -706,6 +712,9 @@
 .acud-select-item-option-selected:not(.acud-select-item-option-disabled) .acud-select-item-option-state {
   color: #151B26;
 }
+.acud-select-item-option-active:not(.acud-select-item-option-disabled) {
+  background-color: #E6F0FF;
+}
 .acud-select-item-option-disabled {
   color: #B8BABF;
   cursor: not-allowed;
@@ -727,3 +736,6 @@
 .acud-select-search-highlight {
   color: #2468F2;
 }
+.acud-select-dropdown-multiple .acud-select-item-option-selected:not(.acud-select-item-option-disabled) {
+  color: inherit;
+}

package/lib/select/style/index.less

@@ -275,10 +275,11 @@
         &-group {
             .basic-tp-config(@select-item-group-tp);
             font-size: @T2;
-            cursor: pointer;
+            cursor: default;
             &-arrow {
                 margin-right: 2 * @P;
                 display: flex;
+                cursor: pointer;
                 .@{acud-prefix}icon {
                     display: flex;
                     color: @G5;
@@ -288,9 +289,14 @@
                 margin-right: 2 * @P;
             }
             &-keep-expand {
+                cursor: default;
                 color: @G6;
+                &:hover {
+                    color: @G6;
+                    background-color: @B1;
+                }
             }
-            &-can-active:hover {
+            &:hover {
                 background-color: ~'@{@{select-dropdown-default-p}-hover-background-color}';
             }
         }
@@ -310,14 +316,7 @@
                 flex: none;
             }
 
-            &-active:not(&-disabled) {
-                background-color: ~'@{@{select-dropdown-default-p}-hover-background-color}';
-            }
-
             &-selected:not(&-disabled) {
-                // color: @select-item-selected-color;
-                // font-weight: @select-item-selected-font-weight;
-                // background-color: @select-item-selected-bg;
                 color: ~'@{@{select-dropdown-default-tp}-click-color}';
                 background-color: ~'@{@{select-dropdown-default-p}-default-background-color}';
                 border-color: ~'@{@{select-dropdown-default-p}-click-border-color}';
@@ -327,6 +326,10 @@
                 }
             }
 
+            &-active:not(&-disabled) {
+                background-color: ~'@{@{select-dropdown-default-p}-hover-background-color}';
+            }
+
             &-disabled {
                 color: ~'@{@{select-dropdown-default-tp}-disabled-color}';
                 cursor: not-allowed;
@@ -359,3 +362,7 @@
         color: ~'@{@{select-dropdown-default-tp}-click-color}';;
     }
 }
+
+.@{select-prefix-cls}-dropdown-multiple .@{select-prefix-cls}-item-option-selected:not(.acud-select-item-option-disabled) {
+    color: inherit;
+}

package/lib/select/style/multiple.less

@@ -251,7 +251,7 @@
             display: flex;
             line-height: 5.5 * @P;
             cursor: pointer;
-            &-can-active:hover {
+            &:hover {
                 background-color: ~'@{@{select-dropdown-default-p}-hover-background-color}';
             }
         }
@@ -262,4 +262,7 @@
     .@{select-prefix-cls}-item-option-grouped {
         padding-left: 12 * @P;
     }
+    .@{select-prefix-cls}-item-group {
+        cursor: pointer;
+    }
 }

package/lib/style/themes/default/components/menu.less

@@ -33,7 +33,7 @@
 @menu-item-active-color: @B6;
 
 // horizontal
-@menu-horizontal-line-height:  12 * @P;
+@menu-horizontal-line-height:  14 * @P;
 @menu-horizontal-item-margin: 0 4 * @P;
 
 // horizontal - with icon
@@ -42,10 +42,10 @@
 @menu-horizontal-withicon-margin-right: 6 * @P;
 
 // horizontal - global
-@headermenu-height: 12 * @P;
+@headermenu-height: 14 * @P;
 @headermenu-background: @G11;
 @headermenu-zindex: @zindex-range-3;
-@headermenu-logo-height: 12 * @P;
+@headermenu-logo-height: 14 * @P;
 @headermenu-logo-margin-right: 4 * @P;
 @headermenu-iconlist-height: 4 * @P;
 @headermenu-iconlist-margin-right: 6 * @P;
@@ -53,7 +53,7 @@
 @headermenu-iconlist-tp: tp29;
 @headermenu-title-margin-left: 2 * @P;
 @headermenu-title-color: @G5;
-@headermenu-title-line-height: 12 * @P;
+@headermenu-title-line-height: 14 * @P;
 @headermenu-item-margin: 0 3 * @P;
 
 // inline

package/lib/table/hooks/useFilter/FilterDropdown.js

@@ -53,9 +53,8 @@ function searchValueMatched(searchValue, text) {
   }
 
   return false;
-}
+} // let preKeys: React.Key[];
 
-var preKeys;
 
 function FilterDropdown(props) {
   var _a;
@@ -92,8 +91,7 @@ function FilterDropdown(props) {
 
   var mergedVisible = typeof filterDropdownVisible === 'boolean' ? filterDropdownVisible : visible; // ===================== Select Keys =====================
 
-  var propFilteredKeys = filterState === null || filterState === void 0 ? void 0 : filterState.filteredKeys;
-  preKeys = propFilteredKeys;
+  var propFilteredKeys = filterState === null || filterState === void 0 ? void 0 : filterState.filteredKeys; // preKeys = propFilteredKeys;
 
   var _useSyncState = (0, _useSyncState3["default"])(propFilteredKeys || []),
       _useSyncState2 = (0, _slicedToArray2["default"])(_useSyncState, 2),
@@ -101,10 +99,10 @@ function FilterDropdown(props) {
       setFilteredKeysSync = _useSyncState2[1]; // eslint-disable-next-line react-hooks/exhaustive-deps
 
 
-  var onSelectKeys = function onSelectKeys(_ref) {
+  var onSelectKeys = React.useCallback(function (_ref) {
     var selectedKeys = _ref.selectedKeys;
     setFilteredKeysSync(selectedKeys);
-  };
+  }, []);
 
   var onCheck = function onCheck(keys, _ref2) {
     var node = _ref2.node,
@@ -138,7 +136,7 @@ function FilterDropdown(props) {
     onSelectKeys({
       selectedKeys: propFilteredKeys || []
     });
-  }, [onSelectKeys, propFilteredKeys, visible]); // search in tree mode column filter
+  }, [propFilteredKeys, visible]); // search in tree mode column filter
 
   var _React$useState3 = React.useState(''),
       _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
@@ -182,8 +180,8 @@ function FilterDropdown(props) {
 
   var onReset = function onReset() {
     setSearchValue('');
-    setFilteredKeysSync(preKeys);
-    internalTriggerFilter(preKeys); // triggerVisible(false);
+    setFilteredKeysSync([]); // internalTriggerFilter([]);
+    // triggerVisible(false);
   };
 
   var doFilter = function doFilter() {
@@ -236,7 +234,7 @@ function FilterDropdown(props) {
     onConfirm();
   };
 
-  var getTreeData = function getTreeData(_ref4) {
+  var getTreeChildrenData = function getTreeChildrenData(_ref4) {
     var filters = _ref4.filters;
     return (filters || []).map(function (filter, index) {
       var key = String(filter.value);
@@ -246,7 +244,7 @@ function FilterDropdown(props) {
       };
 
       if (filter.children) {
-        item.children = getTreeData({
+        item.children = getTreeChildrenData({
           filters: filter.children
         });
       }
@@ -255,6 +253,21 @@ function FilterDropdown(props) {
     });
   };
 
+  var getTreeData = function getTreeData(_ref5) {
+    var filters = _ref5.filters;
+    var treeDataArr = [];
+    var treeData = {
+      title: locale.filterCheckall,
+      key: 'checkall',
+      children: []
+    };
+    treeData.children = getTreeChildrenData({
+      filters: filters
+    });
+    treeDataArr.push(treeData);
+    return treeDataArr;
+  };
+
   var dropdownContent;
 
   if (typeof column.filterDropdown === 'function') {
@@ -296,10 +309,7 @@ function FilterDropdown(props) {
           locale: locale
         }), /*#__PURE__*/React.createElement("div", {
           className: "".concat(tablePrefixCls, "-filter-dropdown-tree")
-        }, filterMultiple ? /*#__PURE__*/React.createElement(_checkbox["default"], {
-          className: "".concat(tablePrefixCls, "-filter-dropdown-checkall"),
-          onChange: onCheckAll
-        }, locale.filterCheckall) : null, /*#__PURE__*/React.createElement(_tree["default"], {
+        }, /*#__PURE__*/React.createElement(_tree["default"], {
           checkable: true,
           selectable: false,
           multiple: filterMultiple,

package/lib/table/style/base.less

@@ -169,8 +169,13 @@ each(.size-padding-map(), .(@value, @key, @index) {
         }
         .@{acud-prefix}-checkbox-wrapper {
             display: flex;
-            padding-left: @P * 2;
-            padding-right: @P * 2;
+            padding-left: @P * 3;
+            padding-right: @P * 3;
+        }
+        .@{table-prefix-cls}-filter-dropdown-tree {
+            .@{acud-prefix}-checkbox-wrapper {
+                padding-left: 0;
+            }
         }
     }
 }

package/lib/table/style/index.css

@@ -324,10 +324,12 @@ div.acud-table-summary {
   flex-direction: column;
   align-items: center;
 }
+.acud-table-column-sorter-default,
 .acud-table-column-sorter-up,
 .acud-table-column-sorter-down {
-  font-size: 11px;
+  font-size: 16px;
 }
+.acud-table-column-sorter-default.active,
 .acud-table-column-sorter-up.active,
 .acud-table-column-sorter-down.active {
   color: #D4E5FF;
@@ -355,7 +357,7 @@ div.acud-table-summary {
   margin-left: 4px;
   padding: 0 4px;
   color: #bfbfbf;
-  font-size: 12px;
+  font-size: 16px;
   border-radius: 0px;
   cursor: pointer;
   transition: all 0.3s;
@@ -403,7 +405,6 @@ div.acud-table-summary {
 .acud-table-filter-dropdown-checkall {
   width: 100%;
   margin-bottom: 4px;
-  margin-left: 4px;
 }
 .acud-table-filter-dropdown-submenu > ul {
   max-height: calc(100vh - 130px);
@@ -1012,8 +1013,11 @@ tr.acud-table-expanded-row .acud-descriptions-view table {
 }
 .acud-table-filter-dropdown-box .acud-checkbox-wrapper {
   display: flex;
-  padding-left: 8px;
-  padding-right: 8px;
+  padding-left: 12px;
+  padding-right: 12px;
+}
+.acud-table-filter-dropdown-box .acud-table-filter-dropdown-tree .acud-checkbox-wrapper {
+  padding-left: 0;
 }
 .acud-table-filter-dropdown-menu {
   max-height: 264px;

package/lib/table/style/index.less

@@ -365,9 +365,10 @@
       align-items: center;
     }
 
+    &-default,
     &-up,
     &-down {
-      font-size: 11px;
+      font-size: 16px;
 
       &.active {
         color: @primary-color;
@@ -402,7 +403,7 @@
     margin-left: @P;
     padding: 0 4px;
     color: @table-header-icon-color;
-    font-size: @font-size-sm;
+    font-size: 16px;
     border-radius: @border-radius-base;
     cursor: pointer;
     transition: all 0.3s;
@@ -479,7 +480,7 @@
     &-checkall {
       width: 100%;
       margin-bottom: 4px;
-      margin-left: 4px;
+      // margin-left: 4px;
     }
 
     &-submenu > ul {

package/lib/tree/tree.d.ts

@@ -4,10 +4,7 @@ import type { EventDataNode as RcEventDataNode, DataNode as RcDataNode, Key } fr
 export interface DataNode extends RcDataNode {
     isEditable?: boolean;
 }
-declare type EventDataNode = RcEventDataNode<{
-    children?: any;
-}>;
-export { EventDataNode };
+export declare type EventDataNode = RcEventDataNode<DataNode>;
 export interface TreeProps extends Partial<RcTreeProps> {
     treeData?: DataNode[];
     className?: string;

package/lib/upload/style/index.css

@@ -369,6 +369,7 @@
 .acud-upload-list-picture .acud-upload-list-item-info,
 .acud-upload-list-picture-card .acud-upload-list-item-info {
   padding: 0;
+  height: 56px;
 }
 .acud-upload-list-picture .acud-upload-list-item:hover .acud-upload-list-item-info,
 .acud-upload-list-picture-card .acud-upload-list-item:hover .acud-upload-list-item-info {
@@ -384,7 +385,6 @@
 }
 .acud-upload-list-picture .acud-upload-list-item-thumbnail .acudicon,
 .acud-upload-list-picture-card .acud-upload-list-item-thumbnail .acudicon {
-  margin-top: 24px;
   font-size: 26px;
 }
 .acud-upload-list-picture .acud-upload-list-item-error .acud-upload-list-item-thumbnail .acudicon svg path[fill='#e6f7ff'],
@@ -432,10 +432,6 @@
   text-overflow: ellipsis;
   transition: all 0.3s;
 }
-.acud-upload-list-picture .acud-upload-list-item-uploading .acud-upload-list-item-name,
-.acud-upload-list-picture-card .acud-upload-list-item-uploading .acud-upload-list-item-name {
-  margin-bottom: 12px;
-}
 .acud-upload-list-picture .acudicon-outlined-close,
 .acud-upload-list-picture-card .acudicon-outlined-close {
   position: absolute;

package/lib/upload/style/index.less

@@ -334,6 +334,7 @@
 
         .@{upload-item}-info {
             padding: 0;
+            height: 56px;
         }
 
         .@{upload-item}:hover .@{upload-item}-info {
@@ -352,7 +353,7 @@
             opacity: .8;
 
             .@{iconfont-css-prefix} {
-                margin-top: 24px;
+                // margin-top: 24px;
                 font-size: 26px;
             }
         }
@@ -410,7 +411,7 @@
         }
 
         .@{upload-item}-uploading .@{upload-item}-name {
-            margin-bottom: 12px;
+            // margin-bottom: 12px;
         }
 
         .@{iconfont-css-prefix}-outlined-close {