@kdcloudjs/kdesign 1.7.35 → 1.7.39

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.7.34
+ *   @kdcloudjs/kdesign v1.7.37
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -123,6 +123,7 @@ var map = {
 	"./cascader/style/index.tsx": "./components/cascader/style/index.tsx",
 	"./checkbox/style/index.tsx": "./components/checkbox/style/index.tsx",
 	"./city-picker/style/index.tsx": "./components/city-picker/style/index.tsx",
+	"./clipboard/style/index.tsx": "./components/clipboard/style/index.tsx",
 	"./collapse/style/index.tsx": "./components/collapse/style/index.tsx",
 	"./color-picker/style/index.tsx": "./components/color-picker/style/index.tsx",
 	"./date-picker/style/index.tsx": "./components/date-picker/style/index.tsx",
@@ -6315,6 +6316,7 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwar
   var prefixCls = getPrefixCls(pkgPrefixCls, 'cascader', customPrefixcls);
   var mergeRef = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])();
   var inputRef = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])();
+  var suffixRef = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])(null);
   var wrapperRef = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])();
   var _useState = Object(react__WEBPACK_IMPORTED_MODULE_17__["useState"])(!!props.popperVisible || !!props.popupVisible || defaultPopupVisible),
     _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_useState, 2),
@@ -6445,11 +6447,13 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwar
     }
   };
   react__WEBPACK_IMPORTED_MODULE_17___default.a.useEffect(function () {
-    var _wrapperRef$current;
-    (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.addEventListener('mouseup', handleMouseUp);
+    var _current;
+    ;
+    (_current = (isMultiple ? suffixRef : wrapperRef).current) === null || _current === void 0 ? void 0 : _current.addEventListener('mouseup', handleMouseUp);
     return function () {
-      var _wrapperRef$current2;
-      (_wrapperRef$current2 = wrapperRef.current) === null || _wrapperRef$current2 === void 0 ? void 0 : _wrapperRef$current2.removeEventListener('mouseup', handleMouseUp);
+      var _current2;
+      ;
+      (_current2 = (isMultiple ? suffixRef : wrapperRef).current) === null || _current2 === void 0 ? void 0 : _current2.removeEventListener('mouseup', handleMouseUp);
     };
   }, []);
   var labels = Object(react__WEBPACK_IMPORTED_MODULE_17__["useMemo"])(function () {
@@ -6551,9 +6555,10 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwar
       className: "".concat(prefixCls, "-tag-describe-content")
     }, "\u5171", currentOptions.length, "\u9879")) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("span", {
       className: "".concat(prefixCls, "-placeholder")
-    }, !currentOptions.length && placeholder), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("span", {
+    }, !currentOptions.length && placeholder)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("span", {
+      ref: suffixRef,
       className: "".concat(prefixCls, "-suffix")
-    }, renderSuffix())));
+    }, renderSuffix()));
   };
   var renderSingle = function renderSingle() {
     var _classNames5;
@@ -7771,7 +7776,7 @@ var InternalSelect = function InternalSelect(props, ref) {
     if (disabled) return null;
     var suffixIcon = selectProps.suffixIcon;
     var arrowIconCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()((_classNames4 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(selectPrefixCls, "-icon-arrow"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(selectPrefixCls, "-icon-arrow-up"), optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(selectPrefixCls, "-icon-arrow-down"), !optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(selectPrefixCls, "-icon-arrow-focus"), optionShow), _classNames4));
-    var iconShow = allowClear && !disabled && ((initValue !== null && initValue !== void 0 ? initValue : '') !== '' || searchValue);
+    var iconShow = allowClear && !disabled && (initValue !== null && initValue !== void 0 ? initValue : '') !== '';
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_20___default.a.Fragment, null, iconShow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
       onClick: handleReset,
       onMouseDown: function onMouseDown(e) {
@@ -8215,6 +8220,419 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ "./components/clipboard/clipboard.tsx":
+/*!********************************************!*\
+  !*** ./components/clipboard/clipboard.tsx ***!
+  \********************************************/
+/*! exports provided: ClipboardActions, ClipboardSizes, default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClipboardActions", function() { return ClipboardActions; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClipboardSizes", function() { return ClipboardSizes; });
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/objectWithoutProperties.js");
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_3__ = __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_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
+/* harmony import */ var _utils_devwarning__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_utils/devwarning */ "./components/_utils/devwarning.ts");
+/* harmony import */ var _utils_type__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../_utils/type */ "./components/_utils/type.ts");
+/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../icon */ "./components/icon/index.tsx");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./util */ "./components/clipboard/util.ts");
+
+
+
+var _excluded = ["className", "prefixCls", "action", "content", "children", "disabled", "icon", "size", "target", "onError", "onSuccess"];
+
+
+
+
+
+
+
+
+
+var ClipboardActions = Object(_utils_type__WEBPACK_IMPORTED_MODULE_8__["tuple"])('copy', 'cut');
+var ClipboardSizes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_8__["tuple"])('large', 'middle', 'small');
+var InternalClipboard = function InternalClipboard(props, ref) {
+  var _classNames;
+  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_5__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_9__["default"]),
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
+  // 剪贴板参数，合并了系统默认参数、用户定义组件统一参数及组件传参
+  var clipboardProps = Object(_utils__WEBPACK_IMPORTED_MODULE_6__["getCompProps"])('Clipboard', userDefaultProps, props);
+  var className = clipboardProps.className,
+    customPrefixcls = clipboardProps.prefixCls,
+    action = clipboardProps.action,
+    content = clipboardProps.content,
+    children = clipboardProps.children,
+    disabled = clipboardProps.disabled,
+    icon = clipboardProps.icon,
+    size = clipboardProps.size,
+    target = clipboardProps.target,
+    onError = clipboardProps.onError,
+    onSuccess = clipboardProps.onSuccess,
+    others = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2___default()(clipboardProps, _excluded);
+  Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_7__["default"])(ClipboardActions.indexOf(action) === -1, 'clipboard', "cannot found clipboard action '".concat(action, "'"));
+  Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_7__["default"])(ClipboardSizes.indexOf(size) === -1, 'clipboard', "cannot found clipboard size '".concat(size, "'"));
+
+  // 剪贴板样式前缀
+  var clipboardPrefixCls = getPrefixCls(prefixCls, 'clipboard', customPrefixcls);
+  var clipboardClass = classnames__WEBPACK_IMPORTED_MODULE_4___default()(clipboardPrefixCls, className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(clipboardPrefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(clipboardPrefixCls, "-icon-only"), !children && children !== 0 && icon !== null), _classNames));
+
+  // ref
+  var clipboardRef = ref || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createRef();
+
+  // 如果没有传 icon，则使用默认图标
+  // 如果 icon 传 null，则不使用图标
+  var iconNode = icon || (icon === undefined ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_10__["default"], {
+    type: "copy-code"
+  }) : null);
+
+  // 如果传的 children 为 string，则将 children 包装成块标签
+  var childrenNode = typeof children === 'string' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span", null, children) : children;
+
+  /**
+   * 剪贴板 click 事件处理
+   */
+  var handleClick = Object(react__WEBPACK_IMPORTED_MODULE_5__["useCallback"])(function () {
+    if (disabled) {
+      // 禁用状态不触发点击事件
+      return;
+    }
+    var selectedText;
+    try {
+      if (content) {
+        // 如果传了 content，则直接复制 content
+        selectedText = Object(_util__WEBPACK_IMPORTED_MODULE_11__["onClipboardCopy"])(content);
+      } else {
+        var targetElement = typeof target === 'string' ? document.querySelector(target) : target();
+        if (!targetElement) {
+          // 没有获取到元素，抛出异常
+          throw new Error("target element '".concat(target, "' does not exist"));
+        } else {
+          if (action === 'copy' && targetElement.hasAttribute('disabled')) {
+            // 复制被置为 disabled 的元素，抛出异常
+            throw new Error("invalid \"target\" attribute of element '".concat(targetElement, "'. Please use \"readonly\" instead of \"disabled\" attribute"));
+          }
+          if (action === 'cut' && (targetElement.hasAttribute('readonly') || targetElement.hasAttribute('disabled'))) {
+            // 剪切被置为 readonly 或 disabled 的元素，抛出异常
+            throw new Error("invalid \"target\" attribute of element '".concat(targetElement, "'. You can't cut text from elements with \"readonly\" or \"disabled\" attributes"));
+          }
+        }
+        // 对 targetElement 的值进行复制或剪切
+        selectedText = action === 'copy' ? Object(_util__WEBPACK_IMPORTED_MODULE_11__["onClipboardCopy"])(targetElement) : Object(_util__WEBPACK_IMPORTED_MODULE_11__["onClipboardCut"])(targetElement);
+      }
+    } catch (error) {
+      // 触发失败的回调
+      onError === null || onError === void 0 ? void 0 : onError(error);
+      // 退出处理器
+      return;
+    }
+    // 触发成功的回调
+    onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(selectedText);
+  }, [action, content, disabled, onError, onSuccess, target]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
+    className: clipboardClass,
+    disabled: disabled,
+    onClick: handleClick,
+    ref: clipboardRef
+  }, others), iconNode, childrenNode);
+};
+var Clipboard = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.forwardRef(InternalClipboard);
+Clipboard.displayName = 'Clipboard';
+/* harmony default export */ __webpack_exports__["default"] = (Clipboard);
+
+/***/ }),
+
+/***/ "./components/clipboard/index.tsx":
+/*!****************************************!*\
+  !*** ./components/clipboard/index.tsx ***!
+  \****************************************/
+/*! exports provided: ClipboardAction, IClipboardProps, default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _clipboard__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./clipboard */ "./components/clipboard/clipboard.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ClipboardAction", function() { return _clipboard__WEBPACK_IMPORTED_MODULE_0__["ClipboardAction"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "IClipboardProps", function() { return _clipboard__WEBPACK_IMPORTED_MODULE_0__["IClipboardProps"]; });
+
+
+var Clipboard = _clipboard__WEBPACK_IMPORTED_MODULE_0__["default"];
+
+/* harmony default export */ __webpack_exports__["default"] = (Clipboard);
+
+/***/ }),
+
+/***/ "./components/clipboard/style/index.less":
+/*!***********************************************!*\
+  !*** ./components/clipboard/style/index.less ***!
+  \***********************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "./components/clipboard/style/index.tsx":
+/*!**********************************************!*\
+  !*** ./components/clipboard/style/index.tsx ***!
+  \**********************************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _style_index_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../style/index.less */ "./components/style/index.less");
+/* harmony import */ var _style_index_less__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_style_index_less__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.less */ "./components/clipboard/style/index.less");
+/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_index_less__WEBPACK_IMPORTED_MODULE_1__);
+
+
+
+/***/ }),
+
+/***/ "./components/clipboard/util.ts":
+/*!**************************************!*\
+  !*** ./components/clipboard/util.ts ***!
+  \**************************************/
+/*! exports provided: onClipboardCopy, onClipboardCut */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "onClipboardCopy", function() { return onClipboardCopy; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "onClipboardCut", function() { return onClipboardCut; });
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0__ = __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_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.regexp.to-string.js */ "./node_modules/core-js/modules/es.regexp.to-string.js");
+/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_1__);
+
+
+/**
+ * 获取元素的内容
+ * @param {HTMLElement} element
+ * @return {string}
+ */
+var getContent = function getContent(element) {
+  var content;
+  if (element.nodeName === 'SELECT') {
+    content = element.value;
+  } else if (element.nodeName === 'INPUT') {
+    content = element.value;
+  } else if (element.nodeName === 'TEXTAREA') {
+    content = element.value;
+  } else {
+    // 其他类型通过 select 与 range 来获取文本
+
+    // 获取 select
+    var selection = window.getSelection();
+    // 创建 range
+    var range = document.createRange();
+
+    // 设置 range 的元素
+    range.selectNodeContents(element);
+    // 重置 select
+    selection.removeAllRanges();
+    // 设置 select 的 range
+    selection.addRange(range);
+    // 获取选中的文本
+    content = selection.toString();
+
+    // 获取到文本后清空选中范围
+    selection.removeAllRanges();
+  }
+  return content;
+};
+
+/**
+ * 清空元素的内容
+ * @param {HTMLElement} element
+ */
+var clearElement = function clearElement(element) {
+  if (element.nodeName === 'SELECT') {
+    ;
+    element.value = '';
+  } else if (element.nodeName === 'INPUT') {
+    ;
+    element.value = '';
+  } else if (element.nodeName === 'TEXTAREA') {
+    ;
+    element.value = '';
+  } else {
+    element.innerHTML = '';
+  }
+};
+
+/**
+ * 由将被复制的文本为 value 创建一个 HTMLTextAreaElement 容器
+ * @param {String} value
+ * @return {HTMLTextAreaElement}
+ */
+var createContainer = function createContainer(value) {
+  var isRTL = document.documentElement.getAttribute('dir') === 'rtl';
+  var container = document.createElement('textarea');
+  // 防止在 ios 上缩放
+  container.style.fontSize = '12pt';
+  // 重置样式
+  container.style.border = '0';
+  container.style.padding = '0';
+  container.style.margin = '0';
+  // 把元素定位在视窗外
+  container.style.position = 'absolute';
+  container.style[isRTL ? 'right' : 'left'] = '-9999px';
+  var yPosition = window.pageYOffset || document.documentElement.scrollTop;
+  container.style.top = "".concat(yPosition, "px");
+  // 设置为只读
+  container.setAttribute('readonly', '');
+  // 将文本赋值给元素
+  container.value = value;
+  document.body.appendChild(container);
+  return container;
+};
+
+/**
+ * 删除元素
+ * @param {HTMLElement} container
+ */
+var removeContainer = function removeContainer(container) {
+  document.body.removeChild(container);
+};
+
+/**
+ * 添加选中状态
+ * @param {HTMLElement} element
+ */
+var addSelection = function addSelection(element) {
+  // 在 Firefox, Edge (非 Chromium 版本) 及 Internet Explorer 中，getSelection() 对 <textarea> 及 <input> 元素不起作用
+  // 使用 select 对 <textarea> 及 <input> 单独处理
+  if (element.nodeName === 'INPUT') {
+    ;
+    element.select();
+  } else if (element.nodeName === 'TEXTAREA') {
+    ;
+    element.select();
+  } else {
+    var selection = window.getSelection();
+    var range = document.createRange();
+    range.selectNodeContents(element);
+    selection.removeAllRanges();
+    selection.addRange(range);
+  }
+};
+
+/**
+ * 移除选中状态
+ * @param {HTMLElement} element
+ */
+var removeSelection = function removeSelection(element) {
+  // 在 Firefox, Edge (非 Chromium 版本) 及 Internet Explorer 中，getSelection() 对 <textarea> 及 <input> 元素不起作用
+  // 使用 setSelectRange 对 <textarea> 及 <input> 单独处理
+  if (element.nodeName === 'INPUT') {
+    ;
+    element.setSelectionRange(0, 0);
+  } else if (element.nodeName === 'TEXTAREA') {
+    ;
+    element.setSelectionRange(0, 0);
+  } else {
+    var _window$getSelection;
+    (_window$getSelection = window.getSelection()) === null || _window$getSelection === void 0 ? void 0 : _window$getSelection.removeAllRanges();
+  }
+};
+
+/**
+ * 剪贴板复制操作
+ * @param {string | HTMLElement} target
+ * @return {string}
+ */
+var onClipboardCopy = function onClipboardCopy(target) {
+  var copiedValue;
+  if (typeof target === 'string') {
+    // 如果传的是字符串，直接复制值
+    copiedValue = target;
+    if (navigator.clipboard) {
+      // navigator.clipboard api 存在时，优先使用其进行复制操作
+      if (copiedValue !== '') {
+        navigator.clipboard.writeText(copiedValue).then(null, function () {
+          throw new Error("failed to copy to clipboard of value '".concat(copiedValue, "'"));
+        });
+      }
+    } else {
+      var container = createContainer(copiedValue);
+      addSelection(container);
+      document.execCommand('copy');
+      removeSelection(container);
+      removeContainer(container);
+    }
+  } else {
+    // 通过元素来复制
+    copiedValue = getContent(target);
+    if (navigator.clipboard) {
+      if (copiedValue !== '') {
+        navigator.clipboard.writeText(copiedValue).then(null, function () {
+          throw new Error("failed to copy to clipboard of value '".concat(copiedValue, "'"));
+        });
+      }
+    } else {
+      addSelection(target);
+      document.execCommand('copy');
+      removeSelection(target);
+    }
+  }
+  return copiedValue;
+};
+
+/**
+ * 剪贴板剪切操作
+ * @param {HTMLElement} target
+ * @return {string}
+ */
+var onClipboardCut = function onClipboardCut(target) {
+  var cutValue = getContent(target);
+  if (target.nodeName === 'SELECT' || target.nodeName === 'INPUT' || target.nodeName === 'TEXTAREA') {
+    // 对于输入框，使用 document.execCommand('cut') 来剪切，防止受控的输入框无法清空内容
+    if (document.execCommand) {
+      addSelection(target);
+      document.execCommand('cut');
+      removeSelection(target);
+    } else {
+      // document.execCommand 命令不兼容，则抛出异常，因为受控的输入框无法清空元素内容
+      throw new Error("failed to cut to clipboard through unavailable api \"document.execCommand\"");
+    }
+  } else {
+    // 对于其他标签的元素，使用 navigator 写入剪贴板，并手动清空内容，防止其他标签无法清空内容
+    if (navigator.clipboard) {
+      if (cutValue !== '') {
+        navigator.clipboard.writeText(cutValue).then(null, function () {
+          throw new Error("failed to cut to clipboard of value '".concat(cutValue, "'"));
+        });
+      }
+      clearElement(target);
+    } else {
+      // navigator.clipboard 命令不兼容，则抛出异常，因为非输入框无法适用 document.execCommand('cut')
+      throw new Error("failed to cut to clipboard through unavailable api \"navigator.clipboard\"");
+    }
+  }
+  return cutValue;
+};
+
+
 /***/ }),
 
 /***/ "./components/collapse/collapse.tsx":
