@kdcloudjs/kdesign 1.5.3 → 1.5.6

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.5.2
+ *   @kdcloudjs/kdesign v1.5.5
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -1567,6 +1567,11 @@ function usePopper(locatorElement, popperElement, props) {
       visible = _useState10[0],
       setVisible = _useState10[1];
 
+  var _useState11 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(false),
+      _useState12 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState11, 2),
+      active = _useState12[0],
+      setActive = _useState12[1];
+
   Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
     if (props.visible) {
       !exist && setExist(true);
@@ -1577,20 +1582,20 @@ function usePopper(locatorElement, popperElement, props) {
     }
   }, [exist, props.visible]);
 
-  var _useState11 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(''),
-      _useState12 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState11, 2),
-      evType = _useState12[0],
-      setEvType = _useState12[1];
-
-  var _useState13 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(),
+  var _useState13 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(''),
       _useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState13, 2),
-      align = _useState14[0],
-      setAlign = _useState14[1];
+      evType = _useState14[0],
+      setEvType = _useState14[1];
 
-  var _useState15 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(placement),
+  var _useState15 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(),
       _useState16 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState15, 2),
-      currentPlacement = _useState16[0],
-      setCurrentPlacement = _useState16[1];
+      align = _useState16[0],
+      setAlign = _useState16[1];
+
+  var _useState17 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(placement),
+      _useState18 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState17, 2),
+      nextPlacement = _useState18[0],
+      setNextPlacement = _useState18[1];
 
   var alignPopper = Object(react__WEBPACK_IMPORTED_MODULE_19__["useCallback"])(function () {
     if (locatorRef !== null && locatorRef !== void 0 && locatorRef.current && popperRef !== null && popperRef !== void 0 && popperRef.current) {
@@ -1635,39 +1640,47 @@ function usePopper(locatorElement, popperElement, props) {
         bottom: locatorTop + borderTop + translateTop + height - containerTop - scrollTop
       };
       var currentPos = trigger === 'contextMenu' ? mousePos : locatorPos;
-      var _currentPlacement = placement;
+      var currentPlacement = nextPlacement;
 
       if (autoPlacement) {
         if (top - gap - popperHeight <= 5 && bottom + gap + popperHeight < document.body.clientHeight - 5) {
-          _currentPlacement = _currentPlacement.replace('top', 'bottom');
+          currentPlacement = currentPlacement.replace('top', 'bottom');
         }
 
         if (bottom + gap + popperHeight >= document.body.clientHeight - 5 && top - gap - popperHeight > 5) {
-          _currentPlacement = _currentPlacement.replace('bottom', 'top');
+          currentPlacement = currentPlacement.replace('bottom', 'top');
         }
 
         if (left + popperWidth >= document.body.clientWidth - 5 && right - popperWidth > 5) {
-          _currentPlacement = _currentPlacement.replace('Left', 'Right');
+          currentPlacement = currentPlacement.replace('Left', 'Right');
         }
 
         if (right - popperWidth <= 5 && left + popperWidth < document.body.clientWidth - 5) {
-          _currentPlacement = _currentPlacement.replace('Right', 'Left');
+          currentPlacement = currentPlacement.replace('Right', 'Left');
         }
 
         if (top + popperHeight >= document.body.clientHeight - 5 && bottom - popperHeight > 5) {
-          _currentPlacement = _currentPlacement.replace('Top', 'Bottom');
+          currentPlacement = currentPlacement.replace('Top', 'Bottom');
         }
 
         if (bottom - popperHeight <= 5 && top + popperHeight < document.body.clientHeight - 5) {
-          _currentPlacement = _currentPlacement.replace('Bottom', 'Top');
+          currentPlacement = currentPlacement.replace('Bottom', 'Top');
         }
 
         if (left - gap - popperWidth <= 5 && right + gap + popperWidth < document.body.clientWidth - 5) {
-          _currentPlacement = _currentPlacement.replace('left', 'right');
+          currentPlacement = currentPlacement.replace('left', 'right');
         }
 
         if (right + gap + popperWidth >= document.body.clientWidth - 5 && left - gap - popperWidth > 5) {
-          _currentPlacement = _currentPlacement.replace('right', 'left');
+          currentPlacement = currentPlacement.replace('right', 'left');
+        }
+
+        if (right - width / 2 + popperWidth / 2 >= document.body.clientWidth - 5 && right - popperWidth > 5) {
+          currentPlacement += 'Right';
+        }
+
+        if (left - width / 2 - popperWidth / 2 <= 5 && left + popperWidth < document.body.clientWidth - 5) {
+          currentPlacement += 'Left';
         }
       }
 
@@ -1729,16 +1742,16 @@ function usePopper(locatorElement, popperElement, props) {
           top: topBottom
         }
       };
-      var alignPos = mapAlign[_currentPlacement];
+      var alignPos = mapAlign[currentPlacement];
       var _arrowPos = {
         top: 0,
         left: 0
       };
 
-      if (/left/.test(_currentPlacement) || /right/.test(_currentPlacement)) {
-        if (/Top/.test(_currentPlacement)) {
+      if (/left/.test(currentPlacement) || /right/.test(currentPlacement)) {
+        if (/Top/.test(currentPlacement)) {
           _arrowPos.top = arrowOffset;
-        } else if (/Bottom/.test(_currentPlacement)) {
+        } else if (/Bottom/.test(currentPlacement)) {
           _arrowPos.top = popperHeight - arrowOffset - 2 * arrowSize;
         } else {
           _arrowPos.top = (popperHeight - arrowWidth) / 2 - 1;
@@ -1765,29 +1778,40 @@ function usePopper(locatorElement, popperElement, props) {
             _arrowPos.top += scrollBottom - document.body.clientHeight;
           }
         }
-      }
-
-      if (/top/.test(_currentPlacement) || /bottom/.test(_currentPlacement)) {
-        if (/Left/.test(_currentPlacement)) {
+      } else if (/top/.test(currentPlacement) || /bottom/.test(currentPlacement)) {
+        if (/Left/.test(currentPlacement)) {
           _arrowPos.left = arrowOffset;
-        } else if (/Right/.test(_currentPlacement)) {
+        } else if (/Right/.test(currentPlacement)) {
           _arrowPos.left = popperWidth - arrowOffset - 2 * arrowSize;
         } else {
           _arrowPos.left = (popperWidth - arrowWidth) / 2 - 1;
         }
+
+        if (left <= 0) {
+          alignPos.left = locatorPos.left;
+          _arrowPos.left = arrowOffset;
+        } else if (right >= document.body.clientWidth) {
+          alignPos.left = locatorPos.right - popperWidth;
+          alignPos.right = -360;
+          _arrowPos.left = popperWidth - arrowOffset - 2 * arrowSize;
+        }
       }
 
       setAlign(alignPos);
       setArrowPos(_arrowPos);
-      setCurrentPlacement(_currentPlacement);
+      setNextPlacement(currentPlacement);
     }
-  }, [locatorRef, popperRef, container, trigger, mousePos, placement, gap, arrowOffset, arrowSize, arrowWidth, autoPlacement]);
+  }, [locatorRef, popperRef, container, trigger, mousePos, autoPlacement, gap, arrowOffset, arrowSize, arrowWidth]);
   Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
     if (canAlign) {
       alignPopper();
       setCanAlign(false);
       props.visible === undefined && setVisible(true);
       onVisibleChange && onVisibleChange(true);
+      setActive(true);
+      setTimeout(function () {
+        return setActive(false);
+      }, 200);
     }
   }, [alignPopper, canAlign, onVisibleChange, props]);
   var arrowStyle = (_arrowStyle = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5___default()(_arrowStyle, "--arrowSize", arrowSize + 'px'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5___default()(_arrowStyle, "--arrowSpill", arrowWidth / -2 + 'px'), _arrowStyle);
@@ -1801,10 +1825,10 @@ function usePopper(locatorElement, popperElement, props) {
   var popperProps = {
     ref: popperRef,
     style: popperContainerStyle,
-    className: classnames__WEBPACK_IMPORTED_MODULE_23___default()(prefixCls, popperClassName, currentPlacement, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5___default()({
+    className: classnames__WEBPACK_IMPORTED_MODULE_23___default()(prefixCls, popperClassName, nextPlacement, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5___default()({
       arrow: arrow,
       hidden: !visible
-    }, "".concat(currentPlacement, "-active"), visible))
+    }, "".concat(nextPlacement, "-active"), active))
   };
   var popperNode = popperRef.current;
   var locatorNode = locatorRef.current;
@@ -1834,6 +1858,11 @@ function usePopper(locatorElement, popperElement, props) {
     props.visible === undefined && setVisible(false);
     onVisibleChange && onVisibleChange(false);
   }, [onVisibleChange, props.visible]);
+
+  var matchTrigger = function matchTrigger(words) {
+    return Array.isArray(trigger) ? trigger.includes(words) : trigger === words;
+  };
+
   Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
     if (exist && visible) {
       var mouseleaveTimer;
@@ -1842,21 +1871,21 @@ function usePopper(locatorElement, popperElement, props) {
         var triggerNode = getTriggerElement(locatorRef.current);
         var triggerRect = triggerNode.getBoundingClientRect();
         var popperRect = popperRef.current.getBoundingClientRect();
-        var left = /left/.test(currentPlacement) ? popperRect.right : triggerRect.left;
-        var right = /right/.test(currentPlacement) ? popperRect.left : triggerRect.right;
-        var top = /top/.test(currentPlacement) ? popperRect.bottom : triggerRect.top;
-        var bottom = /bottom/.test(currentPlacement) ? popperRect.top : triggerRect.bottom;
+        var left = /left/.test(nextPlacement) ? popperRect.right : triggerRect.left;
+        var right = /right/.test(nextPlacement) ? popperRect.left : triggerRect.right;
+        var top = /top/.test(nextPlacement) ? popperRect.bottom : triggerRect.top;
+        var bottom = /bottom/.test(nextPlacement) ? popperRect.top : triggerRect.bottom;
         var X = e.clientX,
             Y = e.clientY;
         var inTriggerRect = X > left - 2 && X < right + 2 && Y > top - 2 && Y < bottom + 2;
         var inPopperRect = X > popperRect.left && X < popperRect.right && Y > popperRect.top && Y < popperRect.bottom;
-        var ableArea = evType === 'contextmenu' ? inPopperRect : inTriggerRect || inPopperRect;
+        var ableArea = matchTrigger('contextMenu') ? inPopperRect : inTriggerRect || inPopperRect;
 
         if (ableArea) {
           mouseleaveTimer && clearTimeout(mouseleaveTimer);
-          evType === 'focus' && triggerNode.focus();
+          matchTrigger('focus') && triggerNode.focus();
         } else {
-          evType === 'mouseenter' ? mouseleaveTimer = window.setTimeout(hidePopper, mouseLeaveDelay * 1000) : hidePopper();
+          matchTrigger('hover') ? mouseleaveTimer = window.setTimeout(hidePopper, mouseLeaveDelay * 1000) : hidePopper();
         }
       };
 
@@ -1864,17 +1893,21 @@ function usePopper(locatorElement, popperElement, props) {
         leading: true
       });
       var mapEvent = {
-        mouseenter: 'mousemove',
-        mouseup: 'mousedown',
+        hover: 'mousemove',
+        click: 'mousedown',
         focus: 'mousedown',
-        contextmenu: 'mousedown'
+        contextMenu: 'mousedown'
       };
-      document.addEventListener(mapEvent[evType], debounceHidePopper);
+      Array.isArray(trigger) ? trigger.forEach(function (action) {
+        return document.addEventListener(mapEvent[action], debounceHidePopper);
+      }) : document.addEventListener(mapEvent[trigger], debounceHidePopper);
       return function () {
-        document.removeEventListener(mapEvent[evType], debounceHidePopper);
+        Array.isArray(trigger) ? trigger.forEach(function (action) {
+          return document.removeEventListener(mapEvent[action], debounceHidePopper);
+        }) : document.removeEventListener(mapEvent[trigger], debounceHidePopper);
       };
     }
