uiw 4.18.1 → 4.21.0

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),
@@ -346,12 +347,14 @@ __webpack_require__.d(__webpack_exports__, {
   "FormItem": () => (/* reexport */ FormItem),
   "Icon": () => (/* reexport */ Icon),
   "Input": () => (/* reexport */ react_input_esm),
+  "InputNumber": () => (/* reexport */ InputNumber),
   "Layout": () => (/* reexport */ react_layout_esm),
   "LayoutContent": () => (/* reexport */ LayoutContent),
   "LayoutContext": () => (/* reexport */ LayoutContext),
   "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),
@@ -369,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),
@@ -1516,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", "children", "dialogProps"];
 
 /**
  * Overlay 组件
@@ -1557,12 +1560,14 @@ function Overlay(props) {
     onClosing = noop,
     onClosed = noop,
     onClose = noop,
+    onEnter: _onEnter = noop,
     children,
     dialogProps = {}
   } = props,
       otherProps = _objectWithoutPropertiesLoose(props, esm_excluded);
 
-  var [isOpen, setIsOpen] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(props.isOpen || false);
+  var [isOpen, setIsOpen] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(); // const [isOpen, setIsOpen] = useState(props.isOpen || false);
+
   var [visible, setVisible] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false);
   var container = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var overlay = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
@@ -1630,10 +1635,22 @@ 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);
+    },
+    onEntered: (_, isAppearing) => {
+      onOpened(overlay.current, isAppearing);
+    },
+    onExiting: () => {
+      onClosing(overlay.current);
+    },
+    onExited: () => {
+      handleClosed(overlay.current);
+    },
+    nodeRef: overlay
   }, otherProps, {
     children: status => {
       return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
@@ -1772,6 +1789,34 @@ var react_button_esm_excluded = ["prefixCls", "disabled", "active", "loading", "
 ;// CONCATENATED MODULE: ../react-modal/esm/style/index.css
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const react_modal_esm_style = ({});
+;// CONCATENATED MODULE: ../react-modal/esm/CallShow.js
+
+
+var CallShow_excluded = ["title", "children"];
+
+
+
+
+function CallShow(props) {
+  var {
+    title = '提示框',
+    children
+  } = props,
+      other = _objectWithoutPropertiesLoose(props, CallShow_excluded);
+
+  var dv = document.createElement('div');
+  dv.id = 'uiw-modal-call-show-element';
+  document.body.appendChild(dv);
+  external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default().render( /*#__PURE__*/(0,jsx_runtime.jsx)(react_modal_esm, _extends({}, other, {
+    title: title,
+    isOpen: true,
+    onClosed: () => {
+      dv.remove();
+    },
+    children: children
+  })), dv);
+}
+
 ;// CONCATENATED MODULE: ../react-modal/esm/index.js
 
 
@@ -1785,7 +1830,8 @@ var react_modal_esm_excluded = ["prefixCls", "className", "children", "useButton
 
 
 
-/* harmony default export */ const react_modal_esm = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
+
+var Modal = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
   var {
     prefixCls = 'w-modal',
     className,
@@ -1910,7 +1956,9 @@ var react_modal_esm_excluded = ["prefixCls", "className", "children", "useButton
       })
     })
   }));
-}));
+});
+Modal.show = CallShow;
+/* harmony default export */ const react_modal_esm = (Modal);
 
 ;// CONCATENATED MODULE: ../react-alert/esm/style/index.css
 // extracted by mini-css-extract-plugin
