uiw 4.14.1 → 4.15.1

package/dist/uiw.js

@@ -321,6 +321,7 @@ __webpack_require__.d(__webpack_exports__, {
   "ButtonGroup": () => (/* reexport */ react_button_group_esm),
   "Calendar": () => (/* reexport */ Calendar),
   "Card": () => (/* reexport */ react_card_esm),
+  "Carousel": () => (/* reexport */ react_carousel_esm),
   "Checkbox": () => (/* reexport */ react_checkbox_esm),
   "CheckboxGroup": () => (/* reexport */ CheckboxGroup),
   "Col": () => (/* reexport */ Col),
@@ -3092,6 +3093,10 @@ class Popover extends (external_root_React_commonjs2_react_commonjs_react_amd_re
         })]
       }),
       children: typeof this.props.children === 'object' && this.props.children.type.name !== 'Icon' ? this.props.children : /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+        style: {
+          display: 'block',
+          writingMode: 'vertical-rl'
+        },
         children: this.props.children
       })
     }));
@@ -4021,6 +4026,167 @@ var react_card_esm_excluded = ["prefixCls", "className", "title", "extra", "foot
   }));
 }));
 
+;// CONCATENATED MODULE: ../react-carousel/esm/style/index.css
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const react_carousel_esm_style = ({});
+;// CONCATENATED MODULE: ../react-carousel/esm/index.js
+
+
+
+
+
+
+function Carousel(props, ref) {
+  var {
+    position = 0,
+    direction = 'horizontal',
+    width = 400,
+    height = 200,
+    palyTime = 2000,
+    scrollTime = 200,
+    autoPlay = true,
+    afterChange,
+    beforeChange,
+    prefixCls = 'w-carousel',
+    className,
+    style
+  } = props;
+  var cls = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => [prefixCls, className].filter(Boolean).join(' ').trim(), [prefixCls, className]);
+  var [currentPosition, currentPositionSet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(position);
+  var [transitionInner, transitionInnerSet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(scrollTime * 0.001 + "s ease-in-out");
+  var positionRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(currentPosition);
+  var childCount = external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.count(props.children) + 1;
+
+  var _stopPlay = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
+    stop: () => {},
+    after: afterChange,
+    before: beforeChange
+  });
+
+  external_root_React_commonjs2_react_commonjs_react_amd_react_default().useImperativeHandle(ref, () => ({
+    gotoSlide,
+    prevSlide: () => gotoSlide(positionRef.current - 1),
+    nextSlide: () => gotoSlide(positionRef.current + 1),
+    stopPlay: () => _stopPlay.current.stop()
+  }), [ref]);
+
+  var gotoSlide = slidNumber => {
+    _stopPlay.current.stop();
+
+    var maxSlid = childCount - 1;
+    var slidNumberTemp = slidNumber > maxSlid ? maxSlid : slidNumber;
+    slidNumberTemp = slidNumber < 0 ? 0 : slidNumberTemp;
+    positionRef.current = slidNumberTemp;
+    currentPositionSet(slidNumberTemp);
+    play();
+  };
+
+  var play = function play(ms) {
+    if (ms === void 0) {
+      ms = palyTime;
+    }
+
+    if (autoPlay) {
+      var time = setInterval(() => {
+        _stopPlay.current.after == null ? void 0 : _stopPlay.current.after(positionRef.current);
+        positionRef.current++;
+
+        if (positionRef.current >= childCount) {
+          positionRef.current = 0;
+        }
+
+        currentPositionSet(positionRef.current);
+        _stopPlay.current.before == null ? void 0 : _stopPlay.current.before(positionRef.current);
+      }, ms);
+
+      _stopPlay.current.stop = () => {
+        clearInterval(time);
+      };
+    }
+  };
+
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
+    play();
+    return () => {
+      _stopPlay.current.stop();
+    };
+  }, [autoPlay]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
+    var time;
+
+    if (childCount === currentPosition + 1) {
+      time = setTimeout(() => {
+        _stopPlay.current.before = () => {
+          transitionInnerSet(scrollTime * 0.001 + "s ease-in-out");
+          _stopPlay.current.before = props.beforeChange;
+        };
+
+        transitionInnerSet('none');
+        gotoSlide(0);
+      }, scrollTime);
+    }
+
+    return () => {
+      clearTimeout(time);
+    };
+  }, [currentPosition]);
+  var childrens = external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.map(props.children, child => {
+    return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      style: _extends({
+        width,
+        height
+      }, style),
+      children: child
+    });
+  });
+  var innerStyle = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    var style = {
+      transform: '',
+      display: ''
+    };
+
+    switch (direction) {
+      case 'horizontal':
+        style.transform = "translate3d(" + -(currentPosition * width) + "px, 0px, 0px)";
+        style.display = 'flex';
+        break;
+
+      case 'vertical':
+        style.transform = "translate3d(0px, " + -(currentPosition * height) + "px, 0px)";
+        style.display = 'block';
+        break;
+
+      default:
+        break;
+    }
+
+    return style;
+  }, [direction, currentPosition, width, height]);
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    className: cls,
+    style: {
+      width,
+      height
+    },
+    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+      className: cls + "-content",
+      style: _extends({
+        width: width * childCount,
+        transition: transitionInner
+      }, innerStyle),
+      children: [childrens, /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        style: _extends({
+          width,
+          height
+        }, style),
+        children: childrens == null ? void 0 : childrens[0]
+      })]
+    })
+  });
+}
+
+/* harmony default export */ const react_carousel_esm = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(Carousel));
+
 ;// CONCATENATED MODULE: ../react-radio/esm/RadioAbstract.js
 
 