-  }, [currentPlacement, evType, exist, getTriggerElement, hidePopper, locatorRef, mouseLeaveDelay, popperRef, visible]);
+  }, [nextPlacement, evType, exist, getTriggerElement, hidePopper, locatorRef, mouseLeaveDelay, popperRef, visible]);
   Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
     if (visible) {
       var scrollAlign = lodash_debounce__WEBPACK_IMPORTED_MODULE_22___default()(function (e) {
@@ -2220,12 +2253,12 @@ var Alert = function Alert(props) {
   };
 
   var iconNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_15___default.a.createElement("div", {
-    className: "".concat(alertPrefixCls, "-icon")
+    className: classnames__WEBPACK_IMPORTED_MODULE_19___default()("".concat(alertPrefixCls, "-icon"), getAlertColorType('icon'))
   }, icon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_15___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_16__["Icon"], {
     type: alertIconType
   }));
   var AlertComp = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_15___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
-    className: classnames__WEBPACK_IMPORTED_MODULE_19___default()(alertClasses, getAlertColorType('bg'), getAlertColorType('font'))
+    className: classnames__WEBPACK_IMPORTED_MODULE_19___default()(alertClasses, getAlertColorType('bg'), getAlertColorType('border'))
   }, events, {
     ref: alertRef // style={
     //   banner ? {
@@ -8081,7 +8114,8 @@ var compDefaultProps = {
         type: "arrow-right-solid"
       });
     },
-    estimatedItemSize: 32
+    estimatedItemSize: 32,
+    expandOnClickNode: true
   },
   TreeNode: {},
   ToolTip: {
@@ -14013,6 +14047,7 @@ var InternalDrawer = function InternalDrawer(props, ref) {
     width: width,
     transform: transform
   } : {
+    height: height,
     transform: transform
   });
 
