uiw 4.20.0 → 4.21.2

package/dist/uiw.css

@@ -5041,6 +5041,12 @@ a.w-list-item:hover:not(.w-disabled) {
 .w-tree-title > * {
   vertical-align: middle;
 }
+.w-tree-disabled-mouse {
+  cursor: not-allowed;
+}
+.w-tree-disabled-ele {
+  color: #00000040;
+}
 .w-tree-title.selected {
   background-color: #d5e8fc;
 }

package/dist/uiw.js

@@ -325,6 +325,7 @@ __webpack_require__.d(__webpack_exports__, {
   "Cascader": () => (/* reexport */ react_cascader_esm),
   "Checkbox": () => (/* reexport */ react_checkbox_esm),
   "CheckboxGroup": () => (/* reexport */ CheckboxGroup),
+  "Circle": () => (/* reexport */ Circle),
   "Col": () => (/* reexport */ Col),
   "Collapse": () => (/* reexport */ react_collapse_esm),
   "CopyToClipboard": () => (/* reexport */ CopyToClipboard),
@@ -353,6 +354,7 @@ __webpack_require__.d(__webpack_exports__, {
   "LayoutFooter": () => (/* reexport */ LayoutFooter),
   "LayoutHeader": () => (/* reexport */ LayoutHeader),
   "LayoutSider": () => (/* reexport */ LayoutSider),
+  "Line": () => (/* reexport */ Line),
   "List": () => (/* reexport */ react_list_esm),
   "ListItem": () => (/* reexport */ ListItem),
   "Loader": () => (/* reexport */ react_loader_esm),
@@ -370,10 +372,10 @@ __webpack_require__.d(__webpack_exports__, {
   "Popover": () => (/* reexport */ Popover),
   "Portal": () => (/* reexport */ Portal),
   "Progress": () => (/* reexport */ react_progress_esm),
-  "Radio": () => (/* reexport */ Radio),
+  "Radio": () => (/* reexport */ esm_Radio),
   "RadioAbstract": () => (/* reexport */ RadioAbstract),
   "RadioButton": () => (/* reexport */ esm_RadioButton),
-  "RadioGroup": () => (/* reexport */ RadioGroup),
+  "RadioGroup": () => (/* reexport */ esm_RadioGroup),
   "Rate": () => (/* reexport */ Rate),
   "Row": () => (/* reexport */ Row_Row),
   "SearchSelect": () => (/* reexport */ SearchSelect),
@@ -1517,7 +1519,7 @@ function Portal(props) {
 ;// CONCATENATED MODULE: ../react-overlay/esm/index.js
 
 
-var esm_excluded = ["className", "style", "isOpen", "prefixCls", "usePortal", "maskClosable", "backdropProps", "portalProps", "hasBackdrop", "unmountOnExit", "timeout", "transitionName", "onOpening", "onOpened", "onClosing", "onClosed", "onClose", "children", "dialogProps"];
+var esm_excluded = ["className", "style", "isOpen", "prefixCls", "usePortal", "maskClosable", "backdropProps", "portalProps", "hasBackdrop", "unmountOnExit", "timeout", "transitionName", "onOpening", "onOpened", "onClosing", "onClosed", "onClose", "onEnter", "onExiting", "onEntering", "onEntered", "onExit", "children", "dialogProps"];
 
 /**
  * Overlay 组件
@@ -1558,6 +1560,11 @@ function Overlay(props) {
     onClosing = noop,
     onClosed = noop,
     onClose = noop,
+    onEnter: _onEnter = noop,
+    onExiting: _onExiting = noop,
+    onEntering: _onEntering = noop,
+    onEntered: _onEntered = noop,
+    onExit = noop,
     children,
     dialogProps = {}
   } = props,
@@ -1632,10 +1639,29 @@ function Overlay(props) {
     unmountOnExit: unmountOnExit,
     timeout: timeout,
     in: isOpen,
-    onEntering: onOpening,
-    onEntered: onOpened,
-    onExiting: onClosing,
-    onExited: handleClosed
+    onEnter: isAppearing => {
+      _onEnter(overlay.current, isAppearing);
+    },
+    onEntering: isAppearing => {
+      onOpening(overlay.current, isAppearing);
+
+      _onEntering(overlay.current);
+    },
+    onEntered: isAppearing => {
+      onOpened(overlay.current, isAppearing);
+
+      _onEntered(overlay.current);
+    },
+    onExiting: () => {
+      onClosing(overlay.current);
+
+      _onExiting(overlay.current);
+    },
+    onExited: () => {
+      handleClosed(overlay.current);
+      onExit(overlay.current);
+    },
+    nodeRef: overlay
   }, otherProps, {
     children: status => {
       return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
@@ -2335,6 +2361,7 @@ var Breadcrumb = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react
 Breadcrumb.Item = Item;
 /* harmony default export */ const esm_Breadcrumb = (Breadcrumb);
 
+
 ;// CONCATENATED MODULE: ../react-breadcrumb/esm/index.js
 
 
@@ -2371,7 +2398,7 @@ var react_button_group_esm_excluded = ["prefixCls", "vertical", "children", "cla
 
 ;// CONCATENATED MODULE: ../../node_modules/@uiw/formatter/esm/index.js
 /**! 
- * @uiw/formatter v1.3.2 
+ * @uiw/formatter v1.3.3 
  * Get a formatted date. 
  * 
  * Copyright (c) 2022 Kenny Wang <wowohoo@qq.com> 
@@ -2414,7 +2441,6 @@ formatter.utc = function (str, date) {
 };
 
 
-//# sourceMappingURL=index.js.map
 
 ;// CONCATENATED MODULE: ../react-overlay-trigger/esm/utils.js
 var utils_canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
@@ -2866,7 +2892,8 @@ var normalizeDelay = delay => delay && typeof delay === 'object' ? delay : {
   });
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useImperativeHandle)(ref, () => ({
     hide: () => _hide(),
-    show: () => _show()
+    show: () => _show(),
+    overlayDom: popupRef
   }));
   var child = external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.only(children);
 
@@ -2946,11 +2973,13 @@ var normalizeDelay = delay => delay && typeof delay === 'object' ? delay : {
   }
 
   function handleShow() {
+    var _props$children;
+
     clearTimeouts();
     hoverStateRef.current = 'show';
     var delay = normalizeDelay(props.delay);
 
-    if (!delay.show) {
+    if (!delay.show && !((_props$children = props.children) != null && _props$children.props.disabled)) {
       _show();
 
       return;
@@ -2959,6 +2988,7 @@ var normalizeDelay = delay => delay && typeof delay === 'object' ? delay : {
     var handle = window.setTimeout(() => {
       if (hoverStateRef.current === 'show') _show();
     }, delay.show);
+    clearTimeout(handle);
     timeoutRef.current.push(handle);
   }
 
@@ -4600,6 +4630,10 @@ var SubMenu = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_am
 
   function onEntered(node) {
     node.style.height = 'initial';
+
+    if (popupRef.current && popupRef.current.overlayDom) {
+      node.style.height = popupRef.current.overlayDom.current.getBoundingClientRect().height + 'px';
+    }
   }
 
   if (!collapse) {
@@ -5065,11 +5099,12 @@ var RadioAbstract = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_re
 
 
 
-/* harmony default export */ const Radio = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
+var 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));
-}));
+});
+/* harmony default export */ const esm_Radio = (Radio);
 
 ;// CONCATENATED MODULE: ../react-radio/esm/style/group.css
 // extracted by mini-css-extract-plugin
@@ -5082,7 +5117,7 @@ var RadioGroup_excluded = ["prefixCls", "className", "name", "value", "onChange"
 
 
 
-/* harmony default export */ const RadioGroup = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
+var RadioGroup = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
   var {
     prefixCls = 'w-radio-group',
     className,
@@ -5108,7 +5143,8 @@ var RadioGroup_excluded = ["prefixCls", "className", "name", "value", "onChange"
       })
     })
   }));
