tdesign-react 0.19.0 → 0.20.2

package/esm/cascader/Cascader.js

@@ -1,77 +1,81 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-53c6c586.js';
-import { _ as _slicedToArray } from '../_chunks/dep-fff59b5a.js';
+import { _ as _defineProperty } from '../_chunks/dep-2e97cc0d.js';
+import { _ as _slicedToArray } from '../_chunks/dep-85854991.js';
 import React__default, { useState, useMemo, useEffect } from 'react';
 import { useLocaleReceiver } from '../locale/LocalReceiver.js';
 import Panel from './components/Panel.js';
 import { Popup } from '../popup/index.js';
 import InputContent from './components/InputContent.js';
 import useConfig from '../_util/useConfig.js';
-import { T as TreeStore } from '../_chunks/dep-a7837b5f.js';
+import { T as TreeStore } from '../_chunks/dep-5a00530e.js';
 import useDefault from '../_util/useDefault.js';
 import { getTreeValue } from './utils/helper.js';
 import { treeNodesEffect, treeStoreExpendEffect } from './utils/cascader.js';
-import '../_chunks/dep-4c3606c3.js';
+import '../_chunks/dep-38c06164.js';
 import '../config-provider/index.js';
 import '../config-provider/ConfigProvider.js';
-import '../_chunks/dep-b3d60655.js';
+import '../_chunks/dep-3d9b45dc.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import 'classnames';
 import './utils/panel.js';
-import '../_chunks/dep-f749a2c9.js';
-import '../_chunks/dep-2e526f70.js';
-import '../_chunks/dep-b6fbc66d.js';
-import '../_chunks/dep-601473bd.js';
-import '../_chunks/dep-ef50bc46.js';
-import '../_chunks/dep-97ee645c.js';
-import '../_chunks/dep-a3d3d11d.js';
-import '../_chunks/dep-7d91d695.js';
+import '../_chunks/dep-447acf5a.js';
+import '../_chunks/dep-00ccaf0c.js';
+import '../_chunks/dep-88b40b60.js';
+import '../_chunks/dep-759bc4af.js';
+import '../_chunks/dep-c5dffd03.js';
 import './components/Item.js';
 import 'tdesign-icons-react';
 import '../_util/useCommonClassName.js';
 import '../_util/useRipple.js';
 import '../_util/setStyle.js';
 import './utils/item.js';
-import '../_chunks/dep-f405fda4.js';
+import '../_chunks/dep-0ab6329f.js';
 import '../loading/index.js';
 import '../loading/loading.js';
-import 'react-dom';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-615797a6.js';
-import '../_chunks/dep-364c042d.js';
-import '../_chunks/dep-6b2b86ea.js';
+import '../_chunks/dep-14d83b52.js';
+import '../_chunks/dep-cc2481d3.js';
+import '../_chunks/dep-964eef6f.js';
 import '../_util/easing.js';
 import '../common/Portal.js';
+import 'react-dom';
+import '../loading/gradient.js';
 import '../loading/style/index.js';
 import '../loading/type.js';
+import '../loading/plugin.js';
 import '../tooltip/Tooltip.js';
 import '../popup/Popup.js';
+import 'react-transition-group';
 import 'react-popper';
 import '../_util/composeRefs.js';
 import '../_util/usePrevious.js';
 import '../popup/Portal.js';
-import '../popup/useTriggerProps.js';
+import '../popup/hooks/useTriggerProps.js';
 import '../_util/useClickOutside.js';
+import '../popup/hooks/usePopupCssTransition.js';
 import '../_util/noop.js';
 import '../popup/style/index.js';
 import '../popup/type.js';
-import '../_chunks/dep-240c775e.js';
+import '../_chunks/dep-f9a724b1.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../common/Check.js';
 import '../_util/helper.js';
-import '../_chunks/dep-631fc760.js';
-import '../_chunks/dep-3b0ab3bc.js';
-import '../_chunks/dep-ddf2ed34.js';
-import '../_chunks/dep-1ed088aa.js';
-import '../_chunks/dep-12b54038.js';
+import '../_chunks/dep-768ebd82.js';
+import '../_chunks/dep-ec30068f.js';
+import '../_chunks/dep-1567c5ea.js';
+import '../_chunks/dep-2b9a47a9.js';
+import '../_chunks/dep-b7df124f.js';
+import '../_chunks/dep-da5d1ac4.js';
+import '../_chunks/dep-9f3a6dc7.js';
+import '../_chunks/dep-2544ac60.js';
 import '../tag/index.js';
 import '../tag/Tag.js';
 import '../tag/CheckTag.js';
@@ -85,27 +89,32 @@ import '../input/style/index.js';
 import '../input/type.js';
 import '../common/FakeArrow.js';
 import './utils/inputContent.js';
-import '../_chunks/dep-a5e4dcb9.js';
-import '../_chunks/dep-1d5bb6dd.js';
-import '../_chunks/dep-3cf2dbce.js';
-import '../_chunks/dep-6ff255a8.js';
-import '../_chunks/dep-940f6c04.js';
-import '../_chunks/dep-1fc210cf.js';
-import '../_chunks/dep-c8fef1c7.js';
-import '../_chunks/dep-3e8e1ade.js';
-import '../_chunks/dep-e14dd8c2.js';
-import '../_chunks/dep-06ac5dca.js';
-import '../_chunks/dep-1c3da36c.js';
-import '../_chunks/dep-458a408b.js';
-import '../_chunks/dep-c9a5ccb4.js';
-import '../_chunks/dep-ce13f3fe.js';
-import '../_chunks/dep-1bf5d5c5.js';
-import '../_chunks/dep-3b182523.js';
-import '../_chunks/dep-8d3829c7.js';
+import '../_chunks/dep-7bc00a5f.js';
+import '../_chunks/dep-267d748a.js';
+import '../_chunks/dep-339087c7.js';
+import '../_chunks/dep-1da33798.js';
+import '../_chunks/dep-e3057b1a.js';
+import '../_chunks/dep-8aba3ccb.js';
+import '../_chunks/dep-97b57b2a.js';
+import '../_chunks/dep-56958a5c.js';
+import '../_chunks/dep-415e39ec.js';
+import '../_chunks/dep-b65de90c.js';
+import '../_chunks/dep-a02cc97f.js';
+import '../_chunks/dep-1ba197d7.js';
+import '../_chunks/dep-3c01d153.js';
+import '../_chunks/dep-b975df05.js';
+import '../_chunks/dep-deef0855.js';
+import '../_chunks/dep-8c6f23dd.js';
+import '../_chunks/dep-b654ad92.js';
+import '../_chunks/dep-c4ccc023.js';
+import '../_chunks/dep-77c2985b.js';
+import '../_chunks/dep-430ce0e6.js';
+import '../_chunks/dep-93466f79.js';
+import '../_chunks/dep-c1843f2a.js';
 
