uiw 4.14.2 → 4.16.0

package/dist/uiw.js

@@ -321,6 +321,8 @@ __webpack_require__.d(__webpack_exports__, {
   "ButtonGroup": () => (/* reexport */ react_button_group_esm),
   "Calendar": () => (/* reexport */ Calendar),
   "Card": () => (/* reexport */ react_card_esm),
+  "Carousel": () => (/* reexport */ react_carousel_esm),
+  "Cascader": () => (/* reexport */ react_cascader_esm),
   "Checkbox": () => (/* reexport */ react_checkbox_esm),
   "CheckboxGroup": () => (/* reexport */ CheckboxGroup),
   "Col": () => (/* reexport */ Col),
@@ -3092,6 +3094,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,201 +4027,824 @@ var react_card_esm_excluded = ["prefixCls", "className", "title", "extra", "foot
   }));
 }));
 
-;// CONCATENATED MODULE: ../react-radio/esm/RadioAbstract.js
+;// 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
 
 
-var RadioAbstract_excluded = ["prefixCls", "type", "disabled", "value", "className", "style", "children", "size", "checked", "onChange"];
 
 
 
-var RadioAbstract = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
+
+function Carousel(props, ref) {
   var {
-    prefixCls = 'w-radio',
-    type = 'radio',
-    disabled = false,
-    value = '',
+    position = 0,
+    direction = 'horizontal',
+    width = 400,
+    height = 200,
+    palyTime = 2000,
+    scrollTime = 200,
+    autoPlay = true,
+    afterChange,
+    beforeChange,
+    prefixCls = 'w-carousel',
     className,
-    style,
-    children,
-    size,
-    checked: prChecked = false,
-    onChange
-  } = props,
-      other = _objectWithoutPropertiesLoose(props, RadioAbstract_excluded);
-
-  var [checked, setChecked] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(prChecked);
-  var [prevChecked, setPrevChecked] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)();
+    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
+  });
 
-  if (prChecked !== prevChecked) {
-    setPrevChecked(prChecked);
-  }
+  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();
+  };
 
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
-    if (prChecked !== prevChecked) {
-      setChecked(prChecked);
+  var play = function play(ms) {
+    if (ms === void 0) {
+      ms = palyTime;
     }
-  }, [prevChecked]);
-  var cls = [prefixCls, className, disabled ? 'disabled' : null, size ? prefixCls + "-" + size : null].filter(Boolean).join(' ').trim();
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
-    if (checked !== props.checked) {
-      setChecked(!!props.checked);
+
+    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);
+      };
     }
-  }, [props.checked]);
+  };
 
-  function handleChange(e) {
-    e.persist();
-    setChecked(e.target.checked);
-    onChange && onChange(e);
-  }
+  (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;
 
-  var label = children || value;
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("label", {
-    className: cls,
-    style,
-    children: [/*#__PURE__*/(0,jsx_runtime.jsx)("input", _extends({}, _extends({}, other, {
-      type,
-      disabled,
-      value
-    }), {
-      checked: checked,
-      onChange: handleChange,
-      ref: ref
-    })), label && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-      className: prefixCls + "-text",
-      children: label
-    })]
+    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: ''
+    };
 
-;// CONCATENATED MODULE: ../react-radio/esm/style/index.css
-// extracted by mini-css-extract-plugin
-/* harmony default export */ const react_radio_esm_style = ({});
-;// CONCATENATED MODULE: ../react-radio/esm/Radio.js
+    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));
 
-/* harmony default export */ const Radio = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
-  return /*#__PURE__*/(0,jsx_runtime.jsx)(RadioAbstract, _extends({
-    ref: ref
-  }, props));
-}));
+;// CONCATENATED MODULE: ../react-dropdown/esm/index.js
 
-;// CONCATENATED MODULE: ../react-radio/esm/style/group.css
-// extracted by mini-css-extract-plugin
-/* harmony default export */ const group = ({});
-;// CONCATENATED MODULE: ../react-radio/esm/RadioGroup.js
 
+var react_dropdown_esm_excluded = ["prefixCls", "placement", "className", "menu", "children", "disabled"];
 
-var RadioGroup_excluded = ["prefixCls", "className", "name", "value", "onChange", "children"];
 
 
 
-/* harmony default export */ const RadioGroup = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
+function Dropdown(props) {
   var {
-    prefixCls = 'w-radio-group',
+    prefixCls = 'w-dropdown',
+    placement = 'bottomLeft',
     className,
-    name,
-    value,
-    onChange,
-    children
+    menu,
+    children,
+    disabled
   } = props,
-      other = _objectWithoutPropertiesLoose(props, RadioGroup_excluded);
+      other = _objectWithoutPropertiesLoose(props, react_dropdown_esm_excluded);
 
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", _extends({}, other, {
-    ref: ref,
-    className: [prefixCls, className].filter(Boolean).join(' ').trim(),
-    children: external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.toArray(children).map(child => {
-      if (!child) return;
-      if (! /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(child)) return child;
-      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(child, _extends({}, child.props || {}, {
-        checked: child.props.value === value,
-        name,
-        onChange
-      }));
-    })
+  var cls = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => [prefixCls, className].filter(Boolean).join(' ').trim(), [prefixCls, className]);
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(react_overlay_trigger_esm, _extends({
+    isOutside: true,
+    autoAdjustOverflow: true,
+    className: cls,
+    disabled: disabled,
+    placement: placement
+  }, other, {
+    overlay: menu,
+    children: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(children, Object.assign({}, children.props))
   }));
-}));
-
-;// CONCATENATED MODULE: ../react-radio/esm/index.js
-
-
+}
 
+;// CONCATENATED MODULE: ../react-menu/esm/style/item.css
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const style_item = ({});
+;// CONCATENATED MODULE: ../react-menu/esm/MenuItem.js
 
 
+var MenuItem_excluded = ["prefixCls", "className", "tagName", "children", "disabled", "multiline", "icon", "text", "active", "addonAfter", "isSubMenuItem"];
 
-;// CONCATENATED MODULE: ../react-checkbox/esm/style/group.css
-// extracted by mini-css-extract-plugin
-/* harmony default export */ const style_group = ({});
-;// CONCATENATED MODULE: ../react-checkbox/esm/Group.js
 
 
-var Group_excluded = ["prefixCls", "className", "name", "value", "onChange"];
 
 
+var disabledProps = {
+  href: undefined,
+  onClick: undefined,
+  onMouseDown: undefined,
+  onMouseEnter: undefined,
+  onMouseLeave: undefined,
+  tabIndex: -1
+};
 
