@kdcloudjs/kdesign 1.7.34 → 1.7.37

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.7.33
+ *   @kdcloudjs/kdesign v1.7.35
  * 
  *   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",
@@ -7771,7 +7772,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 +8216,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":
@@ -8665,7 +9079,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var color__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(color__WEBPACK_IMPORTED_MODULE_16__);
 /* harmony import */ var react_color__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! react-color */ "./node_modules/react-color/es/index.js");
 /* harmony import */ var _utils_devwarning__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../_utils/devwarning */ "./components/_utils/devwarning.ts");
-/* harmony import */ var _utils_hooks_useOnClickOutside__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./utils/hooks/useOnClickOutside */ "./components/color-picker/utils/hooks/useOnClickOutside.tsx");
+/* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
 
 
 
@@ -8699,6 +9113,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
     setColTypeArr = props.setColTypeArr,
     setCurrentColorType = props.setCurrentColorType,
     onChange = props.onChange,
+    onVisibleChange = props.onVisibleChange,
     alpha = props.alpha,
     alphaNoVerifyVal = props.alphaNoVerifyVal,
     clickedColorIndex = props.clickedColorIndex,
@@ -8716,7 +9131,9 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
     showPresetColor = props.showPresetColor,
     showColorPickerBox = props.showColorPickerBox,
     showColorPickerPanel = props.showColorPickerPanel,
-    value = props.value;
+    value = props.value,
+    visible = props.visible,
+    showPanel = props.showPanel;
   var panelInputRef = Object(react__WEBPACK_IMPORTED_MODULE_7__["useRef"])(null);
   var panelClsRef = Object(react__WEBPACK_IMPORTED_MODULE_7__["useRef"])(null);
   var Option = _index__WEBPACK_IMPORTED_MODULE_8__["Select"].Option;
@@ -8728,8 +9145,9 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
   var panelCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel"));
   var panelChromePickerCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-chrome"), (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(colorPickerPrefixCls, "-panel-chrome-no-box"), !(showColorPickerBox !== null && showColorPickerBox !== void 0 && showColorPickerBox.showBox)), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(colorPickerPrefixCls, "-panel-chrome-no-hue"), !(showColorPickerBox !== null && showColorPickerBox !== void 0 && showColorPickerBox.showHue)), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(colorPickerPrefixCls, "-panel-chrome-no-opacity"), !(showColorPickerBox !== null && showColorPickerBox !== void 0 && showColorPickerBox.showOpacity)), _classNames));
   var panelFollowThemeCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-switch"));
-  var panelInputCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-input"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(colorPickerPrefixCls, "-panel-input-no-recommend"), !showPresetColor));
-  var transparentCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-transparent"));
+  var panelContainerCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-container"));
+  var panelInputCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-container-input"));
+  var transparentCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-container-transparent"));
   var colorDivContainerCls = classnames__WEBPACK_IMPORTED_MODULE_9___default()("".concat(colorPickerPrefixCls, "-panel-colorDivContainer"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(colorPickerPrefixCls, "-panel-colorDivContainer-unset-color"), (presetColor === null || presetColor === void 0 ? void 0 : presetColor.length) === 0));
   var colorLiClick = function colorLiClick(index, colorValue) {
     var formatArr = Object(_utils_colorFormat__WEBPACK_IMPORTED_MODULE_12__["colorFormat"])(colorValue, alpha);
@@ -8843,8 +9261,11 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
     Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_18__["default"])(!isTrueFormat, 'color-picker', "'presetColor' must be an array of hexadecimal, RGB, HSB, HSL or English color name string type");
     return isTrueFormat;
   };
-  Object(_utils_hooks_useOnClickOutside__WEBPACK_IMPORTED_MODULE_19__["default"])([panelClsRef, inputRef], function () {
-    setShowPanel(false);
+  Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_19__["useOnClickOutside"])([panelClsRef, inputRef], function () {
+    if (typeof visible === 'undefined') {
+      setShowPanel(false);
+    }
+    showPanel && onVisibleChange && onVisibleChange(false);
   });
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_7___default.a.Fragment, null, showColorPickerPanel && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("div", {
     className: panelCls,
@@ -8858,7 +9279,9 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("span", null, (switchName === null || switchName === void 0 ? void 0 : switchName.internationalName) && locale.getLangMsg('ColorPicker', switchName.internationalName) || switchName.name), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_8__["Switch"], {
     checked: isFollow,
     onChange: handleSwitchChange
-  })), showColorTransfer && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_7___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("div", {
+  })), showColorTransfer && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("div", {
+    className: panelContainerCls
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("div", {
     className: panelInputCls,
     ref: panelInputRef
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_8__["Select"], {
@@ -9003,8 +9426,10 @@ var ColorPicker = function ColorPicker(props) {
     placeholder = colorPickerProps.placeholder,
     defaultValue = colorPickerProps.defaultValue,
     defaultOpen = colorPickerProps.defaultOpen,
+    visible = colorPickerProps.visible,
     suffixIcon = colorPickerProps.suffixIcon,
-    onChange = colorPickerProps.onChange;
+    onChange = colorPickerProps.onChange,
+    onVisibleChange = colorPickerProps.onVisibleChange;
   var _useState = Object(react__WEBPACK_IMPORTED_MODULE_10__["useState"])(defaultValue || ''),
     _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 2),
     inputColorValue = _useState2[0],
@@ -9021,7 +9446,7 @@ var ColorPicker = function ColorPicker(props) {
     _useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState7, 2),
     colTypeArr = _useState8[0],
     setColTypeArr = _useState8[1];
-  var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_10__["useState"])(defaultOpen),
+  var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_10__["useState"])(typeof visible === 'undefined' ? !!defaultOpen : !!visible),
     _useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState9, 2),
     showPanel = _useState10[0],
     setShowPanel = _useState10[1];
@@ -9085,8 +9510,16 @@ var ColorPicker = function ColorPicker(props) {
     functionalColor && showSwitch && setIsFollow(false);
   };
   var handleClick = function handleClick() {
-    setShowPanel(!showPanel);
+    if (typeof visible === 'undefined') {
+      setShowPanel(!showPanel);
+    }
+    onVisibleChange && onVisibleChange(!showPanel);
   };
+  Object(react__WEBPACK_IMPORTED_MODULE_10__["useEffect"])(function () {
+    if (typeof visible !== 'undefined') {
+      setShowPanel(visible);
+    }
+  }, [visible]);
   Object(react__WEBPACK_IMPORTED_MODULE_10__["useEffect"])(function () {
     if (value) {
       setIconColor(value);
@@ -9134,7 +9567,10 @@ var ColorPicker = function ColorPicker(props) {
     functionalColorName: functionalColorName,
     switchName: switchName,
     presetColor: presetColor,
-    value: value
+    value: value,
+    visible: visible,
+    showPanel: showPanel,
+    onVisibleChange: onVisibleChange
     // private
     ,
     setInputColorValue: setInputColorValue,
@@ -9162,6 +9598,7 @@ var ColorPicker = function ColorPicker(props) {
     placement: 'bottomLeft',
     defaultVisible: showPanel,
     visible: showPanel,
+    onVisibleChange: null,
     clickToClose: false
   });
   return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_22__["default"])(colorInputEle, panel, popperProps);
@@ -9479,39 +9916,6 @@ function toLowerCase(str) {
 
 /***/ }),
 