@@ -14175,6 +14210,17 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
+
+var findItem = function findItem(element) {
+  var isItem = element.className === 'kd-dropdown-menu-item';
+
+  if (isItem) {
+    return element;
+  } else {
+    return element.parentNode ? findItem(element.parentNode) : null;
+  }
+};
+
 var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10__["forwardRef"](function (props, ref) {
   var _menu$props, _menu$props2, _menu$props3;
 
@@ -14205,7 +14251,7 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10__["forwardRef"](fu
     setVisible(!!props.visible);
   }, [props.visible]);
   var child = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10__["cloneElement"](react__WEBPACK_IMPORTED_MODULE_10__["Children"].only(children), {
-    ref: ref,
+    ref: children.ref || ref,
     className: classnames__WEBPACK_IMPORTED_MODULE_11___default()("".concat(prefixCls, "-trigger"), children.props.className, {
       disabled: disabled
     })
@@ -14223,13 +14269,12 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10__["forwardRef"](fu
   var menuSelectable = ((_menu$props2 = menu.props) === null || _menu$props2 === void 0 ? void 0 : _menu$props2.selectable) === undefined ? selectable : (_menu$props3 = menu.props) === null || _menu$props3 === void 0 ? void 0 : _menu$props3.selectable;
 
   var handleItemClick = function handleItemClick(e) {
-    var _currentTarget$datase, _currentTarget$parent;
+    var _item$dataset;
 
-    var currentTarget = e.target;
-    var parentTarget = currentTarget.parentNode;
-    var key = ((_currentTarget$datase = currentTarget.dataset) === null || _currentTarget$datase === void 0 ? void 0 : _currentTarget$datase.key) || ((_currentTarget$parent = currentTarget.parentNode.dataset) === null || _currentTarget$parent === void 0 ? void 0 : _currentTarget$parent.key);
+    var item = findItem(e.target);
+    var key = item === null || item === void 0 ? void 0 : (_item$dataset = item.dataset) === null || _item$dataset === void 0 ? void 0 : _item$dataset.key;
 
-    if (currentTarget.className.indexOf('disabled') === -1 && parentTarget.className.indexOf('disabled') === -1 && key) {
+    if ((item === null || item === void 0 ? void 0 : item.className.indexOf('disabled')) === -1 && key) {
       if (isMenu && menu.props.onClick) {
         menu.props.onClick(key);
       } else if (onItemClick) {
@@ -28139,7 +28184,7 @@ var InternalSelect = function InternalSelect(props, ref) {
     var selectedVal = multipleRef.current.selectedVal; // 选择器下拉icon样式
 
     var arrowIconCls = classnames__WEBPACK_IMPORTED_MODULE_20___default()((_classNames8 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames8, "".concat(selectPrefixCls, "-icon-arrow"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames8, "".concat(selectPrefixCls, "-icon-arrow-up"), optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames8, "".concat(selectPrefixCls, "-icon-arrow-down"), !optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames8, "".concat(selectPrefixCls, "-icon-arrow-focus"), optionShow), _classNames8));
-    var iconShow = allowClear && !disabled && (isMultiple ? mulOptions.length > 0 : selectedVal);
+    var iconShow = allowClear && !disabled && (isMultiple ? mulOptions.length > 0 : (selectedVal !== null && selectedVal !== void 0 ? selectedVal : '') !== '');
     var clearIconCls = classnames__WEBPACK_IMPORTED_MODULE_20___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-icon-clear"), true));
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_18___default.a.Fragment, null, iconShow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("span", {
       onClick: handleReset,
@@ -30079,6 +30124,7 @@ var InternalStepper = function InternalStepper(props, ref) {
       stepBtnClassName = inputNumberProps.stepBtnClassName,
       max = inputNumberProps.max,
       min = inputNumberProps.min,
+      disabled = inputNumberProps.disabled,
       propsValue = inputNumberProps.value,
       defaultValue = inputNumberProps.defaultValue;
   var inputPrefixCls = getPrefixCls(prefixCls, 'inputNumber', customPrefixcls);
@@ -30120,10 +30166,11 @@ var InternalStepper = function InternalStepper(props, ref) {
       return null;
     }
 
-    var decreaseClassName = getStepBtnClassNames('base', 'decrease', showPlusdisabled);
+    var decreaseClassName = getStepBtnClassNames('base', 'decrease', showPlusdisabled || disabled);
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span", {
       className: decreaseClassName,
       onMouseDown: function onMouseDown() {
+        if (disabled) return;
         handleStepMouseDown('minus');
       }
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_9__["default"], {
@@ -30133,10 +30180,11 @@ var InternalStepper = function InternalStepper(props, ref) {
   };
 
   var getStepSuffix = function getStepSuffix() {
-    var increaseClassName = getStepBtnClassNames('base', 'increase', showMinusdisabled);
+    var increaseClassName = getStepBtnClassNames('base', 'increase', showMinusdisabled || disabled);
     return type === 'embed' ? getEmbedStepView() : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span", {
       className: increaseClassName,
       onMouseDown: function onMouseDown() {
+        if (disabled) return;
         handleStepMouseDown('plus');
       }
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_9__["default"], {
@@ -30233,13 +30281,14 @@ var InternalStepper = function InternalStepper(props, ref) {
     var _classNames2, _classNames3;
 
     var embedStepClassName = getStepBtnClassNames('embed');
-    var plusClassName = classnames__WEBPACK_IMPORTED_MODULE_6___default()("".concat(inputPrefixCls, "-embedStep-plus"), (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, stepBtnClassName, stepBtnClassName), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(inputPrefixCls, "-embedStep-disabled"), showMinusdisabled), _classNames2));
-    var minusClassName = classnames__WEBPACK_IMPORTED_MODULE_6___default()("".concat(inputPrefixCls, "-embedStep-minus"), (_classNames3 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames3, stepBtnClassName, stepBtnClassName), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames3, "".concat(inputPrefixCls, "-embedStep-disabled"), showPlusdisabled), _classNames3));
+    var plusClassName = classnames__WEBPACK_IMPORTED_MODULE_6___default()("".concat(inputPrefixCls, "-embedStep-plus"), (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, stepBtnClassName, stepBtnClassName), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(inputPrefixCls, "-embedStep-disabled"), showMinusdisabled || disabled), _classNames2));
+    var minusClassName = classnames__WEBPACK_IMPORTED_MODULE_6___default()("".concat(inputPrefixCls, "-embedStep-minus"), (_classNames3 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames3, stepBtnClassName, stepBtnClassName), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames3, "".concat(inputPrefixCls, "-embedStep-disabled"), showPlusdisabled || disabled), _classNames3));
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span", {
       className: embedStepClassName
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span", {
       className: plusClassName,
       onMouseDown: function onMouseDown() {
+        if (disabled) return;
         handleStepMouseDown('plus');
       }
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_9__["default"], {
@@ -30248,6 +30297,7 @@ var InternalStepper = function InternalStepper(props, ref) {
     })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span", {
       className: minusClassName,
       onMouseDown: function onMouseDown() {
+        if (disabled) return;
         handleStepMouseDown('minus');
       }
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_9__["default"], {
@@ -32977,7 +33027,7 @@ var Tooltip = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["forwardRef"](func
 
   var prefixCls = getPrefixCls(pkgPrefixCls, 'tooltip', customPrefixcls);
   var tiplocator = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["cloneElement"](react__WEBPACK_IMPORTED_MODULE_8__["Children"].count(children) === 1 && children.type ? children : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"]("span", null, children), {
-    ref: ref
+    ref: children.ref || ref
   });
 
   var popperProps = _objectSpread(_objectSpread({}, allProps), {}, {
@@ -34206,27 +34256,37 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
 /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
-/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
-/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
-/* harmony import */ var _treeNode__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./treeNode */ "./components/tree/treeNode.tsx");
-/* harmony import */ var _utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./utils/treeUtils */ "./components/tree/utils/treeUtils.tsx");
-/* harmony import */ var _treeHooks__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./treeHooks */ "./components/tree/treeHooks.tsx");
-/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! lodash/isBoolean */ "./node_modules/lodash/isBoolean.js");
-/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(lodash_isBoolean__WEBPACK_IMPORTED_MODULE_16__);
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.array.iterator.js */ "./node_modules/core-js/modules/es.array.iterator.js");
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var core_js_modules_es_set_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.set.js */ "./node_modules/core-js/modules/es.set.js");
+/* harmony import */ var core_js_modules_es_set_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_set_js__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.string.iterator.js */ "./node_modules/core-js/modules/es.string.iterator.js");
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/web.dom-collections.iterator.js */ "./node_modules/core-js/modules/web.dom-collections.iterator.js");
+/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_14__);
+/* harmony import */ var lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! lodash/cloneDeep */ "./node_modules/lodash/cloneDeep.js");
+/* harmony import */ var lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_15__);
+/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
+/* harmony import */ var _treeNode__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./treeNode */ "./components/tree/treeNode.tsx");
+/* harmony import */ var _utils_treeUtils__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./utils/treeUtils */ "./components/tree/utils/treeUtils.tsx");
+/* harmony import */ var _treeHooks__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./treeHooks */ "./components/tree/treeHooks.tsx");
+/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! lodash/isBoolean */ "./node_modules/lodash/isBoolean.js");
+/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__webpack_require__.n(lodash_isBoolean__WEBPACK_IMPORTED_MODULE_21__);
 
 
 
@@ -34244,13 +34304,18 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.forwardRef(function (props, ref) {
-  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_9__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_11__["default"]),
+
+
+
+
+
+var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.forwardRef(function (props, ref) {
+  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_13__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_16__["default"]),
       getPrefixCls = _useContext.getPrefixCls,
       prefixCls = _useContext.prefixCls,
       userDefaultProps = _useContext.compDefaultProps;
 
-  var TreeProps = Object(_utils__WEBPACK_IMPORTED_MODULE_12__["getCompProps"])('Tree', userDefaultProps, props); // 按钮属性需要合并一遍用户定义的默认属性
+  var TreeProps = Object(_utils__WEBPACK_IMPORTED_MODULE_17__["getCompProps"])('Tree', userDefaultProps, props); // 按钮属性需要合并一遍用户定义的默认属性
 
   var customPrefixcls = TreeProps.prefixCls,
       treeData = TreeProps.treeData,
@@ -34293,88 +34358,103 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.for
       innerEstimatedItemSize = TreeProps.estimatedItemSize,
       style = TreeProps.style,
       filterTreeNode = TreeProps.filterTreeNode,
-      filterValue = TreeProps.filterValue;
+      filterValue = TreeProps.filterValue,
+      expandOnClickNode = TreeProps.expandOnClickNode,
+      loadData = TreeProps.loadData;
   var treePrefixCls = getPrefixCls(prefixCls, 'tree', customPrefixcls); // 树样式前缀
 
   var treeNodePrefixCls = getPrefixCls(prefixCls, 'tree-node', customPrefixcls); // 树节点样式前缀
 
-  var treeNodeClassName = classnames__WEBPACK_IMPORTED_MODULE_10___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_3___default()({}, "".concat(treePrefixCls), true));
+  var treeNodeClassName = classnames__WEBPACK_IMPORTED_MODULE_14___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_3___default()({}, "".concat(treePrefixCls), true));
   var treeRootClassName = "".concat(treePrefixCls, "-root");
   var estimatedItemSize = innerEstimatedItemSize; // 节点高度
 