-var CheckboxGroup = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
+function Internal(props, ref) {
   var {
-    prefixCls = 'w-checkbox-group',
+    prefixCls = 'w-menu-item',
     className,
-    name,
-    value,
-    onChange: _onChange
+    tagName: TagName = 'a',
+    disabled = false,
+    multiline = false,
+    icon,
+    text,
+    active = false,
+    addonAfter,
+    isSubMenuItem
   } = props,
-      other = _objectWithoutPropertiesLoose(props, Group_excluded);
-
-  var valueRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)([]);
-  var cls = [prefixCls, className].filter(Boolean).join(' ').trim();
-  var childs = external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.toArray(props.children);
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => valueRef.current = value || [], [value]);
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", _extends({}, other, {
-    className: cls,
-    ref: ref,
-    children: external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.map(childs, element => {
-      if (! /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(element)) return;
-
-      if (Array.isArray(value) && element && element.props && element.props.value && value.includes(element.props.value)) {
-        if (!valueRef.current.includes(element.props.value)) {
-          valueRef.current.push(element.props.value);
-        }
-      }
-
-      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(element, Object.assign({}, element.props, {
-        name,
-        checked: valueRef.current.includes(element.props.value),
-        onChange: e => {
-          if (e.target.type && e.target.type !== 'checkbox') return;
-          var checked = e.target.checked;
-          var include = valueRef.current.includes(element.props.value);
-
-          if (!include && checked) {
-            valueRef.current.push(element.props.value);
-          } else if (include && !checked) {
-            valueRef.current = valueRef.current.filter(val => val !== element.props.value);
-          }
+      htmlProps = _objectWithoutPropertiesLoose(props, MenuItem_excluded);
 
-          _onChange && _onChange(e, valueRef.current);
-        }
-      }));
-    })
+  var anchorCls = [prefixCls, active ? 'active' : null, disabled ? 'w-disabled' : null, className].filter(Boolean).join(' ').trim();
+  var tagComp = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(TagName, _extends({}, htmlProps, disabled ? disabledProps : {}, {
+    className: anchorCls,
+    ref
+  }), /*#__PURE__*/(0,jsx_runtime.jsxs)(external_root_React_commonjs2_react_commonjs_react_amd_react_.Fragment, {
+    children: [/*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+      className: prefixCls + "-icon",
+      type: icon
+    }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      className: [prefixCls && prefixCls + "-text", !multiline && prefixCls + "-multiline"].filter(Boolean).join(' ').trim(),
+      children: text
+    }), addonAfter]
   }));
-});
-
-;// CONCATENATED MODULE: ../react-checkbox/esm/style/index.css
-// extracted by mini-css-extract-plugin
-/* harmony default export */ const react_checkbox_esm_style = ({});
-;// CONCATENATED MODULE: ../react-checkbox/esm/Checkbox.js
 
+  if (isSubMenuItem) {
+    return tagComp;
+  }
 
-var Checkbox_excluded = ["className", "prefixCls", "type", "indeterminate", "disabled", "value"];
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("li", {
+    children: [" ", tagComp, " "]
+  });
+}
 
+var MenuItem = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(Internal);
+MenuItem.displayName = 'uiw.MenuItem';
 
+;// CONCATENATED MODULE: ../react-menu/esm/Divider.js
 
 
+var Divider_excluded = ["prefixCls", "className", "title"];
 
 
-function InternalCheckbox(props, ref) {
+var MenuDivider = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
+  var {
+    prefixCls = 'w-menu-divider',
+    className,
+    title
+  } = props,
+      htmlProps = _objectWithoutPropertiesLoose(props, Divider_excluded);
+
+  var cls = [prefixCls, className].filter(Boolean).join(' ').trim();
+
+  if (!title) {
+    return /*#__PURE__*/(0,jsx_runtime.jsx)("li", _extends({}, htmlProps, {
+      ref: ref,
+      className: cls
+    }));
+  }
+
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("li", _extends({}, htmlProps, {
+    ref: ref,
+    className: cls,
+    "data-menu": "divider",
+    children: /*#__PURE__*/(0,jsx_runtime.jsx)("strong", {
+      children: title
+    })
+  }));
+});
+MenuDivider.displayName = 'uiw.MenuDivider';
+
+;// CONCATENATED MODULE: ../react-menu/esm/style/submenu.css
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const submenu = ({});
+;// CONCATENATED MODULE: ../react-menu/esm/SubMenu.js
+
+
+var SubMenu_excluded = ["prefixCls", "className", "disabled", "overlayProps", "children", "collapse", "inlineIndent", "inlineCollapsed"];
+
+
+
+
+
+
+
+
+function checkedMenuItem(node) {
+  var isCheck = false;
+
+  if (node) {
+    // eslint-disable-next-line
+    do {
+      if (!node.dataset.menu) {
+        isCheck = true;
+      }
+
+      if (node.dataset.menu && /^(subitem|divider)$/.test(node.dataset.menu)) {
+        isCheck = false;
+      }
+    } while (!node.dataset.menu && (node = node.parentNode));
+  }
+
+  return isCheck;
+}
+
+function IconView(_ref) {
+  var {
+    prefixCls,
+    collapse,
+    isOpen
+  } = _ref;
+  return (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+    type: "caret-right",
+    className: [prefixCls ? prefixCls + "-collapse-icon" : null, !collapse && isOpen ? 'w-open' : null, !collapse && !isOpen ? 'w-close' : null].filter(Boolean).join(' ').trim()
+  }), [prefixCls, collapse, isOpen]);
+}
+
+var SubMenu = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(function (props, ref) {
+  var {
+    prefixCls = 'w-menu-subitem',
+    className,
+    disabled,
+    overlayProps = {},
+    children,
+    collapse = false,
+    inlineIndent
+  } = props,
+      other = _objectWithoutPropertiesLoose(props, SubMenu_excluded);
+
+  var overlayTriggerProps = {};
+  var menuProps = {
+    bordered: true,
+    children,
+    inlineIndent,
+    className: [prefixCls ? prefixCls + "-overlay" : null].filter(Boolean).join(' ').trim()
+  };
+  var popupRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef(null);
+  var [isOpen, setIsOpen] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    setIsOpen(false);
+  }, [collapse]);
+
+  function onClick(e) {
+    var target = e.currentTarget;
+    var related = e.relatedTarget || e.nativeEvent.target;
+    if (target.children.length < 1) return;
+
+    if (checkedMenuItem(related)) {
+      if (popupRef.current) {
+        popupRef.current.hide();
+      }
+    }
+  }
+
+  function onExit(node) {
+    node.style.height = node.scrollHeight + "px";
+    setIsOpen(false);
+  }
+
+  function onExiting(node) {
+    node.style.height = '0px';
+  }
+
+  function onEnter(node) {
+    node.style.height = '1px';
+    setIsOpen(true);
+  }
+
+  function onEntering(node) {
+    node.style.height = node.scrollHeight + "px";
+  }
+
+  function onEntered(node) {
+    node.style.height = 'initial';
+  }
+
+  if (!collapse) {
+    delete menuProps.onClick;
+    menuProps.bordered = false;
+    overlayTriggerProps.className = prefixCls + "-collapse";
+    overlayTriggerProps.appear = false;
+    overlayTriggerProps.isOutside = true;
+    overlayTriggerProps.isClickOutside = false;
+    overlayTriggerProps.unmountOnExit = false;
+    overlayTriggerProps.trigger = 'click';
+    overlayTriggerProps.transitionName = "" + prefixCls;
+    overlayTriggerProps.onExit = onExit;
+    overlayTriggerProps.onExiting = onExiting;
+    overlayTriggerProps.onEnter = onEnter;
+    overlayTriggerProps.onEntered = onEntered;
+    overlayTriggerProps.onEntering = onEntering;
+  } else {
+    overlayTriggerProps.className = prefixCls + "-popup";
+    overlayTriggerProps.trigger = 'hover';
+    overlayTriggerProps.usePortal = true;
+    menuProps.onClick = onClick;
+  }
+
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("li", {
+    "data-menu": "subitem",
+    ref: ref,
+    children: /*#__PURE__*/(0,jsx_runtime.jsx)(react_overlay_trigger_esm, _extends({
+      placement: "rightTop",
+      autoAdjustOverflow: true,
+      disabled: disabled,
+      isOpen: isOpen,
+      usePortal: false,
+      isOutside: true
+    }, overlayTriggerProps, overlayProps, {
+      ref: popupRef,
+      overlay: /*#__PURE__*/(0,jsx_runtime.jsx)(esm_Menu, _extends({}, menuProps, {
+        style: !collapse ? {
+          paddingLeft: inlineIndent
+        } : {}
+      })),
+      children: /*#__PURE__*/(0,jsx_runtime.jsx)(MenuItem, _extends({}, other, {
+        ref: null,
+        disabled: disabled,
+        isSubMenuItem: true,
+        addonAfter: /*#__PURE__*/(0,jsx_runtime.jsx)(IconView, {
+          collapse: collapse,
+          prefixCls: prefixCls,
+          isOpen: isOpen
+        }),
+        className: [prefixCls ? prefixCls + "-title" : null, !collapse ? prefixCls + "-collapse-title" : null, className].filter(Boolean).join(' ').trim()
+      }))
+    }))
+  });
+});
+SubMenu.displayName = 'uiw.SubMenu';
+
+;// CONCATENATED MODULE: ../react-menu/esm/style/menu.css
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const menu = ({});
+;// CONCATENATED MODULE: ../react-menu/esm/Menu.js
+
+
+var Menu_excluded = ["prefixCls", "className", "children", "bordered", "theme", "inlineIndent", "inlineCollapsed"];
+
+
+
+
+
+
+var Menu = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
+  var {
+    prefixCls = 'w-menu',
+    className,
+    children,
+    bordered,
+    theme = 'light',
+    inlineIndent = 10,
+    inlineCollapsed
+  } = props,
+      htmlProps = _objectWithoutPropertiesLoose(props, Menu_excluded);
+
+  var cls = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => [prefixCls, bordered ? 'w-bordered' : null, inlineCollapsed ? prefixCls + "-inline-collapsed" : null, theme ? prefixCls + "-" + theme : null, className].filter(Boolean).join(' ').trim(), [prefixCls, bordered, inlineCollapsed, theme, className]);
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("ul", _extends({}, htmlProps, {
+    ref: ref,
+    className: cls,
+    "data-menu": "menu",
+    children: external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.map(children, (child, key) => {
+      if (! /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(child)) return child;
+      var props = {}; // Sub Menu
+
+      if (child.props.children && child.type === SubMenu) {
+        props.inlineIndent = inlineIndent;
+      }
+
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(child, Object.assign(_extends({}, props), child.props, {
+        key: "" + key
+      }));
+    })
+  }));
+});
+Menu.displayName = 'uiw.Menu';
+Menu.Item = MenuItem;
+Menu.SubMenu = SubMenu;
+Menu.Divider = MenuDivider;
+/* harmony default export */ const esm_Menu = (Menu);
+
+;// CONCATENATED MODULE: ../react-menu/esm/index.js
+
+
+
+
+
+/* harmony default export */ const react_menu_esm = (esm_Menu);
+
+;// CONCATENATED MODULE: ../react-cascader/esm/index.js
+
+
+
+
+
+
+
+
+function Cascader(props) {
+  var {
+    placeholder,
+    prefixCls = 'w-search-select',
+    className,
+    style = {
+      width: 200
+    },
+    option = [],
+    others
+  } = props;
+  var cls = [prefixCls, className].filter(Boolean).join(' ').trim();
+  var [innerIsOpen, setInnerIsOpen] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false);
+  var [selectedValue, setSelectedValue] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]);
+
+  function onVisibleChange(isOpen) {
+    setInnerIsOpen(isOpen);
+  }
+
+  var handleItemClick = (optionsItem, level) => {
+    selectedValue.splice(level, selectedValue.length - level, optionsItem);
+    setSelectedValue([...selectedValue]);
+    handelChange();
+  };
+
+  var handelChange = () => {
+    var value = selectedValue.map(item => item.value);
+    props.onChange == null ? void 0 : props.onChange(value, selectedValue);
+  };
+
+  var widths = (style == null ? void 0 : style.width) * 0.6 || undefined;
+
+  var OptionIter = function OptionIter(option, level) {
+    if (level === void 0) {
+      level = 0;
+    }
+
+    if (!option) return;
+    return /*#__PURE__*/(0,jsx_runtime.jsx)(react_menu_esm, {
+      bordered: true,
+      style: {
+        minHeight: 25,
+        minWidth: widths,
+        overflowY: 'scroll',
+        width: widths
+      },
+      children: !option || option.length === 0 ? /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        style: {
+          color: '#c7c7c7',
+          fontSize: 12
+        },
+        children: '没有数据'
+      }) : option.map((item, index) => {
+        var _selectedValue$level;
+
+        var active = ((_selectedValue$level = selectedValue[level]) == null ? void 0 : _selectedValue$level.value) === item.value;
+        return /*#__PURE__*/(0,jsx_runtime.jsx)(react_menu_esm.Item, {
+          active: active,
+          text: item.label,
+          addonAfter: item.children ? /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+            type: "right"
+          }) : undefined,
+          onClick: () => handleItemClick(item, level)
+        }, index);
+      })
+    }, level);
+  };
+
+  var inputValue = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    return selectedValue.map(item => item.label).join(' / ');
+  }, [selectedValue.length]);
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(Dropdown, _extends({
+    className: cls,
+    trigger: "click",
+    style: _extends({
+      marginTop: 5
+    }, style),
+    overlayStyl: {
+      width: 100
+    }
+  }, others, {
+    onVisibleChange: onVisibleChange,
+    isOpen: innerIsOpen,
+    menu: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      style: {
+        display: 'flex'
+      },
+      children: new Array(selectedValue.length + 1).fill(0).map((_, index) => {
+        var _selectedValue;
+
+        var options = index ? (_selectedValue = selectedValue[index - 1]) == null ? void 0 : _selectedValue.children : option;
+        return OptionIter(options, index);
+      }).filter(m => !!m)
+    }),
+    children: /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, {
+      value: inputValue,
+      onChange: () => {},
+      placeholder: placeholder,
+      style: {
+        width: style == null ? void 0 : style.width
+      }
+    })
+  }));
+}
+
+/* harmony default export */ const react_cascader_esm = (Cascader);
+
+;// CONCATENATED MODULE: ../react-radio/esm/RadioAbstract.js
+
+
+var RadioAbstract_excluded = ["prefixCls", "type", "disabled", "value", "className", "style", "children", "size", "checked", "onChange"];
+
+
+
+var RadioAbstract = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
+  var {
+    prefixCls = 'w-radio',
+    type = 'radio',
+    disabled = false,
+    value = '',
+    className,
+    style,
+    children,
+    size,
+    checked: prChecked = false,
+    onChange
+  } = props,
+      other = _objectWithoutPropertiesLoose(props, RadioAbstract_excluded);
+
+  var [checked, setChecked] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(prChecked);
+  var [prevChecked, setPrevChecked] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)();
+
+  if (prChecked !== prevChecked) {
+    setPrevChecked(prChecked);
+  }
+
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    if (prChecked !== prevChecked) {
+      setChecked(prChecked);
+    }
+  }, [prevChecked]);
+  var cls = [prefixCls, className, disabled ? 'disabled' : null, size ? prefixCls + "-" + size : null].filter(Boolean).join(' ').trim();
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    if (checked !== props.checked) {
+      setChecked(!!props.checked);
+    }
+  }, [props.checked]);
+
+  function handleChange(e) {
+    e.persist();
+    setChecked(e.target.checked);
+    onChange && onChange(e);
+  }
+
+  var label = children || value;
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("label", {
+    className: cls,
+    style,
+    children: [/*#__PURE__*/(0,jsx_runtime.jsx)("input", _extends({}, _extends({}, other, {
+      type,
+      disabled,
+      value
+    }), {
+      checked: checked,
+      onChange: handleChange,
+      ref: ref
+    })), label && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      className: prefixCls + "-text",
+      children: label
+    })]
+  });
+});
+
+;// CONCATENATED MODULE: ../react-radio/esm/style/index.css
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const react_radio_esm_style = ({});
+;// CONCATENATED MODULE: ../react-radio/esm/Radio.js
+
+
+
+
+
+/* harmony default export */ const Radio = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(RadioAbstract, _extends({
+    ref: ref
+  }, props));
+}));
+
+;// CONCATENATED MODULE: ../react-radio/esm/style/group.css
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const group = ({});
+;// CONCATENATED MODULE: ../react-radio/esm/RadioGroup.js
+
+
+var RadioGroup_excluded = ["prefixCls", "className", "name", "value", "onChange", "children"];
+
+
+
+/* harmony default export */ const RadioGroup = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
+  var {
+    prefixCls = 'w-radio-group',
+    className,
+    name,
+    value,
+    onChange,
+    children
+  } = props,
+      other = _objectWithoutPropertiesLoose(props, RadioGroup_excluded);
+
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", _extends({}, other, {
+    ref: ref,
+    className: [prefixCls, className].filter(Boolean).join(' ').trim(),
+    children: external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.toArray(children).map(child => {
+      if (!child) return;
+      if (! /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(child)) return child;
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(child, _extends({}, child.props || {}, {
+        checked: child.props.value === value,
+        name,
+        onChange
+      }));
+    })
+  }));
+}));
+
+;// CONCATENATED MODULE: ../react-radio/esm/index.js
+
+
+
+
+
+
+;// CONCATENATED MODULE: ../react-checkbox/esm/style/group.css
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const style_group = ({});
+;// CONCATENATED MODULE: ../react-checkbox/esm/Group.js
+
+
+var Group_excluded = ["prefixCls", "className", "name", "value", "onChange"];
+
+
+
+var CheckboxGroup = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
+  var {
+    prefixCls = 'w-checkbox-group',
+    className,
+    name,
+    value,
+    onChange: _onChange
+  } = props,
+      other = _objectWithoutPropertiesLoose(props, Group_excluded);
+
+  var valueRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)([]);
+  var cls = [prefixCls, className].filter(Boolean).join(' ').trim();
+  var childs = external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.toArray(props.children);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => valueRef.current = value || [], [value]);
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", _extends({}, other, {
+    className: cls,
+    ref: ref,
+    children: external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.map(childs, element => {
+      if (! /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(element)) return;
+
+      if (Array.isArray(value) && element && element.props && element.props.value && value.includes(element.props.value)) {
+        if (!valueRef.current.includes(element.props.value)) {
+          valueRef.current.push(element.props.value);
+        }
+      }
+
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(element, Object.assign({}, element.props, {
+        name,
+        checked: valueRef.current.includes(element.props.value),
+        onChange: e => {
+          if (e.target.type && e.target.type !== 'checkbox') return;
+          var checked = e.target.checked;
+          var include = valueRef.current.includes(element.props.value);
+
+          if (!include && checked) {
+            valueRef.current.push(element.props.value);
+          } else if (include && !checked) {
+            valueRef.current = valueRef.current.filter(val => val !== element.props.value);
+          }
+
+          _onChange && _onChange(e, valueRef.current);
+        }
+      }));
+    })
+  }));
+});
+
+;// CONCATENATED MODULE: ../react-checkbox/esm/style/index.css
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const react_checkbox_esm_style = ({});
+;// CONCATENATED MODULE: ../react-checkbox/esm/Checkbox.js
+
+
+var Checkbox_excluded = ["className", "prefixCls", "type", "indeterminate", "disabled", "value"];
+
+
+
+
+
+
+function InternalCheckbox(props, ref) {
   var {
     className,
     prefixCls = 'w-checkbox',
@@ -4601,7 +5230,7 @@ function DateInputRange(props) {
 ;// CONCATENATED MODULE: ../react-date-input/esm/index.js
 
 
-var react_date_input_esm_excluded = ["prefixCls", "className", "popoverProps", "datePickerProps", "allowClear", "format", "onChange"];
+var react_date_input_esm_excluded = ["prefixCls", "className", "popoverProps", "datePickerProps", "allowClear", "autoClose", "format", "onChange"];
 
 
 
@@ -4618,6 +5247,7 @@ function DateInput(props) {
     popoverProps,
     datePickerProps,
     allowClear = true,
+    autoClose = false,
     format = 'YYYY/MM/DD',
     onChange
   } = props,
@@ -4633,6 +5263,7 @@ function DateInput(props) {
   }, [props.value]);
 
   function handleChange(cdate) {
+    autoClose && setIsOpen(false);
     setDate(cdate);
     onChange && onChange(cdate);
   }
@@ -4645,10 +5276,13 @@ function DateInput(props) {
     });
   }
 