@@ -10063,6 +10481,11 @@ var compDefaultProps = {
     showDescription: true,
     optionHighlightProps: 'highlightText',
     allowClear: true
+  },
+  Clipboard: {
+    action: 'copy',
+    disabled: false,
+    size: 'middle'
   }
 };
 /* harmony default export */ __webpack_exports__["default"] = (compDefaultProps);
@@ -20317,7 +20740,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!******************************!*\
   !*** ./components/index.tsx ***!
   \******************************/
-/*! exports provided: Alert, Button, Card, Collapse, Checkbox, ConfigProvider, Carousel, Cascader, Dropdown, DatePicker, RangePicker, Drawer, Empty, Filter, Form, Row, Col, Input, TextArea, InputNumber, Icon, Image, Layout, Modal, Menu, Message, Notification, Pagination, Progress, Popconfirm, Radio, Rate, Select, Switch, Steps, Step, Space, SplitPanel, Spin, Timeline, Tooltip, Tabs, Transfer, Tree, TreeNode, Tag, Upload, Typography, Search, Badge, ImageCropper, CityPicker, Anchor, Avatar, Slider, Table, Stepper, BaseData, Link, TreeSelect, ColorPicker */
+/*! exports provided: Alert, Button, Card, Collapse, Checkbox, ConfigProvider, Carousel, Cascader, Dropdown, DatePicker, RangePicker, Drawer, Empty, Filter, Form, Row, Col, Input, TextArea, InputNumber, Icon, Image, Layout, Modal, Menu, Message, Notification, Pagination, Progress, Popconfirm, Radio, Rate, Select, Switch, Steps, Step, Space, SplitPanel, Spin, Timeline, Tooltip, Tabs, Transfer, Tree, TreeNode, Tag, Upload, Typography, Search, Badge, ImageCropper, CityPicker, Anchor, Avatar, Slider, Table, Stepper, BaseData, Link, TreeSelect, ColorPicker, Clipboard */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -20501,6 +20924,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _color_picker__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(/*! ./color-picker */ "./components/color-picker/index.tsx");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ColorPicker", function() { return _color_picker__WEBPACK_IMPORTED_MODULE_56__["default"]; });
 