-  var flattenAllData = react__WEBPACK_IMPORTED_MODULE_9___default.a.useMemo(function () {
-    return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["flattenAll"])(treeData, []);
-  }, [treeData]);
-  var maxLevel = react__WEBPACK_IMPORTED_MODULE_9___default.a.useMemo(function () {
-    return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["getMaxLevel"])(flattenAllData);
-  }, [flattenAllData]);
+  var _React$useMemo = react__WEBPACK_IMPORTED_MODULE_13___default.a.useMemo(function () {
+    return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_19__["flattenAll"])(treeData, []);
+  }, [treeData]),
+      flattenAllData = _React$useMemo.flattenAllData,
+      maxLevel = _React$useMemo.maxLevel;
 
-  var _useChecked = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_15__["useChecked"])(checkStrictly, checkedKeysProps, defaultCheckedKeys, flattenAllData, maxLevel, checkable),
+  var _useChecked = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_20__["useChecked"])(checkStrictly, checkedKeysProps, defaultCheckedKeys, flattenAllData, maxLevel, checkable),
       _useChecked2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useChecked, 4),
       checkedKeys = _useChecked2[0],
       halfCheckedKeys = _useChecked2[1],
       setCheckedKeys = _useChecked2[2],
       setHalfCheckedKeys = _useChecked2[3];
 
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_9___default.a.useState(scrollToKey),
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_13___default.a.useState(scrollToKey),
       _React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState, 2),
       scrollKey = _React$useState2[0],
       setScrollKey = _React$useState2[1];
 
-  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_9___default.a.useState(0),
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_13___default.a.useState(0),
       _React$useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState3, 2),
       start = _React$useState4[0],
       setStart = _React$useState4[1];
 
-  var _useSelect = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_15__["useSelect"])(selectedKeysProps, defaultSelectedKeys),
+  var _useSelect = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_20__["useSelect"])(selectedKeysProps, defaultSelectedKeys),
       _useSelect2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useSelect, 2),
       selectedKeys = _useSelect2[0],
       setSelectedKeys = _useSelect2[1];
 
-  var listRef = react__WEBPACK_IMPORTED_MODULE_9___default.a.useRef(null);
-  var plantomRef = react__WEBPACK_IMPORTED_MODULE_9___default.a.useRef(null);
-  var rootRef = react__WEBPACK_IMPORTED_MODULE_9___default.a.useRef(null);
+  var listRef = react__WEBPACK_IMPORTED_MODULE_13___default.a.useRef(null);
+  var plantomRef = react__WEBPACK_IMPORTED_MODULE_13___default.a.useRef(null);
+  var rootRef = react__WEBPACK_IMPORTED_MODULE_13___default.a.useRef(null);
   var scrollRef = ref || rootRef;
-  var treeNodeRef = react__WEBPACK_IMPORTED_MODULE_9___default.a.useRef(null);
-  var dragNodeRef = react__WEBPACK_IMPORTED_MODULE_9___default.a.useRef(null);
-  var delayedDragEnterRef = react__WEBPACK_IMPORTED_MODULE_9___default.a.useRef(null);
+  var treeNodeRef = react__WEBPACK_IMPORTED_MODULE_13___default.a.useRef(null);
+  var dragNodeRef = react__WEBPACK_IMPORTED_MODULE_13___default.a.useRef(null);
+  var delayedDragEnterRef = react__WEBPACK_IMPORTED_MODULE_13___default.a.useRef(null);
 
-  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_9___default.a.useState(true),
+  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_13___default.a.useState(true),
       _React$useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState5, 2),
       isInit = _React$useState6[0],
       setIsInit = _React$useState6[1];
 
-  var _React$useState7 = react__WEBPACK_IMPORTED_MODULE_9___default.a.useState(null),
+  var _React$useState7 = react__WEBPACK_IMPORTED_MODULE_13___default.a.useState(null),
       _React$useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState7, 2),
       dropPosition = _React$useState8[0],
       setDropPosition = _React$useState8[1];
 
-  var _React$useState9 = react__WEBPACK_IMPORTED_MODULE_9___default.a.useState(null),
+  var _React$useState9 = react__WEBPACK_IMPORTED_MODULE_13___default.a.useState(null),
       _React$useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState9, 2),
       dragOverNodeKey = _React$useState10[0],
       setDragOverNodeKey = _React$useState10[1];
 
-  var _useExpand = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_15__["useExpand"])(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, filterValue),
+  var _React$useState11 = react__WEBPACK_IMPORTED_MODULE_13___default.a.useState(new Set()),
+      _React$useState12 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState11, 2),
+      loadedKeys = _React$useState12[0],
+      setLoadedKeys = _React$useState12[1];
+
+  var _React$useState13 = react__WEBPACK_IMPORTED_MODULE_13___default.a.useState(new Set()),
+      _React$useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState13, 2),
+      loadingKeys = _React$useState14[0],
+      setLoadingKeys = _React$useState14[1];
+
+  var isSearching = react__WEBPACK_IMPORTED_MODULE_13___default.a.useMemo(function () {
+    return typeof filterTreeNode === 'function' && filterValue;
+  }, [filterValue]);
+
+  var _useExpand = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_20__["useExpand"])(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching),
       _useExpand2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useExpand, 2),
       expandedKeys = _useExpand2[0],
       setExpandedKeys = _useExpand2[1];
 
-  var spreadAttrData = react__WEBPACK_IMPORTED_MODULE_9___default.a.useMemo(function () {
-    return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["getSpreadAttrData"])(flattenAllData, expandedKeys);
+  var spreadAttrData = react__WEBPACK_IMPORTED_MODULE_13___default.a.useMemo(function () {
+    return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_19__["getSpreadAttrData"])(flattenAllData, expandedKeys);
   }, [flattenAllData, expandedKeys]);
-  var filterData = react__WEBPACK_IMPORTED_MODULE_9___default.a.useMemo(function () {
-    return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["getFilterData"])(spreadAttrData, filterTreeNode, filterValue);
-  }, [spreadAttrData, filterTreeNode, filterValue]);
+  var filterData = react__WEBPACK_IMPORTED_MODULE_13___default.a.useMemo(function () {
+    return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_19__["getFilterData"])(spreadAttrData, filterTreeNode, isSearching);
+  }, [spreadAttrData, isSearching]);
 
-  var _useViewportHeight = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_15__["useViewportHeight"])(height, listRef),
+  var _useViewportHeight = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_20__["useViewportHeight"])(height, listRef),
       _useViewportHeight2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useViewportHeight, 1),
       viewportHeight = _useViewportHeight2[0];
 
-  var _useVisibleDataMemo = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_15__["useVisibleDataMemo"])(virtual, filterData, viewportHeight, estimatedItemSize, start),
+  var _useVisibleDataMemo = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_20__["useVisibleDataMemo"])(virtual, filterData, viewportHeight, estimatedItemSize, start),
       _useVisibleDataMemo2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useVisibleDataMemo, 1),
       visibleData = _useVisibleDataMemo2[0];
 