+  var [isOpen, setIsOpen] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false);
   return /*#__PURE__*/(0,jsx_runtime.jsx)(Popover, _extends({
     trigger: "focus",
     placement: "bottomLeft",
-    autoAdjustOverflow: true
+    autoAdjustOverflow: true,
+    isOpen: isOpen,
+    onVisibleChange: open => setIsOpen(open)
   }, popoverProps, {
     content: /*#__PURE__*/(0,jsx_runtime.jsx)(DatePicker, _extends({
       date: value && new Date(value) || undefined,
@@ -4860,6 +5494,7 @@ function InternalDescriptions(props, ref) {
         className: prefixCls + "-title",
         children: title
       }), /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
+        className: prefixCls + "-tbody",
         children: childs.map((child, index) => /*#__PURE__*/(0,jsx_runtime.jsx)(Row, {
           prefixCls: prefixCls,
           bordered: bordered,
@@ -4991,38 +5626,6 @@ var react_drawer_esm_excluded = ["prefixCls", "className", "style", "placement",
   }));
 });
 
-;// CONCATENATED MODULE: ../react-dropdown/esm/index.js
-
-
-var react_dropdown_esm_excluded = ["prefixCls", "placement", "className", "menu", "children", "disabled"];
-
-
-
-
-function Dropdown(props) {
-  var {
-    prefixCls = 'w-dropdown',
-    placement = 'bottomLeft',
-    className,
-    menu,
-    children,
-    disabled
-  } = props,
-      other = _objectWithoutPropertiesLoose(props, react_dropdown_esm_excluded);
-
-  var cls = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => [prefixCls, className].filter(Boolean).join(' ').trim(), [prefixCls, className]);
-  return /*#__PURE__*/(0,jsx_runtime.jsx)(react_overlay_trigger_esm, _extends({
-    isOutside: true,
-    autoAdjustOverflow: true,
-    className: cls,
-    disabled: disabled,
-    placement: placement
-  }, other, {
-    overlay: menu,
-    children: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(children, Object.assign({}, children.props))
-  }));
-}
-
 ;// CONCATENATED MODULE: ../react-empty/esm/style/index.css
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const react_empty_esm_style = ({});
@@ -6063,522 +6666,208 @@ function LayoutHeader(props) {
     prefixCls = 'w-layout-header',
     className,
     children
-  } = _ref,
-      other = _objectWithoutPropertiesLoose(_ref, Header_excluded);
-
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("header", _extends({
-    className: [prefixCls, className].filter(Boolean).join(' ').trim()
-  }, other, {
-    children: children
-  }));
-}
-
-;// CONCATENATED MODULE: ../../node_modules/@uiw/react-layout/esm/Footer.js
-
-
-var Footer_excluded = ["prefixCls", "className", "children"];
-
-
-function LayoutFooter(props) {
-  var {
-    prefixCls = 'w-layout-footer',
-    className,
-    children
-  } = props,
-      other = _objectWithoutPropertiesLoose(props, Footer_excluded);
-
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("footer", _extends({
-    className: [prefixCls, className].filter(Boolean).join(' ').trim()
-  }, other, {
-    children: children
-  }));
-}
-
-;// CONCATENATED MODULE: ../../node_modules/@uiw/react-layout/esm/Sider.js
-
-
-var Sider_excluded = ["prefixCls", "className", "style", "children", "width", "collapsedWidth", "collapsed", "siderHook"];
-
-
-
-function randomid() {
-  return parseInt(String(Math.random() * 1e15), 10).toString(36);
-}
-
-function Sider(props) {
-  if (props === void 0) {
-    props = {};
-  }
-
-  var {
-    prefixCls = 'w-layout-sider',
-    className,
-    style,
-    children,
-    width = 200,
-    collapsedWidth = 80,
-    collapsed = false,
-    siderHook
-  } = props,
-      other = _objectWithoutPropertiesLoose(props, Sider_excluded);
-
-  var [sliderId] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)("w-layout-" + randomid());
-  var [rawWidth, setRawWidth] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(collapsed ? collapsedWidth : width);
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
-    if (siderHook && !!siderHook.addSider) {
-      siderHook.addSider(sliderId);
-    }
-
-    return () => {
-      if (siderHook && !!siderHook.removeSider) {
-        siderHook.removeSider(sliderId);
-      }
-    };
-  }, []);
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => setRawWidth(collapsed ? collapsedWidth : width), [width, collapsedWidth, collapsed]);
-
-  var divStyle = _extends({}, style, {
-    flex: "0 0 " + rawWidth,
-    maxWidth: rawWidth,
-    minWidth: rawWidth,
-    width: rawWidth
-  });
-
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", _extends({
-    className: [prefixCls, className].filter(Boolean).join(' ').trim(),
-    style: divStyle
-  }, other, {
-    children: children
-  }));
-}
-
-function LayoutSider(props) {
-  return /*#__PURE__*/(0,jsx_runtime.jsx)(LayoutContext.Consumer, {
-    children: context => /*#__PURE__*/(0,jsx_runtime.jsx)(Sider, _extends({}, props, context))
-  });
-}
-
-;// CONCATENATED MODULE: ../../node_modules/@uiw/react-layout/esm/Content.js
-
-
-var Content_excluded = ["prefixCls", "className", "children"];
-
-
-function LayoutContent(props) {
-  var {
-    prefixCls = 'w-layout-content',
-    className,
-    children
-  } = props,
-      other = _objectWithoutPropertiesLoose(props, Content_excluded);
-
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("main", _extends({
-    className: [prefixCls, className].filter(Boolean).join(' ').trim()
-  }, other, {
-    children: children
-  }));
-}
-
-;// CONCATENATED MODULE: ../../node_modules/@uiw/react-layout/esm/style/index.css
-// extracted by mini-css-extract-plugin
-/* harmony default export */ const react_layout_esm_style = ({});
-;// CONCATENATED MODULE: ../../node_modules/@uiw/react-layout/esm/index.js
-
-
-
-
-
-
-Layout.Header = LayoutHeader;
-Layout.Footer = LayoutFooter;
-Layout.Sider = LayoutSider;
-Layout.Content = LayoutContent;
-
-
-
-
-
-/* harmony default export */ const react_layout_esm = (Layout);
-
-;// CONCATENATED MODULE: ../react-loader/esm/style/index.css
-// extracted by mini-css-extract-plugin
-/* harmony default export */ const react_loader_esm_style = ({});
-;// CONCATENATED MODULE: ../react-loader/esm/index.js
-
-
-var react_loader_esm_excluded = ["prefixCls", "className", "size", "loading", "tip", "vertical", "color", "bgColor", "children", "indicator", "fullscreen"];
-
-
-
-
-/* harmony default export */ const react_loader_esm = (function (props) {
-  if (props === void 0) {
-    props = {};
-  }
-
-  var {
-    prefixCls = 'w-loader',
-    className,
-    size = 'default',
-    loading = true,
-    tip,
-    vertical,
-    color,
-    bgColor,
-    children,
-    indicator,
-    fullscreen = false
-  } = props,
-      otherProps = _objectWithoutPropertiesLoose(props, react_loader_esm_excluded);
-
-  var cls = [prefixCls, className, size ? prefixCls + "-" + size : null].filter(Boolean).join(' ').trim();
-  var indicatorView = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => /*#__PURE__*/(0,jsx_runtime.jsx)("svg", {
-    viewBox: "25 25 50 50",
-    children: /*#__PURE__*/(0,jsx_runtime.jsx)("circle", {
-      cx: "50",
-      cy: "50",
-      r: "20",
-      fill: "none",
-      strokeWidth: "5",
-      strokeMiterlimit: "10"
-    })
-  }), []);
-  var tipsView = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-    className: [prefixCls + "-tips", fullscreen ? prefixCls + "-fullscreen" : null].filter(Boolean).join(' ').trim(),
-    style: {
-      color,
-      backgroundColor: bgColor
-    },
-    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-      className: prefixCls + "-tips-nested",
-      children: [indicator || indicatorView, tip && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-        className: [prefixCls + "-text", vertical ? prefixCls + "-vertical" : null].filter(Boolean).join(' ').trim(),
-        children: tip
-      })]
-    })
-  }), [fullscreen, bgColor, prefixCls, vertical, tip]);
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", _extends({
-    className: cls
-  }, otherProps, {
-    children: [(loading || fullscreen) && tipsView, children && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(children, Object.assign({}, children.props, {
-      className: [prefixCls + "-warp", loading ? prefixCls + "-blur" : null].filter(Boolean).join(' ').trim()
-    }))]
-  }));
-});
-
-;// CONCATENATED MODULE: ../react-menu/esm/style/item.css
-// extracted by mini-css-extract-plugin
-/* harmony default export */ const style_item = ({});
-;// CONCATENATED MODULE: ../react-menu/esm/MenuItem.js
-
-
-var MenuItem_excluded = ["prefixCls", "className", "tagName", "children", "disabled", "multiline", "icon", "text", "active", "addonAfter", "isSubMenuItem"];
-
-
-
-
-
-var disabledProps = {
-  href: undefined,
-  onClick: undefined,
-  onMouseDown: undefined,
-  onMouseEnter: undefined,
-  onMouseLeave: undefined,
-  tabIndex: -1
-};
-
-function Internal(props, ref) {
-  var {
-    prefixCls = 'w-menu-item',
-    className,
-    tagName: TagName = 'a',
-    disabled = false,
-    multiline = false,
-    icon,
-    text,
-    active = false,
-    addonAfter,
-    isSubMenuItem
-  } = props,
-      htmlProps = _objectWithoutPropertiesLoose(props, MenuItem_excluded);
-
-  var anchorCls = [prefixCls, active ? 'active' : null, disabled ? 'w-disabled' : null, className].filter(Boolean).join(' ').trim();
-  var tagComp = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(TagName, _extends({}, htmlProps, disabled ? disabledProps : {}, {
-    className: anchorCls,
-    ref
-  }), /*#__PURE__*/(0,jsx_runtime.jsxs)(external_root_React_commonjs2_react_commonjs_react_amd_react_.Fragment, {
-    children: [/*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
-      className: prefixCls + "-icon",
-      type: icon
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-      className: [prefixCls && prefixCls + "-text", !multiline && prefixCls + "-multiline"].filter(Boolean).join(' ').trim(),
-      children: text
-    }), addonAfter]
-  }));
-
-  if (isSubMenuItem) {
-    return tagComp;
-  }
+  } = _ref,
+      other = _objectWithoutPropertiesLoose(_ref, Header_excluded);
 
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("li", {
-    children: [" ", tagComp, " "]
-  });
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("header", _extends({
+    className: [prefixCls, className].filter(Boolean).join(' ').trim()
+  }, other, {
+    children: children
+  }));
 }
 
-var MenuItem = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(Internal);
-MenuItem.displayName = 'uiw.MenuItem';
-
-;// CONCATENATED MODULE: ../react-menu/esm/Divider.js
+;// CONCATENATED MODULE: ../../node_modules/@uiw/react-layout/esm/Footer.js
 
 
-var Divider_excluded = ["prefixCls", "className", "title"];
+var Footer_excluded = ["prefixCls", "className", "children"];
 
 
-var MenuDivider = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
+function LayoutFooter(props) {
   var {
-    prefixCls = 'w-menu-divider',
+    prefixCls = 'w-layout-footer',
     className,
-    title
+    children
   } = props,
-      htmlProps = _objectWithoutPropertiesLoose(props, Divider_excluded);
-
-  var cls = [prefixCls, className].filter(Boolean).join(' ').trim();
-
-  if (!title) {
-    return /*#__PURE__*/(0,jsx_runtime.jsx)("li", _extends({}, htmlProps, {
-      ref: ref,
-      className: cls
-    }));
-  }
+      other = _objectWithoutPropertiesLoose(props, Footer_excluded);
 
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("li", _extends({}, htmlProps, {
-    ref: ref,
-    className: cls,
-    "data-menu": "divider",
-    children: /*#__PURE__*/(0,jsx_runtime.jsx)("strong", {
-      children: title
-    })
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("footer", _extends({
+    className: [prefixCls, className].filter(Boolean).join(' ').trim()
+  }, other, {
+    children: children
   }));
-});
-MenuDivider.displayName = 'uiw.MenuDivider';
-
-;// CONCATENATED MODULE: ../react-menu/esm/style/submenu.css
-// extracted by mini-css-extract-plugin
-/* harmony default export */ const submenu = ({});
-;// CONCATENATED MODULE: ../react-menu/esm/SubMenu.js
-
+}
 
-var SubMenu_excluded = ["prefixCls", "className", "disabled", "overlayProps", "children", "collapse", "inlineIndent", "inlineCollapsed"];
+;// CONCATENATED MODULE: ../../node_modules/@uiw/react-layout/esm/Sider.js
 
 
+var Sider_excluded = ["prefixCls", "className", "style", "children", "width", "collapsedWidth", "collapsed", "siderHook"];
 
 
 
+function randomid() {
+  return parseInt(String(Math.random() * 1e15), 10).toString(36);
+}
 
+function Sider(props) {
+  if (props === void 0) {
+    props = {};
+  }
 
+  var {
+    prefixCls = 'w-layout-sider',
+    className,
+    style,
+    children,
+    width = 200,
+    collapsedWidth = 80,
+    collapsed = false,
+    siderHook
+  } = props,
+      other = _objectWithoutPropertiesLoose(props, Sider_excluded);
 
-function checkedMenuItem(node) {
-  var isCheck = false;
+  var [sliderId] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)("w-layout-" + randomid());
+  var [rawWidth, setRawWidth] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(collapsed ? collapsedWidth : width);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
+    if (siderHook && !!siderHook.addSider) {
+      siderHook.addSider(sliderId);
+    }
 
-  if (node) {
-    // eslint-disable-next-line
-    do {
-      if (!node.dataset.menu) {
-        isCheck = true;
+    return () => {
+      if (siderHook && !!siderHook.removeSider) {
+        siderHook.removeSider(sliderId);
       }
+    };
+  }, []);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => setRawWidth(collapsed ? collapsedWidth : width), [width, collapsedWidth, collapsed]);
 
-      if (node.dataset.menu && /^(subitem|divider)$/.test(node.dataset.menu)) {
-        isCheck = false;
-      }
-    } while (!node.dataset.menu && (node = node.parentNode));
-  }
+  var divStyle = _extends({}, style, {
+    flex: "0 0 " + rawWidth,
+    maxWidth: rawWidth,
+    minWidth: rawWidth,
+    width: rawWidth
+  });
 
-  return isCheck;
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", _extends({
+    className: [prefixCls, className].filter(Boolean).join(' ').trim(),
+    style: divStyle
+  }, other, {
+    children: children
+  }));
 }
 