+/* harmony import */ var _clipboard__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(/*! ./clipboard */ "./components/clipboard/index.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Clipboard", function() { return _clipboard__WEBPACK_IMPORTED_MODULE_57__["default"]; });
+
 /* @remove-on-es-build-begin */
 // this file is not used if use https://github.com/ant-design/babel-plugin-import
 var ENV = "development";
@@ -20567,6 +20993,7 @@ typeof window !== 'undefined') {
 
 
 
+
 
 
 /***/ }),
@@ -20692,6 +21119,10 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
     _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 2),
     inputValue = _useState2[0],
     setInputValue = _useState2[1];
+  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_11__["useState"])(1),
+    _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState3, 2),
+    forceUpdate = _useState4[0],
+    setForceUpdate = _useState4[1];
   var inputStatus = Object(react__WEBPACK_IMPORTED_MODULE_11__["useRef"])({
     isHandleChange: false,
     inputFocused: false
@@ -20746,10 +21177,11 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
   var handleChange = function handleChange(event) {
     inputStatus.current.isHandleChange = true;
     var legalNumber = verifiValue(event.target.value);
+    updateSelectionRangePosition(event);
     if (legalNumber === false) {
+      setForceUpdate(forceUpdate + 1);
       return false;
     }
-    updateSelectionRangePosition(event);
     value === undefined && setInputValue(legalNumber);
     onChange && onChange(handleEventAttachValue(event, numberMode ? Number(legalNumber) : legalNumber));
   };
@@ -20788,9 +21220,9 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
       if (decimalValueLength <= decimalLength && integerValueLength <= digitLength - decimalLength) {
         resultNumerical = numerical;
       } else if (integerValueLength > digitLength - decimalLength) {
-        resultNumerical = "".concat(sign).concat(integerValue.substr(0, digitLength - decimalLength));
+        resultNumerical = mustInPrecisionScope ? inputValue : "".concat(sign).concat(integerValue.substr(0, digitLength - decimalLength)).concat(decimalValue ? '.' + decimalValue : '');
       } else if (decimalValueLength > decimalLength) {
-        resultNumerical = "".concat(sign).concat(integerValue, ".").concat(decimalValue.substr(0, decimalLength));
+        resultNumerical = mustInPrecisionScope ? inputValue : "".concat(sign).concat(integerValue, ".").concat(decimalValue.substr(0, decimalLength));
       }
     } else if (typeof decimalLength !== 'number' && typeof digitLength === 'number') {
       if (integerValueLength >= digitLength) {
@@ -20941,7 +21373,8 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
   }, [inputValue, formatter]);
   var updateSelectionRangePosition = Object(_useSelectionRange__WEBPACK_IMPORTED_MODULE_20__["default"])({
     inputElement: (_inputNumberRef$curre3 = inputNumberRef.current) === null || _inputNumberRef$curre3 === void 0 ? void 0 : _inputNumberRef$curre3.input,
-    inputValue: displayedInputValue
+    inputValue: displayedInputValue,
+    forceUpdate: forceUpdate
   });
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_input__WEBPACK_IMPORTED_MODULE_12__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, others, {
     ref: inputNumberRef,
@@ -21008,7 +21441,8 @@ __webpack_require__.r(__webpack_exports__);
 
 function useSelectionRange(_ref) {
   var inputElement = _ref.inputElement,
-    inputValue = _ref.inputValue;
+    inputValue = _ref.inputValue,
+    forceUpdate = _ref.forceUpdate;
   var refSelectionPosition = Object(react__WEBPACK_IMPORTED_MODULE_0__["useRef"])();
   Object(react__WEBPACK_IMPORTED_MODULE_0__["useLayoutEffect"])(function () {
     var position = refSelectionPosition.current;
@@ -21016,7 +21450,7 @@ function useSelectionRange(_ref) {
       var start = Math.max(0, inputValue.length - position);
       inputElement.setSelectionRange(start, start);
     }
-  }, [inputValue]);
+  }, [inputValue, forceUpdate]);
   return function (event) {
     var _ref2 = event.target,
       end = _ref2.selectionEnd,
@@ -23934,16 +24368,13 @@ var Content = function Content(args) {
     }));
   };
   var getMainElement = function getMainElement() {
-    if (typeof content === 'string') {
+    if (typeof content === 'string' || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.isValidElement(content)) {
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_1___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
         className: "".concat(classPrefix, "-main")
       }, renderIcon(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
         className: "".concat(classPrefix, "-text")
       }, content)), renderCloseIcon());
     }