@@ -2302,6 +2350,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
 
 
@@ -3045,6 +3094,88 @@ var normalizeDelay = delay => delay && typeof delay === 'object' ? delay : {
 ;// CONCATENATED MODULE: ../react-popover/esm/style/index.css
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const react_popover_esm_style = ({});
+;// CONCATENATED MODULE: ../react-popover/esm/Confirm.js
+
+
+
+
+
+
+
+function Confirm(props) {
+  var {
+    trigger = 'click',
+    placement = 'top',
+    confirmText = 'Yes',
+    title,
+    cancelText = 'No',
+    visibleArrow,
+    children,
+    onConfirm
+  } = props;
+  var [isOpen, setIsOpen] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false);
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(Popover, {
+    isOpen: isOpen,
+    visibleArrow: visibleArrow,
+    content: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+      style: {
+        padding: '12px 16px',
+        position: 'relative'
+      },
+      children: [/*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+        type: "information",
+        style: {
+          position: 'absolute',
+          top: 13.5,
+          fontSize: 14,
+          transform: 'rotate(180deg)',
+          color: '#faad14'
+        }
+      }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+        style: {
+          paddingLeft: 20
+        },
+        children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+          style: {
+            fontSize: 14
+          },
+          children: title
+        }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+          style: {
+            position: 'relative',
+            bottom: 0,
+            marginTop: 12,
+            display: 'flex',
+            justifyContent: 'end'
+          },
+          children: [/*#__PURE__*/(0,jsx_runtime.jsx)(esm, {
+            size: "small",
+            onClick: () => setIsOpen(false),
+            children: cancelText
+          }), /*#__PURE__*/(0,jsx_runtime.jsx)(esm, {
+            size: "small",
+            type: "primary",
+            style: {
+              marginLeft: 10
+            },
+            onClick: () => {
+              onConfirm == null ? void 0 : onConfirm();
+              setIsOpen(false);
+            },
+            children: confirmText
+          })]
+        })]
+      })]
+    }),
+    trigger: trigger,
+    placement: placement,
+    children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      onClick: () => setIsOpen(true),
+      children: children
+    })
+  });
+}
+
 ;// CONCATENATED MODULE: ../react-popover/esm/index.js
 
 
@@ -3054,6 +3185,7 @@ var react_popover_esm_excluded = ["prefixCls", "className", "content", "visibleA
 
 
 
+
 class Popover extends (external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Component {
   constructor() {
     super(...arguments);
@@ -3107,6 +3239,7 @@ class Popover extends (external_root_React_commonjs2_react_commonjs_react_amd_re
   }
 
 }
+Popover.Confirm = Confirm;
 Popover.defaultProps = {
   prefixCls: 'w-popover',
   placement: 'top',
@@ -3118,10 +3251,69 @@ Popover.defaultProps = {
 ;// CONCATENATED MODULE: ../react-input/esm/style/input.css
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const input = ({});
+;// CONCATENATED MODULE: ../react-input/esm/InputNumber.js
+
+
+var InputNumber_excluded = ["className", "min", "max", "step", "overLimitColor", "keyboard", "formatter", "prefixCls"];
+
+
+
+/* harmony default export */ const InputNumber = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
+  var {
+    className,
+    min,
+    max,
+    step,
+    overLimitColor,
+    keyboard = false,
+    prefixCls = 'w-input-number'
+  } = props,
+      otherProps = _objectWithoutPropertiesLoose(props, InputNumber_excluded);
+
+  var value = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    var _ref;
+
+    return Number.parseFloat((_ref = props.value || 0) == null ? void 0 : _ref.toString());
+  }, [props.value]);
+  var [isOverLimit, isOverLimitSet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(overLimitComp(value));
+
+  function overLimitComp(value) {
+    if (typeof min === 'number' && value < min) return true;
+    if (typeof max === 'number' && value > max) return true;
+    return false;
+  }
+
+  var onChange = v => {
+    var isOverLimit = overLimitComp(Number.parseFloat(v.target.value));
+    isOverLimitSet(isOverLimit);
+    props.onChange == null ? void 0 : props.onChange(v);
+  };
+
+  var overLimitProps = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    if (!overLimitColor) return {
+      min,
+      max
+    };
+  }, []);
+  var cls = [prefixCls, className].filter(Boolean).join(' ').trim();
+  var inputStyle = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => isOverLimit ? {
+    color: overLimitColor == null ? void 0 : overLimitColor.toString()
+  } : undefined, [isOverLimit]);
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, _extends({}, otherProps, {
+    className: cls,
+    type: "number",
+    inputStyle: inputStyle,
+    onChange: onChange,
+    step: step
+  }, overLimitProps));
+}));
+
 ;// CONCATENATED MODULE: ../react-input/esm/index.js
 
 