-  var index = react__WEBPACK_IMPORTED_MODULE_9___default.a.useMemo(function () {
+  var index = react__WEBPACK_IMPORTED_MODULE_13___default.a.useMemo(function () {
     var scrollIndex = 0;
 
     for (var i = 0; i < filterData.length; i++) {
@@ -34386,9 +34466,9 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.for
 
     return scrollIndex;
   }, [filterData, scrollKey]);
-  Object(_treeHooks__WEBPACK_IMPORTED_MODULE_15__["useScrollToKey"])(scrollKey, index, estimatedItemSize, scrollRef, viewportHeight, treeNodePrefixCls);
-  Object(_treeHooks__WEBPACK_IMPORTED_MODULE_15__["usePlantomHeightEffect"])(plantomRef, filterData, estimatedItemSize);
-  var handleScroll = Object(react__WEBPACK_IMPORTED_MODULE_9__["useCallback"])(function () {
+  Object(_treeHooks__WEBPACK_IMPORTED_MODULE_20__["useScrollToKey"])(scrollKey, index, estimatedItemSize, scrollRef, viewportHeight, treeNodePrefixCls);
+  Object(_treeHooks__WEBPACK_IMPORTED_MODULE_20__["usePlantomHeightEffect"])(plantomRef, filterData, estimatedItemSize);
+  var handleScroll = Object(react__WEBPACK_IMPORTED_MODULE_13__["useCallback"])(function () {
     if (!virtual) return;
     var scrollTop = scrollRef.current.scrollTop;
     setStart(Math.floor(scrollTop / estimatedItemSize));
@@ -34398,18 +34478,53 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.for
       listRef.current.style.transform = "translate3d(0,".concat(tempStartOffset, "px,0)");
     }
   }, [listRef, scrollRef, virtual, estimatedItemSize]);
-  var handleExpand = react__WEBPACK_IMPORTED_MODULE_9___default.a.useCallback(function (key, value, node) {
-    var newExpandedKeys = value ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["addKeys"])(expandedKeys, [key]) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["delKey"])(expandedKeys, [key]);
+  var handleNodeLoad = Object(react__WEBPACK_IMPORTED_MODULE_13__["useCallback"])(function (loadedKeys, loadingKeys, data) {
+    var key = data.key;
+
+    if (!loadData || loadedKeys.has(key) || loadingKeys.has(key)) {
+      return;
+    }
+
+    setLoadingKeys(function (prevLoadingKeys) {
+      return new Set([].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1___default()(prevLoadingKeys), [key]));
+    });
+    loadData(data).then(function () {
+      setLoadedKeys(function (prevState) {
+        return new Set([].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1___default()(prevState), [key]));
+      });
+      setLoadingKeys(function (prevState) {
+        var prevLoadingKeys = lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_15___default()(prevState);
+        prevLoadingKeys.delete(key);
+        return prevLoadingKeys;
+      });
+    }).catch(function (e) {
+      setLoadingKeys(function (prevState) {
+        var prevLoadingKeys = lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_15___default()(prevState);
+        prevLoadingKeys.delete(key);
+        return prevLoadingKeys;
+      });
+      setExpandedKeys(function (preExpandedKeys) {
+        return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_19__["delKey"])(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1___default()(preExpandedKeys), [key]);
+      });
+      throw e;
+    });
+  }, [loadData, setExpandedKeys]);
+  var handleExpand = react__WEBPACK_IMPORTED_MODULE_13___default.a.useCallback(function (key, expanded, node) {
+    var newExpandedKeys = expanded ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_19__["addKeys"])(expandedKeys, [key]) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_19__["delKey"])(expandedKeys, [key]);
     onExpand && onExpand(newExpandedKeys, {
       node: node,
-      expanded: value
+      expanded: expanded
     });
     setScrollKey('');
     setIsInit(false);
-  }, [expandedKeys, onExpand]);
-  var handleCheck = react__WEBPACK_IMPORTED_MODULE_9___default.a.useCallback(function (key, value, node, event, pos) {
-    var newCheckedKeys = value ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["addKeys"])(checkedKeys, [key]) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["delKey"])(checkedKeys, [key]);
-    var checkState = checkStrictly ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["getDataCheckededStateStrictly"])(newCheckedKeys) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["getDataCheckededState"])(spreadAttrData, newCheckedKeys, halfCheckedKeys, maxLevel, false, pos, value);
+
+    if (expanded && loadData) {
+      handleNodeLoad(loadedKeys, loadingKeys, node);
+    }
+  }, [expandedKeys, onExpand, loadData, handleNodeLoad, loadedKeys, loadingKeys]);
+  var handleCheck = react__WEBPACK_IMPORTED_MODULE_13___default.a.useCallback(function (key, value, node, event, pos) {
+    var newCheckedKeys = value ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_19__["addKeys"])(checkedKeys, [key]) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_19__["delKey"])(checkedKeys, [key]);
+    var checkState = checkStrictly ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_19__["getDataCheckededStateStrictly"])(newCheckedKeys) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_19__["getDataCheckededState"])(spreadAttrData, newCheckedKeys, halfCheckedKeys, maxLevel, false, pos, value);
     onCheck && onCheck(checkState.checkedKeys, {
       event: event,
       node: node,
@@ -34417,14 +34532,14 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.for
       halfCheckedKeys: checkState.halfCheckedKeys
     });
   }, [checkedKeys, spreadAttrData, halfCheckedKeys, maxLevel, onCheck, checkStrictly, setCheckedKeys, setHalfCheckedKeys]);
-  var handleDragStart = react__WEBPACK_IMPORTED_MODULE_9___default.a.useCallback(function (event, node) {
+  var handleDragStart = react__WEBPACK_IMPORTED_MODULE_13___default.a.useCallback(function (event, node) {
     onDragStart && onDragStart({
       event: event,
       node: node
     });
   }, [onDragStart]);
-  var handleDragOver = react__WEBPACK_IMPORTED_MODULE_9___default.a.useCallback(function (event, node, dropTarget) {
-    var dropPos = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["calcDropPosition"])(event, dropTarget);
+  var handleDragOver = react__WEBPACK_IMPORTED_MODULE_13___default.a.useCallback(function (event, node, dropTarget) {
+    var dropPos = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_19__["calcDropPosition"])(event, dropTarget);
     setDropPosition(dropPos);
     var dragNode = getDragNode();
 
@@ -34437,13 +34552,13 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.for
       node: node
     });
   }, [onDragOver]);
-  var handleDragLeave = react__WEBPACK_IMPORTED_MODULE_9___default.a.useCallback(function (event, node) {
+  var handleDragLeave = react__WEBPACK_IMPORTED_MODULE_13___default.a.useCallback(function (event, node) {
     onDragLeave && onDragLeave({
       event: event,
       node: node
     });
   }, [onDragLeave]);
-  var handleDragEnter = react__WEBPACK_IMPORTED_MODULE_9___default.a.useCallback(function (event, node, dropTarget) {
+  var handleDragEnter = react__WEBPACK_IMPORTED_MODULE_13___default.a.useCallback(function (event, node, dropTarget) {
     var key = node.key,
         pos = node.pos;
     var dragNode = getDragNode();
@@ -34461,14 +34576,14 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.for
     });
 
     if ((dragNode === null || dragNode === void 0 ? void 0 : dragNode.key) !== key) {
-      var dragPos = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["calcDropPosition"])(event, dropTarget);
+      var dragPos = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_19__["calcDropPosition"])(event, dropTarget);
       setDragOverNodeKey(key);
       setDropPosition(dragPos);
       delayedDragEnterRef.current[pos] = setTimeout(function () {
         var newExpandedKeys = _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1___default()(expandedKeys);
 
         if (!node.expand) {
-          newExpandedKeys = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["addKeys"])(expandedKeys, [key]);
+          newExpandedKeys = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_19__["addKeys"])(expandedKeys, [key]);
         }
 
         if (!('expandedKeys' in TreeProps)) {
@@ -34487,16 +34602,16 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.for
       node: node
     });
   }, [TreeProps, expandedKeys, onDragEnter, onExpand, setExpandedKeys]);