-    if ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.isValidElement(content)) {
-      return content;
-    }
     return null;
   };
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_1___default.a.Fragment, null, getMainElement());
@@ -28680,7 +29111,8 @@ var InternalSelect = function InternalSelect(props, ref) {
     _selectProps$popperSt = selectProps.popperStyle,
     popperStyle = _selectProps$popperSt === void 0 ? {} : _selectProps$popperSt,
     tagRender = selectProps.tagRender,
-    virtualListProps = selectProps.virtualListProps;
+    virtualListProps = selectProps.virtualListProps,
+    status = selectProps.status;
   var isMultiple = mode === 'multiple'; // 是否多选
   var _useMergedState = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_20__["useMergedState"])(undefined, {
       value: value,
@@ -28744,7 +29176,7 @@ var InternalSelect = function InternalSelect(props, ref) {
   var multipleFooterCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-multiple-footer"), true));
 
   // 多选，单选公共样式
-  var commCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()((_classNames6 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-wrapper"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-show-search"), isShowSearch && focusd), _classNames6));
+  var commCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()((_classNames6 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-wrapper"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-show-search"), isShowSearch && focusd), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames6, "".concat(selectPrefixCls, "-error"), status === 'error'), _classNames6));
   Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
     if (typeof props.visible !== 'undefined') {
       setOptionShow(props.visible);
@@ -29415,12 +29847,6 @@ var InternalSelect = function InternalSelect(props, ref) {
       selectMulOpts.splice(-1, 1);
       setMulOptions(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7___default()(selectMulOpts));
       onChange && onChange(labelInValue ? selectMulOpts : selectedVal, selectMulOpts);
-      // !isMultiple
-    } else if (which === _utils_KeyCode__WEBPACK_IMPORTED_MODULE_30__["default"].BACKSPACE && allowClear && !isMultiple) {
-      setInitValue('');
-      onClear && onClear('');
-      setSearchValue('');
-      onChange && onChange(undefined);
     }
     // optionsList: up、down、enter
     if (optionShow) {
@@ -35205,46 +35631,43 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
 /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "./node_modules/@babel/runtime/helpers/typeof.js");
-/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
-/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/toConsumableArray.js");
-/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_9__ = __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_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var core_js_modules_es_map_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.map.js */ "./node_modules/core-js/modules/es.map.js");
-/* harmony import */ var core_js_modules_es_map_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_map_js__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_11__ = __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_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_12__ = __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_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_13__ = __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_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_14__ = __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_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_14__);
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_15__ = __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_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_15__);
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_16__ = __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_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_16__);
-/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ "./node_modules/core-js/modules/es.array.includes.js");
-/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_17__);
-/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! core-js/modules/es.string.includes.js */ "./node_modules/core-js/modules/es.string.includes.js");
-/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_18__);
-/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_19__ = __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_19___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_19__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_20__);
-/* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_22__);
-/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
-/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../index */ "./components/index.tsx");
-/* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
-
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/toConsumableArray.js");
+/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_8__ = __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_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var core_js_modules_es_map_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.map.js */ "./node_modules/core-js/modules/es.map.js");
+/* harmony import */ var core_js_modules_es_map_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_map_js__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10__ = __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_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_11__ = __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_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_12__ = __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_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_13__ = __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_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_14__ = __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_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_14__);
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_15__ = __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_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_15__);
+/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ "./node_modules/core-js/modules/es.array.includes.js");
+/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_16__);
+/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! core-js/modules/es.string.includes.js */ "./node_modules/core-js/modules/es.string.includes.js");
+/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_17__);
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_18__ = __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_18___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_18__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_19__);
+/* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_21__);
+/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
+/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../index */ "./components/index.tsx");
+/* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
 
 
 
@@ -35254,7 +35677,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 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; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 
 
@@ -35290,10 +35713,10 @@ function flattenTreeData(treeData) {
       var keys = [];
       (_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children.forEach(function (child) {
         var _data$childrenKeys;
-        var childKey = flatten(child, [].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7___default()(parentKeys), [key]));
+        var childKey = flatten(child, [].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6___default()(parentKeys), [key]));
         keys.push(childKey);
         var grandchildrenKeys = map.get(childKey).childrenKeys;
-        (_data$childrenKeys = data.childrenKeys).push.apply(_data$childrenKeys, [childKey].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7___default()(grandchildrenKeys)));
+        (_data$childrenKeys = data.childrenKeys).push.apply(_data$childrenKeys, [childKey].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6___default()(grandchildrenKeys)));
       });
     }
     return key;
@@ -35305,11 +35728,11 @@ function flattenTreeData(treeData) {
 }
 var InternalTreeSelect = function InternalTreeSelect(props, ref) {
   var _classNames4, _classNames10;
-  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_20__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_23__["default"]),
+  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_19__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_22__["default"]),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
     userDefaultProps = _useContext.compDefaultProps;
-  var treeSelectProps = Object(_utils__WEBPACK_IMPORTED_MODULE_24__["getCompProps"])('TreeSelect', userDefaultProps, props);
+  var treeSelectProps = Object(_utils__WEBPACK_IMPORTED_MODULE_23__["getCompProps"])('TreeSelect', userDefaultProps, props);
   var size = treeSelectProps.size,
     value = treeSelectProps.value,
     autoFocus = treeSelectProps.autoFocus,
@@ -35357,66 +35780,67 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
     onCheck = treeSelectProps.onCheck,
     dropdownRender = treeSelectProps.dropdownRender,
     onlyExpandOnClickIcon = treeSelectProps.onlyExpandOnClickIcon,
-    listHeight = treeSelectProps.listHeight;
+    listHeight = treeSelectProps.listHeight,
+    status = treeSelectProps.status;
   var isMultiple = mode === 'multiple'; // 是否多选
-  var _useMergedState = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_21__["useMergedState"])(isMultiple ? [] : undefined, {
+  var _useMergedState = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_20__["useMergedState"])(isMultiple ? [] : undefined, {
       value: value,
       defaultValue: defaultValue
     }),
-    _useMergedState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useMergedState, 2),
+    _useMergedState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useMergedState, 2),
     initValue = _useMergedState2[0],
     setInitValue = _useMergedState2[1];
-  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(treeExpandedKeys),
-    _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState, 2),
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(treeExpandedKeys),
+    _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useState, 2),
     expandedKeys = _useState2[0],
     setExpandedKeys = _useState2[1];
-  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(initValue),
-    _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState3, 2),
+  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(initValue),
+    _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useState3, 2),
     selectedKeys = _useState4[0],
     setSelectedKeys = _useState4[1];
-  var innerRef = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])();
+  var innerRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])();
   var selectRef = ref || innerRef;
-  var searchRef = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])(null); // 搜索框ref
-  var selectionRef = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])(null);
-  var dropDownRef = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])(null);
-  var measureRef = Object(react__WEBPACK_IMPORTED_MODULE_20__["useRef"])(null);
-  var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(!!props.visible || defaultOpen),
-    _useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState5, 2),
+  var searchRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])(null); // 搜索框ref
+  var selectionRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])(null);
+  var dropDownRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])(null);
+  var measureRef = Object(react__WEBPACK_IMPORTED_MODULE_19__["useRef"])(null);
+  var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(!!props.visible || defaultOpen),
+    _useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useState5, 2),
     optionShow = _useState6[0],
     setOptionShow = _useState6[1]; // 下拉列表是否展示
-  var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(''),
-    _useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState7, 2),
+  var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(''),
+    _useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useState7, 2),
     searchValue = _useState8[0],
     setSearchValue = _useState8[1]; // 搜索框定时器
-  var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(INPUT_MIN_WIDTH),
-    _useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState9, 2),
+  var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(INPUT_MIN_WIDTH),
+    _useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useState9, 2),
     inputWidth = _useState10[0],
     setInputWidth = _useState10[1]; // 输入框宽度
-  var _useState11 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(autoFocus),
-    _useState12 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState11, 2),
+  var _useState11 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])(autoFocus),
+    _useState12 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useState11, 2),
     focusd = _useState12[0],
     setFocusd = _useState12[1];
-  var _useState13 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])([]),
-    _useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState13, 2),
+  var _useState13 = Object(react__WEBPACK_IMPORTED_MODULE_19__["useState"])([]),
+    _useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useState13, 2),
     selectTreeNodes = _useState14[0],
     setSelectTreeNodes = _useState14[1];
-  var TreeMap = Object(react__WEBPACK_IMPORTED_MODULE_20__["useMemo"])(function () {
+  var TreeMap = Object(react__WEBPACK_IMPORTED_MODULE_19__["useMemo"])(function () {
     return flattenTreeData(treeData);
   }, [treeData]);
-  var isSelected = Object(react__WEBPACK_IMPORTED_MODULE_20__["useMemo"])(function () {
+  var isSelected = Object(react__WEBPACK_IMPORTED_MODULE_19__["useMemo"])(function () {
     return !!(selectTreeNodes !== null && selectTreeNodes !== void 0 && selectTreeNodes.length);
   }, [selectTreeNodes]);
   var selectPrefixCls = getPrefixCls(prefixCls, 'tree-select', customPrefixcls);
   // 选择器样式
-  var selectCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(selectPrefixCls, className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-visible"), optionShow));
-  var selectionCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-selector"), true));
+  var selectCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()(selectPrefixCls, className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()({}, "".concat(selectPrefixCls, "-visible"), optionShow));
+  var selectionCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()({}, "".concat(selectPrefixCls, "-selector"), true));
 
   // 下拉列表框样式
-  var dropDownCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(dropdownClassName, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-dropdown"), true));
+  var dropDownCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()(dropdownClassName, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()({}, "".concat(selectPrefixCls, "-dropdown"), true));
 
   // 多选，单选公共样式
-  var commCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()((_classNames4 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames4, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames4, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames4, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames4, "".concat(selectPrefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames4, "".concat(selectPrefixCls, "-wrapper"), true), _classNames4));
-  Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
+  var commCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()((_classNames4 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames4, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames4, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames4, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames4, "".concat(selectPrefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames4, "".concat(selectPrefixCls, "-wrapper"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames4, "".concat(selectPrefixCls, "-error"), status === 'error'), _classNames4));
+  Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
     var arr = [];
     if (isMultiple) {
       for (var index = 0; index < initValue.length; index++) {
@@ -35434,7 +35858,8 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
       if (TreeMap.has(initValue)) {
         arr.push(TreeMap.get(initValue));
       } else {
-        _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_5___default()(initValue) !== undefined && arr.push({
+        ;
+        (initValue !== null && initValue !== void 0 ? initValue : '') !== '' && arr.push({
           key: initValue,
           title: initValue
         });
@@ -35442,22 +35867,22 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
     }
     setSelectTreeNodes(arr);
   }, [initValue, TreeMap, isMultiple]);
-  Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
     if (optionShow === false) {
       handleClear();
     }
   }, [optionShow]);
-  var handleFocus = Object(react__WEBPACK_IMPORTED_MODULE_20__["useCallback"])(function (e) {
+  var handleFocus = Object(react__WEBPACK_IMPORTED_MODULE_19__["useCallback"])(function (e) {
     e.stopPropagation();
     setFocusd(true);
     onFocus && onFocus(e);
   }, [onFocus]);
-  var handleBlur = Object(react__WEBPACK_IMPORTED_MODULE_20__["useCallback"])(function (e) {
+  var handleBlur = Object(react__WEBPACK_IMPORTED_MODULE_19__["useCallback"])(function (e) {
     e.stopPropagation();
     setFocusd(false);
     onBlur && onBlur(e);
   }, [onBlur]);
-  Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
     selectionRef.current.addEventListener('mouseup', function (e) {
       var _e$target;
       var isCloseBtn = (e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.className.indexOf('kd-tag-close-icon')) > -1;
@@ -35466,7 +35891,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
       }
     });
   }, []);
-  Object(react__WEBPACK_IMPORTED_MODULE_20__["useLayoutEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_19__["useLayoutEffect"])(function () {
     measureRef.current && setInputWidth(measureRef.current.scrollWidth);
   }, [searchValue]);
   var getTreeNodeLabel = function getTreeNodeLabel(node) {
@@ -35474,7 +35899,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
   };
 
   // 输入框变化搜索内容
-  var handleSearchChange = Object(react__WEBPACK_IMPORTED_MODULE_20__["useCallback"])(function (event) {
+  var handleSearchChange = Object(react__WEBPACK_IMPORTED_MODULE_19__["useCallback"])(function (event) {
     var val = event.currentTarget.value;
     setOptionShow(true);
     setSearchValue(val);
@@ -35482,7 +35907,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
   }, [onSearch]);
 
   // 清除搜索内容
-  var handleClear = Object(react__WEBPACK_IMPORTED_MODULE_20__["useCallback"])(function () {
+  var handleClear = Object(react__WEBPACK_IMPORTED_MODULE_19__["useCallback"])(function () {
     if (searchRef.current) {
       searchRef.current.value = '';
       setSearchValue('');
@@ -35506,7 +35931,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
   var handleRemove = function handleRemove(e, key) {
     var _TreeMap$get, _TreeMap$get2;
     if (disabled) return;
-    var allRemoveKeys = [].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7___default()(((_TreeMap$get = TreeMap.get(key)) === null || _TreeMap$get === void 0 ? void 0 : _TreeMap$get.childrenKeys) || []), _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7___default()(((_TreeMap$get2 = TreeMap.get(key)) === null || _TreeMap$get2 === void 0 ? void 0 : _TreeMap$get2.parentKeys) || []), [key]);
+    var allRemoveKeys = [].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6___default()(((_TreeMap$get = TreeMap.get(key)) === null || _TreeMap$get === void 0 ? void 0 : _TreeMap$get.childrenKeys) || []), _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_6___default()(((_TreeMap$get2 = TreeMap.get(key)) === null || _TreeMap$get2 === void 0 ? void 0 : _TreeMap$get2.parentKeys) || []), [key]);
     var newSelectTreeNodes = selectTreeNodes.filter(function (item) {
       return !allRemoveKeys.includes(item.key);
     });
@@ -35546,20 +35971,20 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
     var _classNames5;
     var suffixIcon = treeSelectProps.suffixIcon;
     // 选择器下拉icon样式
-    var arrowIconCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()((_classNames5 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames5, "".concat(selectPrefixCls, "-icon-arrow"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames5, "".concat(selectPrefixCls, "-icon-arrow-up"), optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames5, "".concat(selectPrefixCls, "-icon-arrow-down"), !optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames5, "".concat(selectPrefixCls, "-icon-arrow-focus"), optionShow), _classNames5));
+    var arrowIconCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()((_classNames5 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames5, "".concat(selectPrefixCls, "-icon-arrow"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames5, "".concat(selectPrefixCls, "-icon-arrow-up"), optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames5, "".concat(selectPrefixCls, "-icon-arrow-down"), !optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames5, "".concat(selectPrefixCls, "-icon-arrow-focus"), optionShow), _classNames5));
     var iconShow = allowClear && !disabled && (isMultiple ? !!selectTreeNodes.length : (initValue !== null && initValue !== void 0 ? initValue : '') !== '' || searchValue);
-    var clearIconCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-icon-clear"), true));
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_20___default.a.Fragment, null, iconShow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
+    var clearIconCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()({}, "".concat(selectPrefixCls, "-icon-clear"), true));
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_19___default.a.Fragment, null, iconShow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
       onClick: handleReset,
       onMouseDown: function onMouseDown(e) {
         return e.preventDefault();
       },
       className: clearIconCls
-    }, clearIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_25__["Icon"], {
+    }, clearIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_24__["Icon"], {
       type: "close-solid"
-    })), showArrow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
+    })), showArrow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
       className: arrowIconCls
-    }, suffixIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_25__["Icon"], {
+    }, suffixIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_24__["Icon"], {
       type: "arrow-down"
     })));
   };
@@ -35600,25 +36025,28 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
       treeProps.checkedKeys = initValue;
       treeProps.onCheck = handleCheck;
     }
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_25__["Tree"], treeProps);
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_24__["Tree"], treeProps);
   };
 
   // 下拉列表为空时显示的内容
   var renderNotContent = function renderNotContent() {
     // 下拉列表为空
-    var emptyListCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-dropdown-empty"), true));
+    var emptyListCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()({}, "".concat(selectPrefixCls, "-dropdown-empty"), true));
     var notFoundContent = treeSelectProps.notFoundContent;
     var emptyContent = notFoundContent || '暂无数据';
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
       className: emptyListCls
     }, emptyContent);
   };
-  Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
     if (showSearch && autoFocus && !disabled) {
       var _searchRef$current;
       (_searchRef$current = searchRef.current) === null || _searchRef$current === void 0 ? void 0 : _searchRef$current.focus();
     }
   }, [showSearch, autoFocus, disabled]);
+  Object(react__WEBPACK_IMPORTED_MODULE_19__["useEffect"])(function () {
+    setSelectedKeys(initValue);
+  }, [initValue]);
 
   // 渲染下拉列表框
   var renderContent = function renderContent() {
@@ -35626,7 +36054,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
       width: style === null || style === void 0 ? void 0 : style.width,
       maxHeight: virtual ? 'unset' : ''
     }, dropdownStyle);
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_20___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_19___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
       className: dropDownCls,
       style: dropDownStyle,
       ref: dropDownRef
@@ -35634,16 +36062,16 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
   };
 
   // 处理多选tag
-  var handleMaxTagHolder = Object(react__WEBPACK_IMPORTED_MODULE_20__["useCallback"])(function () {
+  var handleMaxTagHolder = Object(react__WEBPACK_IMPORTED_MODULE_19__["useCallback"])(function () {
     var maxTagPlaceholder = treeSelectProps.maxTagPlaceholder;
     if (typeof maxTagPlaceholder === 'function') {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_25__["Tag"], {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_24__["Tag"], {
         type: "edit",
         size: size,
         disabled: disabled
       }, maxTagPlaceholder(selectTreeNodes));
     } else {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_25__["Tag"], {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_24__["Tag"], {
         type: "edit",
         size: size,
         disabled: disabled
@@ -35655,13 +36083,13 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
     if (isSelected) {
       label = getTreeNodeLabel(selectTreeNodes[0]);
     }
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_20___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_19___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
       className: singleCls,
       ref: selectionRef,
       title: label
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
       className: "".concat(selectPrefixCls, "-selection-search")
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("input", {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("input", {
       ref: searchRef,
       value: searchValue,
       className: "".concat(selectPrefixCls, "-selection-search-input"),
@@ -35669,11 +36097,11 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
       onFocus: handleFocus,
       onBlur: handleBlur,
       readOnly: !showSearch || !!disabled
-    })), isSelected && !searchValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
+    })), isSelected && !searchValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
       className: "".concat(selectPrefixCls, "-selection-item")
-    }, label), !isSelected && !searchValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
+    }, label), !isSelected && !searchValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
       className: "".concat(selectPrefixCls, "-placeholder")
-    }, placeholder), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
+    }, placeholder), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
       className: "".concat(selectPrefixCls, "-suffix")
     }, renderSuffix())));
   };
@@ -35681,21 +36109,21 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
     var _classNames8, _classNames9;
     var maxTagCount = treeSelectProps.maxTagCount,
       maxTagPlaceholder = treeSelectProps.maxTagPlaceholder;
-    var multipleCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(commCls, (_classNames8 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames8, "".concat(selectPrefixCls, "-multiple-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames8, "".concat(selectPrefixCls, "-").concat(mode), mode), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames8, "".concat(selectPrefixCls, "-focused"), focusd || optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames8, "".concat(selectPrefixCls, "-placeholder"), placeholder && !selectTreeNodes.length), _classNames8));
-    var itemCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()((_classNames9 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames9, "".concat(selectPrefixCls, "-selection-item"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames9, "".concat(selectPrefixCls, "-selection-item-").concat(size), size), _classNames9));
+    var multipleCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()(commCls, (_classNames8 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames8, "".concat(selectPrefixCls, "-multiple-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames8, "".concat(selectPrefixCls, "-").concat(mode), mode), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames8, "".concat(selectPrefixCls, "-focused"), focusd || optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames8, "".concat(selectPrefixCls, "-placeholder"), placeholder && !selectTreeNodes.length), _classNames8));
+    var itemCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()((_classNames9 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames9, "".concat(selectPrefixCls, "-selection-item"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames9, "".concat(selectPrefixCls, "-selection-item-").concat(size), size), _classNames9));
     var TagStyle = {
       margin: '2px 8px 2px 0',
       maxWidth: '100%'
     };
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
       className: multipleCls,
       ref: selectionRef
-    }, Array.isArray(selectTreeNodes) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_20___default.a.Fragment, null, selectTreeNodes.map(function (item, index) {
+    }, Array.isArray(selectTreeNodes) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_19___default.a.Fragment, null, selectTreeNodes.map(function (item, index) {
       var key = item.key;
       var label = getTreeNodeLabel(item);
-      return (!maxTagCount || index <= maxTagCount - 1) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
+      return (!maxTagCount || index <= maxTagCount - 1) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
         key: key,
-        className: classnames__WEBPACK_IMPORTED_MODULE_22___default()("".concat(selectPrefixCls, "-selection-tag")),
+        className: classnames__WEBPACK_IMPORTED_MODULE_21___default()("".concat(selectPrefixCls, "-selection-tag")),
         onMouseDown: function onMouseDown(e) {
           return e.preventDefault();
         }
@@ -35703,7 +36131,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
         onClose: handleRemove,
         disabled: disabled,
         size: size
-      }, item)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_25__["Tag"], {
+      }, item)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_24__["Tag"], {
         type: "edit",
         style: TagStyle,
         size: size,
@@ -35715,16 +36143,16 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
         "data-tag": key,
         title: label
       }, label));
-    }), maxTagCount && selectTreeNodes.length > maxTagCount ? maxTagPlaceholder ? handleMaxTagHolder() : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
+    }), maxTagCount && selectTreeNodes.length > maxTagCount ? maxTagPlaceholder ? handleMaxTagHolder() : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
       className: itemCls
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
       className: "".concat(selectPrefixCls, "-selection-item-content")
-    }, "\u5171", selectTreeNodes.length, "\u9879")) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
+    }, "\u5171", selectTreeNodes.length, "\u9879")) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
       className: "".concat(selectPrefixCls, "-selection-search"),
       style: {
         width: inputWidth
       }
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("input", {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("input", {
       ref: searchRef,
       value: searchValue,
       className: "".concat(selectPrefixCls, "-selection-search-input"),
@@ -35732,22 +36160,22 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
       onFocus: handleFocus,
       onBlur: handleBlur,
       readOnly: !showSearch || !!disabled
-    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
+    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
       ref: measureRef,
       className: "".concat(selectPrefixCls, "-selection-search-mirror")
-    }, searchValue, "\xA0")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
+    }, searchValue, "\xA0")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
       className: "".concat(selectPrefixCls, "-placeholder")
-    }, !(selectTreeNodes !== null && selectTreeNodes !== void 0 && selectTreeNodes.length) && !searchValue && placeholder), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
+    }, !(selectTreeNodes !== null && selectTreeNodes !== void 0 && selectTreeNodes.length) && !searchValue && placeholder), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
       className: "".concat(selectPrefixCls, "-suffix")
     }, renderSuffix()));
   };
-  var singleCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(commCls, (_classNames10 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames10, "".concat(selectPrefixCls, "-single"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames10, "".concat(selectPrefixCls, "-single-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames10, "".concat(selectPrefixCls, "-single-focused"), focusd && !disabled || optionShow), _classNames10));
+  var singleCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()(commCls, (_classNames10 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames10, "".concat(selectPrefixCls, "-single"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames10, "".concat(selectPrefixCls, "-single-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_classNames10, "".concat(selectPrefixCls, "-single-focused"), focusd && !disabled || optionShow), _classNames10));
   var renderSelect = function renderSelect() {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
       className: selectCls,
       ref: selectRef,
       style: style
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
       className: selectionCls,
       tabIndex: disabled ? -1 : 0,
       onFocus: function onFocus() {
@@ -35786,9 +36214,9 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
     onVisibleChange: handleVisibleChange,
     clickToClose: !(showSearch && searchValue)
   });
-  return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_26__["default"])(renderSelect(), renderContent(), popperProps);
+  return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_25__["default"])(renderSelect(), renderContent(), popperProps);
 };
-var TreeSelect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.forwardRef(InternalTreeSelect);
+var TreeSelect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.forwardRef(InternalTreeSelect);
 TreeSelect.displayName = 'TreeSelect';
 /* harmony default export */ __webpack_exports__["default"] = (TreeSelect);
 
