tdesign-react 0.19.1 → 0.20.0

package/cjs/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqBMA,WAAoC,SAApCA,QAAoC,CAACC,KAAD,EAAW;mBAI3BC;MAAhBC,yBAAAA;;MACFC,iBAAUD;MACRE,YAA6DJ,MAA7DI;MAAWC,QAAkDL,MAAlDK;MAAOC,eAA2CN,MAA3CM;MAAcC,WAA6BP,MAA7BO;MAAUC,iBAAmBR,MAAnBQ;;oBAExBC,4BAAWT,MAAMU,OAAOJ,cAAcC;;MAAzDG;MAAOC;;kBAEgBC,eAAS;;MAAhCC;MAASC;;mBACkBF,eAAS;;MAApCG;MAAWC;;mBACsBJ,eAAS;;MAA1CK;MAAcC;;mBACWN,eAAS;;MAAlCO;MAAUC;;mBACmBR,eAAS;;MAAtCS;MAAYC;;oBACeV,eAAS;;MAApCW;MAAWC;;oBACUZ,eAA0B;;MAA/Ca;MAAQC;;MAGTC,kBAAkBC,cAAQ,YAAM;sBAahC5B,MAXF6B;QAAAA,gCAAO;0BAWL7B,MAVF8B;iDAAW;+BAUT9B,MATF+B;2DAAgB;sBASd/B,MARFgC;yCAAO;0BAQLhC,MAPFiC;QAAAA,wCAAW;4BAOTjC,MANFkC;QAAAA,4CAAa;2BAMXlC,MALFmC;QAAAA,0CAAY;4BAKVnC,MAJFoC;QAAAA,4CAAa;qBAIXpC,MAHFqC;QAAAA,8BAAM;+BAGJrC,MAFFsC;QAAAA,kDAAgB;gCAEdtC,MADFuC;QAAAA,qDAAkB;WAEb;AACLV,MAAAA,MAAAA,IADK;AAELC,MAAAA,mBAFK;AAGLC,MAAAA,6BAHK;AAILC,MAAAA,WAJK;AAKLC,MAAAA,UAAAA,QALK;AAMLC,MAAAA,YAAAA,UANK;AAOLxB,MAAAA,OAAAA,KAPK;AAQLC,MAAAA,UAAU,kBAAC6B,GAAD,EAAqBC,MAArB,EAAmDC,IAAnD,EAA4E;kBAC3EF,KAAK;AACZC,UAAAA,QAAAA,MADY;AAEZC,UAAAA,MAAAA;AAFY;OATX;AAcL7B,MAAAA,SAAAA,OAdK;AAeLC,MAAAA,YAAAA,UAfK;AAgBLC,MAAAA,WAAAA,SAhBK;AAiBLqB,MAAAA,YAAAA,UAjBK;AAkBLD,MAAAA,WAAAA,SAlBK;AAmBLG,MAAAA,eAAAA,aAnBK;AAoBLD,MAAAA,KAAAA,GApBK;AAqBLd,MAAAA,WAAAA,SArBK;AAsBLC,MAAAA,cAAAA,YAtBK;AAuBLP,MAAAA,cAAAA,YAvBK;AAwBLC,MAAAA,iBAAAA,eAxBK;AAyBLC,MAAAA,UAAAA,QAzBK;AA0BLC,MAAAA,aAAAA,WA1BK;AA2BLM,MAAAA,WAAAA,SA3BK;AA4BLa,MAAAA,iBAAAA,eA5BK;AA6BLlB,MAAAA,YAAAA,UA7BK;AA8BLC,MAAAA,eAAAA;AA9BK;KAgCN,CAACtB,KAAD,EAAQmB,QAAR,EAAkBT,KAAlB,EAAyBC,SAAzB,EAAmCE,OAAnC,EAA4CE,SAA5C,EAAuDQ,SAAvD,EAAkEN,YAAlE,EAAgFI,UAAhF,EAA4FC,aAA5F;MAKKQ,WAAmG9B,MAAnG8B;uBAAmG9B,MAAzF2C;MAAAA,sCAAU;MAAIC,OAA2E5C,MAA3E4C;8BAA2E5C,MAArE+B;MAAAA,mDAAgB;qBAAqD/B,MAA9CgC;MAAAA,iCAAO;MAAMa,OAAiC7C,MAAjC6C;yBAAiC7C,MAA3B8C;MAAAA,0CAAY;;MAEtFC,cAAc,SAAdA,WAAc,CAACC,MAAD,EAAwB;QACpCC,YAAY;AAChBL,MAAAA,MAAMA,QAAQ,EADE;AAEhBM,MAAAA,WAAW,IAFK;AAGhBnB,MAAAA,eAAAA,aAHgB;AAIhBoB,MAAAA,aAAa,IAJG;AAKhBC,MAAAA,cAAc,IALE;AAMhBtB,MAAAA,UAAAA,QANgB;AAOhBe,MAAAA,MAAAA,IAPgB;AAQhBb,MAAAA,MAAAA,IARgB;AAShBc,MAAAA,WAAAA,SATgB;AAUhBE,MAAAA,QAAAA;AAVgB;QAYZK,QAAQ,IAAIC,mCAAJ,CAAcL,SAAd;UAERM,OAAOZ;WACNU;;;MAGL,CAACtC,WAAW;QACRsC,QAAQN,YAAY,YAAM;iBACnB,YAAM;cACTS;gDACUrC,UAAUkC,OAAO7B;SAChC;;iBAEQ6B;;;kBAGL,YAAM;QACRJ,YAAY;AAChBL,MAAAA,MAAMA,QAAQ,EADE;AAEhBM,MAAAA,WAAW,IAFK;AAGhBnB,MAAAA,eAAAA,aAHgB;AAIhBoB,MAAAA,aAAa,IAJG;AAKhBC,MAAAA,cAAc,IALE;AAMhBtB,MAAAA,UAAAA,QANgB;AAOhBe,MAAAA,MAAAA,IAPgB;AAQhBb,MAAAA,MAAAA,IARgB;AAShBc,MAAAA,WAAAA,SATgB;AAUhBH,MAAAA,SAAAA;AAVgB;cAYRc,UAAUR;KACnB,CAAClB,aAAD,EAAgBD,QAAhB,EAA0Bc,IAA1B,EAAgCZ,IAAhC,EAAsCa,IAAtC,EAA4CF,OAA5C,EAAqDG,SAArD,EAAgE/B,SAAhE;kBAGO,YAAM;QACV,CAACA;kDACiBA,WAAWL,OAAOe;KACvC,CAACV,SAAD,EAAYL,KAAZ,EAAmBe,MAAnB;kBAGO,YAAM;QACV,CAACV;4CACWI,UAAUJ,WAAWS;KACpC,CAACL,QAAD,EAAWJ,SAAX,EAAsBL,KAAtB;kBAGO,YAAM;QACV,CAACK;cACK2C,eAAeC,mCAAajD;KACrC,CAACA,KAAD,EAAQK,SAAR;kBAEO,YAAM;QACV,CAACE,cAAc;kBACL;;KAEb,CAACA,YAAD;;2BAEgB2C,uCAAkB;;MAA9BC;MAAOC;;qBAGwC9D,MAA9C+D;MAAAA,kCAAQD,EAAED,MAAME;uBAA8B/D,MAAtBgE;MAAAA,sCAAU;2BAGiBhE,MAAnDiE;MAAAA,8CAAc;MAAOC,WAA8BlE,MAA9BkE;MAAUC,SAAoBnE,MAApBmE;MAAQC,UAAYpE,MAAZoE;gEAG5CC;AACCC,IAAAA,WAAU;AACVzD,IAAAA,SAAAA;AACA0D,IAAAA,4BAAqBpE;AACrBqE,IAAAA,iBAAiB;KACbxE,kBAAAA,4BAAAA,MAAOyE;AACXC,IAAAA,gEAAUC,sCAAD;AAAOhD,MAAAA,iBAAAA,eAAP;AAAyCqC,MAAAA,SAAAA,OAAzC;AAA2DzD,MAAAA,UAAAA,QAA3D;AAA+EwD,MAAAA,OAAAA;AAA/E;6DAERa,6CAAD;AACEpE,IAAAA,gBAAAA,cADF;AAEEmB,IAAAA,iBAAAA,eAFF;AAGEtB,IAAAA,OAAAA,KAHF;AAIED,IAAAA,WAAAA,SAJF;AAKEyE,IAAAA,WAAW;AACTX,MAAAA,UAAAA,QADS;AAETC,MAAAA,QAAAA,MAFS;AAGTC,MAAAA,SAAAA,OAHS;AAIT7D,MAAAA,UAAAA;AAJS,KALb;AAWE0D,IAAAA,aAAAA;AAXF;;;;;"}

