tdesign-react 0.27.0 → 0.28.0

package/es/tree/useStore.js

@@ -1,59 +1,59 @@
 /**
- * tdesign v0.27.0
+ * tdesign v0.28.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
 import { useRef } from 'react';
-import '../_chunks/dep-c4d967ba.js';
-import { _ as _baseClone } from '../_chunks/dep-5ef23705.js';
+import '../_chunks/dep-151f48f7.js';
+import { _ as _baseClone } from '../_chunks/dep-6e030c19.js';
 import useUpdateEffect from '../_util/useUpdateEffect.js';
 import { TreeStore } from '../_common/js/tree/tree-store.js';
 import { usePersistFn } from '../_util/usePersistFn.js';
-import '../_chunks/dep-a1a3d5a3.js';
-import '../_chunks/dep-c425244b.js';
-import '../_chunks/dep-ef11c265.js';
-import '../_chunks/dep-8b9d6408.js';
-import '../_chunks/dep-487c4043.js';
-import '../_chunks/dep-e2b8542f.js';
-import '../_chunks/dep-900064e4.js';
-import '../_chunks/dep-00d03701.js';
-import '../_chunks/dep-aef10af2.js';
-import '../_chunks/dep-a58e1dec.js';
-import '../_chunks/dep-efb50bf2.js';
-import '../_chunks/dep-ae13b294.js';
-import '../_chunks/dep-aedff59d.js';
-import '../_chunks/dep-80444892.js';
-import '../_chunks/dep-e9372759.js';
-import '../_chunks/dep-ca202387.js';
-import '../_chunks/dep-3154f3fb.js';
-import '../_chunks/dep-0a442900.js';
-import '../_chunks/dep-98adc7a1.js';
+import '../_chunks/dep-e75b3a36.js';
+import '../_chunks/dep-bae013d5.js';
+import '../_chunks/dep-104db64f.js';
+import '../_chunks/dep-bbc93b3b.js';
+import '../_chunks/dep-880a5ebd.js';
+import '../_chunks/dep-5c760193.js';
+import '../_chunks/dep-00edd605.js';
+import '../_chunks/dep-9e25e98e.js';
+import '../_chunks/dep-6aea4a72.js';
+import '../_chunks/dep-18190a86.js';
+import '../_chunks/dep-c1b098f3.js';
+import '../_chunks/dep-80125e94.js';
+import '../_chunks/dep-c3351e4f.js';
+import '../_chunks/dep-bff17e29.js';
+import '../_chunks/dep-6c8424d7.js';
+import '../_chunks/dep-69e0e6c3.js';
+import '../_chunks/dep-3da8c532.js';
+import '../_chunks/dep-e4b64a7f.js';
+import '../_chunks/dep-990275aa.js';
 import '../_util/useLayoutEffect.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-cbe5cee9.js';
+import '../_chunks/dep-6dacf1e7.js';
 import '../_util/easing.js';
-import '../_chunks/dep-0dee7a0e.js';
-import '../_chunks/dep-90afcbd7.js';
-import '../_chunks/dep-07ae0579.js';
-import '../_chunks/dep-45d1cb64.js';
-import '../_chunks/dep-eef8ab0a.js';
-import '../_chunks/dep-4b698bc9.js';
-import '../_chunks/dep-eabe1e47.js';
-import '../_chunks/dep-a580dd04.js';
-import '../_chunks/dep-64dbf2f1.js';
+import '../_chunks/dep-b3f274e6.js';
+import '../_chunks/dep-ee1680b8.js';
+import '../_chunks/dep-f1a5d7df.js';
+import '../_chunks/dep-a9d16482.js';
+import '../_chunks/dep-d9dba7f7.js';
+import '../_chunks/dep-a5b135ae.js';
+import '../_chunks/dep-84a7dd49.js';
+import '../_chunks/dep-1baef241.js';
+import '../_chunks/dep-a716504a.js';
 import '../_common/js/tree/tree-node-model.js';
-import '../_chunks/dep-ba1955b8.js';
-import '../_chunks/dep-6ca5a421.js';
-import '../_chunks/dep-41f3fa75.js';
-import '../_chunks/dep-11b967c7.js';
+import '../_chunks/dep-cae0a320.js';
+import '../_chunks/dep-92ab2a98.js';
+import '../_chunks/dep-f6612745.js';
+import '../_chunks/dep-e71391c4.js';
 import '../_common/js/log/log.js';
-import '../_chunks/dep-d7e97d57.js';
-import '../_chunks/dep-b7958f21.js';
-import '../_chunks/dep-4e40e7c7.js';
-import '../_chunks/dep-3dd84fdd.js';
-import '../_chunks/dep-e533ac24.js';
+import '../_chunks/dep-7ac5e481.js';
+import '../_chunks/dep-9d897185.js';
+import '../_chunks/dep-789a9cff.js';
+import '../_chunks/dep-c216b563.js';
+import '../_chunks/dep-33d27597.js';
 
 var baseClone = _baseClone;
 /** Used to compose bitmasks for cloning. */