@@ -35885,28 +36313,32 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_11__);
 /* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_12__ = __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_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_13__ = __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_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_14__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_15__);
-/* harmony import */ var lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! lodash/cloneDeep */ "./node_modules/lodash/cloneDeep.js");
-/* harmony import */ var lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_16__);
-/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
-/* harmony import */ var _treeNode__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./treeNode */ "./components/tree/treeNode.tsx");
-/* harmony import */ var _virtual_list__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../virtual-list */ "./components/virtual-list/index.tsx");
-/* harmony import */ var _utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./utils/treeUtils */ "./components/tree/utils/treeUtils.tsx");
-/* harmony import */ var _treeHooks__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./treeHooks */ "./components/tree/treeHooks.tsx");
-/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! lodash/isBoolean */ "./node_modules/lodash/isBoolean.js");
-/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_23___default = /*#__PURE__*/__webpack_require__.n(lodash_isBoolean__WEBPACK_IMPORTED_MODULE_23__);
+/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ "./node_modules/core-js/modules/es.array.includes.js");
+/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! core-js/modules/es.string.includes.js */ "./node_modules/core-js/modules/es.string.includes.js");
+/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_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 react__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_16__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_17__);
+/* harmony import */ var lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! lodash/cloneDeep */ "./node_modules/lodash/cloneDeep.js");
+/* harmony import */ var lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_18__);
+/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
+/* harmony import */ var _treeNode__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./treeNode */ "./components/tree/treeNode.tsx");
+/* harmony import */ var _virtual_list__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../virtual-list */ "./components/virtual-list/index.tsx");
+/* harmony import */ var _utils_treeUtils__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./utils/treeUtils */ "./components/tree/utils/treeUtils.tsx");
+/* harmony import */ var _treeHooks__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./treeHooks */ "./components/tree/treeHooks.tsx");
+/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! lodash/isBoolean */ "./node_modules/lodash/isBoolean.js");
+/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_25___default = /*#__PURE__*/__webpack_require__.n(lodash_isBoolean__WEBPACK_IMPORTED_MODULE_25__);
 
 
 
 
 