-function IconView(_ref) {
-  var {
-    prefixCls,
-    collapse,
-    isOpen
-  } = _ref;
-  return (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
-    type: "caret-right",
-    className: [prefixCls ? prefixCls + "-collapse-icon" : null, !collapse && isOpen ? 'w-open' : null, !collapse && !isOpen ? 'w-close' : null].filter(Boolean).join(' ').trim()
-  }), [prefixCls, collapse, isOpen]);
+function LayoutSider(props) {
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(LayoutContext.Consumer, {
+    children: context => /*#__PURE__*/(0,jsx_runtime.jsx)(Sider, _extends({}, props, context))
+  });
 }
 
-var SubMenu = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(function (props, ref) {
+;// CONCATENATED MODULE: ../../node_modules/@uiw/react-layout/esm/Content.js
+
+
+var Content_excluded = ["prefixCls", "className", "children"];
+
+
+function LayoutContent(props) {
   var {
-    prefixCls = 'w-menu-subitem',
+    prefixCls = 'w-layout-content',
     className,
-    disabled,
-    overlayProps = {},
-    children,
-    collapse = false,
-    inlineIndent
+    children
   } = props,
-      other = _objectWithoutPropertiesLoose(props, SubMenu_excluded);
+      other = _objectWithoutPropertiesLoose(props, Content_excluded);
 
-  var overlayTriggerProps = {};
-  var menuProps = {
-    bordered: true,
-    children,
-    inlineIndent,
-    className: [prefixCls ? prefixCls + "-overlay" : null].filter(Boolean).join(' ').trim()
-  };
-  var popupRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef(null);
-  var [isOpen, setIsOpen] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false);
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
-    setIsOpen(false);
-  }, [collapse]);
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("main", _extends({
+    className: [prefixCls, className].filter(Boolean).join(' ').trim()
+  }, other, {
+    children: children
+  }));
+}
 