@@ -7786,7 +7952,7 @@ var react_tag_esm_excluded = ["prefixCls", "className", "style", "title", "child
     className: cls,
     style: styl
   }, other, {
-    children: [title || children, closable ? /*#__PURE__*/(0,jsx_runtime.jsx)("svg", {
+    children: [title || children, !disabled && closable ? /*#__PURE__*/(0,jsx_runtime.jsx)("svg", {
       onClick: onClose,
       className: prefixCls + "-close",
       width: "15",
@@ -7819,6 +7985,8 @@ var react_search_select_esm_excluded = ["allowClear", "disabled", "size", "maxTa
 
 
 function SearchSelect(props) {
+  var _style$width;
+
   var {
     allowClear = false,
     disabled = false,
@@ -7863,6 +8031,11 @@ function SearchSelect(props) {
       selectedValueChange(defaultValue);
     }
   }, []);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
+    if (disabled) {
+      setInnerIsOpen(false);
+    }
+  }, [disabled]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
     if (valueVerify(value)) {
       selectedValueChange(value);
@@ -7995,7 +8168,10 @@ function SearchSelect(props) {
     style: {
       marginTop: 5
     },
-    disabled: option && option.length > 0 ? false : true
+    overlayStyl: {
+      width: 100
+    },
+    disabled: disabled
   }, others, {
     onVisibleChange: onVisibleChange,
     isOpen: innerIsOpen,
@@ -8004,9 +8180,9 @@ function SearchSelect(props) {
       style: {
         minHeight: 25,
         maxHeight: 280,
-        minWidth: 200,
+        minWidth: (_style$width = style == null ? void 0 : style.width) != null ? _style$width : 200,
         overflowY: 'scroll',
-        width: divRef.current ? divRef.current.offsetWidth : 'auto'
+        width: style == null ? void 0 : style.width
       },
       children: !option || option.length === 0 ? /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         style: {
@@ -8056,6 +8232,7 @@ function SearchSelect(props) {
               color: "#393E48"
             }, tagProps, {
               closable: true,
+              disabled: disabled,
               onClose: e => {
                 e.stopPropagation();
                 handleItemsClick(index, item);
@@ -8085,7 +8262,7 @@ function SearchSelect(props) {
             value: selectedLabel,
             placeholder: selectedValue.length ? '' : placeholder
           })]
-        }), (selectIconType === 'close' || selectIconType === 'loading' && loading) && /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+        }), !disabled && (selectIconType === 'close' || selectIconType === 'loading' && loading) && /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
           type: selectIconType,
           spin: loading && selectIconType === 'loading',
           onClick: resetSelectedValue
@@ -8098,7 +8275,7 @@ function SearchSelect(props) {
         onChange: e => handleInputChange(e.target.value),
         value: selectedLabel,
         placeholder: placeholder,
-        addonAfter: (selectIconType === 'close' || selectIconType === 'loading' && loading) && /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+        addonAfter: !disabled && (selectIconType === 'close' || selectIconType === 'loading' && loading) && /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
           type: selectIconType,
           spin: loading && selectIconType === 'loading',
           onClick: resetSelectedValue
@@ -8851,59 +9028,6 @@ var react_switch_esm_excluded = ["prefixCls"];
 ;// CONCATENATED MODULE: ../react-table/esm/style/index.css
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const react_table_esm_style = ({});
-;// CONCATENATED MODULE: ../react-table/esm/Thead.js
-
-
-var Thead_excluded = ["prefixCls", "className", "data", "onCellHead"],
-    Thead_excluded2 = ["title", "key", "render", "children", "ellipsis"];
-
-
-
-
-function TheadComponent(props) {
-  if (props === void 0) {
-    props = {};
-  }
-
-  var {
-    prefixCls = 'w-table',
-    className,
-    data = [],
-    onCellHead = noop
-  } = props,
-      other = _objectWithoutPropertiesLoose(props, Thead_excluded);
-
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("thead", _extends({
-    className: [prefixCls, className].filter(Boolean).join(' ').trim()
-  }, other, {
-    children: data && data.length > 0 && data.map((tds, rowNum) => /*#__PURE__*/(0,jsx_runtime.jsx)("tr", {
-      children: (tds || []).map((item, colNum) => {
-        var {
-          title,
-          ellipsis
-        } = item,
-            thProps = _objectWithoutPropertiesLoose(item, Thead_excluded2);
-
-        var titleNode = typeof title === 'function' ? title(item, colNum, rowNum) : title;
-
-        if (thProps.colSpan === 0) {
-          return null;
-        }
-
-        if (ellipsis) {
-          thProps.className = (thProps.className || '') + " " + prefixCls + "-ellipsis";
-        }
-
-        return /*#__PURE__*/(0,jsx_runtime.jsx)("th", _extends({
-          onClick: evn => onCellHead(item, colNum, rowNum, evn)
-        }, thProps, {
-          children: titleNode
-        }), colNum);
-      })
-    }, rowNum))
-  }));
-}
-
 ;// CONCATENATED MODULE: ../react-table/esm/util.js
 /**
  * Get colspan number
@@ -9059,12 +9183,136 @@ function getAllColumnsKeys(data, keys) {
     if (data[i].children) {
       keys = keys.concat(getAllColumnsKeys(data[i].children || []));
     } else if (data[i].key) {
-      keys.push(data[i].key);
+      keys.push(data[i]);
     }
   }
 
   return keys;
 }
+function locationFixed(fixed, location, index) {
+  var _location$index, _location$index2;
+
+  if (!fixed) return {};
+  if (fixed === 'right') return {
+    right: (_location$index = location[index]) == null ? void 0 : _location$index.right
+  };
+  return {
+    left: (_location$index2 = location[index]) == null ? void 0 : _location$index2.left
+  };
+}
+
+;// CONCATENATED MODULE: ../react-table/esm/ThComponent.js
+
+
+var ThComponent_excluded = ["title", "key", "render", "children", "ellipsis", "fixed"];
+
+
+
+
+class ThComponent extends external_root_React_commonjs2_react_commonjs_react_amd_react_.Component {
+  componentDidMount() {
+    var rect = external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default().findDOMNode(this);
+    this.props.updateLocation({
+      width: rect.getBoundingClientRect().width
+    }, this.props.colNum);
+  }
+
+  render() {
+    var {
+      colNum,
+      prefixCls,
+      item,
+      titleNode,
+      onCellHead,
+      rowNum,
+      locationWidth
+    } = this.props;
+
+    var {
+      fixed = false
+    } = item,
+        thProps = _objectWithoutPropertiesLoose(item, ThComponent_excluded);
+
+    var cls = '';
+
+    if (fixed) {
+      if (fixed === 'right') {
+        cls = prefixCls + '-fixed-right';
+      } else {
+        cls = prefixCls + '-fixed-true';
+      }
+    }
+
+    return /*#__PURE__*/(0,jsx_runtime.jsx)("th", _extends({}, thProps, {
+      style: _extends({}, thProps.style, locationFixed(fixed, locationWidth, colNum)),
+      className: prefixCls + "-tr-children-" + ((item == null ? void 0 : item.align) || 'left') + " " + (item.className || '') + " " + cls,
+      onClick: evn => onCellHead == null ? void 0 : onCellHead(item, colNum, rowNum, evn),
+      children: titleNode
+    }), colNum);
+  }
+
+}
+
+;// CONCATENATED MODULE: ../react-table/esm/Thead.js
+
+
+var Thead_excluded = ["prefixCls", "className", "data", "onCellHead", "locationWidth", "updateLocation"],
+    Thead_excluded2 = ["title", "key", "render", "children", "ellipsis", "fixed"];
+
+
+
+
+
+function TheadComponent(props) {
+  if (props === void 0) {
+    props = {};
+  }
+
+  var {
+    prefixCls = 'w-table',
+    className,
+    data = [],
+    onCellHead = noop,
+    locationWidth,
+    updateLocation
+  } = props,
+      other = _objectWithoutPropertiesLoose(props, Thead_excluded);
+
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("thead", _extends({
+    className: [prefixCls, className].filter(Boolean).join(' ').trim()
+  }, other, {
+    children: data && data.length > 0 && data.map((tds, rowNum) => /*#__PURE__*/(0,jsx_runtime.jsx)("tr", {
+      children: (tds || []).map((item, colNum) => {
+        var {
+          title,
+          ellipsis,
+          fixed = false
+        } = item,
+            thProps = _objectWithoutPropertiesLoose(item, Thead_excluded2);
+
+        var titleNode = /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+          className: ellipsis ? (thProps.className || '') + " " + prefixCls + "-ellipsis" : undefined,
+          children: typeof title === 'function' ? title(item, colNum, rowNum) : title
+        });
+
+        if (thProps.colSpan === 0) {
+          return null;
+        }
+
+        return /*#__PURE__*/(0,jsx_runtime.jsx)(ThComponent, {
+          colNum: colNum,
+          item: item,
+          prefixCls: prefixCls,
+          onCellHead: onCellHead,
+          rowNum: rowNum,
+          titleNode: titleNode,
+          locationWidth: locationWidth,
+          updateLocation: updateLocation
+        }, colNum);
+      })
+    }, rowNum))
+  }));
+}
 
 ;// CONCATENATED MODULE: ../react-table/esm/Expandable.js
 
@@ -9106,6 +9354,7 @@ function ExpandableComponent(_ref) {
 
 
 
+
 function TableTr(props) {
   var {
     rowKey,
@@ -9118,9 +9367,16 @@ function TableTr(props) {
     isExpandedDom,
     hierarchy,
     indentSize,
-    childrenColumnName
+    childrenColumnName,
+    locationWidth
   } = props;
+  var [isOpacity, setIsOpacity] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false);
+  var [childrenIndex, setChildrenIndex] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0);
   var [expandIndex, setExpandIndex] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
+    setIsOpacity(!!(data != null && data.find(it => it[childrenColumnName])));
+    setChildrenIndex((keys == null ? void 0 : keys.findIndex(it => it.key === 'uiw-expanded')) === -1 ? 0 : 1);
+  }, [data]);
   var IconDom = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
     return (key, isOpacity) => {
       var flag = expandIndex.includes(key);
@@ -9129,7 +9385,9 @@ function TableTr(props) {
         style: {
           marginRight: 10,
           opacity: isOpacity ? 1 : 0,
-          marginLeft: hierarchy * indentSize
+          marginLeft: hierarchy * indentSize,
+          float: 'left',
+          marginTop: 3.24
         },
         onClick: () => {
           setExpandIndex(flag ? expandIndex.filter(it => it !== key) : [...expandIndex, key]);
@@ -9149,11 +9407,11 @@ function TableTr(props) {
         children: [/*#__PURE__*/(0,jsx_runtime.jsx)("tr", {
           children: keys.map((keyName, colNum) => {
             var objs = {
-              children: trData[keyName]
+              children: trData[keyName.key]
             };
 
-            if (render[keyName]) {
-              var child = render[keyName](trData[keyName], keyName, trData, rowNum, colNum);
+            if (render[keyName.key]) {
+              var child = render[keyName.key](trData[keyName.key], keyName.key, trData, rowNum, colNum);
 
               if ( /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(child)) {
                 objs.children = child;
@@ -9171,32 +9429,45 @@ function TableTr(props) {
               }
             }
 
-            if (ellipsis && ellipsis[keyName]) {
-              objs.className = prefixCls + "-ellipsis";
-            }
-
             var isHasChildren = Array.isArray(trData[childrenColumnName]);
 
-            if (colNum === 0 && (hierarchy || isHasChildren)) {
-              objs.className = objs.className + " " + prefixCls + "-has-children";
+            if (colNum === childrenIndex && (isOpacity || hierarchy || isHasChildren)) {
               objs.children = /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
-                children: [IconDom(key, isHasChildren), objs.children]
+                children: [IconDom(key, isHasChildren), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+                  style: {
+                    paddingLeft: hierarchy * indentSize
+                  }
+                }), objs.children]
               });
             }
 
+            if (keyName.fixed) {
+              if (keyName.fixed === 'right') {
+                objs.className = objs.className + " " + prefixCls + "-fixed-right";
+              } else {
+                objs.className = objs.className + " " + prefixCls + "-fixed-true";
+              }
+            }
+
             return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement)("td", _extends({}, objs, {
+              style: _extends({}, locationFixed(keyName.fixed, locationWidth, colNum)),
+              children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+                className: ellipsis && ellipsis[keyName.key] ? prefixCls + "-ellipsis" : undefined,
+                children: objs.children
+              }),
               key: colNum,
+              className: prefixCls + "-tr-children-" + (keyName.align || 'left') + "  " + (keyName.className || '') + " " + (objs.className || ''),
               onClick: evn => onCell(trData, {
                 rowNum,
                 colNum,
-                keyName
+                keyName: keyName.key
               }, evn)
             }));
           })
-        }, key), expandIndex.includes(key) && /*#__PURE__*/(0,jsx_runtime.jsx)(TableTr, _extends({}, props, {
+        }, key), isExpandedDom(trData, rowNum), expandIndex.includes(key) && /*#__PURE__*/(0,jsx_runtime.jsx)(TableTr, _extends({}, props, {
           data: trData[childrenColumnName],
           hierarchy: hierarchy + 1
-        })), isExpandedDom(trData, rowNum)]
+        }))]
       }, rowNum);
     })
   });