-var _excluded = ["prefixCls", "treeData", "virtual", "showIcon", "switcherIcon", "icon", "checkable", "checkStrictly", "disabled", "draggable", "scrollToKey", "expandedKeys", "checkedKeys", "defaultExpandRoot", "defaultExpandAll", "defaultExpandParent", "defaultExpandedKeys", "defaultCheckedKeys", "defaultSelectedKeys", "height", "onCheck", "onExpand", "onDragStart", "onDragOver", "onDragLeave", "onDragEnter", "onDragEnd", "onDrop", "onSelect", "selectedKeys", "setTreeNodeStyle", "setTreeNodeClassName", "estimatedItemSize", "style", "className", "filterTreeNode", "filterValue", "expandOnClickNode", "onlyExpandOnClickIcon", "loadData", "notFoundContent"];
+var _excluded = ["prefixCls", "treeData", "virtual", "showIcon", "switcherIcon", "icon", "checkable", "checkStrictly", "disabled", "draggable", "scrollToKey", "expandedKeys", "checkedKeys", "defaultExpandRoot", "defaultExpandAll", "defaultExpandParent", "defaultExpandedKeys", "defaultCheckedKeys", "defaultSelectedKeys", "height", "onCheck", "onExpand", "onDragStart", "onDragOver", "onDragLeave", "onDragEnter", "onDragEnd", "onDrop", "onSelect", "selectedKeys", "setTreeNodeStyle", "setTreeNodeClassName", "estimatedItemSize", "style", "className", "filterTreeNode", "filterValue", "expandOnClickNode", "onlyExpandOnClickIcon", "loadData", "notFoundContent", "showLine"];
 
 
 
@@ -35926,12 +36358,15 @@ var _excluded = ["prefixCls", "treeData", "virtual", "showIcon", "switcherIcon",
 
 
 
-var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.forwardRef(function (props, ref) {
-  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_14__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_17__["default"]),
+
+
+var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.forwardRef(function (props, ref) {
+  var _classNames;
+  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_16__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_19__["default"]),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
     userDefaultProps = _useContext.compDefaultProps;
-  var TreeProps = Object(_utils__WEBPACK_IMPORTED_MODULE_18__["getCompProps"])('Tree', userDefaultProps, props); // 按钮属性需要合并一遍用户定义的默认属性
+  var TreeProps = Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getCompProps"])('Tree', userDefaultProps, props); // 按钮属性需要合并一遍用户定义的默认属性
   var customPrefixcls = TreeProps.prefixCls,
     treeData = TreeProps.treeData,
     virtual = TreeProps.virtual,
@@ -35980,82 +36415,87 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
     onlyExpandOnClickIcon = _TreeProps$onlyExpand === void 0 ? false : _TreeProps$onlyExpand,
     loadData = TreeProps.loadData,
     notFoundContent = TreeProps.notFoundContent,
+    showLine = TreeProps.showLine,
     others = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_4___default()(TreeProps, _excluded);
   var treePrefixCls = getPrefixCls(prefixCls, 'tree', customPrefixcls); // 树样式前缀
-  var treeNodeClassName = classnames__WEBPACK_IMPORTED_MODULE_15___default()(className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_3___default()({}, "".concat(treePrefixCls), true));
+  var treeNodeClassName = classnames__WEBPACK_IMPORTED_MODULE_17___default()(className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_3___default()(_classNames, "".concat(treePrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_3___default()(_classNames, "".concat(treePrefixCls, "-show-line"), showLine), _classNames));
   var treeRootClassName = "".concat(treePrefixCls, "-root");
   var estimatedItemSize = innerEstimatedItemSize; // 节点高度
 
-  var _React$useMemo = react__WEBPACK_IMPORTED_MODULE_14___default.a.useMemo(function () {
-      return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["flattenAll"])(treeData, []);
+  var _React$useMemo = react__WEBPACK_IMPORTED_MODULE_16___default.a.useMemo(function () {
+      return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_23__["flattenAll"])(treeData, []);
     }, [treeData]),
     flattenAllData = _React$useMemo.flattenAllData,
     maxLevel = _React$useMemo.maxLevel,
     keysData = _React$useMemo.keysData;
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_14___default.a.useState(scrollToKey),
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_16___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 _useSelect = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_22__["useSelect"])(selectedKeysProps, defaultSelectedKeys),
+  var _useSelect = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_24__["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_14___default.a.useRef(null);
-  var rootRef = react__WEBPACK_IMPORTED_MODULE_14___default.a.useRef(null);
+  var listRef = react__WEBPACK_IMPORTED_MODULE_16___default.a.useRef(null);
+  var rootRef = react__WEBPACK_IMPORTED_MODULE_16___default.a.useRef(null);
   var scrollRef = ref || rootRef;
-  var treeNodeRef = react__WEBPACK_IMPORTED_MODULE_14___default.a.useRef(null);
-  var dragNodeRef = react__WEBPACK_IMPORTED_MODULE_14___default.a.useRef(null);
-  var delayedDragEnterRef = react__WEBPACK_IMPORTED_MODULE_14___default.a.useRef(null);
-  var virtualListRef = react__WEBPACK_IMPORTED_MODULE_14___default.a.useRef(null);
-  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_14___default.a.useState(true),
+  var treeNodeRef = react__WEBPACK_IMPORTED_MODULE_16___default.a.useRef(null);
+  var dragNodeRef = react__WEBPACK_IMPORTED_MODULE_16___default.a.useRef(null);
+  var delayedDragEnterRef = react__WEBPACK_IMPORTED_MODULE_16___default.a.useRef(null);
+  var virtualListRef = react__WEBPACK_IMPORTED_MODULE_16___default.a.useRef(null);
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_16___default.a.useState(true),
     _React$useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState3, 2),
     isInit = _React$useState4[0],
     setIsInit = _React$useState4[1];
-  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_14___default.a.useState(null),
+  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_16___default.a.useState(null),
     _React$useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState5, 2),
     dropPosition = _React$useState6[0],
     setDropPosition = _React$useState6[1];
-  var _React$useState7 = react__WEBPACK_IMPORTED_MODULE_14___default.a.useState(null),
+  var _React$useState7 = react__WEBPACK_IMPORTED_MODULE_16___default.a.useState(null),
     _React$useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState7, 2),
     dragOverNodeKey = _React$useState8[0],
     setDragOverNodeKey = _React$useState8[1];
-  var _React$useState9 = react__WEBPACK_IMPORTED_MODULE_14___default.a.useState(new Set()),
+  var _React$useState9 = react__WEBPACK_IMPORTED_MODULE_16___default.a.useState(new Set()),
     _React$useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState9, 2),
     loadedKeys = _React$useState10[0],
     setLoadedKeys = _React$useState10[1];
-  var _React$useState11 = react__WEBPACK_IMPORTED_MODULE_14___default.a.useState(new Set()),
+  var _React$useState11 = react__WEBPACK_IMPORTED_MODULE_16___default.a.useState(new Set()),
     _React$useState12 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState11, 2),
     loadingKeys = _React$useState12[0],
     setLoadingKeys = _React$useState12[1];
-  var _React$useState13 = react__WEBPACK_IMPORTED_MODULE_14___default.a.useState([]),
+  var _React$useState13 = react__WEBPACK_IMPORTED_MODULE_16___default.a.useState('NONE'),
     _React$useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_React$useState13, 2),
-    searchExpandedKeys = _React$useState14[0],
-    setSearchExpandedKeys = _React$useState14[1];
-  var isSearching = react__WEBPACK_IMPORTED_MODULE_14___default.a.useMemo(function () {
+    searchStatus = _React$useState14[0],
+    setSearchStatus = _React$useState14[1];
+  var isSearching = react__WEBPACK_IMPORTED_MODULE_16___default.a.useMemo(function () {
     return typeof filterTreeNode === 'function' && !!filterValue;
   }, [filterValue]);
-  Object(react__WEBPACK_IMPORTED_MODULE_14__["useEffect"])(function () {
-    setSearchExpandedKeys([]);
+  Object(react__WEBPACK_IMPORTED_MODULE_16__["useEffect"])(function () {
+    if (isSearching) {
+      setSearchStatus('SEARCH_START');
+    } else {
+      setSearchStatus('NONE');
+    }
   }, [filterValue]);
-  var _useExpand = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_22__["useExpand"])(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData, searchExpandedKeys),
+  var _useExpand = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_24__["useExpand"])(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData, searchStatus),
     _useExpand2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useExpand, 2),
     expandedKeys = _useExpand2[0],
     setExpandedKeys = _useExpand2[1];
-  var _React$useMemo2 = react__WEBPACK_IMPORTED_MODULE_14___default.a.useMemo(function () {
-      return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["getSpreadAttrData"])(flattenAllData, expandedKeys);
+  var _React$useMemo2 = react__WEBPACK_IMPORTED_MODULE_16___default.a.useMemo(function () {
+      return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_23__["getSpreadAttrData"])(flattenAllData, expandedKeys);
     }, [flattenAllData, expandedKeys]),
     spreadAttrData = _React$useMemo2.spreadAttrData,
     posData = _React$useMemo2.posData;
-  var _useChecked = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_22__["useChecked"])(checkStrictly, checkedKeysProps, defaultCheckedKeys, flattenAllData, maxLevel, checkable, keysData),
+  var _useChecked = Object(_treeHooks__WEBPACK_IMPORTED_MODULE_24__["useChecked"])(checkStrictly, checkedKeysProps, defaultCheckedKeys, flattenAllData, maxLevel, checkable, keysData),
     _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 filterData = react__WEBPACK_IMPORTED_MODULE_14___default.a.useMemo(function () {
-    return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["getFilterData"])(spreadAttrData, filterTreeNode, isSearching, posData, keysData);
+  var filterData = react__WEBPACK_IMPORTED_MODULE_16___default.a.useMemo(function () {
+    return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_23__["getFilterData"])(spreadAttrData, filterTreeNode, isSearching, posData, keysData);
   }, [spreadAttrData, isSearching, posData, keysData]);