-var react_input_esm_excluded = ["prefixCls", "className", "style", "size", "type", "preIcon", "addonAfter"];
+var react_input_esm_excluded = ["prefixCls", "className", "style", "size", "type", "preIcon", "addonAfter", "inputStyle"];
+
+
 
 
 
@@ -3135,7 +3327,8 @@ var react_input_esm_excluded = ["prefixCls", "className", "style", "size", "type
     size = 'default',
     type = 'text',
     preIcon = null,
-    addonAfter
+    addonAfter,
+    inputStyle
   } = props,
       otherProps = _objectWithoutPropertiesLoose(props, react_input_esm_excluded);
 
@@ -3164,6 +3357,7 @@ var react_input_esm_excluded = ["prefixCls", "className", "style", "size", "type
       type: type,
       autoComplete: "off"
     }, otherProps, {
+      style: inputStyle,
       className: prefixCls + "-inner"
     })), addonAfter && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
       className: prefixCls + "-addon-after",
@@ -4403,25 +4597,25 @@ var SubMenu = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_am
   }
 
   function onExit(node) {
-    node.style.height = node.scrollHeight + "px";
+    node && (node.style.height = node.scrollHeight + "px");
     setIsOpen(false);
   }
 
   function onExiting(node) {
-    node.style.height = '0px';
+    node && (node.style.height = '0px');
   }
 
   function onEnter(node) {
-    node.style.height = '1px';
+    node && (node.style.height = '1px');
     setIsOpen(true);
   }
 
   function onEntering(node) {
-    node.style.height = node.scrollHeight + "px";
+    node && (node.style.height = node.scrollHeight + "px");
   }
 
   function onEntered(node) {
-    node.style.height = 'initial';
+    node && (node.style.height = 'initial');
   }
 
   if (!collapse) {
@@ -4555,6 +4749,7 @@ function Cascader(props) {
     value,
     onChange,
     onSearch,
+    expandTrigger = 'click',
     size,
     disabled,
     allowClear,
@@ -4646,6 +4841,7 @@ function Cascader(props) {
 
   var handleItemClick = (optionsItem, level) => {
     selectedValue.splice(level, selectedValue.length - level, optionsItem);
+    if (!optionsItem.children) setInnerIsOpen(false);
     handelChange(true, selectedValue);
   };
 
@@ -4674,6 +4870,26 @@ function Cascader(props) {
   };
 
   var widths = (style == null ? void 0 : style.width) * 0.7 || undefined;
+  var trigger = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    return (cb, click) => {
+      var triggers = {
+        onClick: () => {},
+        onMouseOver: () => {}
+      };
+
+      var callback = () => {
+        cb();
+      };
+
+      if (expandTrigger === 'click' || click) {
+        triggers.onClick = callback;
+      } else if (expandTrigger === 'hover') {
+        triggers.onMouseOver = callback;
+      }
+
+      return triggers;
+    };
+  }, []);
 
   var OptionIter = function OptionIter(option, level) {
     if (level === void 0) {
@@ -4696,17 +4912,18 @@ function Cascader(props) {
         },
         children: '没有数据'
       }) : option.map((opt, index) => {
-        var _selectedValue$level;
+        var _selectedValue$level, _opt$children;
 
         var active = ((_selectedValue$level = selectedValue[level]) == null ? void 0 : _selectedValue$level.value) === opt.value;
-        return /*#__PURE__*/(0,jsx_runtime.jsx)(react_menu_esm.Item, {
+        return /*#__PURE__*/(0,jsx_runtime.jsx)(react_menu_esm.Item, _extends({
           active: active,
           text: opt.label,
           addonAfter: opt.children ? /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
             type: "right"
-          }) : undefined,
-          onClick: () => handleItemClick(opt, level)
-        }, index);
+          }) : undefined
+        }, trigger(() => {
+          handleItemClick(opt, level);
+        }, !((_opt$children = opt.children) != null && _opt$children.length))), index);
       })
     }, level);
   };
@@ -4755,8 +4972,7 @@ function Cascader(props) {
       }) : searchOption.filter(opt => opt.label.includes(searchText.trim())).map((opt, index) => {
         return /*#__PURE__*/(0,jsx_runtime.jsx)(react_menu_esm.Item, {
           text: opt.label,
-          onClick: () => searchItemClick(opt.options) //
-
+          onClick: () => searchItemClick(opt.options)
         }, index);
       })
     }),