-  var handleDragEnd = react__WEBPACK_IMPORTED_MODULE_9___default.a.useCallback(function (event, node) {
+  var handleDragEnd = react__WEBPACK_IMPORTED_MODULE_13___default.a.useCallback(function (event, node) {
     setDragOverNodeKey('');
     onDragEnd && onDragEnd({
       event: event,
       node: node
     });
   }, [onDragEnd]);
-  var handleDrop = react__WEBPACK_IMPORTED_MODULE_9___default.a.useCallback(function (event, node, dragNode, dragNodesKeys) {
-    var pos = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["getPos"])(flattenAllData, dragNodesKeys);
-    var keys = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["getAllChildKeys"])(flattenAllData, pos).concat(dragNodesKeys);
+  var handleDrop = react__WEBPACK_IMPORTED_MODULE_13___default.a.useCallback(function (event, node, dragNode, dragNodesKeys) {
+    var pos = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_19__["getPos"])(flattenAllData, dragNodesKeys);
+    var keys = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_19__["getAllChildKeys"])(flattenAllData, pos).concat(dragNodesKeys);
     onDrop && onDrop({
       event: event,
       node: node,
@@ -34505,8 +34620,8 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.for
       dropPosition: dropPosition
     });
   }, [flattenAllData, onDrop, dropPosition]);
-  var handleSelect = react__WEBPACK_IMPORTED_MODULE_9___default.a.useCallback(function (event, node, key) {
-    var checked = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["getChecked"])(checkedKeys, key);
+  var handleSelect = react__WEBPACK_IMPORTED_MODULE_13___default.a.useCallback(function (event, node, key) {
+    var checked = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_19__["getChecked"])(checkedKeys, key);
     onSelect && onSelect([key], {
       node: node,
       event: event,
@@ -34515,7 +34630,7 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.for
   }, [onSelect, setSelectedKeys, checkedKeys]);
 
   var getSelectable = function getSelectable(selectable) {
-    if (lodash_isBoolean__WEBPACK_IMPORTED_MODULE_16___default()(selectable)) {
+    if (lodash_isBoolean__WEBPACK_IMPORTED_MODULE_21___default()(selectable)) {
       return selectable;
     }
 
@@ -34523,11 +34638,11 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.for
   };
 
   var getCheckable = function getCheckable(checkableProps, itemCheckable) {
-    return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_16___default()(itemCheckable) ? itemCheckable : checkableProps;
+    return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_21___default()(itemCheckable) ? itemCheckable : checkableProps;
   };
 
   var getDisabled = function getDisabled(disabledProps, itemDisabled) {
-    return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_16___default()(itemDisabled) ? itemDisabled : disabledProps;
+    return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_21___default()(itemDisabled) ? itemDisabled : disabledProps;
   };
 
   var getDragNode = function getDragNode() {
@@ -34538,7 +34653,7 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.for
     dragNodeRef.current = nodeData;
   };
 
-  Object(react__WEBPACK_IMPORTED_MODULE_9__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_13__["useEffect"])(function () {
     if (scrollToKey) {
       setSelectedKeys([scrollToKey]);
       setScrollKey(scrollToKey);
@@ -34546,24 +34661,23 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.for
       setSelectedKeys([]);
     }
   }, [scrollToKey]);
-  Object(react__WEBPACK_IMPORTED_MODULE_9__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_13__["useEffect"])(function () {
     setHalfCheckedKeys(halfCheckedKeys);
   }, [halfCheckedKeys]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("div", {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.createElement("div", {
     className: treeNodeClassName,
     style: style,
     ref: scrollRef,
     onScroll: handleScroll
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("div", {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.createElement("div", {
     ref: plantomRef,
     className: "".concat(treePrefixCls, "-plantom")
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("div", {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.createElement("div", {
     className: treeRootClassName,
     ref: listRef
   }, visibleData && visibleData.map(function (item) {
-    // const props: any = {}
-    var checked = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["getChecked"])(checkedKeys, item.key);
-    var indeterminate = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["getHalfChecked"])(halfCheckedKeys, item.key);
+    var checked = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_19__["getChecked"])(checkedKeys, item.key);
+    var indeterminate = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_19__["getHalfChecked"])(halfCheckedKeys, item.key);
     item.nodeKey = item.key;
     item.onExpand = handleExpand;
     item.onCheck = handleCheck;
@@ -34575,9 +34689,8 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.for
     item.onDrop = handleDrop;
     item.onSelect = handleSelect;
     item.checked = checked;
-    item.selected = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_14__["getSelected"])(selectedKeys, item.key);
-    item.indeterminate = indeterminate; // item.showLine = showLine
-
+    item.selected = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_19__["getSelected"])(selectedKeys, item.key);
+    item.indeterminate = indeterminate;
     item.disabled = getDisabled(disabled, item.disabled);
     item.showIcon = showIcon || false;
     item.checkable = getCheckable(checkable, item.checkable); // 哪个优先
@@ -34592,7 +34705,10 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.for
     item.getDragNode = getDragNode;
     item.setDragNode = setDragNode;
     item.dragOver = dragOverNodeKey === item.key && dropPosition === 0;
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement(_treeNode__WEBPACK_IMPORTED_MODULE_13__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, item, {
+    item.expandOnClickNode = expandOnClickNode;
+    item.loading = loadingKeys.has(item.key) && !loadedKeys.has(item.key);
+    item.loadData = loadData;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.createElement(_treeNode__WEBPACK_IMPORTED_MODULE_18__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, item, {
       key: item.key,
       ref: treeNodeRef
     }));
@@ -34695,7 +34811,7 @@ var useChecked = function useChecked(checkStrictly, checkedKeysProps, defaultChe
   }, [nextHalfCheckedKeys]);
   return [checkedKeys, halfCheckedKeys, setCheckedKeys, setHalfCheckedKeys];
 };
-var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, filterValue) {
+var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching) {
   var expandScrollkeys = [];
 
   if (scrollKey) {
@@ -34704,8 +34820,8 @@ var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExp
   }
 
   var initialExpandedKeys = react__WEBPACK_IMPORTED_MODULE_3___default.a.useMemo(function () {
-    return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_4__["getInitExpandedKeys"])(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, expandScrollkeys, filterTreeNode, filterValue);
-  }, [flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, filterTreeNode, filterValue]);
+    return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_4__["getInitExpandedKeys"])(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, expandScrollkeys, filterTreeNode, isSearching);
+  }, [flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, filterTreeNode, isSearching]);
   var newExpandedKeys = react__WEBPACK_IMPORTED_MODULE_3___default.a.useMemo(function () {
     return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_4__["getExpandedKeys"])(expandedKeysProps, expandScrollkeys);
   }, [expandedKeysProps]);
@@ -34741,7 +34857,6 @@ var useScrollToKey = function useScrollToKey(scrollKey, index, estimatedItemSize
     }
 
     if (treeRoot && treeNode) {
-      // const treeRootScrollTop = treeRoot.scrollTop
       var treeRootRect = treeRoot.getBoundingClientRect();
       var treeNodeRect = treeNode.getBoundingClientRect();
 
@@ -34812,6 +34927,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
 /* harmony import */ var _checkbox__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./../checkbox */ "./components/checkbox/index.tsx");
 /* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../icon */ "./components/icon/index.tsx");
+/* harmony import */ var _spin__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../spin */ "./components/spin/index.tsx");
 
 
 
@@ -34822,7 +34938,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-var _excluded = ["nodeKey", "prefixCls", "selectable", "checkable", "className", "icon", "switcherIcon", "disabled", "draggable", "pos", "checked", "level", "getDragNode", "hasChildNode", "expand", "title", "showLine", "showIcon", "selected", "setDragNode", "style", "indeterminate", "estimatedItemSize", "dragOver", "onExpand", "onCheck", "onDragStart", "onDragOver", "onDragLeave", "onDragEnter", "onDragEnd", "onDrop", "onSelect"];
+var _excluded = ["nodeKey", "prefixCls", "selectable", "checkable", "className", "icon", "switcherIcon", "disabled", "draggable", "pos", "checked", "level", "getDragNode", "hasChildNode", "expand", "title", "showLine", "showIcon", "selected", "setDragNode", "style", "indeterminate", "estimatedItemSize", "dragOver", "expandOnClickNode", "loading", "onExpand", "onCheck", "onDragStart", "onDragOver", "onDragLeave", "onDragEnter", "onDragEnd", "onDrop", "onSelect"];
 
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -34835,6 +34951,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
+
 var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwardRef(function (props, ref) {
   var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_11__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_13__["default"]),
       getPrefixCls = _useContext.getPrefixCls,
@@ -34867,6 +34984,8 @@ var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwar
       indeterminate = TreeNodeProps.indeterminate,
       estimatedItemSize = TreeNodeProps.estimatedItemSize,
       dragOver = TreeNodeProps.dragOver,
+      expandOnClickNode = TreeNodeProps.expandOnClickNode,
+      loading = TreeNodeProps.loading,
       onExpand = TreeNodeProps.onExpand,
       onCheck = TreeNodeProps.onCheck,
       onDragStart = TreeNodeProps.onDragStart,
@@ -34894,7 +35013,6 @@ var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwar
       indeterminate: indeterminate,
       icon: icon,
       switcherIcon: switcherIcon,
-      // showLine,
       showIcon: showIcon,
       selected: selected
     }, others);
@@ -34976,57 +35094,46 @@ var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwar
     }
 
     return indentArr;
-  }; // line的两种模式， 图标被替换和图标不被替换
+  };
+
+  var isLeaf = Object(react__WEBPACK_IMPORTED_MODULE_11__["useCallback"])(function () {
+    var isLeaf = TreeNodeProps.isLeaf,
+        loadData = TreeNodeProps.loadData,
+        hasChildNode = TreeNodeProps.hasChildNode;
 
+    if (isLeaf === false) {
+      return false;
+    }
+
+    return isLeaf || !loadData && !hasChildNode;
+  }, [TreeNodeProps]); // line的两种模式， 图标被替换和图标不被替换
 
   var renderExpandIcon = function renderExpandIcon() {
-    // todo 图标被替换则 line样式改变
-    // if(switcherIcon){
-    // }
-    if (hasChildNode) {
-      var _classNames2;
-
-      // todo    showLine模式 使用+ -符号图标
-      // if(!!showLine){
-      //   return (
-      //     <span
-      //     onClick={handleClick}
-      //     className={classNames(`${treeNodePrefixCls}-icon`)}
-      //   >
-      //     {expand ? <Icon type='search' /> : <Icon type='add' />}
-      //   </span>
-      //   )
-      // }
+    if (loading) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_spin__WEBPACK_IMPORTED_MODULE_17__["default"], {
+        type: "component"
+      });
+    }
+
+    var showExpandIcon = !isLeaf();
+
+    if (showExpandIcon) {
+      var _classNames3;
+
       if (Array.isArray(switcherIcon) && switcherIcon.length === 2) {
         return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", {
-          className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(treeNodePrefixCls, "-icon"))
+          className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(treeNodePrefixCls, "-icon"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(treeNodePrefixCls, "-icon-hover"), !expandOnClickNode)),
+          onClick: expandOnClickNode ? undefined : handleExpandIconClick
         }, expandState ? renderIcon(switcherIcon[1]) : renderIcon(switcherIcon[0]));
       }
 
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(treeNodePrefixCls, "-icon"), (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames2, "".concat(treeNodePrefixCls, "-animation-expand"), expandState), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames2, "".concat(treeNodePrefixCls, "-animation-collapse"), !expandState), _classNames2))
+        className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(treeNodePrefixCls, "-icon"), (_classNames3 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames3, "".concat(treeNodePrefixCls, "-animation-expand"), expandState), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames3, "".concat(treeNodePrefixCls, "-animation-collapse"), !expandState), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames3, "".concat(treeNodePrefixCls, "-icon-hover"), !expandOnClickNode), _classNames3)),
+        onClick: expandOnClickNode ? undefined : handleExpandIconClick
       }, renderIcon(switcherIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_16__["default"], {
         type: "arrow-right-solid"
       })));
     } else {
-      // if(typeof showLine === 'object' && !showLine.showLeafIcon){
-      //   return (
-      //     <span
-      //       className={classNames(`${treeNodePrefixCls}-icon-hidden`)}
-      //     >
-      //       {/* todo  renderLeafLine() */}
-      //       {renderIcon(leafIcon)}
-      //     </span>
-      //   )
-      // }else if(typeof showLine === 'object' && showLine.showLeafIcon || showLine === true){
-      //   return (
-      //     <span
-      //       className={classNames(`${treeNodePrefixCls}-leaf-icon`)}
-      //     >
-      //       {renderIcon(leafIcon)}
-      //     </span>
-      //   )
-      // }
       // 叶子结点 隐藏展开按钮
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", {
         className: "".concat(treeNodePrefixCls, "-icon-hidden")
@@ -35041,11 +35148,11 @@ var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwar
   };
 
   var renderNode = function renderNode() {
-    var _classNames3;
+    var _classNames4, _classNames5;
 
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_11___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", {
       draggable: draggable && !disabled,
-      className: classnames__WEBPACK_IMPORTED_MODULE_12___default()((_classNames3 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames3, "".concat(treeNodePrefixCls, "-draggabled"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames3, "".concat(treeNodePrefixCls, "-root"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames3, "".concat(treeNodePrefixCls, "-fb-children-pointerEvents"), forbiddenChildrenPointerEvents), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames3, "".concat(treeNodePrefixCls, "-drag-over"), dragOver), _classNames3)),
+      className: classnames__WEBPACK_IMPORTED_MODULE_12___default()((_classNames4 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames4, "".concat(treeNodePrefixCls, "-draggabled"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames4, "".concat(treeNodePrefixCls, "-root"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames4, "".concat(treeNodePrefixCls, "-fb-children-pointerEvents"), forbiddenChildrenPointerEvents), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames4, "".concat(treeNodePrefixCls, "-drag-over"), dragOver), _classNames4)),
       onDragStart: handleDragStart,
       onDragEnd: handleDragEnd,
       onDragOver: handleDragOver,
@@ -35054,7 +35161,8 @@ var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwar
       onDrop: handleDrop,
       ref: dragRef
     }, indent(), renderExpandIcon(), showIcon && renderNodeIcon(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", {
-      className: "".concat(treeNodePrefixCls, "-title-wrap")
+      className: classnames__WEBPACK_IMPORTED_MODULE_12___default()((_classNames5 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames5, "".concat(treeNodePrefixCls, "-title-wrap"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames5, "".concat(treeNodePrefixCls, "-title-wrap-hover"), !expandOnClickNode && !disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames5, "".concat(treeNodePrefixCls, "-title-wrap-selected"), selected && selectable && !disabled && !expandOnClickNode), _classNames5)),
+      onClick: expandOnClickNode ? undefined : handleClick
     }, checkable ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_checkbox__WEBPACK_IMPORTED_MODULE_15__["default"], {
       onChange: handleOnchange,
       checked: checked,
@@ -35081,12 +35189,16 @@ var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwar
       selectNode: handleSelect
     };
   });