-  Object(react__WEBPACK_IMPORTED_MODULE_14__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_16__["useEffect"])(function () {
     if (typeof scrollKey === 'undefined') {
       return;
     }
@@ -36083,7 +36523,7 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
       }
     }
   }, [filterData, scrollKey, virtual]);
-  var handleNodeLoad = Object(react__WEBPACK_IMPORTED_MODULE_14__["useCallback"])(function (loadedKeys, loadingKeys, data) {
+  var handleNodeLoad = Object(react__WEBPACK_IMPORTED_MODULE_16__["useCallback"])(function (loadedKeys, loadingKeys, data) {
     var key = data.key;
     if (!loadData || loadedKeys.has(key) || loadingKeys.has(key)) {
       return;
@@ -36096,24 +36536,24 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
         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_16___default()(prevState);
+        var prevLoadingKeys = lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_18___default()(prevState);
         prevLoadingKeys.delete(key);
         return prevLoadingKeys;
       });
     }).catch(function (e) {
       setLoadingKeys(function (prevState) {
-        var prevLoadingKeys = lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_16___default()(prevState);
+        var prevLoadingKeys = lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_18___default()(prevState);
         prevLoadingKeys.delete(key);
         return prevLoadingKeys;
       });
       setExpandedKeys(function (preExpandedKeys) {
-        return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["delKey"])(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1___default()(preExpandedKeys), [key]);
+        return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_23__["delKey"])(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1___default()(preExpandedKeys), [key]);
       });
       throw e;
     });
   }, [loadData, setExpandedKeys]);
-  var handleExpand = react__WEBPACK_IMPORTED_MODULE_14___default.a.useCallback(function (key, expanded, node) {
-    var newExpandedKeys = expanded ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["addKeys"])(expandedKeys, [key]) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["delKey"])(expandedKeys, [key]);
+  var handleExpand = react__WEBPACK_IMPORTED_MODULE_16___default.a.useCallback(function (key, expanded, node) {
+    var newExpandedKeys = expanded ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_23__["addKeys"])(expandedKeys, [key]) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_23__["delKey"])(expandedKeys, [key]);
     if (expandedKeysProps === undefined) {
       setExpandedKeys(newExpandedKeys);
     }
@@ -36121,19 +36561,16 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
       node: node,
       expanded: expanded
     });
-    if (isSearching) {
-      var newSearchExpandedKeys = expanded ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["addKeys"])(searchExpandedKeys, [key]) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["delKey"])(searchExpandedKeys, [key]);
-      setSearchExpandedKeys(newSearchExpandedKeys);
-    }
     setScrollKey(undefined);
     setIsInit(false);
+    setSearchStatus('SEARCH_DONE');
     if (expanded && loadData) {
       handleNodeLoad(loadedKeys, loadingKeys, node);
     }
   }, [expandedKeys, onExpand, loadData, handleNodeLoad, loadedKeys, loadingKeys]);
-  var handleCheck = react__WEBPACK_IMPORTED_MODULE_14___default.a.useCallback(function (key, value, node, event, _pos) {
-    var newCheckedKeys = value ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["addKeys"])(checkedKeys, [key]) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["delKey"])(checkedKeys, [key]);
-    var checkState = checkStrictly ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["getDataCheckededStateStrictly"])(newCheckedKeys) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["getAllCheckedKeys"])(key, value, checkedKeys, keysData, halfCheckedKeys);
+  var handleCheck = react__WEBPACK_IMPORTED_MODULE_16___default.a.useCallback(function (key, value, node, event, _pos) {
+    var newCheckedKeys = value ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_23__["addKeys"])(checkedKeys, [key]) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_23__["delKey"])(checkedKeys, [key]);
+    var checkState = checkStrictly ? Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_23__["getDataCheckededStateStrictly"])(newCheckedKeys) : Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_23__["getAllCheckedKeys"])(key, value, checkedKeys, keysData, halfCheckedKeys);
     if (!('checkedKeys' in TreeProps)) {
       setCheckedKeys(checkState.checkedKeys);
       setHalfCheckedKeys(checkState.halfCheckedKeys);
@@ -36145,14 +36582,14 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
       halfCheckedKeys: checkState.halfCheckedKeys
     });
   }, [checkedKeys, spreadAttrData, halfCheckedKeys, maxLevel, onCheck, checkStrictly, setCheckedKeys, setHalfCheckedKeys]);
-  var handleDragStart = react__WEBPACK_IMPORTED_MODULE_14___default.a.useCallback(function (event, node) {
+  var handleDragStart = react__WEBPACK_IMPORTED_MODULE_16___default.a.useCallback(function (event, node) {
     onDragStart && onDragStart({
       event: event,
       node: node
     });
   }, [onDragStart]);
-  var handleDragOver = react__WEBPACK_IMPORTED_MODULE_14___default.a.useCallback(function (event, node, dropTarget) {
-    var dropPos = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["calcDropPosition"])(event, dropTarget);
+  var handleDragOver = react__WEBPACK_IMPORTED_MODULE_16___default.a.useCallback(function (event, node, dropTarget) {
+    var dropPos = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_23__["calcDropPosition"])(event, dropTarget);
     if (!delayedDragEnterRef.current) {
       delayedDragEnterRef.current = {};
     }
@@ -36176,7 +36613,7 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
       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_21__["addKeys"])(expandedKeys, [key]);
+          newExpandedKeys = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_23__["addKeys"])(expandedKeys, [key]);
         }
         if (!('expandedKeys' in TreeProps)) {
           setExpandedKeys(newExpandedKeys);
@@ -36192,13 +36629,13 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
       node: node
     });
   }, [TreeProps, dropPosition, expandedKeys, onDragOver, onExpand, setExpandedKeys]);
-  var handleDragLeave = react__WEBPACK_IMPORTED_MODULE_14___default.a.useCallback(function (event, node) {
+  var handleDragLeave = react__WEBPACK_IMPORTED_MODULE_16___default.a.useCallback(function (event, node) {
     onDragLeave && onDragLeave({
       event: event,
       node: node
     });
   }, [onDragLeave]);
-  var handleDragEnter = react__WEBPACK_IMPORTED_MODULE_14___default.a.useCallback(function (event, node, _dropTarget) {
+  var handleDragEnter = react__WEBPACK_IMPORTED_MODULE_16___default.a.useCallback(function (event, node, _dropTarget) {
     var key = node.key;
     var dragNode = getDragNode();
     if (!dragNode) {
@@ -36212,18 +36649,18 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
       node: node
     });
   }, [onDragEnter]);
-  var handleDragEnd = react__WEBPACK_IMPORTED_MODULE_14___default.a.useCallback(function (event, node) {
+  var handleDragEnd = react__WEBPACK_IMPORTED_MODULE_16___default.a.useCallback(function (event, node) {
     setDragOverNodeKey(null);
     onDragEnd && onDragEnd({
       event: event,
       node: node
     });
   }, [onDragEnd]);
-  var handleDrop = react__WEBPACK_IMPORTED_MODULE_14___default.a.useCallback(function (event, node, dragNode, dragNodesKeys) {
+  var handleDrop = react__WEBPACK_IMPORTED_MODULE_16___default.a.useCallback(function (event, node, dragNode, dragNodesKeys) {
     setDragOverNodeKey(null);
     setDropPosition(null);
-    var pos = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["getPos"])(flattenAllData, dragNodesKeys);
-    var keys = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["getAllChildKeys"])(flattenAllData, pos).concat(dragNodesKeys);
+    var pos = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_23__["getPos"])(flattenAllData, dragNodesKeys);
+    var keys = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_23__["getAllChildKeys"])(flattenAllData, pos).concat(dragNodesKeys);
     onDrop && onDrop({
       event: event,
       node: node,
@@ -36232,8 +36669,8 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
       dropPosition: dropPosition
     });
   }, [flattenAllData, onDrop, dropPosition]);
-  var handleSelect = react__WEBPACK_IMPORTED_MODULE_14___default.a.useCallback(function (event, node, key) {
-    var checked = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["getChecked"])(checkedKeys, key);
+  var handleSelect = react__WEBPACK_IMPORTED_MODULE_16___default.a.useCallback(function (event, node, key) {
+    var checked = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_23__["getChecked"])(checkedKeys, key);
     onSelect && onSelect([key], {
       node: node,
       event: event,
@@ -36241,16 +36678,16 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
     });
   }, [onSelect, setSelectedKeys, checkedKeys]);
   var getSelectable = function getSelectable(selectable) {
-    if (lodash_isBoolean__WEBPACK_IMPORTED_MODULE_23___default()(selectable)) {
+    if (lodash_isBoolean__WEBPACK_IMPORTED_MODULE_25___default()(selectable)) {
       return selectable;
     }
     return true;
   };
   var getCheckable = function getCheckable(checkableProps, itemCheckable) {
-    return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_23___default()(itemCheckable) ? itemCheckable : checkableProps;
+    return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_25___default()(itemCheckable) ? itemCheckable : checkableProps;
   };
   var getDisabled = function getDisabled(disabledProps, itemDisabled) {
-    return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_23___default()(itemDisabled) ? itemDisabled : disabledProps;
+    return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_25___default()(itemDisabled) ? itemDisabled : disabledProps;
   };
   var getDragNode = function getDragNode() {
     return dragNodeRef.current;
@@ -36258,21 +36695,31 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
   var setDragNode = function setDragNode(nodeData) {
     dragNodeRef.current = nodeData;
   };
-  Object(react__WEBPACK_IMPORTED_MODULE_14__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_16__["useEffect"])(function () {
     if (scrollToKey) {
       setSelectedKeys([scrollToKey]);
       setScrollKey(scrollToKey);
     }
   }, [scrollToKey]);
-  Object(react__WEBPACK_IMPORTED_MODULE_14__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_16__["useEffect"])(function () {
     setHalfCheckedKeys(halfCheckedKeys);
   }, [halfCheckedKeys, setHalfCheckedKeys]);
-  Object(react__WEBPACK_IMPORTED_MODULE_14__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_16__["useEffect"])(function () {
     setCheckedKeys(checkedKeys);
   }, [checkedKeys, setCheckedKeys]);
+  var isSelectedNodeChildrenKey = function isSelectedNodeChildrenKey() {
+    var parentKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    var key = Array.isArray(selectedKeys) ? selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys[0] : selectedKeys;
+    return parentKeys.includes(key);
+  };
+  var seletedKeyLevel = Object(react__WEBPACK_IMPORTED_MODULE_16__["useMemo"])(function () {
+    var _keysData$key;
+    var key = Array.isArray(selectedKeys) ? selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys[0] : selectedKeys;
+    return keysData === null || keysData === void 0 ? void 0 : (_keysData$key = keysData[key]) === null || _keysData$key === void 0 ? void 0 : _keysData$key.level;
+  }, [keysData, selectedKeys]);
   var renderTreeNode = function renderTreeNode(item) {
-    var checked = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["getChecked"])(checkedKeys, item.key);
-    var indeterminate = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_21__["getHalfChecked"])(halfCheckedKeys, item.key);
+    var checked = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_23__["getChecked"])(checkedKeys, item.key);
+    var indeterminate = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_23__["getHalfChecked"])(halfCheckedKeys, item.key);
     item.nodeKey = item.key;
     item.onExpand = handleExpand;
     item.onCheck = handleCheck;
@@ -36304,19 +36751,21 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.fo
     item.onlyExpandOnClickIcon = onlyExpandOnClickIcon;
     item.loading = loadingKeys.has(item.key) && !loadedKeys.has(item.key);
     item.loadData = loadData;
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(_treeNode__WEBPACK_IMPORTED_MODULE_19__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, item, {
+    item.isActiveLine = showLine && isSelectedNodeChildrenKey(item.pathParentKeys);
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_treeNode__WEBPACK_IMPORTED_MODULE_21__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, item, {
       key: item.key,
-      ref: treeNodeRef
+      ref: treeNodeRef,
+      activeLevel: seletedKeyLevel
     }));
   };
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
     className: treeNodeClassName,
     style: style,
     ref: scrollRef
-  }, others), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("div", {
+  }, others), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
     className: treeRootClassName,
     ref: listRef