-/***/ "./components/color-picker/utils/hooks/useOnClickOutside.tsx":
-/*!*******************************************************************!*\
-  !*** ./components/color-picker/utils/hooks/useOnClickOutside.tsx ***!
-  \*******************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* 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 react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-
-
-var useOnClickOutside = function useOnClickOutside(refArr, handler) {
-  Object(react__WEBPACK_IMPORTED_MODULE_1__["useEffect"])(function () {
-    var mouseDownListener = function mouseDownListener(event) {
-      if (refArr.some(function (ref) {
-        return !ref.current || ref.current.contains(event.target);
-      })) {
-        return;
-      }
-      handler(event);
-    };
-    document.addEventListener('mousedown', mouseDownListener);
-    document.addEventListener('touchstart', mouseDownListener);
-  }, [refArr, handler]);
-};
-/* harmony default export */ __webpack_exports__["default"] = (useOnClickOutside);
-
-/***/ }),
-
 /***/ "./components/color-picker/utils/validateColor.ts":
 /*!********************************************************!*\
   !*** ./components/color-picker/utils/validateColor.ts ***!
@@ -10073,6 +10477,11 @@ var compDefaultProps = {
     showDescription: true,
     optionHighlightProps: 'highlightText',
     allowClear: true
+  },
+  Clipboard: {
+    action: 'copy',
+    disabled: false,
+    size: 'middle'
   }
 };
 /* harmony default export */ __webpack_exports__["default"] = (compDefaultProps);