package/es/tree/useTreeConfig.js

@@ -1,34 +1,34 @@
 /**
- * tdesign v0.27.0
+ * tdesign v0.28.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _slicedToArray } from '../_chunks/dep-d5157cdb.js';
+import { _ as _slicedToArray } from '../_chunks/dep-80ab7817.js';
 import { useMemo } from 'react';
 import useConfig from '../_util/useConfig.js';
 import { useLocaleReceiver } from '../locale/LocalReceiver.js';
-import '../_chunks/dep-eef8ab0a.js';
-import '../_chunks/dep-0414ef9d.js';
-import '../_chunks/dep-0dee7a0e.js';
-import '../_chunks/dep-c4d967ba.js';
-import '../_chunks/dep-a1a3d5a3.js';
-import '../_chunks/dep-c425244b.js';
-import '../_chunks/dep-ef11c265.js';
-import '../_chunks/dep-8b9d6408.js';
-import '../_chunks/dep-487c4043.js';
-import '../_chunks/dep-e2b8542f.js';
-import '../_chunks/dep-900064e4.js';
-import '../_chunks/dep-00d03701.js';
-import '../_chunks/dep-aef10af2.js';
-import '../_chunks/dep-a58e1dec.js';
-import '../_chunks/dep-efb50bf2.js';
-import '../_chunks/dep-ae13b294.js';
-import '../_chunks/dep-aedff59d.js';
-import '../_chunks/dep-80444892.js';
-import '../_chunks/dep-e9372759.js';
-import '../_chunks/dep-ca202387.js';
-import '../_chunks/dep-e838bdb4.js';
+import '../_chunks/dep-d9dba7f7.js';
+import '../_chunks/dep-6e074833.js';
+import '../_chunks/dep-b3f274e6.js';
+import '../_chunks/dep-151f48f7.js';
+import '../_chunks/dep-e75b3a36.js';
+import '../_chunks/dep-bae013d5.js';
+import '../_chunks/dep-104db64f.js';
+import '../_chunks/dep-bbc93b3b.js';
+import '../_chunks/dep-880a5ebd.js';
+import '../_chunks/dep-5c760193.js';
+import '../_chunks/dep-00edd605.js';
+import '../_chunks/dep-9e25e98e.js';
+import '../_chunks/dep-6aea4a72.js';
+import '../_chunks/dep-18190a86.js';
+import '../_chunks/dep-c1b098f3.js';
+import '../_chunks/dep-80125e94.js';
+import '../_chunks/dep-c3351e4f.js';
+import '../_chunks/dep-bff17e29.js';
+import '../_chunks/dep-6c8424d7.js';
+import '../_chunks/dep-69e0e6c3.js';
+import '../_chunks/dep-01ecbe32.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../config-provider/zh_CN_config.js';

package/es/tree-select/SelectArrow.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface SelectArrowProps {
+    isActive: boolean;
+    isHighlight: boolean;
+    disabled: boolean;
+}
+export declare const SelectArrow: ({ isActive, isHighlight, disabled }: SelectArrowProps) => JSX.Element;
+export {};

package/es/tree-select/SelectArrow.js

@@ -0,0 +1,53 @@
+/**
+ * tdesign v0.28.0
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import { _ as _defineProperty } from '../_chunks/dep-b3f274e6.js';
+import classNames from 'classnames';
+import React from 'react';
+import FakeArrow from '../common/FakeArrow.js';
+import useConfig from '../_util/useConfig.js';
+import '../_chunks/dep-6e074833.js';
+import '../_chunks/dep-151f48f7.js';
+import '../_chunks/dep-e75b3a36.js';
+import '../_chunks/dep-bae013d5.js';
+import '../_chunks/dep-104db64f.js';
+import '../_chunks/dep-bbc93b3b.js';
+import '../_chunks/dep-880a5ebd.js';
+import '../_chunks/dep-5c760193.js';
+import '../_chunks/dep-00edd605.js';
+import '../_chunks/dep-9e25e98e.js';
+import '../_chunks/dep-6aea4a72.js';
+import '../_chunks/dep-18190a86.js';
+import '../_chunks/dep-c1b098f3.js';
+import '../_chunks/dep-80125e94.js';
+import '../_chunks/dep-c3351e4f.js';
+import '../_chunks/dep-bff17e29.js';
+import '../_chunks/dep-6c8424d7.js';
+import '../_chunks/dep-69e0e6c3.js';
+import '../_chunks/dep-01ecbe32.js';
+import '../locale/zh_CN.js';
+import '../_common/js/global-config/locale/zh_CN.js';
+import '../config-provider/zh_CN_config.js';
+
+var SelectArrow = function SelectArrow(_ref) {
+  var _classNames;
+
+  var isActive = _ref.isActive,
+      isHighlight = _ref.isHighlight,
+      disabled = _ref.disabled;
+
+  var _useConfig = useConfig(),
+      classPrefix = _useConfig.classPrefix;
+
+  return /* @__PURE__ */React.createElement(FakeArrow, {
+    isActive: isActive,
+    disabled: disabled,
+    overlayClassName: classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-fake-arrow--highlight"), isHighlight), _defineProperty(_classNames, "".concat(classPrefix, "-fake-arrow--disable"), disabled), _classNames))
+  });
+};
+
+export { SelectArrow };
+//# sourceMappingURL=SelectArrow.js.map