-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 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 = 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; }
+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) { _defineProperty(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; }
 
 var Cascader = function Cascader(props) {
   var _useConfig = useConfig(),
@@ -121,7 +130,7 @@ var Cascader = function Cascader(props) {
   var _useDefault = useDefault(props.value, defaultValue, onChange),
       _useDefault2 = _slicedToArray(_useDefault, 2),
       value = _useDefault2[0],
-      setValue = _useDefault2[1];
+      _setValue = _useDefault2[1];
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -143,15 +152,20 @@ var Cascader = function Cascader(props) {
       inputVal = _useState8[0],
       setInputVal = _useState8[1];
 
-  var _useState9 = useState([]),
+  var _useState9 = useState(0),
       _useState10 = _slicedToArray(_useState9, 2),
-      treeNodes = _useState10[0],
-      setTreeNodes = _useState10[1];
+      inputWidth = _useState10[0],
+      setInputWidth = _useState10[1];
 
   var _useState11 = useState([]),
       _useState12 = _slicedToArray(_useState11, 2),
-      expend = _useState12[0],
-      setExpend = _useState12[1];
+      treeNodes = _useState12[0],
+      setTreeNodes = _useState12[1];
+
+  var _useState13 = useState([]),
+      _useState14 = _slicedToArray(_useState13, 2),
+      expend = _useState14[0],
+      setExpend = _useState14[1];
 
   var cascaderContext = useMemo(function () {
     var _props$size = props.size,
@@ -184,7 +198,12 @@ var Cascader = function Cascader(props) {
       multiple: multiple,
       filterable: filterable,
       value: value,
-      setValue: setValue,
+      setValue: function setValue(val, source, node) {
+        _setValue(val, {
+          source: source,
+          node: node
+        });
+      },
       visible: visible,
       setVisible: setVisible,
       treeStore: treeStore,
@@ -199,9 +218,11 @@ var Cascader = function Cascader(props) {
       inputVal: inputVal,
       setInputVal: setInputVal,
       setExpend: setExpend,
-      minCollapsedNum: minCollapsedNum
+      minCollapsedNum: minCollapsedNum,
+      inputWidth: inputWidth,
+      setInputWidth: setInputWidth
     };
-  }, [props, inputVal, value, setValue, visible, treeStore, treeNodes, filterActive]);
+  }, [props, inputVal, value, _setValue, visible, treeStore, treeNodes, filterActive, inputWidth, setInputWidth]);
   var disabled = props.disabled,
       _props$options = props.options,
       options = _props$options === void 0 ? [] : _props$options,
@@ -292,8 +313,8 @@ var Cascader = function Cascader(props) {
   return /* @__PURE__ */React__default.createElement(Popup, _objectSpread(_objectSpread({
     placement: "bottom-left",
     visible: visible,
-    overlayClassName: "".concat(name, "-dropdown"),
-    destroyOnClose: true
+    overlayClassName: "".concat(name, "__dropdown"),
+    expandAnimation: true
   }, props === null || props === void 0 ? void 0 : props.popupProps), {}, {
     content: /* @__PURE__ */React__default.createElement(Panel, {
       cascaderContext: cascaderContext,

package/esm/cascader/Cascader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cascader.js","sources":["../../src/cascader/Cascader.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from 'react';\n\n// component\nimport { useLocaleReceiver } from '../locale/LocalReceiver';\nimport Panel from './components/Panel';\nimport Popup from '../popup';\nimport InputContent from './components/InputContent';\n\n// utils\nimport useConfig from '../_util/useConfig';\nimport TreeStore from '../_common/js/tree/tree-store';\nimport useDefault from '../_util/useDefault';\nimport { getTreeValue } from './utils/helper';\n\n// common logic\nimport { treeNodesEffect, treeStoreExpendEffect } from './utils/cascader';\n\n// types\nimport { CascaderProps, CascaderContextType, TreeNodeValue } from './interface';\n\nconst Cascader: React.FC<CascaderProps> = (props) => {\n  /**\n   * global user props, config, data\n   */\n  const { classPrefix } = useConfig();\n  const name = `${classPrefix}-cascader`;\n  const { className, style, defaultValue, onChange, collapsedItems } = props;\n\n  const [value, setValue] = useDefault(props.value, defaultValue, onChange);\n\n  const [visible, setVisible] = useState(false);\n  const [treeStore, setTreeStore] = useState(null);\n  const [filterActive, setFilterActive] = useState(false);\n  const [inputVal, setInputVal] = useState('');\n  const [treeNodes, setTreeNodes] = useState([]);\n  const [expend, setExpend] = useState<TreeNodeValue[]>([]);\n\n  // cascaderContext, center status\n  const cascaderContext = useMemo(() => {\n    const {\n      size = 'medium',\n      disabled = false,\n      checkStrictly = false,\n      lazy = true,\n      multiple = false,\n      filterable = false,\n      clearable = false,\n      checkProps = {},\n      max = 0,\n      showAllLevels = true,\n      minCollapsedNum = false,\n    } = props;\n    return {\n      size,\n      disabled,\n      checkStrictly,\n      lazy,\n      multiple,\n      filterable,\n      value,\n      setValue,\n      visible,\n      setVisible,\n      treeStore,\n      checkProps,\n      clearable,\n      showAllLevels,\n      max,\n      treeNodes,\n      setTreeNodes,\n      filterActive,\n      setFilterActive,\n      inputVal,\n      setInputVal,\n      setExpend,\n      minCollapsedNum,\n    } as CascaderContextType;\n  }, [props, inputVal, value, setValue, visible, treeStore, treeNodes, filterActive]);\n\n  /**\n   * build tree\n   */\n  const { disabled, options = [], keys, checkStrictly = false, lazy = true, load, valueMode = 'onlyLeaf' } = props;\n\n  const createStore = (onLoad: () => void) => {\n    const treeProps = {\n      keys: keys || {},\n      checkable: true,\n      checkStrictly,\n      expandMutex: true,\n      expandParent: true,\n      disabled,\n      load,\n      lazy,\n      valueMode,\n      onLoad,\n    };\n    const store = new TreeStore(treeProps);\n\n    store.append(options);\n    return store;\n  };\n\n  if (!treeStore) {\n    const store = createStore(() => {\n      setTimeout(() => {\n        store.refreshNodes();\n        treeNodesEffect(inputVal, store, setTreeNodes);\n      }, 0);\n    });\n    setTreeStore(store);\n  }\n\n  useEffect(() => {\n    const treeProps = {\n      keys: keys || {},\n      checkable: true,\n      checkStrictly,\n      expandMutex: true,\n      expandParent: true,\n      disabled,\n      load,\n      lazy,\n      valueMode,\n      options,\n    };\n    treeStore.setConfig(treeProps);\n  }, [checkStrictly, disabled, keys, lazy, load, options, valueMode, treeStore]);\n\n  // treeStore and expend effect\n  useEffect(() => {\n    if (!treeStore) return;\n    treeStoreExpendEffect(treeStore, value, expend);\n  }, [treeStore, value, expend]);\n\n  // value change will effect treeNodes, in filter, inputVal will also change treeNodes\n  useEffect(() => {\n    if (!treeStore) return;\n    treeNodesEffect(inputVal, treeStore, setTreeNodes);\n  }, [inputVal, treeStore, value]);\n\n  // tree checked effect\n  useEffect(() => {\n    if (!treeStore) return;\n    treeStore.replaceChecked(getTreeValue(value));\n  }, [value, treeStore]);\n\n  useEffect(() => {\n    if (!filterActive) {\n      setInputVal('');\n    }\n  }, [filterActive]);\n\n  const [local, t] = useLocaleReceiver('cascader');\n\n  // panel props\n  const { empty = t(local.empty), trigger = 'click' } = props;\n\n  // inputContent props\n  const { placeholder = '请输入', onRemove, onBlur, onFocus } = props;\n\n  return (\n    <Popup\n      placement=\"bottom-left\"\n      visible={visible}\n      overlayClassName={`${name}-dropdown`}\n      destroyOnClose\n      {...props?.popupProps}\n      content={<Panel cascaderContext={cascaderContext} trigger={trigger} onChange={onChange} empty={empty} />}\n    >\n      <InputContent\n        collapsedItems={collapsedItems}\n        cascaderContext={cascaderContext}\n        style={style}\n        className={className}\n        listeners={{\n          onRemove,\n          onBlur,\n          onFocus,\n          onChange,\n        }}\n        placeholder={placeholder}\n      />\n      {/* TODO popup need a node */}\n      <></>\n    </Popup>\n  );\n};\n\nexport default Cascader;\n"],"names":["Cascader","props","useConfig","classPrefix","name","className","style","defaultValue","onChange","collapsedItems","useDefault","value","setValue","useState","visible","setVisible","treeStore","setTreeStore","filterActive","setFilterActive","inputVal","setInputVal","treeNodes","setTreeNodes","expend","setExpend","cascaderContext","useMemo","size","disabled","checkStrictly","lazy","multiple","filterable","clearable","checkProps","max","showAllLevels","minCollapsedNum","options","keys","load","valueMode","createStore","onLoad","treeProps","checkable","expandMutex","expandParent","store","TreeStore","append","refreshNodes","setConfig","replaceChecked","getTreeValue","useLocaleReceiver","local","t","empty","trigger","placeholder","onRemove","onBlur","onFocus","Popup","placement","overlayClassName","destroyOnClose","popupProps","content","Panel","InputContent","listeners"],"mappings":"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"}
+{"version":3,"file":"Cascader.js","sources":["../../src/cascader/Cascader.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from 'react';\n\n// component\nimport { useLocaleReceiver } from '../locale/LocalReceiver';\nimport Panel from './components/Panel';\nimport Popup from '../popup';\nimport InputContent from './components/InputContent';\n\n// utils\nimport useConfig from '../_util/useConfig';\nimport TreeStore from '../_common/js/tree/tree-store';\nimport useDefault from '../_util/useDefault';\nimport { getTreeValue } from './utils/helper';\n\n// common logic\nimport { treeNodesEffect, treeStoreExpendEffect } from './utils/cascader';\n\n// types\nimport { CascaderProps, CascaderContextType, TreeNodeValue, TreeNodeModel } from './interface';\nimport { CascaderChangeSource, CascaderValue } from './type';\n\nconst Cascader: React.FC<CascaderProps> = (props) => {\n  /**\n   * global user props, config, data\n   */\n  const { classPrefix } = useConfig();\n  const name = `${classPrefix}-cascader`;\n  const { className, style, defaultValue, onChange, collapsedItems } = props;\n\n  const [value, setValue] = useDefault(props.value, defaultValue, onChange);\n\n  const [visible, setVisible] = useState(false);\n  const [treeStore, setTreeStore] = useState(null);\n  const [filterActive, setFilterActive] = useState(false);\n  const [inputVal, setInputVal] = useState('');\n  const [inputWidth, setInputWidth] = useState(0);\n  const [treeNodes, setTreeNodes] = useState([]);\n  const [expend, setExpend] = useState<TreeNodeValue[]>([]);\n\n  // cascaderContext, center status\n  const cascaderContext = useMemo(() => {\n    const {\n      size = 'medium',\n      disabled = false,\n      checkStrictly = false,\n      lazy = true,\n      multiple = false,\n      filterable = false,\n      clearable = false,\n      checkProps = {},\n      max = 0,\n      showAllLevels = true,\n      minCollapsedNum = false,\n    } = props;\n    return {\n      size,\n      disabled,\n      checkStrictly,\n      lazy,\n      multiple,\n      filterable,\n      value,\n      setValue: (val: CascaderValue, source: CascaderChangeSource, node?: TreeNodeModel) => {\n        setValue(val, {\n          source,\n          node,\n        });\n      },\n      visible,\n      setVisible,\n      treeStore,\n      checkProps,\n      clearable,\n      showAllLevels,\n      max,\n      treeNodes,\n      setTreeNodes,\n      filterActive,\n      setFilterActive,\n      inputVal,\n      setInputVal,\n      setExpend,\n      minCollapsedNum,\n      inputWidth,\n      setInputWidth,\n    } as CascaderContextType;\n  }, [props, inputVal, value, setValue, visible, treeStore, treeNodes, filterActive, inputWidth, setInputWidth]);\n\n  /**\n   * build tree\n   */\n  const { disabled, options = [], keys, checkStrictly = false, lazy = true, load, valueMode = 'onlyLeaf' } = props;\n\n  const createStore = (onLoad: () => void) => {\n    const treeProps = {\n      keys: keys || {},\n      checkable: true,\n      checkStrictly,\n      expandMutex: true,\n      expandParent: true,\n      disabled,\n      load,\n      lazy,\n      valueMode,\n      onLoad,\n    };\n    const store = new TreeStore(treeProps);\n\n    store.append(options);\n    return store;\n  };\n\n  if (!treeStore) {\n    const store = createStore(() => {\n      setTimeout(() => {\n        store.refreshNodes();\n        treeNodesEffect(inputVal, store, setTreeNodes);\n      }, 0);\n    });\n    setTreeStore(store);\n  }\n\n  useEffect(() => {\n    const treeProps = {\n      keys: keys || {},\n      checkable: true,\n      checkStrictly,\n      expandMutex: true,\n      expandParent: true,\n      disabled,\n      load,\n      lazy,\n      valueMode,\n      options,\n    };\n    treeStore.setConfig(treeProps);\n  }, [checkStrictly, disabled, keys, lazy, load, options, valueMode, treeStore]);\n\n  // treeStore and expend effect\n  useEffect(() => {\n    if (!treeStore) return;\n    treeStoreExpendEffect(treeStore, value, expend);\n  }, [treeStore, value, expend]);\n\n  // value change will effect treeNodes, in filter, inputVal will also change treeNodes\n  useEffect(() => {\n    if (!treeStore) return;\n    treeNodesEffect(inputVal, treeStore, setTreeNodes);\n  }, [inputVal, treeStore, value]);\n\n  // tree checked effect\n  useEffect(() => {\n    if (!treeStore) return;\n    treeStore.replaceChecked(getTreeValue(value));\n  }, [value, treeStore]);\n\n  useEffect(() => {\n    if (!filterActive) {\n      setInputVal('');\n    }\n  }, [filterActive]);\n\n  const [local, t] = useLocaleReceiver('cascader');\n\n  // panel props\n  const { empty = t(local.empty), trigger = 'click' } = props;\n\n  // inputContent props\n  const { placeholder = '请输入', onRemove, onBlur, onFocus } = props;\n\n  return (\n    <Popup\n      placement=\"bottom-left\"\n      visible={visible}\n      overlayClassName={`${name}__dropdown`}\n      expandAnimation={true}\n      {...props?.popupProps}\n      content={<Panel cascaderContext={cascaderContext} trigger={trigger} onChange={onChange} empty={empty} />}\n    >\n      <InputContent\n        collapsedItems={collapsedItems}\n        cascaderContext={cascaderContext}\n        style={style}\n        className={className}\n        listeners={{\n          onRemove,\n          onBlur,\n          onFocus,\n          onChange,\n        }}\n        placeholder={placeholder}\n      />\n      {/* TODO popup need a node */}\n      <></>\n    </Popup>\n  );\n};\n\nexport default Cascader;\n"],"names":["Cascader","props","useConfig","classPrefix","name","className","style","defaultValue","onChange","collapsedItems","useDefault","value","setValue","useState","visible","setVisible","treeStore","setTreeStore","filterActive","setFilterActive","inputVal","setInputVal","inputWidth","setInputWidth","treeNodes","setTreeNodes","expend","setExpend","cascaderContext","useMemo","size","disabled","checkStrictly","lazy","multiple","filterable","clearable","checkProps","max","showAllLevels","minCollapsedNum","val","source","node","options","keys","load","valueMode","createStore","onLoad","treeProps","checkable","expandMutex","expandParent","store","TreeStore","append","refreshNodes","setConfig","replaceChecked","getTreeValue","useLocaleReceiver","local","t","empty","trigger","placeholder","onRemove","onBlur","onFocus","Popup","placement","overlayClassName","expandAnimation","popupProps","content","Panel","InputContent","listeners"],"mappings":"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"}

package/esm/cascader/components/InputContent.js

@@ -1,13 +1,13 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _slicedToArray } from '../../_chunks/dep-fff59b5a.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-85854991.js';
 import React__default, { useMemo, useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
-import { i as isFunction_1 } from '../../_chunks/dep-f749a2c9.js';
+import { i as isFunction_1 } from '../../_chunks/dep-da5d1ac4.js';
 import { CloseCircleFilledIcon } from 'tdesign-icons-react';
 import useConfig from '../../_util/useConfig.js';
 import useCommonClassName from '../../_util/useCommonClassName.js';
@@ -15,17 +15,17 @@ import { Tag } from '../../tag/index.js';
 import { Input } from '../../input/index.js';
 import FakeArrow from '../../common/FakeArrow.js';
 import { closeIconClickEffect, getSingleContent, getMultipleContent, handleRemoveTagEffect, getPlaceholderShow, getCascaderInnerClasses, outerClickListenerEffect, getCloseIconClass, getFakeArrowIconClass, getCloseShow, innerContentClickEffect } from '../utils/inputContent.js';
-import '../../_chunks/dep-4c3606c3.js';
-import '../../_chunks/dep-2e526f70.js';
-import '../../_chunks/dep-b6fbc66d.js';
-import '../../_chunks/dep-601473bd.js';
-import '../../_chunks/dep-ef50bc46.js';
-import '../../_chunks/dep-97ee645c.js';
+import '../../_chunks/dep-38c06164.js';
+import '../../_chunks/dep-00ccaf0c.js';
+import '../../_chunks/dep-88b40b60.js';
+import '../../_chunks/dep-759bc4af.js';
+import '../../_chunks/dep-9f3a6dc7.js';
+import '../../_chunks/dep-2544ac60.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
 import '../../tag/Tag.js';
-import '../../_chunks/dep-53c6c586.js';
-import '../../_chunks/dep-b3d60655.js';
+import '../../_chunks/dep-2e97cc0d.js';
+import '../../_chunks/dep-3d9b45dc.js';
 import '../../_util/noop.js';
 import '../../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
@@ -38,10 +38,20 @@ import '../../input/InputGroup.js';
 import '../../_util/useDefaultValue.js';
 import '../../input/style/index.js';
 import '../../input/type.js';
+import '../../_chunks/dep-7bc00a5f.js';
+import '../../_chunks/dep-267d748a.js';
+import '../../_chunks/dep-339087c7.js';
+import '../../_chunks/dep-c5dffd03.js';
+import '../../_chunks/dep-1da33798.js';
+import '../../_chunks/dep-e3057b1a.js';
+import '../../_chunks/dep-8aba3ccb.js';
+import '../../_chunks/dep-97b57b2a.js';
+import '../../_chunks/dep-cc2481d3.js';
+import '../../_chunks/dep-964eef6f.js';
+import '../../_chunks/dep-56958a5c.js';
 
 var SuffixIcon = function SuffixIcon(props) {
   var cascaderContext = props.cascaderContext,
-      onChange = props.listeners.onChange,
       closeShow = props.closeShow,
       fakeArrowIconClass = props.fakeArrowIconClass,
       closeIconClass = props.closeIconClass;
@@ -51,7 +61,7 @@ var SuffixIcon = function SuffixIcon(props) {
 
   var closeIconClick = function closeIconClick(e) {
     e.stopPropagation();
-    closeIconClickEffect(cascaderContext, onChange);
+    closeIconClickEffect(cascaderContext);
   };
 
   if (closeShow) {
@@ -99,7 +109,7 @@ var InnerContent = function InnerContent(props) {
 
   var renderSelfTag = function renderSelfTag(node, index) {
     return /* @__PURE__ */React__default.createElement(Tag, {
-      closable: true,
+      closable: !disabled,
       key: index,
       disabled: disabled,
       onClose: function onClose(ctx) {
@@ -111,7 +121,7 @@ var InnerContent = function InnerContent(props) {
   };
 
   var generalContent = !multiple ? /* @__PURE__ */React__default.createElement("span", {
-    className: "".concat(prefix, "-cascader-content")
+    className: "".concat(prefix, "-cascader__content")
   }, singleContent) : /* @__PURE__ */React__default.createElement(React__default.Fragment, null, minCollapsedNum > 0 && multipleContent.length > minCollapsedNum ? /* @__PURE__ */React__default.createElement(React__default.Fragment, null, multipleContent.slice(0, minCollapsedNum).map(function (node, index) {
     return renderSelfTag(node, index);
   }), !collapsedItems ? /* @__PURE__ */React__default.createElement(Tag, {
@@ -176,7 +186,7 @@ var Content = function Content(props) {
     collapsedItems: collapsedItems,
     placeholder: placeholder
   }) : /* @__PURE__ */React__default.createElement("span", {
-    className: "".concat(prefix, "-cascader-placeholder")
+    className: "".concat(prefix, "-cascader__placeholder")
   }, placeholder || "\u8BF7\u9009\u62E9");
   return content;
 };
@@ -201,13 +211,18 @@ var InputContent = function InputContent(props) {
   var cascaderInnerClasses = useMemo(function () {
     return classNames(getCascaderInnerClasses(prefix, CLASSNAMES, cascaderContext), className);
   }, [prefix, CLASSNAMES, cascaderContext, className]);
-  var selectRef = useRef(null);
+  var inputContentRef = useRef();
   useEffect(function () {
     var outerClickListenerFn = function outerClickListenerFn(event) {
-      return outerClickListenerEffect(selectRef.current, cascaderContext, event);
+      return outerClickListenerEffect(inputContentRef.current, cascaderContext, event);
     };
 
     document.addEventListener("click", outerClickListenerFn);
+
+    var _inputContentRef$curr = inputContentRef.current.getBoundingClientRect(),
+        width = _inputContentRef$curr.width;
+
+    cascaderContext.setInputWidth(width);
     return function () {
       document.removeEventListener("click", outerClickListenerFn);
     };
@@ -230,7 +245,7 @@ var InputContent = function InputContent(props) {
     onMouseLeave: function onMouseLeave() {
       setIsHover(false);
     },
-    ref: selectRef,
+    ref: inputContentRef,
     onClick: function onClick(e) {
       e.preventDefault();
       innerContentClickEffect(cascaderContext);

package/esm/cascader/components/InputContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputContent.js","sources":["../../../src/cascader/components/InputContent.tsx"],"sourcesContent":["import React, { useState, useMemo, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport isFunction from 'lodash/isFunction';\nimport { CloseCircleFilledIcon } from 'tdesign-icons-react';\nimport useConfig from '../../_util/useConfig';\nimport useCommonClassName from '../../_util/useCommonClassName';\n\n// component\nimport Tag from '../../tag';\nimport Input from '../../input';\nimport FakeArrow from '../../common/FakeArrow';\n\n// common logic\nimport {\n  getCloseIconClass,\n  getFakeArrowIconClass,\n  getCascaderInnerClasses,\n  getCloseShow,\n  getPlaceholderShow,\n  getSingleContent,\n  getMultipleContent,\n  outerClickListenerEffect,\n  closeIconClickEffect,\n  handleRemoveTagEffect,\n  innerContentClickEffect,\n} from '../utils/inputContent';\n\n// types\nimport { InputContentProps, InnerContentProps, ContentProps, SuffixIconProps, TreeNode } from '../interface';\n\n/**\n * SuffixIcon component\n */\n\nconst SuffixIcon = (props: SuffixIconProps) => {\n  const {\n    cascaderContext,\n    listeners: { onChange },\n    closeShow,\n    fakeArrowIconClass,\n    closeIconClass,\n  } = props;\n  const { visible, disabled, size } = cascaderContext;\n\n  const closeIconClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n\n    closeIconClickEffect(cascaderContext, onChange);\n  };\n\n  if (closeShow) {\n    return <CloseCircleFilledIcon className={closeIconClass} onClick={closeIconClick} size={size} />;\n  }\n\n  return <FakeArrow overlayClassName={fakeArrowIconClass} isActive={visible} disabled={disabled} />;\n};\n\nconst InnerContent: React.FC<InnerContentProps> = (props: InnerContentProps) => {\n  const { cascaderContext, listeners, placeholder, collapsedItems } = props;\n  const { classPrefix: prefix } = useConfig();\n  const { multiple, size, disabled, filterable, setFilterActive, visible, inputVal, setInputVal, minCollapsedNum } =\n    cascaderContext;\n  const { onFocus, onBlur, onRemove } = listeners;\n\n  // single select content\n  const singleContent = useMemo(() => getSingleContent(cascaderContext), [cascaderContext]);\n\n  // multiple select content\n  const multipleContent = useMemo(() => getMultipleContent(cascaderContext), [cascaderContext]);\n\n  const renderSelfTag = (node: TreeNode, index: number) => (\n    <Tag\n      closable\n      key={index}\n      disabled={disabled}\n      onClose={(ctx) => {\n        ctx.e.stopPropagation();\n        handleRemoveTagEffect(cascaderContext, node, onRemove);\n      }}\n      size={size}\n    >\n      {node.label}\n    </Tag>\n  );\n\n  const generalContent = !multiple ? (\n    <span className={`${prefix}-cascader-content`}>{singleContent}</span>\n  ) : (\n    <>\n      {minCollapsedNum > 0 && multipleContent.length > minCollapsedNum ? (\n        <>\n          {multipleContent.slice(0, minCollapsedNum).map((node: TreeNode, index: number) => renderSelfTag(node, index))}\n          {!collapsedItems ? (\n            <Tag size={size} disabled={disabled}>\n              +{multipleContent.length - minCollapsedNum}\n            </Tag>\n          ) : (\n            collapsedItems\n          )}\n        </>\n      ) : (\n        multipleContent.map((node: TreeNode, index: number) => renderSelfTag(node, index))\n      )}\n    </>\n  );\n\n  const inputPlaceholder = multiple ? multipleContent.map((node) => node.label).join('、') : singleContent;\n\n  const filterContent = (\n    <Input\n      placeholder={inputPlaceholder || placeholder}\n      value={inputVal}\n      onChange={(value: string) => {\n        setInputVal(value);\n        setFilterActive(!!value);\n      }}\n      autofocus\n      onFocus={(v, context) => isFunction(onFocus) && onFocus({ inputVal, e: context?.e })}\n      onBlur={(v, context) => isFunction(onBlur) && onBlur({ inputVal, e: context?.e })}\n    />\n  );\n\n  const showFilter = useMemo(() => filterable && visible, [filterable, visible]);\n  return showFilter ? filterContent : generalContent;\n};\n\nconst Content: React.FC<ContentProps> = (props: ContentProps) => {\n  const { placeholder, cascaderContext, listeners, isHover, collapsedItems } = props;\n  const { classPrefix: prefix } = useConfig();\n\n  // single select content\n  const singleContent = useMemo(() => getSingleContent(cascaderContext), [cascaderContext]);\n\n  // multiple select content\n  const multipleContent = useMemo(() => getMultipleContent(cascaderContext), [cascaderContext]);\n\n  const showPlaceholder = useMemo(\n    () => getPlaceholderShow(cascaderContext, singleContent, multipleContent),\n    [cascaderContext, singleContent, multipleContent],\n  );\n\n  const content = !showPlaceholder ? (\n    <InnerContent\n      isHover={isHover}\n      cascaderContext={cascaderContext}\n      listeners={listeners}\n      collapsedItems={collapsedItems}\n      placeholder={placeholder}\n    />\n  ) : (\n    <span className={`${prefix}-cascader-placeholder`}>{placeholder || '请选择'}</span>\n  );\n  return content;\n};\n\nconst InputContent: React.FC<InputContentProps> = (props: InputContentProps) => {\n  const { cascaderContext, className, style, placeholder, listeners, collapsedItems } = props;\n\n  const { classPrefix: prefix } = useConfig();\n\n  const [isHover, setIsHover] = useState(false);\n\n  // inner class\n  const CLASSNAMES = useCommonClassName();\n  const cascaderInnerClasses = useMemo(\n    () => classNames(getCascaderInnerClasses(prefix, CLASSNAMES, cascaderContext), className),\n    [prefix, CLASSNAMES, cascaderContext, className],\n  );\n\n  /**\n   * outside click\n   */\n  const selectRef = useRef(null);\n  // handle click outside\n  useEffect(() => {\n    const outerClickListenerFn = (event: MouseEvent | TouchEvent) =>\n      outerClickListenerEffect(selectRef.current as HTMLElement, cascaderContext, event);\n\n    document.addEventListener('click', outerClickListenerFn);\n    return () => {\n      document.removeEventListener('click', outerClickListenerFn);\n    };\n  }, [cascaderContext]);\n\n  const closeIconClass = useMemo(\n    () => classNames(getCloseIconClass(prefix, CLASSNAMES, cascaderContext)),\n    [prefix, CLASSNAMES, cascaderContext],\n  );\n\n  const fakeArrowIconClass = useMemo(\n    () => classNames(getFakeArrowIconClass(prefix, CLASSNAMES, cascaderContext)),\n    [prefix, CLASSNAMES, cascaderContext],\n  );\n\n  const closeShow = useMemo(() => getCloseShow(isHover, cascaderContext), [isHover, cascaderContext]);\n\n  return (\n    <div\n      className={cascaderInnerClasses}\n      style={style}\n      onMouseEnter={() => {\n        setIsHover(true);\n      }}\n      onMouseLeave={() => {\n        setIsHover(false);\n      }}\n      ref={selectRef}\n      onClick={(e: React.MouseEvent) => {\n        e.preventDefault();\n        innerContentClickEffect(cascaderContext);\n      }}\n    >\n      <Content\n        cascaderContext={cascaderContext}\n        isHover={isHover}\n        collapsedItems={collapsedItems}\n        placeholder={placeholder}\n        listeners={listeners}\n      />\n      <SuffixIcon\n        cascaderContext={cascaderContext}\n        closeShow={closeShow}\n        closeIconClass={closeIconClass}\n        fakeArrowIconClass={fakeArrowIconClass}\n        listeners={listeners}\n      />\n    </div>\n  );\n};\n\nexport default InputContent;\n"],"names":["SuffixIcon","props","cascaderContext","onChange","listeners","closeShow","fakeArrowIconClass","closeIconClass","visible","disabled","size","closeIconClick","e","stopPropagation","CloseCircleFilledIcon","className","onClick","FakeArrow","overlayClassName","isActive","InnerContent","placeholder","collapsedItems","useConfig","prefix","classPrefix","multiple","filterable","setFilterActive","inputVal","setInputVal","minCollapsedNum","onFocus","onBlur","onRemove","singleContent","useMemo","getSingleContent","multipleContent","getMultipleContent","renderSelfTag","node","index","Tag","closable","key","onClose","ctx","label","generalContent","length","slice","map","inputPlaceholder","join","filterContent","Input","value","autofocus","v","context","isFunction","showFilter","Content","isHover","showPlaceholder","getPlaceholderShow","content","InputContent","style","useState","setIsHover","CLASSNAMES","useCommonClassName","cascaderInnerClasses","classNames","getCascaderInnerClasses","selectRef","useRef","outerClickListenerFn","event","outerClickListenerEffect","current","addEventListener","removeEventListener","getCloseIconClass","getFakeArrowIconClass","getCloseShow","onMouseEnter","onMouseLeave","ref","preventDefault"],"mappings":"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"}
+{"version":3,"file":"InputContent.js","sources":["../../../src/cascader/components/InputContent.tsx"],"sourcesContent":["import React, { useState, useMemo, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport isFunction from 'lodash/isFunction';\nimport { CloseCircleFilledIcon } from 'tdesign-icons-react';\nimport useConfig from '../../_util/useConfig';\nimport useCommonClassName from '../../_util/useCommonClassName';\n\n// component\nimport Tag from '../../tag';\nimport Input from '../../input';\nimport FakeArrow from '../../common/FakeArrow';\n\n// common logic\nimport {\n  getCloseIconClass,\n  getFakeArrowIconClass,\n  getCascaderInnerClasses,\n  getCloseShow,\n  getPlaceholderShow,\n  getSingleContent,\n  getMultipleContent,\n  outerClickListenerEffect,\n  closeIconClickEffect,\n  handleRemoveTagEffect,\n  innerContentClickEffect,\n} from '../utils/inputContent';\n\n// types\nimport { InputContentProps, InnerContentProps, ContentProps, SuffixIconProps, TreeNode } from '../interface';\n\n/**\n * SuffixIcon component\n */\n\nconst SuffixIcon = (props: SuffixIconProps) => {\n  const { cascaderContext, closeShow, fakeArrowIconClass, closeIconClass } = props;\n  const { visible, disabled, size } = cascaderContext;\n\n  const closeIconClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n\n    closeIconClickEffect(cascaderContext);\n  };\n\n  if (closeShow) {\n    return <CloseCircleFilledIcon className={closeIconClass} onClick={closeIconClick} size={size} />;\n  }\n\n  return <FakeArrow overlayClassName={fakeArrowIconClass} isActive={visible} disabled={disabled} />;\n};\n\nconst InnerContent: React.FC<InnerContentProps> = (props: InnerContentProps) => {\n  const { cascaderContext, listeners, placeholder, collapsedItems } = props;\n  const { classPrefix: prefix } = useConfig();\n  const { multiple, size, disabled, filterable, setFilterActive, visible, inputVal, setInputVal, minCollapsedNum } =\n    cascaderContext;\n  const { onFocus, onBlur, onRemove } = listeners;\n\n  // single select content\n  const singleContent = useMemo(() => getSingleContent(cascaderContext), [cascaderContext]);\n\n  // multiple select content\n  const multipleContent = useMemo(() => getMultipleContent(cascaderContext), [cascaderContext]);\n\n  const renderSelfTag = (node: TreeNode, index: number) => (\n    <Tag\n      closable={!disabled}\n      key={index}\n      disabled={disabled}\n      onClose={(ctx) => {\n        ctx.e.stopPropagation();\n        handleRemoveTagEffect(cascaderContext, node, onRemove);\n      }}\n      size={size}\n    >\n      {node.label}\n    </Tag>\n  );\n\n  const generalContent = !multiple ? (\n    <span className={`${prefix}-cascader__content`}>{singleContent}</span>\n  ) : (\n    <>\n      {minCollapsedNum > 0 && multipleContent.length > minCollapsedNum ? (\n        <>\n          {multipleContent.slice(0, minCollapsedNum).map((node: TreeNode, index: number) => renderSelfTag(node, index))}\n          {!collapsedItems ? (\n            <Tag size={size} disabled={disabled}>\n              +{multipleContent.length - minCollapsedNum}\n            </Tag>\n          ) : (\n            collapsedItems\n          )}\n        </>\n      ) : (\n        multipleContent.map((node: TreeNode, index: number) => renderSelfTag(node, index))\n      )}\n    </>\n  );\n\n  const inputPlaceholder = multiple ? multipleContent.map((node) => node.label).join('、') : singleContent;\n\n  const filterContent = (\n    <Input\n      placeholder={inputPlaceholder || placeholder}\n      value={inputVal}\n      onChange={(value: string) => {\n        setInputVal(value);\n        setFilterActive(!!value);\n      }}\n      autofocus\n      onFocus={(v, context) => isFunction(onFocus) && onFocus({ inputVal, e: context?.e })}\n      onBlur={(v, context) => isFunction(onBlur) && onBlur({ inputVal, e: context?.e })}\n    />\n  );\n\n  const showFilter = useMemo(() => filterable && visible, [filterable, visible]);\n  return showFilter ? filterContent : generalContent;\n};\n\nconst Content: React.FC<ContentProps> = (props: ContentProps) => {\n  const { placeholder, cascaderContext, listeners, isHover, collapsedItems } = props;\n  const { classPrefix: prefix } = useConfig();\n\n  // single select content\n  const singleContent = useMemo(() => getSingleContent(cascaderContext), [cascaderContext]);\n\n  // multiple select content\n  const multipleContent = useMemo(() => getMultipleContent(cascaderContext), [cascaderContext]);\n\n  const showPlaceholder = useMemo(\n    () => getPlaceholderShow(cascaderContext, singleContent, multipleContent),\n    [cascaderContext, singleContent, multipleContent],\n  );\n\n  const content = !showPlaceholder ? (\n    <InnerContent\n      isHover={isHover}\n      cascaderContext={cascaderContext}\n      listeners={listeners}\n      collapsedItems={collapsedItems}\n      placeholder={placeholder}\n    />\n  ) : (\n    <span className={`${prefix}-cascader__placeholder`}>{placeholder || '请选择'}</span>\n  );\n  return content;\n};\n\nconst InputContent: React.FC<InputContentProps> = (props: InputContentProps) => {\n  const { cascaderContext, className, style, placeholder, listeners, collapsedItems } = props;\n\n  const { classPrefix: prefix } = useConfig();\n\n  const [isHover, setIsHover] = useState(false);\n\n  // inner class\n  const CLASSNAMES = useCommonClassName();\n  const cascaderInnerClasses = useMemo(\n    () => classNames(getCascaderInnerClasses(prefix, CLASSNAMES, cascaderContext), className),\n    [prefix, CLASSNAMES, cascaderContext, className],\n  );\n\n  /**\n   * outside click\n   */\n  const inputContentRef = useRef<HTMLDivElement>();\n  // handle click outside\n  useEffect(() => {\n    const outerClickListenerFn = (event: MouseEvent | TouchEvent) =>\n      outerClickListenerEffect(inputContentRef.current as HTMLElement, cascaderContext, event);\n\n    document.addEventListener('click', outerClickListenerFn);\n\n    const { width } = inputContentRef.current.getBoundingClientRect();\n    cascaderContext.setInputWidth(width);\n\n    return () => {\n      document.removeEventListener('click', outerClickListenerFn);\n    };\n  }, [cascaderContext]);\n\n  const closeIconClass = useMemo(\n    () => classNames(getCloseIconClass(prefix, CLASSNAMES, cascaderContext)),\n    [prefix, CLASSNAMES, cascaderContext],\n  );\n\n  const fakeArrowIconClass = useMemo(\n    () => classNames(getFakeArrowIconClass(prefix, CLASSNAMES, cascaderContext)),\n    [prefix, CLASSNAMES, cascaderContext],\n  );\n\n  const closeShow = useMemo(() => getCloseShow(isHover, cascaderContext), [isHover, cascaderContext]);\n\n  return (\n    <div\n      className={cascaderInnerClasses}\n      style={style}\n      onMouseEnter={() => {\n        setIsHover(true);\n      }}\n      onMouseLeave={() => {\n        setIsHover(false);\n      }}\n      ref={inputContentRef}\n      onClick={(e: React.MouseEvent) => {\n        e.preventDefault();\n        innerContentClickEffect(cascaderContext);\n      }}\n    >\n      <Content\n        cascaderContext={cascaderContext}\n        isHover={isHover}\n        collapsedItems={collapsedItems}\n        placeholder={placeholder}\n        listeners={listeners}\n      />\n      <SuffixIcon\n        cascaderContext={cascaderContext}\n        closeShow={closeShow}\n        closeIconClass={closeIconClass}\n        fakeArrowIconClass={fakeArrowIconClass}\n        listeners={listeners}\n      />\n    </div>\n  );\n};\n\nexport default InputContent;\n"],"names":["SuffixIcon","props","cascaderContext","closeShow","fakeArrowIconClass","closeIconClass","visible","disabled","size","closeIconClick","e","stopPropagation","CloseCircleFilledIcon","className","onClick","FakeArrow","overlayClassName","isActive","InnerContent","listeners","placeholder","collapsedItems","useConfig","prefix","classPrefix","multiple","filterable","setFilterActive","inputVal","setInputVal","minCollapsedNum","onFocus","onBlur","onRemove","singleContent","useMemo","getSingleContent","multipleContent","getMultipleContent","renderSelfTag","node","index","Tag","closable","key","onClose","ctx","label","generalContent","length","slice","map","inputPlaceholder","join","filterContent","Input","value","onChange","autofocus","v","context","isFunction","showFilter","Content","isHover","showPlaceholder","getPlaceholderShow","content","InputContent","style","useState","setIsHover","CLASSNAMES","useCommonClassName","cascaderInnerClasses","classNames","getCascaderInnerClasses","inputContentRef","useRef","outerClickListenerFn","event","outerClickListenerEffect","current","addEventListener","getBoundingClientRect","width","setInputWidth","removeEventListener","getCloseIconClass","getFakeArrowIconClass","getCloseShow","onMouseEnter","onMouseLeave","ref","preventDefault"],"mappings":"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"}