-  }, !(filterData !== null && filterData !== void 0 && filterData.length) && notFoundContent, virtual ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(_virtual_list__WEBPACK_IMPORTED_MODULE_20__["default"], {
+  }, !(filterData !== null && filterData !== void 0 && filterData.length) && notFoundContent, virtual ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_virtual_list__WEBPACK_IMPORTED_MODULE_22__["default"], {
     className: className,
     style: style,
     ref: virtualListRef,
@@ -36428,22 +36877,22 @@ 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, isSearching, keysData, searchExpandedKeys) {
+var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData, searchStatus) {
   var expandScrollkeys = [];
   if (scrollKey) {
     var pos = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_4__["getPos"])(flattenAllData, scrollKey);
     expandScrollkeys = Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_4__["getAllParentKeys"])(flattenAllData, pos);
   }
   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, isSearching, keysData, searchExpandedKeys, isInit);
-  }, [flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, filterTreeNode, isSearching, keysData, searchExpandedKeys, isInit]);
+    return Object(_utils_treeUtils__WEBPACK_IMPORTED_MODULE_4__["getInitExpandedKeys"])(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, expandScrollkeys, filterTreeNode, isSearching, keysData, isInit, searchStatus);
+  }, [flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, filterTreeNode, isSearching, keysData, isInit, searchStatus]);
   var _React$useState7 = react__WEBPACK_IMPORTED_MODULE_3___default.a.useState(initialExpandedKeys),
     _React$useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_React$useState7, 2),
     expandedKeys = _React$useState8[0],
     setExpandedKeys = _React$useState8[1];
   react__WEBPACK_IMPORTED_MODULE_3___default.a.useEffect(function () {
     setExpandedKeys(initialExpandedKeys);
-  }, [flattenAllData, expandedKeysProps, searchExpandedKeys, defaultExpandAll, defaultExpandedKeys, defaultExpandRoot, defaultExpandParent, scrollKey]);
+  }, [flattenAllData, expandedKeysProps, defaultExpandAll, defaultExpandedKeys, defaultExpandRoot, defaultExpandParent, scrollKey, searchStatus]);
   return [expandedKeys, setExpandedKeys];
 };
 var useScrollToKey = function useScrollToKey(scrollKey, index, estimatedItemSize, scrollRef, viewportHeight, treeNodePrefixCls) {
@@ -36483,8 +36932,13 @@ var useSelect = function useSelect(selectedKeysProps, defaultSelectedKeys) {
     _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState, 2),
     selectedKeys = _useState2[0],
     setSelectedKeys = _useState2[1];
+  var mounting = Object(react__WEBPACK_IMPORTED_MODULE_3__["useRef"])(true);
   Object(react__WEBPACK_IMPORTED_MODULE_3__["useEffect"])(function () {
-    selectedKeysProps && setSelectedKeys(selectedKeysProps);
+    if (mounting.current) {
+      mounting.current = false;
+      return;
+    }
+    setSelectedKeys(selectedKeysProps);
   }, [selectedKeysProps]);
   return [selectedKeys, setSelectedKeys];
 };
@@ -36541,7 +36995,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", "dropPosition", "expandOnClickNode", "onlyExpandOnClickIcon", "loading", "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", "isActiveLine", "activeLevel", "showIcon", "selected", "setDragNode", "style", "indeterminate", "estimatedItemSize", "dragOver", "dropPosition", "expandOnClickNode", "onlyExpandOnClickIcon", "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; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -36574,7 +37028,8 @@ var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwar
     hasChildNode = TreeNodeProps.hasChildNode,
     expand = TreeNodeProps.expand,
     title = TreeNodeProps.title,
-    showLine = TreeNodeProps.showLine,
+    isActiveLine = TreeNodeProps.isActiveLine,
+    activeLevel = TreeNodeProps.activeLevel,
     showIcon = TreeNodeProps.showIcon,
     selected = TreeNodeProps.selected,
     setDragNode = TreeNodeProps.setDragNode,
@@ -36667,12 +37122,11 @@ var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwar
     return icon;
   };
   var indent = function indent() {
-    var _classNames;
     var indentArr = [];
-    var className = classnames__WEBPACK_IMPORTED_MODULE_12___default()((_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames, "".concat(treeNodePrefixCls, "-indent"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames, "".concat(treeNodePrefixCls, "-indent-line"), !!showLine), _classNames));
     for (var i = 0; i < level; i++) {
+      var _classNames;
       indentArr.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", {
-        className: className,
+        className: classnames__WEBPACK_IMPORTED_MODULE_12___default()((_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames, "".concat(treeNodePrefixCls, "-indent"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames, "".concat(treeNodePrefixCls, "-indent-active"), !!isActiveLine && i === activeLevel), _classNames)),
         key: i,
         style: {
           height: "".concat(estimatedItemSize)
@@ -36779,6 +37233,7 @@ var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwar
   }, [expandOnClickNode, handleExpandIconClick, handleSelect, onlyExpandOnClickIcon]);
   var handleDragStart = react__WEBPACK_IMPORTED_MODULE_11___default.a.useCallback(function (e) {
     if (!draggable) return;
+    e.target.classList.add("".concat(treeNodePrefixCls, "-dragging"));
     setDragNode(nodeData);
     onDragStart && onDragStart(e, props);
   }, [draggable, setDragNode, nodeData, onDragStart, props]);
@@ -37508,8 +37963,8 @@ var getInitExpandedKeys = function getInitExpandedKeys(data, expandedKeys, defau
   var filterTreeNode = arguments.length > 7 ? arguments[7] : undefined;
   var isSearching = arguments.length > 8 ? arguments[8] : undefined;
   var keysData = arguments.length > 9 ? arguments[9] : undefined;
-  var searchExpandedKeys = arguments.length > 10 ? arguments[10] : undefined;
-  var isInit = arguments.length > 11 ? arguments[11] : undefined;
+  var isInit = arguments.length > 10 ? arguments[10] : undefined;
+  var searchStatus = arguments.length > 11 ? arguments[11] : undefined;
   var keys = (expandedKeys === null || expandedKeys === void 0 ? void 0 : expandedKeys.concat(expandScrollkeys)) || (defaultExpandedKeys === null || defaultExpandedKeys === void 0 ? void 0 : defaultExpandedKeys.concat(expandScrollkeys)) || [];
   if (isInit) {
     if (defaultExpandAll) {
@@ -37530,10 +37985,10 @@ var getInitExpandedKeys = function getInitExpandedKeys(data, expandedKeys, defau
       }
     }
   }
-  if (isSearching) {
-    keys = [].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1___default()(searchExpandedKeys), _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1___default()(getAllFilterKeys(data, filterTreeNode, keysData).filterExpandKeys));
+  if (isSearching && searchStatus === 'SEARCH_START') {
+    keys = _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1___default()(getAllFilterKeys(data, filterTreeNode, keysData).filterExpandKeys);
   }
-  return Array.from(new Set(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1___default()(keys)));
+  return keys;
 };
 var getExpandedKeys = function getExpandedKeys(expandedKeys) {
   var expandScrollkeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];