-  var handleClick = react__WEBPACK_IMPORTED_MODULE_11___default.a.useCallback(function (e) {
-    e.stopPropagation();
+  var handleExpandIconClick = Object(react__WEBPACK_IMPORTED_MODULE_11__["useCallback"])(function (e) {
+    e === null || e === void 0 ? void 0 : e.stopPropagation();
     setExpandState(!expandState);
     onExpand && onExpand(nodeKey, !expandState, nodeData);
+  }, [expandState, nodeData, nodeKey, onExpand, setExpandState]);
+  var handleClick = react__WEBPACK_IMPORTED_MODULE_11___default.a.useCallback(function (e) {
+    e.stopPropagation();
+    expandOnClickNode && handleExpandIconClick();
     handleSelect(e);
-  }, [setExpandState, expandState, onExpand, nodeKey, nodeData, handleSelect]);
+  }, [expandOnClickNode, handleExpandIconClick, handleSelect]);
   var handleDragStart = react__WEBPACK_IMPORTED_MODULE_11___default.a.useCallback(function (e) {
     if (!draggable) return;
     setDragNode(nodeData);
@@ -35135,11 +35247,11 @@ var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwar
     }
   }, [onDrop, nodeData, nodeKey]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", {
-    className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(treeNodePrefixCls, "-item"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(treeNodePrefixCls, "-item-hover"), !disabled && selectable), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(treeNodePrefixCls, "-selected"), selected && selectable && !disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(treeNodePrefixCls, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(treeNodePrefixCls, "-opened"), expandState), "".concat(treeNodePrefixCls, "-item-").concat(nodeKey), className),
+    className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(treeNodePrefixCls, "-item"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(treeNodePrefixCls, "-item-hover"), !disabled && selectable && expandOnClickNode), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(treeNodePrefixCls, "-selected"), selected && selectable && !disabled && expandOnClickNode), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(treeNodePrefixCls, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(treeNodePrefixCls, "-opened"), expandState), "".concat(treeNodePrefixCls, "-item-").concat(nodeKey), className),
     style: _objectSpread({
       height: "".concat(estimatedItemSize, "px")
     }, style),