@@ -20327,7 +20736,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";
@@ -20511,6 +20920,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";
@@ -20577,6 +20989,7 @@ typeof window !== 'undefined') {
 
 
 
+
 
 
 /***/ }),
@@ -22943,7 +23356,9 @@ var locale = _objectSpread(_objectSpread({
   'Table.isNull': '为空',
   'Table.notIsNull': '不为空',
   'Table.resetFilter': '重置',
-  'Table.confirmFilter': '确定'
+  'Table.confirmFilter': '确定',
+  'Select.selectAll': '全选',
+  'Select.seleted': '已选{size}项'
 });
 /* harmony default export */ __webpack_exports__["default"] = (locale);
 
@@ -23942,16 +24357,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());
@@ -28647,8 +29059,12 @@ var InternalSelect = function InternalSelect(props, ref) {
   var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_19__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_23__["default"]),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
-    userDefaultProps = _useContext.compDefaultProps;
+    userDefaultProps = _useContext.compDefaultProps,
+    locale = _useContext.locale;
   var selectProps = Object(_utils__WEBPACK_IMPORTED_MODULE_24__["getCompProps"])('Select', userDefaultProps, props);
+  var selectLangMsg = locale.getCompLangMsg({
+    componentName: 'Select'
+  });
   var size = selectProps.size,
     value = selectProps.value,
     autoFocus = selectProps.autoFocus,
@@ -28684,7 +29100,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,
@@ -28748,7 +29165,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);
@@ -29204,16 +29621,20 @@ var InternalSelect = function InternalSelect(props, ref) {
       className: dropDownCls,
       style: dropdownStyle,
       ref: dropDownRef
-    }, !dropdownRender && childrenToRender.length > 0 ? dropRender(eleOptionList, heightStyle) : null, renderNotContent(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", null, dropdownRender ? dropdownRender(dropRender(childrenToRender, heightStyle)) : null), isMultiple && realChildren.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
+    }, !dropdownRender && childrenToRender.length > 0 ? dropRender(eleOptionList, heightStyle) : null, renderNotContent(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", null, dropdownRender ? dropdownRender(dropRender(eleOptionList, heightStyle)) : null), isMultiple && realChildren.length > 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("div", {
       className: multipleFooterCls
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_26__["Checkbox"], {
       style: checkboxStyle,
       checked: checked,
       indeterminate: indeterminate,
       onChange: handleSelectAll
-    }, "\u5168\u9009"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
+    }, selectLangMsg === null || selectLangMsg === void 0 ? void 0 : selectLangMsg.selectAll), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
       className: "".concat(selectPrefixCls, "-multiple-footer-hadSelected")
-    }, "\u5DF2\u9009", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", null, selectedVal.length), "\u9879")) : null));
+    }, locale.getLangMsg('Select', 'seleted', {
+      size: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_19___default.a.createElement("span", {
+        className: "".concat(selectPrefixCls, "-multiple-footer-hadSelected-number")
+      }, selectedVal.length)
+    }))) : null));
   };
 
   // 处理多选tag
@@ -29415,12 +29836,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) {
@@ -35357,7 +35772,8 @@ 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, {
       value: value,
@@ -35415,7 +35831,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
   var dropDownCls = classnames__WEBPACK_IMPORTED_MODULE_22___default()(dropdownClassName, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___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));
+  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), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames4, "".concat(selectPrefixCls, "-error"), status === 'error'), _classNames4));
   Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
     var arr = [];
     if (isMultiple) {
@@ -35619,6 +36035,9 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
       (_searchRef$current = searchRef.current) === null || _searchRef$current === void 0 ? void 0 : _searchRef$current.focus();
     }
   }, [showSearch, autoFocus, disabled]);
+  Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
+    setSelectedKeys(initValue);
+  }, [initValue]);
 
   // 渲染下拉列表框
   var renderContent = function renderContent() {
@@ -35885,28 +36304,33 @@ __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", "showLine"];
 
-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"];
 
 
 
@@ -35926,12 +36350,14 @@ 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 +36406,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 +36514,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 +36527,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 +36552,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 +36573,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 +36604,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 +36620,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 +36640,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 +36660,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 +36669,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 +36686,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 +36742,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 +36868,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 +36923,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 +36986,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 +37019,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 +37113,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 +37224,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 +37954,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 +37976,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] : [];