@@ -4865,11 +5081,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
@@ -4882,7 +5099,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,
@@ -4908,7 +5125,8 @@ var RadioGroup_excluded = ["prefixCls", "className", "name", "value", "onChange"
       })
     })
   }));
-}));
+});
+/* harmony default export */ const esm_RadioGroup = (RadioGroup);
 
 ;// CONCATENATED MODULE: ../react-radio/esm/RadioButton.js
 
@@ -8025,6 +8243,7 @@ Circle.defaultProps = {
 
 };
 
+
 ;// CONCATENATED MODULE: ../react-progress/esm/style/line.css
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const line = ({});
@@ -8110,6 +8329,7 @@ Line.defaultProps = {
 
 };
 
+
 ;// CONCATENATED MODULE: ../react-progress/esm/index.js
 
 
@@ -8343,7 +8563,7 @@ function SearchSelect(props) {
     style,
     value,
     defaultValue,
-    showSearch,
+    showSearch = false,
     tagProps = {},
     placeholder,
     onSearch,
@@ -8381,6 +8601,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)]);
 
@@ -8555,13 +8778,10 @@ function SearchSelect(props) {
         maxWidth: 'none'
       }, style),
       children: isMultiple ? /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-        className: [prefixCls + "-inner", prefixCls + "-" + size].filter(Boolean).join(' ').trim(),
+        className: [prefixCls + "-inner", prefixCls + "-search-" + showSearch, prefixCls + "-" + size].filter(Boolean).join(' ').trim(),
         children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-          style: {
-            display: 'flex',
-            flexFlow: 'wrap',
-            width: '100%'
-          },
+          className: prefixCls + "-tag-content",
+          style: {},
           children: [isMultiple && selectedValue.slice(0, maxTagCount).map((item, index) => {
             return /*#__PURE__*/(0,jsx_runtime.jsx)(react_tag_esm, _extends({
               style: _extends({
@@ -8591,7 +8811,8 @@ function SearchSelect(props) {
             children: ["+", omitTagCount, " \u2026", ' ']
           }), /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, {
             style: {
-              flex: 1
+              flex: 1,
+              width: showSearch ? 0 : 50
             },
             className: prefixCls + "-input-contents",
             readOnly: !showSearch,
@@ -8610,6 +8831,7 @@ function SearchSelect(props) {
           onClick: resetSelectedValue
         })]
       }) : /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, {
+        className: prefixCls + "-search-" + showSearch,
         readOnly: !showSearch,
         size: size,
         ref: inputRef,
@@ -9552,12 +9774,15 @@ var ThComponent_excluded = ["title", "key", "render", "children", "ellipsis", "f
 
 
 
-
 class ThComponent extends external_root_React_commonjs2_react_commonjs_react_amd_react_.Component {
+  constructor() {
+    super(...arguments);
+    this.wrapper = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createRef();
+  }
+
   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
+      width: this.wrapper.current.getBoundingClientRect().width
     }, "" + this.props.rowNum + this.props.colNum, this.props.item.key, this.props.item.colSpan);
   }
 
@@ -9587,7 +9812,9 @@ class ThComponent extends external_root_React_commonjs2_react_commonjs_react_amd
       }
     }
 
-    return /*#__PURE__*/(0,jsx_runtime.jsx)("th", _extends({}, thProps, {
+    return /*#__PURE__*/(0,jsx_runtime.jsx)("th", _extends({
+      ref: this.wrapper
+    }, thProps, {
       style: _extends({}, thProps.style, locationFixed(fixed, locationWidth, "" + rowNum + 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),
@@ -10446,9 +10673,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]);
 };
@@ -10471,27 +10700,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,
@@ -10501,6 +10732,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;
@@ -10516,6 +10748,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'
@@ -10533,16 +10783,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, {
@@ -10830,8 +11084,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
         })]
       });
@@ -11024,7 +11280,6 @@ function SearchTagInput(props) {
             }), index);
           }), /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, {
             ref: inputRef,
-            style: {},
             className: prefixCls + "-input-contents",
             size: size,
             disabled: disabled,