uiw 4.15.1 → 4.16.0

package/dist/uiw.js

@@ -322,6 +322,7 @@ __webpack_require__.d(__webpack_exports__, {
   "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),
@@ -4187,228 +4188,690 @@ function Carousel(props, ref) {
 
 /* 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
+;// CONCATENATED MODULE: ../react-dropdown/esm/index.js
 
 
-var RadioAbstract_excluded = ["prefixCls", "type", "disabled", "value", "className", "style", "children", "size", "checked", "onChange"];
+var react_dropdown_esm_excluded = ["prefixCls", "placement", "className", "menu", "children", "disabled"];
 
 
 
-var RadioAbstract = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
+
+function Dropdown(props) {
   var {
-    prefixCls = 'w-radio',
-    type = 'radio',
-    disabled = false,
-    value = '',
+    prefixCls = 'w-dropdown',
+    placement = 'bottomLeft',
     className,
-    style,
+    menu,
     children,
-    size,
-    checked: prChecked = false,
-    onChange
+    disabled
   } = 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);
-  }
+      other = _objectWithoutPropertiesLoose(props, react_dropdown_esm_excluded);
 
-  var label = children || value;
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("label", {
+  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,
-    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
-    })]
-  });
-});
+    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/style/index.css
+;// CONCATENATED MODULE: ../react-menu/esm/style/item.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 style_item = ({});
+;// CONCATENATED MODULE: ../react-menu/esm/MenuItem.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));
-}));
+var MenuItem_excluded = ["prefixCls", "className", "tagName", "children", "disabled", "multiline", "icon", "text", "active", "addonAfter", "isSubMenuItem"];
 
-;// 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"];
 
 
+var disabledProps = {
+  href: undefined,
+  onClick: undefined,
+  onMouseDown: undefined,
+  onMouseEnter: undefined,
+  onMouseLeave: undefined,
+  tabIndex: -1
+};
 
-/* harmony default export */ const RadioGroup = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
+function Internal(props, ref) {
   var {
-    prefixCls = 'w-radio-group',
+    prefixCls = 'w-menu-item',
     className,
-    name,
-    value,
-    onChange,
-    children
+    tagName: TagName = 'a',
+    disabled = false,
+    multiline = false,
+    icon,
+    text,
+    active = false,
+    addonAfter,
+    isSubMenuItem
   } = props,
-      other = _objectWithoutPropertiesLoose(props, RadioGroup_excluded);
+      htmlProps = _objectWithoutPropertiesLoose(props, MenuItem_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 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-radio/esm/index.js
-
-
-
 
+  if (isSubMenuItem) {
+    return tagComp;
+  }
 
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("li", {
+    children: [" ", tagComp, " "]
+  });
+}
 
-;// 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 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 Group_excluded = ["prefixCls", "className", "name", "value", "onChange"];
 
+var Divider_excluded = ["prefixCls", "className", "title"];
 
 
-var CheckboxGroup = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
+var MenuDivider = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
   var {
-    prefixCls = 'w-checkbox-group',
+    prefixCls = 'w-menu-divider',
     className,
-    name,
-    value,
-    onChange: _onChange
+    title
   } = props,
-      other = _objectWithoutPropertiesLoose(props, Group_excluded);
+      htmlProps = _objectWithoutPropertiesLoose(props, Divider_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);
-          }
+  if (!title) {
+    return /*#__PURE__*/(0,jsx_runtime.jsx)("li", _extends({}, htmlProps, {
+      ref: ref,
+      className: cls
+    }));
+  }
 
-          _onChange && _onChange(e, valueRef.current);
-        }
-      }));
+  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-checkbox/esm/style/index.css
+;// CONCATENATED MODULE: ../react-menu/esm/style/submenu.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"];
+/* harmony default export */ const submenu = ({});
+;// CONCATENATED MODULE: ../react-menu/esm/SubMenu.js
 
 
+var SubMenu_excluded = ["prefixCls", "className", "disabled", "overlayProps", "children", "collapse", "inlineIndent", "inlineCollapsed"];
 
 
 
 
-function InternalCheckbox(props, ref) {
-  var {
-    className,
-    prefixCls = 'w-checkbox',
-    type = 'checkbox',
-    indeterminate = false,
-    disabled = false,
-    value = ''
-  } = props,
-      other = _objectWithoutPropertiesLoose(props, Checkbox_excluded);
 
-  var cls = [className, indeterminate && 'indeterminate'].filter(Boolean).join(' ').trim();
-  return /*#__PURE__*/(0,jsx_runtime.jsx)(RadioAbstract, _extends({
-    ref: ref
-  }, other, {
-    type: type,
-    prefixCls: prefixCls,
-    disabled: disabled,
-    value: value,
-    className: cls
-  }));
-}
 
-var Checkbox = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(InternalCheckbox);
-Checkbox.Group = CheckboxGroup;
-/* harmony default export */ const esm_Checkbox = (Checkbox);
 