-  function onClick(e) {
-    var target = e.currentTarget;
-    var related = e.relatedTarget || e.nativeEvent.target;
-    if (target.children.length < 1) return;
+;// CONCATENATED MODULE: ../../node_modules/@uiw/react-layout/esm/style/index.css
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const react_layout_esm_style = ({});
+;// CONCATENATED MODULE: ../../node_modules/@uiw/react-layout/esm/index.js
 
-    if (checkedMenuItem(related)) {
-      if (popupRef.current) {
-        popupRef.current.hide();
-      }
-    }
-  }
 
-  function onExit(node) {
-    node.style.height = node.scrollHeight + "px";
-    setIsOpen(false);
-  }
 
-  function onExiting(node) {
-    node.style.height = '0px';
-  }
 
-  function onEnter(node) {
-    node.style.height = '1px';
-    setIsOpen(true);
-  }
 
-  function onEntering(node) {
-    node.style.height = node.scrollHeight + "px";
-  }
 
-  function onEntered(node) {
-    node.style.height = 'initial';
-  }
+Layout.Header = LayoutHeader;
+Layout.Footer = LayoutFooter;
+Layout.Sider = LayoutSider;
+Layout.Content = LayoutContent;
 
-  if (!collapse) {
-    delete menuProps.onClick;
-    menuProps.bordered = false;
-    overlayTriggerProps.className = prefixCls + "-collapse";
-    overlayTriggerProps.appear = false;
-    overlayTriggerProps.isOutside = true;
-    overlayTriggerProps.isClickOutside = false;
-    overlayTriggerProps.unmountOnExit = false;
-    overlayTriggerProps.trigger = 'click';
-    overlayTriggerProps.transitionName = "" + prefixCls;
-    overlayTriggerProps.onExit = onExit;
-    overlayTriggerProps.onExiting = onExiting;
-    overlayTriggerProps.onEnter = onEnter;
-    overlayTriggerProps.onEntered = onEntered;
-    overlayTriggerProps.onEntering = onEntering;
-  } else {
-    overlayTriggerProps.className = prefixCls + "-popup";
-    overlayTriggerProps.trigger = 'hover';
-    overlayTriggerProps.usePortal = true;
-    menuProps.onClick = onClick;
-  }
 
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("li", {
-    "data-menu": "subitem",
-    ref: ref,
-    children: /*#__PURE__*/(0,jsx_runtime.jsx)(react_overlay_trigger_esm, _extends({
-      placement: "rightTop",
-      autoAdjustOverflow: true,
-      disabled: disabled,
-      isOpen: isOpen,
-      usePortal: false,
-      isOutside: true
-    }, overlayTriggerProps, overlayProps, {
-      ref: popupRef,
-      overlay: /*#__PURE__*/(0,jsx_runtime.jsx)(esm_Menu, _extends({}, menuProps, {
-        style: !collapse ? {
-          paddingLeft: inlineIndent
-        } : {}
-      })),
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)(MenuItem, _extends({}, other, {
-        ref: null,
-        disabled: disabled,
-        isSubMenuItem: true,
-        addonAfter: /*#__PURE__*/(0,jsx_runtime.jsx)(IconView, {
-          collapse: collapse,
-          prefixCls: prefixCls,
-          isOpen: isOpen
-        }),
-        className: [prefixCls ? prefixCls + "-title" : null, !collapse ? prefixCls + "-collapse-title" : null, className].filter(Boolean).join(' ').trim()
-      }))
-    }))
-  });
-});
-SubMenu.displayName = 'uiw.SubMenu';
 