package/cjs/cascader/components/InputContent.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,10 +8,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var slicedToArray = require('../../_chunks/dep-8f80ce94.js');
+var slicedToArray = require('../../_chunks/dep-fb19c6e4.js');
 var React = require('react');
 var classNames = require('classnames');
-var isFunction = require('../../_chunks/dep-3cf89b5c.js');
+var isFunction = require('../../_chunks/dep-6e386c8a.js');
 var tdesignIconsReact = require('tdesign-icons-react');
 var _util_useConfig = require('../../_util/useConfig.js');
 var _util_useCommonClassName = require('../../_util/useCommonClassName.js');
@@ -19,15 +19,15 @@ var tag_index = require('../../tag/index.js');
 var input_index = require('../../input/index.js');
 var common_FakeArrow = require('../../common/FakeArrow.js');
 var cascader_utils_inputContent = require('../utils/inputContent.js');
-require('../../_chunks/dep-2c22ada3.js');
-require('../../_chunks/dep-bc7ce7d9.js');
-require('../../_chunks/dep-9b5ff552.js');
-require('../../_chunks/dep-79109b15.js');
+require('../../_chunks/dep-0f342310.js');
+require('../../_chunks/dep-6b1174cd.js');
+require('../../_chunks/dep-e8336ca1.js');
+require('../../_chunks/dep-b0e9bbd3.js');
 require('../../config-provider/ConfigContext.js');
 require('../../locale/zh_CN.js');
 require('../../tag/Tag.js');