-;// CONCATENATED MODULE: ../react-checkbox/esm/index.js
+
+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',
+    type = 'checkbox',
+    indeterminate = false,
+    disabled = false,
+    value = ''
+  } = props,
+      other = _objectWithoutPropertiesLoose(props, Checkbox_excluded);
+
+  var cls = [className, indeterminate && 'indeterminate'].filter(Boolean).join(' ').trim();
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(RadioAbstract, _extends({
+    ref: ref
+  }, other, {
+    type: type,
+    prefixCls: prefixCls,
+    disabled: disabled,
+    value: value,
+    className: cls
+  }));
+}
+
+var Checkbox = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(InternalCheckbox);
+Checkbox.Group = CheckboxGroup;
+/* harmony default export */ const esm_Checkbox = (Checkbox);
+
+;// CONCATENATED MODULE: ../react-checkbox/esm/index.js
 
 
 
@@ -4767,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"];
 
 
 
@@ -4784,6 +5247,7 @@ function DateInput(props) {
     popoverProps,
     datePickerProps,
     allowClear = true,
+    autoClose = false,
     format = 'YYYY/MM/DD',
     onChange
   } = props,
@@ -4799,6 +5263,7 @@ function DateInput(props) {
   }, [props.value]);
 
   function handleChange(cdate) {
+    autoClose && setIsOpen(false);
     setDate(cdate);
     onChange && onChange(cdate);
   }
@@ -4811,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,
@@ -5026,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,
@@ -5132,62 +5601,30 @@ var react_drawer_esm_excluded = ["prefixCls", "className", "style", "placement",
   return /*#__PURE__*/(0,jsx_runtime.jsx)(Overlay, _extends({
     className: cls,
     timeout: timeout,
-    isOpen: isOpen,
-    maskClosable: maskClosable
-  }, overlayProps, {
-    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-      className: prefixCls + "-wrapper",
-      style: styl,
-      children: [(title || icon) && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-        className: prefixCls + "-header",
-        children: [iconView, titleView, title && isCloseButtonShown && /*#__PURE__*/(0,jsx_runtime.jsx)(esm, {
-          basic: true,
-          onClick: props.onClose,
-          icon: "close",
-          type: "light"
-        })]
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-        className: prefixCls + "-body",
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", _extends({}, bodyProps, {
-          className: bodyCls,
-          children: props.children
-        }))
-      }), footerView]
-    })
-  }));
-});
-
-;// 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))
+    isOpen: isOpen,
+    maskClosable: maskClosable
+  }, overlayProps, {
+    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+      className: prefixCls + "-wrapper",
+      style: styl,
+      children: [(title || icon) && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+        className: prefixCls + "-header",
+        children: [iconView, titleView, title && isCloseButtonShown && /*#__PURE__*/(0,jsx_runtime.jsx)(esm, {
+          basic: true,
+          onClick: props.onClose,
+          icon: "close",
+          type: "light"
+        })]
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        className: prefixCls + "-body",
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", _extends({}, bodyProps, {
+          className: bodyCls,
+          children: props.children
+        }))
+      }), footerView]
+    })
   }));
-}
+});
 
 ;// CONCATENATED MODULE: ../react-empty/esm/style/index.css
 // extracted by mini-css-extract-plugin
@@ -6306,445 +6743,131 @@ function Sider(props) {
   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;
-  }
-
-  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"];
-
-
-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"];
-
-
-
+    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
 
 
-function checkedMenuItem(node) {
-  var isCheck = false;
+var Content_excluded = ["prefixCls", "className", "children"];
 
-  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));
-  }
+function LayoutContent(props) {
+  var {
+    prefixCls = 'w-layout-content',
+    className,
+    children
+  } = props,
+      other = _objectWithoutPropertiesLoose(props, Content_excluded);
 
-  return isCheck;
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("main", _extends({
+    className: [prefixCls, className].filter(Boolean).join(' ').trim()
+  }, 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]);
-}
+;// 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
 
-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';
-  }
+Layout.Header = LayoutHeader;
+Layout.Footer = LayoutFooter;
+Layout.Sider = LayoutSider;
+Layout.Content = LayoutContent;
 
-  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';
+/* harmony default export */ const react_layout_esm = (Layout);
 
-;// CONCATENATED MODULE: ../react-menu/esm/style/menu.css
+;// CONCATENATED MODULE: ../react-loader/esm/style/index.css
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const menu = ({});
-;// CONCATENATED MODULE: ../react-menu/esm/Menu.js
-
+/* harmony default export */ const react_loader_esm_style = ({});
+;// CONCATENATED MODULE: ../react-loader/esm/index.js
 
-var Menu_excluded = ["prefixCls", "className", "children", "bordered", "theme", "inlineIndent", "inlineCollapsed"];
 
+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
@@ -9722,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", {