tdesign-react 0.18.1 → 0.18.2

package/esm/tree/useStore.js

@@ -1,45 +1,45 @@
 /**
- * tdesign v0.18.1
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import { useRef } from 'react';
-import '../_chunks/dep-9052d175.js';
-import { _ as _ListCache, a as _MapCache } from '../_chunks/dep-cd8b9911.js';
-import { _ as _Map } from '../_chunks/dep-ac24e8fd.js';
-import { _ as _assignValue, a as _baseAssignValue } from '../_chunks/dep-4758c2cb.js';
-import { i as isArguments_1 } from '../_chunks/dep-b5420e42.js';
-import { i as isArray_1 } from '../_chunks/dep-776ae9a7.js';
-import '../_chunks/dep-66287469.js';
-import { i as isBuffer$3, a as isTypedArray_1, _ as _baseKeys, b as _isPrototype, c as _getTag, d as _nodeUtil } from '../_chunks/dep-bbdfa874.js';
-import { _ as _isIndex } from '../_chunks/dep-1d2d6811.js';
-import { i as isArrayLike_1 } from '../_chunks/dep-4adf27fa.js';
-import { i as isObject_1 } from '../_chunks/dep-b78554de.js';
-import '../_chunks/dep-c7c70ac0.js';
-import { a as _root, b as _Symbol$2 } from '../_chunks/dep-2f74dba2.js';
-import { _ as _arrayPush } from '../_chunks/dep-7fd82250.js';
-import { _ as _getPrototype, a as _SetCache, b as _cacheHas, T as TreeStore } from '../_chunks/dep-99336593.js';
-import { i as isObjectLike_1 } from '../_chunks/dep-7e897399.js';
-import { _ as _baseUnary } from '../_chunks/dep-40f6ccc8.js';
-import { e as eq_1 } from '../_chunks/dep-9c3437dc.js';
+import '../_chunks/dep-cb80da27.js';
+import { a as _ListCache, b as _MapCache } from '../_chunks/dep-744f52b3.js';
+import { _ as _Map } from '../_chunks/dep-e83a1558.js';
+import { _ as _assignValue, a as _baseAssignValue } from '../_chunks/dep-4e5953fc.js';
+import { i as isArguments_1 } from '../_chunks/dep-efa4ba54.js';
+import { i as isArray_1 } from '../_chunks/dep-9ad4f4b7.js';
+import '../_chunks/dep-4e491803.js';
+import { i as isBuffer$3, a as isTypedArray_1, _ as _baseKeys, b as _isPrototype, c as _getTag, d as _nodeUtil } from '../_chunks/dep-8faed49a.js';
+import { _ as _isIndex } from '../_chunks/dep-1b2238b1.js';
+import { i as isArrayLike_1 } from '../_chunks/dep-039ac0dd.js';
+import { i as isObject_1 } from '../_chunks/dep-504203df.js';
+import '../_chunks/dep-74a044dc.js';
+import { a as _root, b as _Symbol$2 } from '../_chunks/dep-b6ff8559.js';
+import { _ as _arrayPush } from '../_chunks/dep-32b70135.js';
+import { _ as _getPrototype, a as _SetCache, b as _cacheHas, T as TreeStore } from '../_chunks/dep-b44aec31.js';
+import { i as isObjectLike_1 } from '../_chunks/dep-f3eac264.js';
+import { _ as _baseUnary } from '../_chunks/dep-f7d3ea79.js';
+import { e as eq_1 } from '../_chunks/dep-ed9505a3.js';
 import useUpdateEffect from '../_util/useUpdateEffect.js';
 import { usePersistFn } from '../_util/usePersistFn.js';
-import '../_chunks/dep-45dee455.js';
-import '../_chunks/dep-0a958aee.js';
-import '../_chunks/dep-f18dfb6c.js';
-import '../_chunks/dep-53a5fcb7.js';
-import '../_chunks/dep-c4d6268b.js';
-import '../_chunks/dep-b05711f1.js';
-import '../_chunks/dep-766ddb96.js';
-import '../_chunks/dep-420a010b.js';
-import '../_chunks/dep-0e364f89.js';
-import '../_chunks/dep-222f3011.js';
-import '../_chunks/dep-d056abc2.js';
-import '../_chunks/dep-2fdea8b5.js';
-import '../_chunks/dep-8d2e5702.js';
-import '../_chunks/dep-bc117952.js';
-import '../_chunks/dep-ce96caf9.js';
+import '../_chunks/dep-1189939f.js';
+import '../_chunks/dep-9d2e7b62.js';
+import '../_chunks/dep-43869d17.js';
+import '../_chunks/dep-83646039.js';
+import '../_chunks/dep-47afb0bc.js';
+import '../_chunks/dep-efe7433b.js';
+import '../_chunks/dep-bb05ae7d.js';
+import '../_chunks/dep-9c56e17c.js';
+import '../_chunks/dep-11b4e1d1.js';
+import '../_chunks/dep-2eeaa58b.js';
+import '../_chunks/dep-6a5b1968.js';
+import '../_chunks/dep-b6158110.js';
+import '../_chunks/dep-8037ad24.js';
+import '../_chunks/dep-5ec09fbd.js';
+import '../_chunks/dep-0c106052.js';
 
 var ListCache$2 = _ListCache;
 /**

package/esm/tree/useTreeConfig.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.1
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */

package/esm/tree-select/TreeSelect.js

@@ -1,50 +1,48 @@
 /**
- * tdesign v0.18.1
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-b05711f1.js';
-import { _ as _slicedToArray } from '../_chunks/dep-24340815.js';
+import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
+import { _ as _slicedToArray } from '../_chunks/dep-2f008905.js';
 import React__default, { forwardRef, useRef, useState, useMemo, useCallback, useEffect } from 'react';
-import classNames from 'classnames';
-import { i as isArray_1 } from '../_chunks/dep-776ae9a7.js';
-import { i as isEmpty_1 } from '../_chunks/dep-cb44c6cb.js';
-import { i as isString_1 } from '../_chunks/dep-8bc12c0f.js';
-import '../_chunks/dep-9052d175.js';
-import { _ as _baseGetTag } from '../_chunks/dep-2f74dba2.js';
-import { i as isObjectLike_1 } from '../_chunks/dep-7e897399.js';
-import { i as isFunction_1 } from '../_chunks/dep-53a5fcb7.js';
-import { CloseCircleFilledIcon, LoadingIcon } from 'tdesign-icons-react';
+import { i as isArray_1 } from '../_chunks/dep-9ad4f4b7.js';
+import { i as isEmpty_1 } from '../_chunks/dep-3959464c.js';
+import '../_chunks/dep-cb80da27.js';
+import { _ as _baseGetTag } from '../_chunks/dep-b6ff8559.js';
+import { i as isObjectLike_1 } from '../_chunks/dep-f3eac264.js';
+import { i as isFunction_1 } from '../_chunks/dep-83646039.js';
 import { useLocaleReceiver } from '../locale/LocalReceiver.js';
-import useCommonClassName from '../_util/useCommonClassName.js';
 import useConfig from '../_util/useConfig.js';
 import useDefault from '../_util/useDefault.js';
 import { Popup } from '../popup/index.js';
-import { Tag } from '../tag/index.js';
 import { Tree } from '../tree/index.js';
-import { T as TreeStore } from '../_chunks/dep-99336593.js';
-import FakeArrow from '../common/FakeArrow.js';
-import { Input } from '../input/index.js';
-import '../_chunks/dep-d056abc2.js';
-import '../_chunks/dep-bbdfa874.js';
-import '../_chunks/dep-766ddb96.js';
-import '../_chunks/dep-40f6ccc8.js';
-import '../_chunks/dep-ac24e8fd.js';
-import '../_chunks/dep-c4d6268b.js';
-import '../_chunks/dep-b78554de.js';
-import '../_chunks/dep-45dee455.js';
-import '../_chunks/dep-c7c70ac0.js';
-import '../_chunks/dep-b5420e42.js';
-import '../_chunks/dep-66287469.js';
-import '../_chunks/dep-4adf27fa.js';
+import { T as TreeStore } from '../_chunks/dep-b44aec31.js';
+import TreeSelectTags from './TreeSelectTags.js';
+import TreeSelectTags$1 from './TreeSelectInput.js';
+import TreeSelectSuffix from './TreeSelectSuffix.js';
+import useTreeSelectConfig from './useTreeSelectConfig.js';
+import '../_chunks/dep-6a5b1968.js';
+import '../_chunks/dep-8faed49a.js';
+import '../_chunks/dep-bb05ae7d.js';
+import '../_chunks/dep-f7d3ea79.js';
+import '../_chunks/dep-e83a1558.js';
+import '../_chunks/dep-47afb0bc.js';
+import '../_chunks/dep-504203df.js';
+import '../_chunks/dep-1189939f.js';
+import '../_chunks/dep-74a044dc.js';
+import '../_chunks/dep-efa4ba54.js';
+import '../_chunks/dep-4e491803.js';
+import '../_chunks/dep-039ac0dd.js';
 import '../config-provider/index.js';
 import '../config-provider/ConfigProvider.js';
-import '../_chunks/dep-79c7181c.js';
+import '../_chunks/dep-016d27a7.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../_util/noop.js';
 import '../popup/Popup.js';
+import 'classnames';
 import 'react-popper';
 import '../_util/composeRefs.js';
 import '../_util/usePrevious.js';
@@ -54,49 +52,64 @@ import '../popup/useTriggerProps.js';
 import '../_util/useClickOutside.js';
 import '../popup/style/index.js';
 import '../_type/components/popup/index.js';
-import '../tag/Tag.js';
-import '../_util/forwardRefWithStatics.js';
-import 'hoist-non-react-statics';
-import '../tag/CheckTag.js';
-import '../tag/style/index.js';
-import '../_type/components/tag/index.js';
 import '../tree/Tree.js';
 import 'react-transition-group';
 import '../_util/usePersistFn.js';
 import '../tree/useTreeConfig.js';
 import '../tree/useControllable.js';
 import '../tree/TreeItem.js';
+import 'tdesign-icons-react';
+import '../loading/index.js';
+import '../loading/loading.js';
+import '../_util/dom.js';
+import 'raf';
+import '../_chunks/dep-e507e9db.js';
+import '../_util/easing.js';
+import '../common/Portal.js';
+import '../_chunks/dep-65c183dc.js';
+import '../loading/style/index.js';
+import '../_type/components/loading/index.js';
 import '../_util/useRipple.js';
 import '../_util/setStyle.js';
 import '../checkbox/index.js';
-import '../checkbox/Checkbox.js';
+import '../_chunks/dep-edb4c08f.js';
+import '../_util/forwardRefWithStatics.js';
+import 'hoist-non-react-statics';
 import '../common/Check.js';
-import '../checkbox/CheckboxGroup.js';
-import '../_chunks/dep-cbd5adc9.js';
+import '../_util/helper.js';
+import '../_chunks/dep-8037ad24.js';
+import '../_chunks/dep-43869d17.js';
+import '../_chunks/dep-9d2e7b62.js';
+import '../_chunks/dep-5ec09fbd.js';
+import '../_chunks/dep-0c106052.js';
+import '../_chunks/dep-462edfd5.js';
 import '../checkbox/style/index.js';
 import '../_type/components/checkbox/index.js';
 import '../tree/useStore.js';
-import '../_chunks/dep-cd8b9911.js';
-import '../_chunks/dep-0a958aee.js';
-import '../_chunks/dep-9c3437dc.js';
-import '../_chunks/dep-f18dfb6c.js';
-import '../_chunks/dep-4758c2cb.js';
-import '../_chunks/dep-1d2d6811.js';
-import '../_chunks/dep-7fd82250.js';
+import '../_chunks/dep-744f52b3.js';
+import '../_chunks/dep-ed9505a3.js';
+import '../_chunks/dep-4e5953fc.js';
+import '../_chunks/dep-1b2238b1.js';
+import '../_chunks/dep-32b70135.js';
 import '../_util/useUpdateEffect.js';
-import '../_chunks/dep-420a010b.js';
-import '../_chunks/dep-0e364f89.js';
-import '../_chunks/dep-222f3011.js';
-import '../_chunks/dep-2fdea8b5.js';
-import '../_chunks/dep-8d2e5702.js';
-import '../_chunks/dep-bc117952.js';
-import '../_chunks/dep-ce96caf9.js';
+import '../_chunks/dep-9c56e17c.js';
+import '../_chunks/dep-11b4e1d1.js';
+import '../_chunks/dep-2eeaa58b.js';
+import '../_chunks/dep-b6158110.js';
 import '../_type/components/tree/index.js';
+import '../tag/index.js';
+import '../tag/Tag.js';
+import '../tag/CheckTag.js';
+import '../tag/style/index.js';
+import '../_type/components/tag/index.js';
+import '../input/index.js';
 import '../input/Input.js';
 import '../input/InputGroup.js';
 import '../_util/useDefaultValue.js';
 import '../input/style/index.js';
 import '../_type/components/input/index.js';
+import '../common/FakeArrow.js';
+import '../_util/useCommonClassName.js';
 
 var baseGetTag = _baseGetTag,
     isObjectLike = isObjectLike_1;
@@ -130,47 +143,26 @@ var isBoolean_1 = isBoolean;
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var defaultPopupProps = {
-  trigger: "click",
-  placement: "bottom-left",
-  overlayClassName: "",
-  overlayStyle: function overlayStyle(trigger) {
-    return {
-      width: "".concat(trigger.offsetWidth, "px")
-    };
-  }
-};
 var TreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _classNames;
-
   var treeSelectClassName = props.className,
       treeSelectStyle = props.style,
       disabled = props.disabled,
-      size = props.size,
       multiple = props.multiple,
       prefixIcon = props.prefixIcon,
-      popupProps = props.popupProps,
       valueType = props.valueType,
-      clearable = props.clearable,
       loading = props.loading,
       max = props.max,
-      placeholder = props.placeholder,
       treeProps = props.treeProps,
       empty = props.empty,
       data = props.data,
       loadingText = props.loadingText,
       filter = props.filter,
       filterable = props.filterable,
-      onSearch = props.onSearch,
-      onBlur = props.onBlur,
-      onFocus = props.onFocus,
-      onClear = props.onClear,
-      onRemove = props.onRemove;
+      onClear = props.onClear;
 
   var _useConfig = useConfig(),
       classPrefix = _useConfig.classPrefix;
 
-  var CLASSNAMES = useCommonClassName();
   var popupRef = useRef(null);
   var treeRef = useRef(null);
   var inputRef = useRef(null);
@@ -215,6 +207,13 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
       value = _useDefault2[0],
       onChange = _useDefault2[1];
 
+  var _useTreeSelectConfig = useTreeSelectConfig(_objectSpread({
+    visible: visible
+  }, props)),
+      selectClassName = _useTreeSelectConfig.selectClassName,
+      popupObject = _useTreeSelectConfig.popupObject,
+      popupClassName = _useTreeSelectConfig.popupClassName;
+
   var defaultStore = new TreeStore(_objectSpread({}, treeProps));
   defaultStore.append(data);
 
@@ -239,11 +238,6 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
 
     return nodeInfo ? nodeInfo.label : "".concat(value);
   }, [multiple, value, nodeInfo]);
-  var selectClass = classNames("".concat(classPrefix, "-select"), (_classNames = {}, _defineProperty(_classNames, CLASSNAMES.STATUS.disabled, disabled), _defineProperty(_classNames, CLASSNAMES.STATUS.active, visible), _defineProperty(_classNames, CLASSNAMES.SIZE[size], size), _defineProperty(_classNames, "".concat(classPrefix, "-has-prefix"), prefixIcon), _defineProperty(_classNames, "".concat(classPrefix, "-select-selected"), selectedSingle || !isEmpty_1(selectedMultiple)), _classNames));
-  var popupObject = useMemo(function () {
-    return Object.assign(defaultPopupProps, popupProps);
-  }, [popupProps]);
-  var popupClass = classNames(popupObject.overlayClassName, "".concat(classPrefix, "-select-dropdown"), "narrow-scrollbar");
   var checked = useMemo(function () {
     if (multiple) {
       if (valueType === "object") {
@@ -257,15 +251,9 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
 
     return [];
   }, [multiple, valueType, value]);
-  var showArrow = useMemo(function () {
-    return !clearable || !isHover || disabled || !multiple && !value && value !== 0 || multiple && isArray_1(value) && isEmpty_1(value);
-  }, [clearable, isHover, disabled, multiple, value]);
   var showLoading = useMemo(function () {
     return loading && !disabled;
   }, [loading, disabled]);
-  var showClose = useMemo(function () {
-    return clearable && isHover && !disabled && (!multiple && (!!value || value === 0) || multiple && !isEmpty_1(value));
-  }, [clearable, isHover, disabled, multiple, value]);
   var showFilter = useMemo(function () {
     if (disabled) {
       return false;
@@ -277,13 +265,6 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
 
     return filterable || isFunction_1(filter);
   }, [disabled, multiple, selectedSingle, filterable, visible, filter]);
-  var showPlaceholder = useMemo(function () {
-    if (!showFilter && (isString_1(value) && value === "" && !selectedSingle || isArray_1(value) && isEmpty_1(value) || value === null)) {
-      return true;
-    }
-
-    return false;
-  }, [showFilter, value, selectedSingle]);
   var multiLimitDisabled = useMemo(function () {
     if (multiple && max && isArray_1(value) && max <= value.length) {
       return true;
@@ -291,17 +272,6 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
 
     return false;
   }, [multiple, max, value]);
-  var filterPlaceholder = useMemo(function () {
-    if (multiple && isArray_1(value) && !isEmpty_1(value)) {
-      return "";
-    }
-
-    if (!multiple && selectedSingle) {
-      return selectedSingle;
-    }
-
-    return placeholder;
-  }, [multiple, value, selectedSingle, placeholder]);
   var realLabel = useMemo(function () {
     if (!isEmpty_1(treeProps) && !isEmpty_1(treeProps.keys)) {
       return treeProps.keys.label || "label";
@@ -348,13 +318,8 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     changeNodeInfo(value);
   }, [value, valueType]);
 
-  function handleChange(value2, node) {
-    onChange === null || onChange === void 0 ? void 0 : onChange(value2, {
-      node: node
-    });
-  }
-
   function handleClear(e) {
+    e.stopPropagation();
     var defaultValue = multiple ? [] : "";
     onChange === null || onChange === void 0 ? void 0 : onChange(defaultValue, null);
     setActived([]);
@@ -391,27 +356,6 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     }
   }
 
-  function onInput(value2) {
-    setFilterText(value2);
-    onSearch === null || onSearch === void 0 ? void 0 : onSearch(value2);
-  }
-
-  function handleBlur(value2, context) {
-    setFocusing(false);
-    onBlur === null || onBlur === void 0 ? void 0 : onBlur({
-      value: value2,
-      e: context.e
-    });
-  }
-
-  function handleFocus(value2, context) {
-    setFocusing(true);
-    onFocus === null || onFocus === void 0 ? void 0 : onFocus({
-      value: value2,
-      e: context.e
-    });
-  }
-
   function treeNodeChange(value2, context) {
     var current = value2;
 
@@ -425,7 +369,7 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
       });
     }
 
-    handleChange(current, context.node);
+    onChange === null || onChange === void 0 ? void 0 : onChange(current, context);
   }
 
   function treeNodeActive(value2, context) {
@@ -434,14 +378,14 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     var node = treeRef.current.getItem(nodeValue);
     var current = nodeValue;
 
-    if (valueType === "object") {
+    if (valueType === "object" && node) {
       current = {
         label: node.data[realLabel],
         value: node.data[realValue]
       };
     }
 
-    handleChange(current, context.node);
+    onChange === null || onChange === void 0 ? void 0 : onChange(current, context);
     setFilterText("");
     setVisible(false);
   }
@@ -450,20 +394,6 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     setExpanded(value2);
   }
 
-  function removeTag(index, data2, e) {
-    if (disabled) {
-      return;
-    }
-
-    onRemove === null || onRemove === void 0 ? void 0 : onRemove({
-      value: value[index],
-      data: data2,
-      e: e
-    });
-    isArray_1(value) && value.splice(index, 1);
-    onChange === null || onChange === void 0 ? void 0 : onChange(value, null);
-  }
-
   function popupVisibleChange(visible2) {
     if (focusing && !visible2) {
       setVisible(true);
@@ -507,29 +437,11 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     onActive: treeNodeActive,
     onExpand: treeNodeExpand
   }, treeProps));
-  var searchInput = showFilter && /* @__PURE__ */React__default.createElement(Input, {
-    ref: inputRef,
-    value: filterText,
-    className: "".concat(classPrefix, "-select-input"),
-    size: size,
-    disabled: disabled,
-    placeholder: filterPlaceholder,
-    onInput: onInput,
-    onBlur: handleBlur,
-    onFocus: handleFocus
-  });
-  var tagItem = tagList.map(function (label, index) {
-    return /* @__PURE__ */React__default.createElement(Tag, {
-      key: index,
-      size: size,
-      closable: !disabled,
-      disabled: disabled,
-      onClose: function onClose(_ref) {
-        var e = _ref.e;
-        return removeTag(index, null, e);
-      }
-    }, label);
-  });
+  var loadingTip = showLoading && /* @__PURE__ */React__default.createElement("p", {
+    className: "".concat(classPrefix, "-select-loading-tips")
+  }, loadingText || /* @__PURE__ */React__default.createElement("div", {
+    className: "".concat(classPrefix, "-select-empty")
+  }, loadingTextLabel));
   return /* @__PURE__ */React__default.createElement("div", {
     ref: ref,
     className: treeSelectClassName,
@@ -542,18 +454,14 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     placement: popupObject.placement,
     trigger: popupObject.trigger,
     overlayStyle: popupObject.overlayStyle,
-    overlayClassName: popupClass,
+    overlayClassName: popupClassName,
     onVisibleChange: popupVisibleChange,
-    content: /* @__PURE__ */React__default.createElement(React__default.Fragment, null, showLoading && /* @__PURE__ */React__default.createElement("p", {
-      className: "".concat(classPrefix, "-select-loading-tips")
-    }, loadingText || /* @__PURE__ */React__default.createElement("div", {
-      className: "".concat(classPrefix, "-select-empty")
-    }, loadingTextLabel)), treeItem)
+    content: /* @__PURE__ */React__default.createElement(React__default.Fragment, null, loadingTip, treeItem)
   }, /* @__PURE__ */React__default.createElement("div", {
     style: {
       minHeight: 30
     },
-    className: selectClass,
+    className: selectClassName,
     onMouseEnter: function onMouseEnter() {
       return setIsHover(true);
     },
@@ -562,22 +470,21 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     }
   }, prefixIcon && /* @__PURE__ */React__default.createElement("span", {
     className: "".concat(classPrefix, "-select-left-icon")
-  }, prefixIcon), showPlaceholder && /* @__PURE__ */React__default.createElement("span", {
-    className: "".concat(classPrefix, "-select-placeholder")
-  }, placeholder), tagItem, !multiple && !showPlaceholder && !showFilter && /* @__PURE__ */React__default.createElement("span", {
-    className: "".concat(classPrefix, "-select-selectedSingle")
-  }, selectedSingle), searchInput, showArrow && !showLoading && /* @__PURE__ */React__default.createElement(FakeArrow, {
-    overlayClassName: "".concat(classPrefix, "-select-right-icon"),
-    isActive: visible,
-    disabled: disabled
-  }), showClose && !showLoading && /* @__PURE__ */React__default.createElement(CloseCircleFilledIcon, {
-    className: "".concat(classPrefix, "-select-right-icon"),
-    size: size,
-    onClick: handleClear
-  }), showLoading && /* @__PURE__ */React__default.createElement(LoadingIcon, {
-    className: "".concat(classPrefix, "-select-right-icon ").concat(classPrefix, "-select-active-icon"),
-    size: size
-  }))));
+  }, prefixIcon), /* @__PURE__ */React__default.createElement(TreeSelectTags, _objectSpread({
+    tagList: tagList
+  }, props)), /* @__PURE__ */React__default.createElement(TreeSelectTags$1, _objectSpread({
+    ref: inputRef,
+    visible: visible,
+    filterText: filterText,
+    selectedSingle: selectedSingle,
+    setFocusing: setFocusing,
+    setFilterText: setFilterText
+  }, props)), /* @__PURE__ */React__default.createElement(TreeSelectSuffix, _objectSpread({
+    visible: visible,
+    isHover: isHover,
+    showLoading: showLoading,
+    handleClear: handleClear
+  }, props)))));
 });
 TreeSelect.displayName = "TreeSelect";
 TreeSelect.defaultProps = {
@@ -592,7 +499,8 @@ TreeSelect.defaultProps = {
   multiple: false,
   placeholder: "\u8BF7\u8F93\u5165",
   size: "medium",
-  valueType: "value"
+  valueType: "value",
+  minCollapsedNum: 0
 };
 
 export { TreeSelect as default };