-}));
+});
+/* harmony default export */ const esm_RadioGroup = (RadioGroup);
 
 ;// CONCATENATED MODULE: ../react-radio/esm/RadioButton.js
 
@@ -8225,6 +8261,7 @@ Circle.defaultProps = {
 
 };
 
+
 ;// CONCATENATED MODULE: ../react-progress/esm/style/line.css
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const line = ({});
@@ -8310,6 +8347,7 @@ Line.defaultProps = {
 
 };
 
+
 ;// CONCATENATED MODULE: ../react-progress/esm/index.js
 
 
@@ -8581,6 +8619,9 @@ function SearchSelect(props) {
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
     if (valueVerify(value)) {
       selectedValueChange(value);
+    } else {
+      setSelectedValue([]);
+      setSelectedLabel('');
     }
   }, [JSON.stringify(value)]);
 
@@ -9572,6 +9613,8 @@ var react_switch_esm_excluded = ["prefixCls"];
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const react_table_esm_style = ({});
 ;// CONCATENATED MODULE: ../react-table/esm/util.js
+
+
 /**
  * Get colspan number
  * @param {Array} date
@@ -9727,6 +9770,10 @@ function getAllColumnsKeys(data, keys) {
       keys = keys.concat(getAllColumnsKeys(data[i].children || []));
     } else if (data[i].key) {
       keys.push(data[i]);
+    } else {
+      keys.push(_extends({}, data[i], {
+        key: i.toString()
+      }));
     }
   }
 
@@ -10325,7 +10372,7 @@ function Table(props) {
         }), data && data.length === 0 && empty && /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
           children: /*#__PURE__*/(0,jsx_runtime.jsx)("tr", {
             children: /*#__PURE__*/(0,jsx_runtime.jsx)("td", {
-              colSpan: columns.length,
+              colSpan: self.keys.length,
               style: {
                 position: 'relative',
                 left: 0
@@ -10650,9 +10697,11 @@ var TreeNode_excluded = ["prefixCls", "renderTitle", "icon", "iconAnimation", "i
 
 var Label = _ref => {
   var {
-    label
+    label,
+    className
   } = _ref;
   return (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+    className: className,
     children: label
   }), [label]);
 };
@@ -10675,27 +10724,29 @@ function TreeNode(props) {
       other = _objectWithoutPropertiesLoose(props, TreeNode_excluded);
 
   var isOpen = false;
+  var node = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef(null);
 
   if (parent && (parent.key || parent.key === 0)) {
     isOpen = !!(openKeys && openKeys.indexOf(parent.key) > -1);
   }
 
-  var onExit = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(node => {
-    node.style.height = node.scrollHeight + "px";
+  var onExit = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(() => {
+    node.current.style.height = node.current.scrollHeight + "px";
   }, []);
-  var onExiting = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(node => {
-    node.style.height = '1px';
+  var onExiting = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(() => {
+    node.current.style.height = '1px';
   }, []);
-  var onEnter = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)((node, isAppearing) => {
-    node.style.height = '1px';
+  var onEnter = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(() => {
+    node.current.style.height = '1px';
   }, []);
-  var onEntering = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)((node, isAppearing) => {
-    node.style.height = node.scrollHeight + "px";
+  var onEntering = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(() => {
+    node.current.style.height = node.current.scrollHeight + "px";
   }, []);
-  var onEntered = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)((node, isAppearing) => {
-    node.style.height = 'initial';
+  var onEntered = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(() => {
+    node.current.style.height = 'initial';
   }, []);
   return /*#__PURE__*/(0,jsx_runtime.jsx)(esm_CSSTransition, {
+    nodeRef: node,
     classNames: prefixCls,
     in: isOpen,
     timeout: 200,
@@ -10705,6 +10756,7 @@ function TreeNode(props) {
     onEntered: onEntered,
     onEntering: onEntering,
     children: /*#__PURE__*/(0,jsx_runtime.jsx)("ul", {
+      ref: node,
       className: [level !== 1 && isOpen ? [prefixCls + "-open"] : null, level !== 1 && !isOpen ? [prefixCls + "-close"] : null].filter(Boolean).join(' ').trim(),
       children: data.map((item, idx) => {
         item.parent = parent;
@@ -10720,6 +10772,24 @@ function TreeNode(props) {
         var childKeys = noChild ? [] : getChildKeys(item.children);
         var checkedKeys = selectedKeys ? selectedKeys.filter(key => childKeys.indexOf(key) > -1) : [];
         var isHalfChecked = checkedKeys.length > 0 && childKeys.length !== checkedKeys.length;
+        var disabledObj = {
+          onClick: onItemSelected,
+          disabled: null,
+          disabledMouse: null,
+          disabledClass: undefined,
+          disabledStyle: undefined
+        };
+
+        if (item.disabled) {
+          disabledObj.onClick = undefined;
+          disabledObj.disabled = 'disabled';
+          disabledObj.disabledMouse = prefixCls + "-disabled-mouse";
+          disabledObj.disabledClass = prefixCls + "-disabled-ele";
+          disabledObj.disabledStyle = {
+            color: '#00000040'
+          };
+        }
+
         return /*#__PURE__*/(0,jsx_runtime.jsxs)("li", {
           style: {
             display: item.hideNode ? 'none' : 'block'
@@ -10737,16 +10807,20 @@ function TreeNode(props) {
                 className: [typeof icon === 'function' ? prefixCls + "-switcher-noop" : null, noChild ? 'no-child' : null, !iconAnimation ? 'no-animation' : null, itemIsOpen ? 'open' : null].filter(Boolean).join(' ').trim()
               })
             }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-              onClick: evn => onItemSelected(item, evn),
-              className: [prefixCls + "-title", selected && isSelected ? 'selected' : null, item.disabled ? 'disabled' : null].filter(Boolean).join(' ').trim(),
+              onClick: evn => disabledObj.onClick == null ? void 0 : disabledObj.onClick(item, evn),
+              className: [prefixCls + "-title", selected && isSelected ? 'selected' : null, disabledObj.disabled, disabledObj.disabledMouse].filter(Boolean).join(' ').trim(),
               children: renderTitle ? renderTitle(item, {
                 selected,
                 noChild,
                 openKeys,
                 isHalfChecked,
-                selectedKeys
+                selectedKeys,
+                disabled: item.disabled,
+                disabledClass: disabledObj.disabledClass,
+                disabledStyle: disabledObj.disabledStyle
               }) : /*#__PURE__*/(0,jsx_runtime.jsx)(Label, {
-                label: item.label
+                label: item.label,
+                className: disabledObj.disabledClass
               })
             })]
           }), item.children && /*#__PURE__*/(0,jsx_runtime.jsx)(TreeNode, _extends({}, other, {
@@ -11034,8 +11108,10 @@ function TreeChecked(_ref) {
 
       return /*#__PURE__*/(0,jsx_runtime.jsxs)(external_root_React_commonjs2_react_commonjs_react_amd_react_.Fragment, {
         children: [/*#__PURE__*/(0,jsx_runtime.jsx)(react_checkbox_esm, _extends({
-          className: prefixCls + "-checked"
+          className: prefixCls + "-checked",
+          disabled: node.disabled
         }, checkedProps)), item.label && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+          className: node.disabledClass,
           children: item.label
         })]
       });