-;// CONCATENATED MODULE: ../react-menu/esm/style/menu.css
-// extracted by mini-css-extract-plugin
-/* harmony default export */ const menu = ({});
-;// CONCATENATED MODULE: ../react-menu/esm/Menu.js
 
 
-var Menu_excluded = ["prefixCls", "className", "children", "bordered", "theme", "inlineIndent", "inlineCollapsed"];
+/* harmony default export */ const react_layout_esm = (Layout);
+
+;// CONCATENATED MODULE: ../react-loader/esm/style/index.css
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const react_loader_esm_style = ({});
+;// CONCATENATED MODULE: ../react-loader/esm/index.js
+
 
+var react_loader_esm_excluded = ["prefixCls", "className", "size", "loading", "tip", "vertical", "color", "bgColor", "children", "indicator", "fullscreen"];
 
 
 
 
+/* harmony default export */ const react_loader_esm = (function (props) {
+  if (props === void 0) {
+    props = {};
+  }
 
-var Menu = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
   var {
-    prefixCls = 'w-menu',
+    prefixCls = 'w-loader',
     className,
+    size = 'default',
+    loading = true,
+    tip,
+    vertical,
+    color,
+    bgColor,
     children,
-    bordered,
-    theme = 'light',
-    inlineIndent = 10,
-    inlineCollapsed
+    indicator,
+    fullscreen = false
   } = props,
-      htmlProps = _objectWithoutPropertiesLoose(props, Menu_excluded);
-
-  var cls = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => [prefixCls, bordered ? 'w-bordered' : null, inlineCollapsed ? prefixCls + "-inline-collapsed" : null, theme ? prefixCls + "-" + theme : null, className].filter(Boolean).join(' ').trim(), [prefixCls, bordered, inlineCollapsed, theme, className]);
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("ul", _extends({}, htmlProps, {
-    ref: ref,
-    className: cls,
-    "data-menu": "menu",
-    children: external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.map(children, (child, key) => {
-      if (! /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(child)) return child;
-      var props = {}; // Sub Menu
-
-      if (child.props.children && child.type === SubMenu) {
-        props.inlineIndent = inlineIndent;
-      }
+      otherProps = _objectWithoutPropertiesLoose(props, react_loader_esm_excluded);
 
-      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(child, Object.assign(_extends({}, props), child.props, {
-        key: "" + key
-      }));
+  var cls = [prefixCls, className, size ? prefixCls + "-" + size : null].filter(Boolean).join(' ').trim();
+  var indicatorView = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => /*#__PURE__*/(0,jsx_runtime.jsx)("svg", {
+    viewBox: "25 25 50 50",
+    children: /*#__PURE__*/(0,jsx_runtime.jsx)("circle", {
+      cx: "50",
+      cy: "50",
+      r: "20",
+      fill: "none",
+      strokeWidth: "5",
+      strokeMiterlimit: "10"
+    })
+  }), []);
+  var tipsView = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    className: [prefixCls + "-tips", fullscreen ? prefixCls + "-fullscreen" : null].filter(Boolean).join(' ').trim(),
+    style: {
+      color,
+      backgroundColor: bgColor
+    },
+    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+      className: prefixCls + "-tips-nested",
+      children: [indicator || indicatorView, tip && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        className: [prefixCls + "-text", vertical ? prefixCls + "-vertical" : null].filter(Boolean).join(' ').trim(),
+        children: tip
+      })]
     })
+  }), [fullscreen, bgColor, prefixCls, vertical, tip]);
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", _extends({
+    className: cls
+  }, otherProps, {
+    children: [(loading || fullscreen) && tipsView, children && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(children, Object.assign({}, children.props, {
+      className: [prefixCls + "-warp", loading ? prefixCls + "-blur" : null].filter(Boolean).join(' ').trim()
+    }))]
   }));
 });