-    onClick: handleClick
+    onClick: expandOnClickNode ? handleClick : undefined
   }, renderNode());
 });
 TreeNode.displayName = 'TreeNode';
@@ -35209,22 +35321,20 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_13__);
 /* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
 /* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_14__);
-/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
-/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_15__);
-/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! core-js/modules/es.array.iterator.js */ "./node_modules/core-js/modules/es.array.iterator.js");
-/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_16__);
-/* harmony import */ var core_js_modules_es_set_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! core-js/modules/es.set.js */ "./node_modules/core-js/modules/es.set.js");
-/* harmony import */ var core_js_modules_es_set_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_set_js__WEBPACK_IMPORTED_MODULE_17__);
-/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! core-js/modules/es.string.iterator.js */ "./node_modules/core-js/modules/es.string.iterator.js");
-/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_18__);
-/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! core-js/modules/web.dom-collections.iterator.js */ "./node_modules/core-js/modules/web.dom-collections.iterator.js");
-/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_19__);
-/* harmony import */ var core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! core-js/modules/es.string.starts-with.js */ "./node_modules/core-js/modules/es.string.starts-with.js");
-/* harmony import */ var core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_20__);
-/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! core-js/modules/es.array.from.js */ "./node_modules/core-js/modules/es.array.from.js");
-/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_21__);
-/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! core-js/modules/es.array.splice.js */ "./node_modules/core-js/modules/es.array.splice.js");
-/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_22__);
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! core-js/modules/es.array.iterator.js */ "./node_modules/core-js/modules/es.array.iterator.js");
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_15__);
+/* harmony import */ var core_js_modules_es_set_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! core-js/modules/es.set.js */ "./node_modules/core-js/modules/es.set.js");
+/* harmony import */ var core_js_modules_es_set_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_set_js__WEBPACK_IMPORTED_MODULE_16__);
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! core-js/modules/es.string.iterator.js */ "./node_modules/core-js/modules/es.string.iterator.js");
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_17__);
+/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! core-js/modules/web.dom-collections.iterator.js */ "./node_modules/core-js/modules/web.dom-collections.iterator.js");
+/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_18__);
+/* harmony import */ var core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! core-js/modules/es.string.starts-with.js */ "./node_modules/core-js/modules/es.string.starts-with.js");
+/* harmony import */ var core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_starts_with_js__WEBPACK_IMPORTED_MODULE_19__);
+/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! core-js/modules/es.array.from.js */ "./node_modules/core-js/modules/es.array.from.js");
+/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_20__);
+/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! core-js/modules/es.array.splice.js */ "./node_modules/core-js/modules/es.array.splice.js");
+/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_21__);
 
 
 
@@ -35254,7 +35364,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
-
 var DRAG_OFFSET = 0.3;
 /**
  * 打平所有数组，并添加pos位置信息，
@@ -35269,27 +35378,52 @@ var flattenAll = function flattenAll(treeData) {
   var newTreeData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
   var pos = arguments.length > 3 ? arguments[3] : undefined;
-  treeData && treeData.forEach(function (item, index) {
-    var children = item.children,
-        title = item.title,
-        key = item.key,
-        others = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_7___default()(item, _excluded);
+  var maxLevel = 0;
 
-    var _pos = pos ? "".concat(pos, "-").concat(index) : "".concat(index);
+  var fn = function fn(treeData) {
+    var newTreeData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+    var pos = arguments.length > 3 ? arguments[3] : undefined;
+    var parent = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
+    treeData && treeData.forEach(function (item, index) {
+      var children = item.children,
+          title = item.title,
+          key = item.key,
+          others = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_7___default()(item, _excluded);
 
-    var hasChildNode = children && children instanceof Array && children.length > 0;
-    newTreeData.push(_objectSpread({
-      title: title,
-      key: key,
-      pos: _pos,
-      hasChildNode: hasChildNode,
-      level: level
-    }, others));
-    var _level = level;
-    _level++;
-    flattenAll(children, newTreeData, _level, _pos);
-  });
-  return newTreeData;
+      item.parent = parent;
+
+      var _pos = pos ? "".concat(pos, "-").concat(index) : "".concat(index);
+
+      var hasChildNode = item.isLeaf ? false : children && children instanceof Array && children.length > 0;
+
+      var flattenNode = _objectSpread({
+        title: title,
+        key: key,
+        pos: _pos,
+        hasChildNode: hasChildNode,
+        level: level,
+        parent: parent
+      }, others);
+
+      newTreeData.push(flattenNode);
+      var _level = level;
+
+      if (maxLevel < level) {
+        maxLevel = level;
+      }
+
+      _level++;
+      hasChildNode && fn(children, newTreeData, _level, _pos, flattenNode);
+    });
+    return newTreeData;
+  };
+
+  var flattenAllData = fn(treeData, newTreeData, level, pos);
+  return {
+    flattenAllData: flattenAllData,
+    maxLevel: maxLevel
+  };
 };
 var getExpand = function getExpand(expandedKeys, key) {
   return expandedKeys === null || expandedKeys === void 0 ? void 0 : expandedKeys.includes(key);
@@ -35324,22 +35458,27 @@ var isAllParentExpand = function isAllParentExpand(data, pos) {
 };
 
 var getAllFilterKeys = function getAllFilterKeys(data, filterTreeNode) {
-  var filterData = data.filter(function (item) {
-    return filterTreeNode === null || filterTreeNode === void 0 ? void 0 : filterTreeNode(item);
-  });
-  var filterKeys = getAllNodeKeys(filterData);
   var allFilterKeys = [];
-  filterKeys.map(function (key) {
-    return allFilterKeys.push.apply(allFilterKeys, _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5___default()(getAllParentKeys(data, key)).concat([key]));
+  data.filter(function (item) {
+    return filterTreeNode === null || filterTreeNode === void 0 ? void 0 : filterTreeNode(item);
+  }).forEach(function (item) {
+    var node = _objectSpread({}, item);
+
+    while (node) {
+      allFilterKeys.push(node.key);
+      node = node.parent;
+    }
   });
   return _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5___default()(new Set(allFilterKeys));
 };
-var getFilterData = function getFilterData(data, filterTreeNode, filterValue) {
+var getFilterData = function getFilterData(data, filterTreeNode, isSearching) {
   var filterData = data;
+  var allFilterKeys = null;
 
-  if (typeof filterTreeNode === 'function' && filterValue) {
+  if (isSearching) {
+    allFilterKeys = getAllFilterKeys(filterData, filterTreeNode);
     filterData = filterData.filter(function (item) {
-      return getAllFilterKeys(filterData, filterTreeNode).includes(item.key);
+      return allFilterKeys.includes(item.key);
     });
   }
 
@@ -35703,7 +35842,7 @@ var getRootKeys = function getRootKeys(data) {
 var getInitExpandedKeys = function getInitExpandedKeys(data, expandedKeys, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent) {
   var expandScrollkeys = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : [];
   var filterTreeNode = arguments.length > 7 ? arguments[7] : undefined;
-  var filterValue = arguments.length > 8 ? arguments[8] : undefined;
+  var isSearching = arguments.length > 8 ? arguments[8] : undefined;
   var keys = (expandedKeys === null || expandedKeys === void 0 ? void 0 : expandedKeys.concat(expandScrollkeys)) || (defaultExpandedKeys === null || defaultExpandedKeys === void 0 ? void 0 : defaultExpandedKeys.concat(expandScrollkeys)) || [];
 
   if (defaultExpandAll) {
@@ -35726,7 +35865,7 @@ var getInitExpandedKeys = function getInitExpandedKeys(data, expandedKeys, defau
     }
   }
 
-  if (typeof filterTreeNode === 'function' && filterValue) {
+  if (isSearching) {
     keys = [].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5___default()(keys), _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5___default()(getAllFilterKeys(data, filterTreeNode)));
   }