-require('../../_chunks/dep-cbedafdb.js');
-require('../../_chunks/dep-ab51e170.js');
+require('../../_chunks/dep-3b16b729.js');
+require('../../_chunks/dep-c3ff803a.js');
 require('../../_util/noop.js');
 require('../../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
@@ -36,6 +36,15 @@ require('../../_util/useDefault.js');
 require('../../input/Input.js');
 require('../../input/InputGroup.js');
 require('../../_util/useDefaultValue.js');
+require('../../_chunks/dep-65fd43d7.js');
+require('../../_chunks/dep-1eeaa07b.js');
+require('../../_chunks/dep-e50a84e6.js');
+require('../../_chunks/dep-2302f518.js');
+require('../../_chunks/dep-2fb2ff3d.js');
+require('../../_chunks/dep-cad238c0.js');
+require('../../_chunks/dep-80e6fb7e.js');
+require('../../_chunks/dep-9e3e211f.js');
+require('../../_chunks/dep-fb0adbb1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -44,7 +53,6 @@ var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 
 var SuffixIcon = function SuffixIcon(props) {
   var cascaderContext = props.cascaderContext,
-      onChange = props.listeners.onChange,
       closeShow = props.closeShow,
       fakeArrowIconClass = props.fakeArrowIconClass,
       closeIconClass = props.closeIconClass;
@@ -54,7 +62,7 @@ var SuffixIcon = function SuffixIcon(props) {
 
   var closeIconClick = function closeIconClick(e) {
     e.stopPropagation();
-    cascader_utils_inputContent.closeIconClickEffect(cascaderContext, onChange);
+    cascader_utils_inputContent.closeIconClickEffect(cascaderContext);
   };
 
   if (closeShow) {
@@ -102,7 +110,7 @@ var InnerContent = function InnerContent(props) {
 
   var renderSelfTag = function renderSelfTag(node, index) {
     return /* @__PURE__ */React__default["default"].createElement(tag_index.Tag, {
-      closable: true,
+      closable: !disabled,
       key: index,
       disabled: disabled,
       onClose: function onClose(ctx) {
@@ -114,7 +122,7 @@ var InnerContent = function InnerContent(props) {
   };
 
   var generalContent = !multiple ? /* @__PURE__ */React__default["default"].createElement("span", {
-    className: "".concat(prefix, "-cascader-content")
+    className: "".concat(prefix, "-cascader__content")
   }, singleContent) : /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, minCollapsedNum > 0 && multipleContent.length > minCollapsedNum ? /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, multipleContent.slice(0, minCollapsedNum).map(function (node, index) {
     return renderSelfTag(node, index);
   }), !collapsedItems ? /* @__PURE__ */React__default["default"].createElement(tag_index.Tag, {
@@ -179,7 +187,7 @@ var Content = function Content(props) {
     collapsedItems: collapsedItems,
     placeholder: placeholder
   }) : /* @__PURE__ */React__default["default"].createElement("span", {
-    className: "".concat(prefix, "-cascader-placeholder")
+    className: "".concat(prefix, "-cascader__placeholder")
   }, placeholder || "\u8BF7\u9009\u62E9");
   return content;
 };
@@ -204,13 +212,18 @@ var InputContent = function InputContent(props) {
   var cascaderInnerClasses = React.useMemo(function () {
     return classNames__default["default"](cascader_utils_inputContent.getCascaderInnerClasses(prefix, CLASSNAMES, cascaderContext), className);
   }, [prefix, CLASSNAMES, cascaderContext, className]);
-  var selectRef = React.useRef(null);
+  var inputContentRef = React.useRef();
   React.useEffect(function () {
     var outerClickListenerFn = function outerClickListenerFn(event) {
-      return cascader_utils_inputContent.outerClickListenerEffect(selectRef.current, cascaderContext, event);
+      return cascader_utils_inputContent.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);
     };
@@ -233,7 +246,7 @@ var InputContent = function InputContent(props) {
     onMouseLeave: function onMouseLeave() {
       setIsHover(false);
     },
-    ref: selectRef,
+    ref: inputContentRef,
     onClick: function onClick(e) {
       e.preventDefault();
       cascader_utils_inputContent.innerContentClickEffect(cascaderContext);

package/cjs/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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"}

package/cjs/cascader/components/Item.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,7 +8,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../../_chunks/dep-cbedafdb.js');
+var defineProperty = require('../../_chunks/dep-3b16b729.js');
 var React = require('react');
 var classNames = require('classnames');
 var tdesignIconsReact = require('tdesign-icons-react');
@@ -19,54 +19,58 @@ var cascader_utils_item = require('../utils/item.js');
 var cascader_utils_helper = require('../utils/helper.js');
 var loading_index = require('../../loading/index.js');
 var tooltip_Tooltip = require('../../tooltip/Tooltip.js');
-var checkbox_CheckboxGroup = require('../../_chunks/dep-1d475598.js');
+var checkbox_CheckboxGroup = require('../../_chunks/dep-e6ad4f5e.js');
 require('../../config-provider/ConfigContext.js');
 require('../../locale/zh_CN.js');
 require('../../_util/setStyle.js');
-require('../../_chunks/dep-24e6d496.js');
-require('../../_chunks/dep-2c22ada3.js');
-require('../../_chunks/dep-9b5ff552.js');
+require('../../_chunks/dep-359fe2d6.js');
+require('../../_chunks/dep-0f342310.js');
+require('../../_chunks/dep-e8336ca1.js');
 require('../../loading/loading.js');
-require('../../_chunks/dep-8f80ce94.js');
-require('react-dom');
+require('../../_chunks/dep-fb19c6e4.js');
 require('../../_util/dom.js');
 require('raf');
-require('../../_chunks/dep-9166817e.js');
-require('../../_chunks/dep-bc7ce7d9.js');
-require('../../_chunks/dep-ef75128a.js');
-require('../../_chunks/dep-44e3e9bb.js');
+require('../../_chunks/dep-9ee20113.js');
+require('../../_chunks/dep-6b1174cd.js');
+require('../../_chunks/dep-9e3e211f.js');
+require('../../_chunks/dep-2302f518.js');
 require('../../_util/easing.js');
 require('../../common/Portal.js');
-require('../../_chunks/dep-ab51e170.js');
+require('react-dom');
+require('../../loading/gradient.js');
+require('../../loading/plugin.js');
+require('../../_chunks/dep-c3ff803a.js');
 require('../../popup/index.js');
 require('../../popup/Popup.js');
+require('react-transition-group');
 require('react-popper');
 require('../../_util/useDefault.js');
 require('../../_util/noop.js');
 require('../../_util/composeRefs.js');
 require('../../_util/usePrevious.js');
 require('../../popup/Portal.js');
-require('../../popup/useTriggerProps.js');
+require('../../popup/hooks/useTriggerProps.js');
 require('../../_util/useClickOutside.js');
+require('../../popup/hooks/usePopupCssTransition.js');
 require('../../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 require('../../common/Check.js');
 require('../../_util/helper.js');
-require('../../_chunks/dep-abe29065.js');
-require('../../_chunks/dep-9ecba42e.js');
-require('../../_chunks/dep-37d490bf.js');
-require('../../_chunks/dep-cba485ce.js');
-require('../../_chunks/dep-62e1d7f2.js');
-require('../../_chunks/dep-56eca6a0.js');
+require('../../_chunks/dep-3de250de.js');
+require('../../_chunks/dep-777e1a4b.js');
+require('../../_chunks/dep-4ea10b93.js');
+require('../../_chunks/dep-d9585831.js');
+require('../../_chunks/dep-ce3e65d8.js');
+require('../../_chunks/dep-d4d2f1b5.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 
-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._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._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 RenderLabelInner = function RenderLabelInner(name, node, cascaderContext) {
   var filterActive = cascaderContext.filterActive,
@@ -74,33 +78,40 @@ var RenderLabelInner = function RenderLabelInner(name, node, cascaderContext) {
   var labelText = filterActive ? cascader_utils_helper.getFullPathLabel(node) : node.label;
 
   if (filterActive) {
-    var ctx = labelText.split(inputVal);
-    return function () {
-      return /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, ctx[0], /* @__PURE__ */React__default["default"].createElement("span", {
-        className: "".concat(name, "__label--filter")
-      }, inputVal), ctx[1]);
-    }();
+    var texts = labelText.split(inputVal);
+    var doms = [];
+
+    for (var index = 0; index < texts.length; index++) {
+      doms.push( /* @__PURE__ */React__default["default"].createElement("span", {
+        key: index
+      }, texts[index]));
+      if (index === texts.length - 1) break;
+      doms.push( /* @__PURE__ */React__default["default"].createElement("span", {
+        key: "".concat(index, "filter"),
+        className: "".concat(name, "-label--filter")
+      }, inputVal));
+    }
+
+    return doms;
   }
 
-  return function () {
-    return /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, labelText);
-  }();
+  return labelText;
 };
 
 var RenderLabelContent = function RenderLabelContent(node, cascaderContext) {
   var _useConfig = _util_useConfig["default"](),
       prefix = _useConfig.classPrefix;
 
-  var name = "".concat(prefix, "-cascader-item");
+  var name = "".concat(prefix, "-cascader__item");
   var label = RenderLabelInner(name, node, cascaderContext);
   var isEllipsis = cascader_utils_item.getLabelIsEllipsis(node, cascaderContext.size);
 
   if (isEllipsis) {
     return /* @__PURE__ */React__default["default"].createElement("span", {
-      className: "".concat(name, "__label"),
+      className: "".concat(name, "-label"),
       role: "label"
     }, label, /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(name, "__label--ellipsis")
+      className: "".concat(name, "-label--ellipsis")
     }, /* @__PURE__ */React__default["default"].createElement(tooltip_Tooltip["default"], {
       content: node.label,
       placement: "top-left"
@@ -116,7 +127,7 @@ var RenderCheckBox = function RenderCheckBox(node, cascaderContext, handleChange
   var _useConfig2 = _util_useConfig["default"](),
       prefix = _useConfig2.classPrefix;
 
-  var name = "".concat(prefix, "-cascader-item");
+  var name = "".concat(prefix, "-cascader__item");
   var checkProps = cascaderContext.checkProps,
       value = cascaderContext.value,
       max = cascaderContext.max;

package/cjs/cascader/components/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../../../src/cascader/components/Item.tsx"],"sourcesContent":["import React, { useRef, forwardRef, useMemo } from 'react';\nimport classNames from 'classnames';\nimport { ChevronRightIcon } from 'tdesign-icons-react';\n\n// hook\nimport useConfig from '../../_util/useConfig';\nimport useCommonClassName from '../../_util/useCommonClassName';\nimport useRipple from '../../_util/useRipple';\n\n// common logic\nimport { getCascaderItemClass, getCascaderItemIconClass, getLabelIsEllipsis } from '../utils/item';\nimport { getFullPathLabel } from '../utils/helper';\n\n// component\nimport Loading from '../../loading';\nimport Tooltip from '../../tooltip/Tooltip';\nimport Checkbox from '../../checkbox/Checkbox';\n\n// type\nimport { ContextType, CascaderItemProps, CascaderContextType } from '../interface';\nimport TreeNode from '../../_common/js/tree/tree-node';\nimport { TreeNodeValue } from '../../_common/js/tree/types';\nimport { CheckboxProps } from '../../checkbox';\n\nconst RenderLabelInner = (name: string, node: TreeNode, cascaderContext: CascaderContextType) => {\n  const { filterActive, inputVal } = cascaderContext;\n  const labelText = filterActive ? getFullPathLabel(node) : node.label;\n\n  if (filterActive) {\n    const ctx = labelText.split(inputVal);\n    return (() => (\n      <>\n        {ctx[0]}\n        <span className={`${name}__label--filter`}>{inputVal}</span>\n        {ctx[1]}\n      </>\n    ))();\n  }\n  return (() => <>{labelText}</>)();\n};\n\nconst RenderLabelContent = (node: TreeNode, cascaderContext: CascaderContextType) => {\n  const { classPrefix: prefix } = useConfig();\n  const name = `${prefix}-cascader-item`;\n\n  const label = RenderLabelInner(name, node, cascaderContext);\n  const isEllipsis = getLabelIsEllipsis(node, cascaderContext.size);\n\n  if (isEllipsis) {\n    return (\n      <span className={`${name}__label`} role=\"label\">\n        {label}\n        <div className={`${name}__label--ellipsis`}>\n          <Tooltip content={node.label} placement=\"top-left\" />\n        </div>\n      </span>\n    );\n  }\n  return <span className={`${name}__label`}>{label}</span>;\n};\n\nconst RenderCheckBox = (node: TreeNode, cascaderContext: CascaderContextType, handleChange) => {\n  const { classPrefix: prefix } = useConfig();\n  const name = `${prefix}-cascader-item`;\n\n  const { checkProps, value, max } = cascaderContext;\n  const label = RenderLabelInner(name, node, cascaderContext);\n  return (\n    <Checkbox\n      {...checkProps}\n      checked={node.checked}\n      indeterminate={node.indeterminate}\n      disabled={node.isDisabled() || ((value as TreeNodeValue[]).length >= max && max !== 0)}\n      name={node.value}\n      onChange={handleChange}\n    >\n      {label}\n    </Checkbox>\n  );\n};\n\nconst Item = forwardRef((props: CascaderItemProps, ref: React.RefObject<HTMLLIElement>) => {\n  const {\n    node,\n    cascaderContext: { multiple },\n    onClick,\n    onChange,\n    onMouseEnter,\n    cascaderContext,\n  } = props;\n  const { classPrefix: prefix } = useConfig();\n\n  const itemRef = useRef();\n  useRipple(ref || itemRef);\n\n  /**\n   * class\n   */\n  const CLASSNAMES = useCommonClassName();\n\n  const itemClass = useMemo(\n    () => classNames(getCascaderItemClass(prefix, node, CLASSNAMES, cascaderContext)),\n    [prefix, node, CLASSNAMES, cascaderContext],\n  );\n\n  const iconClass = useMemo(\n    () => classNames(getCascaderItemIconClass(prefix, node, CLASSNAMES, cascaderContext)),\n    [prefix, node, CLASSNAMES, cascaderContext],\n  );\n\n  const handleClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    const ctx: ContextType = {\n      e,\n      node,\n    };\n    onClick(ctx);\n  };\n\n  const handleChange: CheckboxProps['onChange'] = (e) => {\n    const ctx = {\n      e,\n      node,\n    };\n    onChange(ctx);\n  };\n\n  const handleMouseenter = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    const ctx: ContextType = {\n      e,\n      node,\n    };\n    onMouseEnter(ctx);\n  };\n\n  return (\n    <li ref={ref || itemRef} className={itemClass} onClick={handleClick} onMouseEnter={handleMouseenter}>\n      {multiple ? RenderCheckBox(node, cascaderContext, handleChange) : RenderLabelContent(node, cascaderContext)}\n      {node.children &&\n        (node.loading ? (\n          <Loading className={iconClass} loading={true} size=\"small\" />\n        ) : (\n          <ChevronRightIcon className={iconClass} />\n        ))}\n    </li>\n  );\n});\n\nexport default Item;\n"],"names":["RenderLabelInner","name","node","cascaderContext","filterActive","inputVal","labelText","getFullPathLabel","label","ctx","split","className","RenderLabelContent","useConfig","prefix","classPrefix","isEllipsis","getLabelIsEllipsis","size","role","Tooltip","content","placement","RenderCheckBox","handleChange","checkProps","value","max","Checkbox","checked","indeterminate","disabled","isDisabled","length","onChange","Item","forwardRef","props","ref","multiple","onClick","onMouseEnter","itemRef","useRef","CLASSNAMES","useCommonClassName","itemClass","useMemo","classNames","getCascaderItemClass","iconClass","getCascaderItemIconClass","handleClick","e","stopPropagation","handleMouseenter","children","loading","Loading","ChevronRightIcon"],"mappings":"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"}
+{"version":3,"file":"Item.js","sources":["../../../src/cascader/components/Item.tsx"],"sourcesContent":["import React, { useRef, forwardRef, useMemo } from 'react';\nimport classNames from 'classnames';\nimport { ChevronRightIcon } from 'tdesign-icons-react';\n\n// hook\nimport useConfig from '../../_util/useConfig';\nimport useCommonClassName from '../../_util/useCommonClassName';\nimport useRipple from '../../_util/useRipple';\n\n// common logic\nimport { getCascaderItemClass, getCascaderItemIconClass, getLabelIsEllipsis } from '../utils/item';\nimport { getFullPathLabel } from '../utils/helper';\n\n// component\nimport TLoading from '../../loading';\nimport Tooltip from '../../tooltip/Tooltip';\nimport Checkbox from '../../checkbox/Checkbox';\n\n// type\nimport { ContextType, CascaderItemProps, CascaderContextType } from '../interface';\nimport TreeNode from '../../_common/js/tree/tree-node';\nimport { TreeNodeValue } from '../../_common/js/tree/types';\nimport { CheckboxProps } from '../../checkbox';\n\nconst RenderLabelInner = (name: string, node: TreeNode, cascaderContext: CascaderContextType) => {\n  const { filterActive, inputVal } = cascaderContext;\n  const labelText = filterActive ? getFullPathLabel(node) : node.label;\n  if (filterActive) {\n    const texts = labelText.split(inputVal);\n    const doms = [];\n    for (let index = 0; index < texts.length; index++) {\n      doms.push(<span key={index}>{texts[index]}</span>);\n      if (index === texts.length - 1) break;\n      doms.push(\n        <span key={`${index}filter`} className={`${name}-label--filter`}>\n          {inputVal}\n        </span>,\n      );\n    }\n    return doms;\n  }\n  return labelText;\n};\n\nconst RenderLabelContent = (node: TreeNode, cascaderContext: CascaderContextType) => {\n  const { classPrefix: prefix } = useConfig();\n  const name = `${prefix}-cascader__item`;\n\n  const label = RenderLabelInner(name, node, cascaderContext);\n  const isEllipsis = getLabelIsEllipsis(node, cascaderContext.size);\n\n  if (isEllipsis) {\n    return (\n      <span className={`${name}-label`} role=\"label\">\n        {label}\n        <div className={`${name}-label--ellipsis`}>\n          <Tooltip content={node.label} placement=\"top-left\" />\n        </div>\n      </span>\n    );\n  }\n  return <span className={`${name}__label`}>{label}</span>;\n};\n\nconst RenderCheckBox = (node: TreeNode, cascaderContext: CascaderContextType, handleChange) => {\n  const { classPrefix: prefix } = useConfig();\n  const name = `${prefix}-cascader__item`;\n\n  const { checkProps, value, max } = cascaderContext;\n  const label = RenderLabelInner(name, node, cascaderContext);\n  return (\n    <Checkbox\n      {...checkProps}\n      checked={node.checked}\n      indeterminate={node.indeterminate}\n      disabled={node.isDisabled() || ((value as TreeNodeValue[]).length >= max && max !== 0)}\n      name={node.value}\n      onChange={handleChange}\n    >\n      {label}\n    </Checkbox>\n  );\n};\n\nconst Item = forwardRef((props: CascaderItemProps, ref: React.RefObject<HTMLLIElement>) => {\n  const {\n    node,\n    cascaderContext: { multiple },\n    onClick,\n    onChange,\n    onMouseEnter,\n    cascaderContext,\n  } = props;\n  const { classPrefix: prefix } = useConfig();\n\n  const itemRef = useRef();\n  useRipple(ref || itemRef);\n\n  /**\n   * class\n   */\n  const CLASSNAMES = useCommonClassName();\n\n  const itemClass = useMemo(\n    () => classNames(getCascaderItemClass(prefix, node, CLASSNAMES, cascaderContext)),\n    [prefix, node, CLASSNAMES, cascaderContext],\n  );\n\n  const iconClass = useMemo(\n    () => classNames(getCascaderItemIconClass(prefix, node, CLASSNAMES, cascaderContext)),\n    [prefix, node, CLASSNAMES, cascaderContext],\n  );\n\n  const handleClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    const ctx: ContextType = {\n      e,\n      node,\n    };\n    onClick(ctx);\n  };\n\n  const handleChange: CheckboxProps['onChange'] = (e) => {\n    const ctx = {\n      e,\n      node,\n    };\n    onChange(ctx);\n  };\n\n  const handleMouseenter = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    const ctx: ContextType = {\n      e,\n      node,\n    };\n    onMouseEnter(ctx);\n  };\n\n  return (\n    <li ref={ref || itemRef} className={itemClass} onClick={handleClick} onMouseEnter={handleMouseenter}>\n      {multiple ? RenderCheckBox(node, cascaderContext, handleChange) : RenderLabelContent(node, cascaderContext)}\n      {node.children &&\n        (node.loading ? (\n          <TLoading className={iconClass} loading={true} size=\"small\" />\n        ) : (\n          <ChevronRightIcon className={iconClass} />\n        ))}\n    </li>\n  );\n});\n\nexport default Item;\n"],"names":["RenderLabelInner","name","node","cascaderContext","filterActive","inputVal","labelText","getFullPathLabel","label","texts","split","doms","index","length","push","key","className","RenderLabelContent","useConfig","prefix","classPrefix","isEllipsis","getLabelIsEllipsis","size","role","Tooltip","content","placement","RenderCheckBox","handleChange","checkProps","value","max","Checkbox","checked","indeterminate","disabled","isDisabled","onChange","Item","forwardRef","props","ref","multiple","onClick","onMouseEnter","itemRef","useRef","CLASSNAMES","useCommonClassName","itemClass","useMemo","classNames","getCascaderItemClass","iconClass","getCascaderItemIconClass","handleClick","e","stopPropagation","ctx","handleMouseenter","children","loading","TLoading","ChevronRightIcon"],"mappings":"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"}

package/cjs/cascader/components/Panel.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,7 +8,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../../_chunks/dep-cbedafdb.js');
+var defineProperty = require('../../_chunks/dep-3b16b729.js');
 var React = require('react');
 var classNames = require('classnames');
 var _util_useConfig = require('../../_util/useConfig.js');
@@ -16,52 +16,54 @@ var cascader_utils_panel = require('../utils/panel.js');
 var cascader_components_Item = require('./Item.js');
 require('../../config-provider/ConfigContext.js');
 require('../../locale/zh_CN.js');
-require('../../_chunks/dep-8f80ce94.js');
-require('../../_chunks/dep-2c22ada3.js');
-require('../../_chunks/dep-3cf89b5c.js');
-require('../../_chunks/dep-bc7ce7d9.js');
-require('../../_chunks/dep-9b5ff552.js');
-require('../../_chunks/dep-79109b15.js');
-require('../../_chunks/dep-56eca6a0.js');
-require('../../_chunks/dep-44e3e9bb.js');
+require('../../_chunks/dep-fb19c6e4.js');
+require('../../_chunks/dep-0f342310.js');
+require('../../_chunks/dep-d4d2f1b5.js');
+require('../../_chunks/dep-6b1174cd.js');
+require('../../_chunks/dep-e8336ca1.js');
+require('../../_chunks/dep-2302f518.js');
 require('tdesign-icons-react');
 require('../../_util/useCommonClassName.js');
 require('../../_util/useRipple.js');
 require('../../_util/setStyle.js');
 require('../utils/item.js');
-require('../../_chunks/dep-24e6d496.js');
+require('../../_chunks/dep-359fe2d6.js');
 require('../utils/helper.js');
 require('../../loading/index.js');
 require('../../loading/loading.js');
-require('react-dom');
 require('../../_util/dom.js');
 require('raf');
-require('../../_chunks/dep-9166817e.js');
-require('../../_chunks/dep-ef75128a.js');
+require('../../_chunks/dep-9ee20113.js');
+require('../../_chunks/dep-9e3e211f.js');
 require('../../_util/easing.js');
 require('../../common/Portal.js');
+require('react-dom');
+require('../../loading/gradient.js');
+require('../../loading/plugin.js');
 require('../../tooltip/Tooltip.js');
-require('../../_chunks/dep-ab51e170.js');
+require('../../_chunks/dep-c3ff803a.js');
 require('../../popup/index.js');
 require('../../popup/Popup.js');
+require('react-transition-group');
 require('react-popper');
 require('../../_util/useDefault.js');
 require('../../_util/noop.js');
 require('../../_util/composeRefs.js');
 require('../../_util/usePrevious.js');
 require('../../popup/Portal.js');
-require('../../popup/useTriggerProps.js');
+require('../../popup/hooks/useTriggerProps.js');
 require('../../_util/useClickOutside.js');
-require('../../_chunks/dep-1d475598.js');
+require('../../popup/hooks/usePopupCssTransition.js');
+require('../../_chunks/dep-e6ad4f5e.js');
 require('../../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 require('../../common/Check.js');
 require('../../_util/helper.js');
-require('../../_chunks/dep-abe29065.js');
-require('../../_chunks/dep-9ecba42e.js');
-require('../../_chunks/dep-37d490bf.js');
-require('../../_chunks/dep-cba485ce.js');
-require('../../_chunks/dep-62e1d7f2.js');
+require('../../_chunks/dep-3de250de.js');
+require('../../_chunks/dep-777e1a4b.js');
+require('../../_chunks/dep-4ea10b93.js');
+require('../../_chunks/dep-d9585831.js');
+require('../../_chunks/dep-ce3e65d8.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -70,10 +72,10 @@ var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 
 var Panel = function Panel(props) {
   var _props$cascaderContex = props.cascaderContext,
-      treeNodes = _props$cascaderContex.treeNodes,
       filterActive = _props$cascaderContex.filterActive,
+      treeNodes = _props$cascaderContex.treeNodes,
+      inputWidth = _props$cascaderContex.inputWidth,
       cascaderContext = props.cascaderContext,
-      onChange = props.onChange,
       empty = props.empty;
   var panels = React.useMemo(function () {
     return cascader_utils_panel.getPanels(treeNodes);
@@ -83,23 +85,21 @@ var Panel = function Panel(props) {
     var node = ctx.node;
     var propsTrigger = props.trigger,
         cascaderContext2 = props.cascaderContext;
-    cascader_utils_panel.expendClickEffect(propsTrigger, trigger, node, cascaderContext2, onChange, ctx);
+    cascader_utils_panel.expendClickEffect(propsTrigger, trigger, node, cascaderContext2);
   };
 
   var handleChange = function handleChange(ctx) {
     var node = ctx.node;
-    cascader_utils_panel.valueChangeEffect(node, cascaderContext, onChange, ctx);
+    cascader_utils_panel.valueChangeEffect(node, cascaderContext);
   };
 
   var _useConfig = _util_useConfig["default"](),
       classPrefix = _useConfig.classPrefix;
 
   var name = "".concat(classPrefix, "-cascader");
-  var renderEmpty = /* @__PURE__ */React__default["default"].createElement("ul", {
-    className: classNames__default["default"](["".concat(name, "-menu"), defineProperty._defineProperty({}, "".concat(name, "-menu__filter"), filterActive)])
-  }, /* @__PURE__ */React__default["default"].createElement("li", {
-    className: classNames__default["default"](["".concat(name, "-item"), "".concat(name, "-item__is-empty")])
-  }, empty));
+  var renderEmpty = /* @__PURE__ */React__default["default"].createElement("div", {
+    className: "".concat(name, "__panel--empty")
+  }, empty);
 
   var renderItem = function renderItem(node) {
     return /* @__PURE__ */React__default["default"].createElement(cascader_components_Item["default"], {
@@ -118,20 +118,23 @@ var Panel = function Panel(props) {
 
   var panelsContainer = panels.map(function (panel, index) {
     return /* @__PURE__ */React__default["default"].createElement("ul", {
-      key: index,
-      className: classNames__default["default"]("".concat(name, "-menu"), defineProperty._defineProperty({}, "".concat(name, "-menu__seperator"), index !== panels.length - 1))
+      className: classNames__default["default"]("".concat(name, "__menu"), "narrow-scrollbar", defineProperty._defineProperty({}, "".concat(name, "__menu--segment"), index !== panels.length - 1)),
+      key: index
     }, panel.map(function (node) {
       return renderItem(node);
     }));
   });
   var filterPanelsContainer = /* @__PURE__ */React__default["default"].createElement("ul", {
-    className: classNames__default["default"]("".concat(name, "-menu"), "".concat(name, "-menu__seperator"), "".concat(name, "-menu__filter"))
+    className: classNames__default["default"]("".concat(name, "__menu"), "narrow-scrollbar", "".concat(name, "__menu--segment"), "".concat(name, "__menu--filter"))
   }, treeNodes.map(function (node) {
     return renderItem(node);
   }));
   var renderPanels = filterActive ? filterPanelsContainer : panelsContainer;
   return /* @__PURE__ */React__default["default"].createElement("div", {
-    className: classNames__default["default"]("".concat(name, "-panel"), "".concat(name, "--normal"))
+    className: classNames__default["default"]("".concat(name, "__panel"), defineProperty._defineProperty({}, "".concat(name, "--normal"), panels.length)),
+    style: {
+      width: panels.length === 0 ? "".concat(inputWidth, "px") : null
+    }
   }, panels && panels.length ? renderPanels : renderEmpty);
 };