package/es/tree-select/SelectArrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectArrow.js","sources":["../../src/tree-select/SelectArrow.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React from 'react';\nimport FakeArrow from '../common/FakeArrow';\nimport useConfig from '../_util/useConfig';\n\ninterface SelectArrowProps {\n  isActive: boolean;\n  isHighlight: boolean;\n  disabled: boolean;\n}\n\nexport const SelectArrow = ({ isActive, isHighlight, disabled }: SelectArrowProps) => {\n  const { classPrefix } = useConfig();\n  return (\n    <FakeArrow\n      isActive={isActive}\n      disabled={disabled}\n      overlayClassName={classNames({\n        [`${classPrefix}-fake-arrow--highlight`]: isHighlight,\n        [`${classPrefix}-fake-arrow--disable`]: disabled,\n      })}\n    />\n  );\n};\n"],"names":["SelectArrow","isActive","isHighlight","disabled","useConfig","classPrefix","React","createElement","FakeArrow","overlayClassName","classNames"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIaA,IAAAA,WAAW,GAAG,SAAdA,WAAc,CAAyC,IAAA,EAAA;AAAA,EAAA,IAAA,WAAA,CAAA;;AAAA,EAAtCC,IAAAA,QAAsC,QAAtCA,QAAsC;AAAA,MAA5BC,WAA4B,QAA5BA,WAA4B;AAAA,MAAfC,QAAe,QAAfA,QAAe,CAAA;;AAClE,EAAA,IAAA,UAAA,GAAwBC,SAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR,CAAA;;AACA,EAAA,sBAAuBC,KAAK,CAACC,aAAN,CAAoBC,SAApB,EAA+B;AACpDP,IAAAA,QAAQ,EAARA,QADoD;AAEpDE,IAAAA,QAAQ,EAARA,QAFoD;AAGpDM,IAAAA,gBAAgB,EAAEC,UAAU,EACtBL,WAAAA,GAAAA,EAAAA,EAAAA,eAAAA,CAAAA,WAAAA,EAAAA,EAAAA,CAAAA,MAAAA,CAAAA,WADsB,6BACgBH,WADhB,CAAA,EAAA,eAAA,CAAA,WAAA,EAAA,EAAA,CAAA,MAAA,CAEtBG,WAFsB,EAAA,sBAAA,CAAA,EAEcF,QAFd,CAAA,EAAA,WAAA,EAAA;AAHwB,GAA/B,CAAvB,CAAA;AAQD;;;;"}