@@ -9205,7 +9476,7 @@ function TableTr(props) {
 ;// CONCATENATED MODULE: ../react-table/esm/index.js
 
 
-var react_table_esm_excluded = ["prefixCls", "className", "columns", "data", "title", "footer", "bordered", "onCell", "onCellHead", "empty", "children", "expandable", "rowKey"];
+var react_table_esm_excluded = ["prefixCls", "className", "columns", "data", "title", "footer", "bordered", "onCell", "onCellHead", "empty", "children", "expandable", "rowKey", "scroll"];
 
 
 
@@ -9234,15 +9505,64 @@ function Table(props) {
     onCellHead = noop,
     empty,
     expandable,
-    rowKey
+    rowKey,
+    scroll
   } = props,
       other = _objectWithoutPropertiesLoose(props, react_table_esm_excluded);
 
   var [expandIndex, setExpandIndex] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]);
+  var [locationWidth, setLocationWidth] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)({});
+  var finalLocationWidth = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({});
+
+  var updateLocation = (params, index) => {
+    finalLocationWidth.current = _extends({}, finalLocationWidth.current, {
+      [index]: _extends({}, finalLocationWidth.current[index], params)
+    });
+
+    if (index === columns.length - 1) {
+      setLocationWidth(computed());
+    }
+  };
+
+  var computed = () => {
+    var left = 0,
+        right = 0;
+
+    for (var _index = 0; _index < columns.length; _index++) {
+      if (finalLocationWidth.current[_index]) {
+        finalLocationWidth.current[_index].left = left;
+        left = finalLocationWidth.current[_index].width + left;
+      }
+    }
+
+    for (var _index2 = columns.length - 1; _index2 > -1; _index2--) {
+      if (finalLocationWidth.current[_index2]) {
+        finalLocationWidth.current[_index2].right = right;
+        right = finalLocationWidth.current[_index2].width + right;
+      }
+    }
+
+    return finalLocationWidth.current;
+  };
+
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
+    var childKey = (expandable == null ? void 0 : expandable.childrenColumnName) || 'children';
+
+    var deep = params => {
+      var arr1 = [];
+      var arr = params.map((it, index) => {
+        if (Array.isArray(it[childKey])) {
+          arr1.push(...deep(it[childKey]));
+        }
+
+        return rowKey ? it[rowKey] : index;
+      });
+      return [...arr1, ...arr];
+    };
+
     if (expandable) {
       if (expandable.defaultExpandAllRows) {
-        setExpandIndex(data.map((it, index) => rowKey ? it[rowKey] : index));
+        setExpandIndex(deep(data));
         return;
       }
 
@@ -9294,7 +9614,10 @@ function Table(props) {
     var selfColumns = [];
 
     if (expandable != null && expandable.expandedRowRender) {
-      keys = ['uiw-expanded', ...keys];
+      keys = [{
+        key: 'uiw-expanded',
+        align: 'center'
+      }, ...keys];
       selfColumns = [{
         title: '',
         key: 'uiw-expanded',
@@ -9343,31 +9666,54 @@ function Table(props) {
       selfColumns
     };
   }, [columns, expandIndex]);
+  var style = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    var style = {
+      table: {},
+      div: {}
+    };
+
+    if (scroll) {
+      if (scroll.x !== undefined) {
+        style.table.minWidth = '100%';
+        style.table.width = scroll.x;
+        style.div.overflowX = 'auto';
+        style.div.overflowY = 'hidden';
+      }
+
+      if (scroll.y !== undefined) {
+        style.div.maxHeight = scroll.y;
+        style.div.overflowY = 'scroll';
+      }
+    }
+
+    return style;
+  }, [scroll]);
   var cls = [prefixCls, className, bordered ? prefixCls + "-bordered" : null].filter(Boolean).join(' ').trim();
   var {
     header,
     render,
     ellipsis
   } = getLevelItems(self.selfColumns);
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", _extends({
-      style: {
-        overflowY: 'scroll'
-      },
       className: cls
     }, other, {
+      style: _extends({}, other.style, style.div),
       children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
-        style: ellipsis ? {
-          tableLayout: 'fixed'
-        } : {},
+        style: _extends({
+          tableLayout: ellipsis ? 'fixed' : 'auto'
+        }, style.table),
         children: [title && /*#__PURE__*/(0,jsx_runtime.jsx)("caption", {
           children: title
         }), columns && columns.length > 0 && /*#__PURE__*/(0,jsx_runtime.jsx)(TheadComponent, {
           onCellHead: onCellHead,
-          data: header
+          data: header,
+          locationWidth: locationWidth,
+          updateLocation: updateLocation
         }), data && data.length > 0 && /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
           children: /*#__PURE__*/(0,jsx_runtime.jsx)(TableTr, {
             rowKey: rowKey,
+            locationWidth: locationWidth,
             data: data,
             keys: self.keys,
             render: render,
@@ -9527,7 +9873,7 @@ function Tabs(props) {
     if (activeItem.current && type === 'line') {
       setSlideStyle({
         width: activeItem.current.clientWidth,
-        left: activeItem.current.offsetLeft + 15
+        left: activeItem.current.offsetLeft
       });
     }
   }
@@ -9546,17 +9892,17 @@ function Tabs(props) {
         children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
           className: prefixCls + "-bar",
           ref: divContentRef,
-          children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+          children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
             className: prefixCls + "-nav",
             style: {
               width: 'max-content'
             },
-            children: renderNav(children)
+            children: [renderNav(children), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+              style: slideStyle,
+              className: prefixCls + "-slide"
+            })]
           })
         })
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-        style: slideStyle,
-        className: prefixCls + "-slide"
       }), hiddenNav.length > 0 && /*#__PURE__*/(0,jsx_runtime.jsx)(Popover, {
         trigger: "click",
         placement: "bottomRight",
@@ -9778,6 +10124,9 @@ function TreeNode(props) {
           children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
             className: prefixCls + "-label",
             children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+              style: {
+                display: noChild ? 'none' : 'auto'
+              },
               className: prefixCls + "-switcher",
               onClick: evn => onItemClick(item, evn),
               children: /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
@@ -9858,7 +10207,10 @@ var getChildKeys = function getChildKeys(childs, result, depth) {
   }
 
   childs.forEach(item => {
-    result.push(item.key);
+    if (!item.hideNode) {
+      result.push(item.key);
+    }
+
     if (typeof depth === 'number' && !(depth - 1)) return;
 
     if (item.children && item.children.length > 0) {
@@ -10218,6 +10570,7 @@ function SearchTagInput(props) {
       setInnerIsOpen(isOpen);
       if (!isOpen) searchValueChange('');
     },
+    disabled: disabled,
     isOpen: innerIsOpen,
     menu: /*#__PURE__*/(0,jsx_runtime.jsx)(react_card_esm, {
       bodyStyle: emptyOption === true ? {
@@ -10255,6 +10608,7 @@ function SearchTagInput(props) {
               },
               className: prefixCls + "-tag",
               closable: true,
+              disabled: disabled,
               color: "#393E48",
               onClose: e => {
                 e.stopPropagation();
@@ -10264,10 +10618,7 @@ function SearchTagInput(props) {
             }, index);
           }), /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, {
             ref: inputRef,
-            style: {
-              flex: 1,
-              minWidth: 30
-            },
+            style: {},
             className: prefixCls + "-input-contents",
             size: size,
             disabled: disabled,
@@ -10276,7 +10627,7 @@ function SearchTagInput(props) {
             value: searchValue,
             placeholder: selectedOption.length ? '' : placeholder
           })]
-        }), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+        }), !disabled && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
           style: {
             height: 25,
             width: 14
@@ -10513,7 +10864,7 @@ function Transfer(props) {
   var {
     placeholder,
     options,
-    value,
+    value = [],
     showSearch = false,
     selectedAll = false,
     bodyStyle,
@@ -10536,11 +10887,11 @@ function Transfer(props) {
     right: CheckedStatus.UnChecked
   });
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
-    leftSelectedKeySet([]);
-    rightSelectedKeySet([]);
-    rightOpionSet(value || []);
-    value == null ? void 0 : value.forEach(selectd => selectOption.set(selectd.key, selectd.label));
-    hiddenNode(child => !!(value != null && value.find(selectd => child.key === selectd.key)));
+    if (value) {
+      rightOpionSet(value || []);
+      value == null ? void 0 : value.forEach(selectd => selectOption.set(selectd.key, selectd.label));
+      hiddenNode(child => !!(value != null && value.find(selectd => child.key === selectd.key)));
+    }
   }, [JSON.stringify(value)]);
 
   var hiddenNode = callBackfn => {
@@ -10581,7 +10932,7 @@ function Transfer(props) {
 
     var iteratorParent = child => {
       if (child.parent) {
-        var selectCount = child.parent.children.filter(child => !selectOption.get(child.key)).length;
+        var selectCount = child.parent.children.filter(child => !selectOption.get(child.key) && !child.hideNode).length;
         addOrDel(child.parent.key, child.parent.label, selectCount === 0);
         iteratorParent(child.parent);
       }
@@ -10611,22 +10962,22 @@ function Transfer(props) {
   };
 
   var transferClick = transferType => {
-    var selectOptionTemp = selectOption;
-
     if (transferType === 'left') {
       leftSelectOption.forEach((value, key) => {
-        selectOptionTemp.set(key, value);
+        selectOption.set(key, value);
       });
+      leftSelectOptionSet(new Map());
+      leftSelectedKeySet([]);
     } else {
       rightSelectedKeys.forEach(key => {
         selectOption.delete(key);
       });
+      rightSelectedKeySet([]);
     }
 
-    selectOptionSet(selectOptionTemp); // leftSelectOptionSet(selectOptionTemp);
-
+    selectOptionSet(selectOption);
     var option = [];
-    selectOptionTemp.forEach((label, key) => option.push({
+    selectOption.forEach((label, key) => option.push({
       key,
       label
     }));
@@ -10671,22 +11022,23 @@ function Transfer(props) {
 
           if ((_child$children3 = child.children) != null && _child$children3.length) {
             selectedOptionsRecursion(child.children);
-          } else {
-            if (!child.hideNode) {
-              selectOption.set(child.key, child.label);
-              keys.push(child.key);
-            }
+          }
+
+          if (!child.hideNode) {
+            leftSelectOption.set(child.key, child.label);
+            keys.push(child.key);
           }
         });
       };
 
       selectedOptionsRecursion(selectedOptions);
+      leftSelectOptionSet(leftSelectOption);
       leftSelectedKeySet(keys);
     } else {
       leftSelectedKeySet([]);
+      leftSelectOptionSet(new Map());
     }
 
-    selectOptionSet(selectOption);
     selectAllCheckedSet(selectAllChecked);
   };
 
@@ -10695,16 +11047,12 @@ function Transfer(props) {
     selectAllChecked.right = isChecked ? 1 : 0;
 
     if (isChecked) {
-      var keys = rightOpions.map(child => {
-        selectOption.delete(child.key);
-        return child.key;
-      });
+      var keys = rightOpions.map(child => child.key);
       rightSelectedKeySet(keys);
     } else {
       rightSelectedKeySet([]);
     }
 
-    selectOptionSet(selectOption);
     selectAllCheckedSet(selectAllChecked);
   };
 
@@ -10726,16 +11074,16 @@ function Transfer(props) {
     }, style),
     children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(react_card_esm, {
       bodyStyle: {
-        padding: 5
+        padding: '5px 9px'
       },
       title: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
         children: [selectedAll && /*#__PURE__*/(0,jsx_runtime.jsx)(react_checkbox_esm, {
           indeterminate: leftSelectedKeys.length < selectedOptionsShowCount.current && !!leftSelectedKeys.length,
           checked: leftSelectedKeys.length >= selectedOptionsShowCount.current && !!leftSelectedKeys.length,
           onChange: selectAllLeftChange
-        }), /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
+        }), /*#__PURE__*/(0,jsx_runtime.jsxs)("label", {
           style: {
-            marginLeft: 10
+            marginLeft: 3
           },
           children: [leftSelectedKeys.length, "/", selectedOptionsShowCount.current]
         })]
@@ -10760,17 +11108,19 @@ function Transfer(props) {
       children: [/*#__PURE__*/(0,jsx_runtime.jsx)(Arrow, {
         click: () => transferClick('left'),
         style: {
-          transform: 'rotate(-90deg)'
+          transform: 'rotate(-90deg)',
+          background: leftSelectedKeys.length > 0 ? '#393E48' : 'none'
         }
       }), /*#__PURE__*/(0,jsx_runtime.jsx)(Arrow, {
         click: () => transferClick('right'),
         style: {
-          transform: 'rotate(90deg)'
+          transform: 'rotate(90deg)',
+          background: rightSelectedKeys.length > 0 ? '#393E48' : 'none'
         }
       })]
     }), /*#__PURE__*/(0,jsx_runtime.jsxs)(react_card_esm, {
       bodyStyle: {
-        padding: 5
+        padding: '5px 9px'
       },
       className: prefixCls + "-card",
       title: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
@@ -10778,9 +11128,9 @@ function Transfer(props) {
           indeterminate: rightSelectedKeys.length < rightOpions.length && !!rightSelectedKeys.length,
           checked: rightSelectedKeys.length === rightOpions.length && !!rightSelectedKeys.length,
           onChange: selectAllRightChange
-        }), /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
+        }), /*#__PURE__*/(0,jsx_runtime.jsxs)("label", {
           style: {
-            marginLeft: 10
+            marginLeft: 3
           },
           children: [rightSelectedKeys.length, "/", rightOpions.length]
         })]