-Menu.displayName = 'uiw.Menu';
-Menu.Item = MenuItem;
-Menu.SubMenu = SubMenu;
-Menu.Divider = MenuDivider;
-/* harmony default export */ const esm_Menu = (Menu);
-
-;// CONCATENATED MODULE: ../react-menu/esm/index.js
-
-
-
-
-
-/* harmony default export */ const react_menu_esm = (esm_Menu);
 
 ;// CONCATENATED MODULE: ../react-message/esm/style/index.css
 // extracted by mini-css-extract-plugin
@@ -7786,7 +8075,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 +8108,8 @@ var react_search_select_esm_excluded = ["allowClear", "disabled", "size", "maxTa
 
 
 function SearchSelect(props) {
+  var _style$width;
+
   var {
     allowClear = false,
     disabled = false,
@@ -7863,6 +8154,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 +8291,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 +8303,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 +8355,7 @@ function SearchSelect(props) {
               color: "#393E48"
             }, tagProps, {
               closable: true,
+              disabled: disabled,
               onClose: e => {
                 e.stopPropagation();
                 handleItemsClick(index, item);
@@ -8085,7 +8385,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 +8398,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 +9151,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({}, thProps, {
-          className: prefixCls + "-tr-children-" + ((item == null ? void 0 : item.align) || 'left') + " " + (className || ''),
-          onClick: evn => onCellHead(item, colNum, rowNum, evn),
-          children: titleNode
-        }), colNum);
-      })
-    }, rowNum))
-  }));
-}
-
 ;// CONCATENATED MODULE: ../react-table/esm/util.js
 /**
  * Get colspan number
@@ -9065,6 +9312,130 @@ function getAllColumnsKeys(data, keys) {
 
   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 +9477,7 @@ function ExpandableComponent(_ref) {
 
 
 
+
 function TableTr(props) {
   var {
     rowKey,
@@ -9118,12 +9490,15 @@ 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) => {
@@ -9177,13 +9552,9 @@ function TableTr(props) {
               }
             }
 
-            if (ellipsis && ellipsis[keyName.key]) {
-              objs.className = prefixCls + "-ellipsis";
-            }
-
             var isHasChildren = Array.isArray(trData[childrenColumnName]);
 
-            if (colNum === 0 && (isOpacity || hierarchy || isHasChildren)) {
+            if (colNum === childrenIndex && (isOpacity || hierarchy || isHasChildren)) {
               objs.children = /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
                 children: [IconDom(key, isHasChildren), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
                   style: {
@@ -9193,10 +9564,22 @@ function TableTr(props) {
               });
             }
 
+            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, {
-              key: colNum // style={keyName?.style}
-              ,
-              className: objs.className + " " + prefixCls + "-tr-children-" + ((keyName == null ? void 0 : keyName.align) || 'left') + "  " + (keyName.className || ''),
+              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,
@@ -9204,10 +9587,10 @@ function TableTr(props) {
               }, 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);
     })
   });
@@ -9216,7 +9599,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"];
 
 
 
@@ -9245,15 +9628,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;
       }
 
@@ -9357,31 +9789,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,
@@ -9390,7 +9845,7 @@ function Table(props) {
             onCell: onCell,
             hierarchy: 0,
             isExpandedDom: isExpandedDom,
-            indentSize: (expandable == null ? void 0 : expandable.indentSize) || 16,
+            indentSize: typeof (expandable == null ? void 0 : expandable.indentSize) === 'number' ? expandable == null ? void 0 : expandable.indentSize : 16,
             childrenColumnName: (expandable == null ? void 0 : expandable.childrenColumnName) || 'children'
           })
         }), data && data.length === 0 && empty && /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
@@ -9541,7 +9996,7 @@ function Tabs(props) {
     if (activeItem.current && type === 'line') {
       setSlideStyle({
         width: activeItem.current.clientWidth,
-        left: activeItem.current.offsetLeft + 15
+        left: activeItem.current.offsetLeft
       });
     }
   }
@@ -9560,17 +10015,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",
@@ -10238,6 +10693,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 ? {
@@ -10275,6 +10731,7 @@ function SearchTagInput(props) {
               },
               className: prefixCls + "-tag",
               closable: true,
+              disabled: disabled,
               color: "#393E48",
               onClose: e => {
                 e.stopPropagation();
@@ -10284,10 +10741,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,
@@ -10296,7 +10750,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