package/es/tree-select/TreeSelect.js

@@ -1,12 +1,12 @@
 /**
- * tdesign v0.27.0
+ * tdesign v0.28.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-0dee7a0e.js';
-import { _ as _slicedToArray } from '../_chunks/dep-d5157cdb.js';
-import React, { forwardRef, useState, useRef, useMemo, useCallback, useEffect } from 'react';
+import { _ as _defineProperty } from '../_chunks/dep-b3f274e6.js';
+import { _ as _slicedToArray } from '../_chunks/dep-80ab7817.js';
+import React, { forwardRef, useRef, useMemo, useCallback, useEffect } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
 import useDefault from '../_util/useDefault.js';
@@ -16,29 +16,29 @@ import { usePersistFn } from '../_util/usePersistFn.js';
 import useSwitch from '../_util/useSwitch.js';
 import noop from '../_util/noop.js';
 import { useTreeSelectUtils } from './useTreeSelectUtils.js';
-import { TreeSelectArrow } from './TreeSelectArrow.js';
+import { SelectArrow } from './SelectArrow.js';
 import { useTreeSelectPassThroughProps } from './useTreeSelectPassthoughProps.js';
 import { useTreeSelectLocale } from './useTreeSelectLocale.js';
-import '../_chunks/dep-eef8ab0a.js';
-import '../_chunks/dep-0414ef9d.js';
-import '../_chunks/dep-c4d967ba.js';
-import '../_chunks/dep-a1a3d5a3.js';
-import '../_chunks/dep-c425244b.js';
-import '../_chunks/dep-ef11c265.js';
-import '../_chunks/dep-8b9d6408.js';
-import '../_chunks/dep-487c4043.js';
-import '../_chunks/dep-e2b8542f.js';
-import '../_chunks/dep-900064e4.js';
-import '../_chunks/dep-00d03701.js';
-import '../_chunks/dep-aef10af2.js';
-import '../_chunks/dep-a58e1dec.js';
-import '../_chunks/dep-efb50bf2.js';
-import '../_chunks/dep-ae13b294.js';
-import '../_chunks/dep-aedff59d.js';
-import '../_chunks/dep-80444892.js';
-import '../_chunks/dep-e9372759.js';
-import '../_chunks/dep-ca202387.js';
-import '../_chunks/dep-e838bdb4.js';
+import '../_chunks/dep-d9dba7f7.js';
+import '../_chunks/dep-6e074833.js';
+import '../_chunks/dep-151f48f7.js';
+import '../_chunks/dep-e75b3a36.js';
+import '../_chunks/dep-bae013d5.js';
+import '../_chunks/dep-104db64f.js';
+import '../_chunks/dep-bbc93b3b.js';
+import '../_chunks/dep-880a5ebd.js';
+import '../_chunks/dep-5c760193.js';
+import '../_chunks/dep-00edd605.js';
+import '../_chunks/dep-9e25e98e.js';
+import '../_chunks/dep-6aea4a72.js';
+import '../_chunks/dep-18190a86.js';
+import '../_chunks/dep-c1b098f3.js';
+import '../_chunks/dep-80125e94.js';
+import '../_chunks/dep-c3351e4f.js';
+import '../_chunks/dep-bff17e29.js';
+import '../_chunks/dep-6c8424d7.js';
+import '../_chunks/dep-69e0e6c3.js';
+import '../_chunks/dep-01ecbe32.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../config-provider/zh_CN_config.js';
@@ -55,7 +55,7 @@ import '../loading/index.js';
 import '../loading/loading.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-cbe5cee9.js';
+import '../_chunks/dep-6dacf1e7.js';
 import '../_util/easing.js';
 import '../common/Portal.js';
 import 'react-dom';
@@ -63,7 +63,7 @@ import '../loading/gradient.js';
 import '../_common/js/loading/circle-adapter.js';
 import '../_common/js/utils/set-style.js';
 import '../_common/js/utils/helper.js';
-import '../_chunks/dep-ef2622e0.js';
+import '../_chunks/dep-ecbceda8.js';
 import '../loading/plugin.js';
 import './style/css.js';
 import '../loading/type.js';
@@ -71,39 +71,39 @@ import '../_util/useRipple.js';
 import '../_util/useAnimation.js';
 import '../_util/setStyle.js';
 import '../checkbox/index.js';
-import '../_chunks/dep-b29833d5.js';
+import '../_chunks/dep-3e2a0e62.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../common/Check.js';
 import '../_util/helper.js';
-import '../_chunks/dep-4e40e7c7.js';
-import '../_chunks/dep-4b698bc9.js';
-import '../_chunks/dep-eabe1e47.js';
-import '../_chunks/dep-3dd84fdd.js';
-import '../_chunks/dep-e533ac24.js';
-import '../_chunks/dep-d4e15cf2.js';
+import '../_chunks/dep-789a9cff.js';
+import '../_chunks/dep-a5b135ae.js';
+import '../_chunks/dep-84a7dd49.js';
+import '../_chunks/dep-c216b563.js';
+import '../_chunks/dep-33d27597.js';
+import '../_chunks/dep-ca0c816a.js';
 import '../checkbox/type.js';
 import '../tree/useStore.js';
-import '../_chunks/dep-5ef23705.js';
-import '../_chunks/dep-3154f3fb.js';
-import '../_chunks/dep-0a442900.js';
-import '../_chunks/dep-98adc7a1.js';
+import '../_chunks/dep-6e030c19.js';
+import '../_chunks/dep-3da8c532.js';
+import '../_chunks/dep-e4b64a7f.js';
+import '../_chunks/dep-990275aa.js';
 import '../_util/useUpdateEffect.js';
 import '../_util/useLayoutEffect.js';
 import '../_common/js/tree/tree-store.js';
-import '../_chunks/dep-90afcbd7.js';
-import '../_chunks/dep-07ae0579.js';
-import '../_chunks/dep-45d1cb64.js';
-import '../_chunks/dep-a580dd04.js';
-import '../_chunks/dep-64dbf2f1.js';
+import '../_chunks/dep-ee1680b8.js';
+import '../_chunks/dep-f1a5d7df.js';
+import '../_chunks/dep-a9d16482.js';
+import '../_chunks/dep-1baef241.js';
+import '../_chunks/dep-a716504a.js';
 import '../_common/js/tree/tree-node-model.js';
-import '../_chunks/dep-ba1955b8.js';
-import '../_chunks/dep-6ca5a421.js';
-import '../_chunks/dep-41f3fa75.js';
-import '../_chunks/dep-11b967c7.js';
+import '../_chunks/dep-cae0a320.js';
+import '../_chunks/dep-92ab2a98.js';
+import '../_chunks/dep-f6612745.js';
+import '../_chunks/dep-e71391c4.js';
 import '../_common/js/log/log.js';
-import '../_chunks/dep-d7e97d57.js';
-import '../_chunks/dep-b7958f21.js';
+import '../_chunks/dep-7ac5e481.js';
+import '../_chunks/dep-9d897185.js';
 import '../tree/type.js';
 import '../popup/index.js';
 import '../popup/Popup.js';
@@ -113,8 +113,8 @@ import '../popup/hooks/useTriggerProps.js';
 import '../_util/useClickOutside.js';
 import '../popup/utils/getTransitionParams.js';
 import '../_util/useMutationObserver.js';
-import '../_chunks/dep-892f84d4.js';
-import '../_chunks/dep-3023424a.js';
+import '../_chunks/dep-1ec3a297.js';
+import '../_chunks/dep-1450ac72.js';
 import '../popup/type.js';
 import '../select-input/useSingle.js';
 import '../input/index.js';
@@ -170,6 +170,10 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
       classPrefix = _useConfig.classPrefix;
 
   var className = props.className,
+      inputValue = props.inputValue,
+      defaultInputValue = props.defaultInputValue,
+      onInputChange = props.onInputChange,
+      readonly = props.readonly,
       disabled = props.disabled,
       multiple = props.multiple,
       prefixIcon = props.prefixIcon,
@@ -185,6 +189,7 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
       onClear = props.onClear,
       valueDisplay = props.valueDisplay,
       treeProps = props.treeProps,
+      inputProps = props.inputProps,
       onBlur = props.onBlur,
       onFocus = props.onFocus,
       onSearch = props.onSearch,
@@ -196,90 +201,95 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
       value = _useDefault2[0],
       onChange = _useDefault2[1];
 
+  var _useDefault3 = useDefault(props.popupVisible, false, props.onPopupVisibleChange),
+      _useDefault4 = _slicedToArray(_useDefault3, 2),
+      popupVisible = _useDefault4[0],
+      setPopupVisble = _useDefault4[1];
+
   var _useSwitch = useSwitch(),
       _useSwitch2 = _slicedToArray(_useSwitch, 2),
-      popupVisible = _useSwitch2[0],
-      popupAction = _useSwitch2[1];
-
-  var _useSwitch3 = useSwitch(),
-      _useSwitch4 = _slicedToArray(_useSwitch3, 2),
-      hover = _useSwitch4[0],
-      hoverAction = _useSwitch4[1];
+      hover = _useSwitch2[0],
+      hoverAction = _useSwitch2[1];
 
-  var _useState = useState(""),
-      _useState2 = _slicedToArray(_useState, 2),
-      filterInput = _useState2[0],
-      setFilterInput = _useState2[1];
+  var _useDefault5 = useDefault(inputValue, defaultInputValue, onInputChange),
+      _useDefault6 = _slicedToArray(_useDefault5, 2),
+      filterInput = _useDefault6[0],
+      setFilterInput = _useDefault6[1];
 
-  var $tree = useRef();
+  var treeRef = useRef();
 
-  var _useTreeSelectUtils = useTreeSelectUtils(props, $tree),
+  var _useTreeSelectUtils = useTreeSelectUtils(props, treeRef),
       normalizeValue = _useTreeSelectUtils.normalizeValue,
       formatValue = _useTreeSelectUtils.formatValue,
       getNodeItem = _useTreeSelectUtils.getNodeItem;
 
-  var filterable = useMemo(function () {
-    return rawFilterable || !!props.filter;
-  }, [props.filter, rawFilterable]);
+  var filterable = rawFilterable || !!props.filter;
   var normalizedValue = useMemo(function () {
-    return (multiple ? value : [value]).map(normalizeValue).filter(function (_ref) {
-      var value2 = _ref.value;
-      return value2 !== null && value2 !== void 0 ? value2 : false;
-    });
+    return (multiple ? value : [value]).reduce(function (result, value2) {
+      var normalized = normalizeValue(value2);
+      normalized.value && result.push(normalized);
+      return result;
+    }, []);
   }, [multiple, normalizeValue, value]);
-  var filterText = useMemo(function () {
-    return String(filterInput);
-  }, [filterInput]);
-  var inputValue = useMemo(function () {
+  var filterText = String(filterInput);
+  var internalInputValue = useMemo(function () {
     if (multiple) return normalizedValue;
     return filterable && popupVisible ? filterText : normalizedValue[0];
   }, [multiple, normalizedValue, filterable, popupVisible, filterText]);
   var inputPlaceholader = useMemo(function () {
     if (filterable && !multiple && popupVisible && normalizedValue.length) {
-      return typeof normalizedValue[0].label === "string" ? normalizedValue[0].label : normalizedValue[0].value;
+      return typeof normalizedValue[0].label === "string" ? normalizedValue[0].label : String(normalizedValue[0].value);
     }
 
     return placeholder;
   }, [filterable, multiple, popupVisible, normalizedValue, placeholder]);
-  var showLoading = useMemo(function () {
-    return !disabled && loading;
-  }, [loading, disabled]);
-  var showFakePlaceholder = useMemo(function () {
-    return multiple && !filterable && !normalizedValue.length;
-  }, [filterable, multiple, normalizedValue]);
+  var showLoading = !disabled && loading;
+  var showFakePlaceholder = multiple && !filterable && !normalizedValue.length;
   var handleFilter = useCallback(function (node) {
     return filterable ? filter(filterText, node) : true;
   }, [filter, filterText, filterable]);
   var handleSingleChange = usePersistFn(function (value2, context) {
     var $value = value2.length ? value2[0] : null;
-    onChange(formatValue($value, context.node.label), context);
-    popupAction.off();
+    onChange(formatValue($value, context.node.label), _objectSpread(_objectSpread({}, context), {}, {
+      trigger: $value === null ? "uncheck" : "check"
+    }));
+    setPopupVisble(false, {
+      trigger: "trigger-element-click"
+    });
   });
   var handleMultiChange = usePersistFn(function (value2, context) {
     (max === 0 || value2.length <= max) && onChange(value2.map(function (value3) {
       var _getNodeItem;
 
       return formatValue(value3, (_getNodeItem = getNodeItem(value3)) === null || _getNodeItem === void 0 ? void 0 : _getNodeItem.label);
-    }), context);
+    }), _objectSpread(_objectSpread({}, context), {}, {
+      trigger: value2.length > normalizedValue.length ? "check" : "uncheck"
+    }));
   });
   var handleClear = usePersistFn(function (ctx) {
     ctx.e.stopPropagation();
     onChange(multiple ? [] : formatValue(null), {
-      node: null
+      node: null,
+      trigger: "clear",
+      e: ctx.e
     });
     onClear === null || onClear === void 0 ? void 0 : onClear(ctx);
-    popupAction.off();
+    setPopupVisble(false, {
+      trigger: "trigger-element-click"
+    });
   });
   var handleRemove = usePersistFn(function (index, e) {
     var node = getNodeItem(normalizedValue[index].value);
     onChange(normalizedValue.filter(function (value2, i) {
       return i !== index;
-    }).map(function (_ref2) {
-      var value2 = _ref2.value,
-          label = _ref2.label;
+    }).map(function (_ref) {
+      var value2 = _ref.value,
+          label = _ref.label;
       return formatValue(value2, label);
     }), {
-      node: node
+      node: node,
+      trigger: "tag-remove",
+      e: e
     });
     onRemove === null || onRemove === void 0 ? void 0 : onRemove({
       value: node.value,
@@ -321,20 +331,21 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   var handleEnter = usePersistFn(function (text) {
     onSearch === null || onSearch === void 0 ? void 0 : onSearch(text);
   });
-  var handleFilterChange = usePersistFn(function (value2, _ref3) {
-    var trigger = _ref3.trigger;
-
-    if (trigger !== "blur") {
-      setFilterInput(value2);
-    }
+  var handleFilterChange = usePersistFn(function (value2) {
+    return setFilterInput(value2);
   });
   useEffect(function () {
     popupVisible && setFilterInput("");
   }, [popupVisible]);
+  useEffect(function () {
+    setFilterInput("");
+  }, [value]);
 
   var renderTree = function renderTree() {
-    return showLoading ? loadingItem : /* @__PURE__ */React.createElement(Tree, _objectSpread(_objectSpread({
-      ref: $tree,
+    if (readonly) return empty;
+    if (showLoading) return loadingItem;
+    return /* @__PURE__ */React.createElement(Tree, _objectSpread(_objectSpread({
+      ref: treeRef,
       hover: true,
       transition: true,
       expandAll: true,
@@ -345,14 +356,14 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     }, multiple ? {
       checkable: true,
       onChange: handleMultiChange,
-      value: normalizedValue.map(function (_ref4) {
-        var value2 = _ref4.value;
+      value: normalizedValue.map(function (_ref2) {
+        var value2 = _ref2.value;
         return value2;
       })
     } : {
       activable: true,
-      actived: normalizedValue.map(function (_ref5) {
-        var value2 = _ref5.value;
+      actived: normalizedValue.map(function (_ref3) {
+        var value2 = _ref3.value;
         return value2;
       }),
       onActive: handleSingleChange
@@ -376,8 +387,9 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   };
 
   var normalizedValueDisplay = function normalizedValueDisplay() {
-    if (multiple) return function (_ref6) {
-      var onClose = _ref6.onClose;
+    if (typeof valueDisplay === "string") return valueDisplay;
+    if (multiple) return function (_ref4) {
+      var onClose = _ref4.onClose;
       return valueDisplay({
         value: normalizedValue,
         onClose: onClose
@@ -389,32 +401,38 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     }) : "";
   };
 
-  return /* @__PURE__ */React.createElement(SelectInput, _objectSpread(_objectSpread({}, selectInputProps), {}, {
+  return /* @__PURE__ */React.createElement(SelectInput, _objectSpread(_objectSpread(_objectSpread({}, props.selectInputProps), selectInputProps), {}, {
     ref: ref,
     className: classNames("".concat(classPrefix, "-tree-select"), _defineProperty({}, "".concat(classPrefix, "-tree-select--without-input"), multiple && !filterable), className),
-    value: inputValue,
+    value: internalInputValue,
     inputValue: popupVisible ? filterText : "",
     panel: renderTree(),
     allowInput: multiple || filterable,
-    inputProps: {
+    inputProps: _objectSpread(_objectSpread({}, inputProps), {}, {
       size: size
-    },
+    }),
     tagInputProps: {
       size: size,
-      excessTagsDisplayType: "break-line"
+      excessTagsDisplayType: "break-line",
+      inputProps: inputProps,
+      tagProps: props.tagProps
     },
     placeholder: inputPlaceholader,
     popupVisible: popupVisible && !disabled,
     onInputChange: handleFilterChange,
-    onPopupVisibleChange: useMergeFn(popupAction.set),
-    onFocus: useMergeFn(handleFocus, popupAction.on),
+    onPopupVisibleChange: useMergeFn(setPopupVisble),
+    onFocus: useMergeFn(handleFocus, function () {
+      return setPopupVisble(true, {
+        trigger: "trigger-element-click"
+      });
+    }),
     onBlur: useMergeFn(handleBlur),
     onClear: handleClear,
     onTagChange: handleTagChange,
     onEnter: handleEnter,
     onMouseenter: hoverAction.on,
     onMouseleave: hoverAction.off,
-    suffixIcon: /* @__PURE__ */React.createElement(TreeSelectArrow, {
+    suffixIcon: readonly ? null : /* @__PURE__ */React.createElement(SelectArrow, {
       isActive: popupVisible,
       isHighlight: hover || popupVisible,
       disabled: disabled