tdesign-react 0.19.0 → 0.20.2

package/esm/cascader/components/Item.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-53c6c586.js';
+import { _ as _defineProperty } from '../../_chunks/dep-2e97cc0d.js';
 import React__default, { forwardRef, useRef, useMemo } from 'react';
 import classNames from 'classnames';
 import { ChevronRightIcon } from 'tdesign-icons-react';
@@ -15,55 +15,59 @@ import { getLabelIsEllipsis, getCascaderItemClass, getCascaderItemIconClass } fr
 import { getFullPathLabel } from '../utils/helper.js';
 import { Loading } from '../../loading/index.js';
 import Tooltip from '../../tooltip/Tooltip.js';
-import { C as Checkbox } from '../../_chunks/dep-240c775e.js';
+import { C as Checkbox } from '../../_chunks/dep-f9a724b1.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
 import '../../_util/setStyle.js';
-import '../../_chunks/dep-f405fda4.js';
-import '../../_chunks/dep-4c3606c3.js';
-import '../../_chunks/dep-601473bd.js';
+import '../../_chunks/dep-0ab6329f.js';
+import '../../_chunks/dep-38c06164.js';
+import '../../_chunks/dep-759bc4af.js';
 import '../../loading/loading.js';
-import '../../_chunks/dep-fff59b5a.js';
-import 'react-dom';
+import '../../_chunks/dep-85854991.js';
 import '../../_util/dom.js';
 import 'raf';
-import '../../_chunks/dep-615797a6.js';
-import '../../_chunks/dep-2e526f70.js';
-import '../../_chunks/dep-b6fbc66d.js';
-import '../../_chunks/dep-364c042d.js';
-import '../../_chunks/dep-6b2b86ea.js';
-import '../../_chunks/dep-7d91d695.js';
+import '../../_chunks/dep-14d83b52.js';
+import '../../_chunks/dep-00ccaf0c.js';
+import '../../_chunks/dep-88b40b60.js';
+import '../../_chunks/dep-cc2481d3.js';
+import '../../_chunks/dep-964eef6f.js';
+import '../../_chunks/dep-c5dffd03.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 '../../_chunks/dep-b3d60655.js';
+import '../../loading/plugin.js';
+import '../../_chunks/dep-3d9b45dc.js';
 import '../../popup/index.js';
 import '../../popup/Popup.js';
+import 'react-transition-group';
 import 'react-popper';
 import '../../_util/useDefault.js';
 import '../../_util/noop.js';
 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 '../../popup/style/index.js';
 import '../../popup/type.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-a3d3d11d.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-447acf5a.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 RenderLabelInner = function RenderLabelInner(name, node, cascaderContext) {
   var filterActive = cascaderContext.filterActive,
@@ -71,33 +75,40 @@ var RenderLabelInner = function RenderLabelInner(name, node, cascaderContext) {
   var labelText = filterActive ? getFullPathLabel(node) : node.label;
 
   if (filterActive) {
-    var ctx = labelText.split(inputVal);
-    return function () {
-      return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, ctx[0], /* @__PURE__ */React__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.createElement("span", {
+        key: index
+      }, texts[index]));
+      if (index === texts.length - 1) break;
+      doms.push( /* @__PURE__ */React__default.createElement("span", {
+        key: "".concat(index, "filter"),
+        className: "".concat(name, "-label--filter")
+      }, inputVal));
+    }
+
+    return doms;
   }
 
-  return function () {
-    return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, labelText);
-  }();
+  return labelText;
 };
 
 var RenderLabelContent = function RenderLabelContent(node, cascaderContext) {
   var _useConfig = useConfig(),
       prefix = _useConfig.classPrefix;
 
-  var name = "".concat(prefix, "-cascader-item");
+  var name = "".concat(prefix, "-cascader__item");
   var label = RenderLabelInner(name, node, cascaderContext);
   var isEllipsis = getLabelIsEllipsis(node, cascaderContext.size);
 
   if (isEllipsis) {
     return /* @__PURE__ */React__default.createElement("span", {
-      className: "".concat(name, "__label"),
+      className: "".concat(name, "-label"),
       role: "label"
     }, label, /* @__PURE__ */React__default.createElement("div", {
-      className: "".concat(name, "__label--ellipsis")
+      className: "".concat(name, "-label--ellipsis")
     }, /* @__PURE__ */React__default.createElement(Tooltip, {
       content: node.label,
       placement: "top-left"
@@ -113,7 +124,7 @@ var RenderCheckBox = function RenderCheckBox(node, cascaderContext, handleChange
   var _useConfig2 = useConfig(),
       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/esm/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAMA,mBAAmB,SAAnBA,gBAAmB,CAACC,IAAD,EAAeC,IAAf,EAA+BC,eAA/B,EAAwE;MACvFC,eAA2BD,gBAA3BC;MAAcC,WAAaF,gBAAbE;MAChBC,YAAYF,eAAeG,iBAAiBL,QAAQA,KAAKM;;MAC3DJ,cAAc;QACVK,QAAQH,UAAUI,KAAV,CAAgBL,QAAhB;QACRM,OAAO;;aACJC,QAAQ,GAAGA,QAAQH,MAAMI,QAAQD,SAAS;WAC5CE,kDAAM,QAAD;AAAMC,QAAAA,KAAKH;AAAX,SAAmBH,MAAMG;UAC/BA,UAAUH,MAAMI,MAAN,GAAe;WACxBC,kDACF,QAAD;AAAMC,QAAAA,eAAQH,gBAAd;AAA6BI,QAAAA,qBAAcf;AAA3C,SACGI;;;WAIAM;;;SAEFL;CAjBT;;AAoBA,IAAMW,qBAAqB,SAArBA,kBAAqB,CAACf,IAAD,EAAiBC,eAAjB,EAA0D;mBACnDe;MAAXC,oBAAbC;;MACFnB,iBAAUkB;MAEVX,QAAQR,iBAAiBC,MAAMC,MAAMC;MACrCkB,aAAaC,mBAAmBpB,MAAMC,gBAAgBoB;;MAExDF,YAAY;uDAEX,QAAD;AAAML,MAAAA,qBAAcf,eAApB;AAAkCuB,MAAAA,MAAK;AAAvC,OACGhB,mDACA,OAAD;AAAKQ,MAAAA,qBAAcf;AAAnB,mDACGwB,SAAD;AAASC,MAAAA,SAASxB,KAAKM,KAAvB;AAA8BmB,MAAAA,WAAU;AAAxC;;;qDAKA,QAAD;AAAMX,IAAAA,qBAAcf;AAApB,KAAoCO;CAjB7C;;AAoBA,IAAMoB,iBAAiB,SAAjBA,cAAiB,CAAC1B,IAAD,EAAiBC,eAAjB,EAAuD0B,YAAvD,EAAwE;oBAC7DX;MAAXC,qBAAbC;;MACFnB,iBAAUkB;MAERW,aAA2B3B,gBAA3B2B;MAAYC,QAAe5B,gBAAf4B;MAAOC,MAAQ7B,gBAAR6B;MACrBxB,QAAQR,iBAAiBC,MAAMC,MAAMC;qDAExC8B,0CACKH;AACJI,IAAAA,SAAShC,KAAKgC;AACdC,IAAAA,eAAejC,KAAKiC;AACpBC,IAAAA,UAAUlC,KAAKmC,UAAL,MAAuBN,MAA0BlB,MAA1B,IAAoCmB,GAApC,IAA2CA,QAAQ;AACpF/B,IAAAA,MAAMC,KAAK6B;AACXO,IAAAA,UAAUT;MAETrB;CAfP;;IAoBM+B,oBAAOC,WAAW,UAACC,KAAD,EAA2BC,GAA3B,EAAmE;MAEvFxC,OAMEuC,MANFvC;MACmByC,WAKjBF,MALFtC,gBAAmBwC;MACnBC,UAIEH,MAJFG;MACAN,WAGEG,MAHFH;MACAO,eAEEJ,MAFFI;MACA1C,kBACEsC,MADFtC;;oBAE8Be;MAAXC,qBAAbC;;MAEF0B,UAAUC;YACNL,OAAOI;MAKXE,aAAaC;MAEbC,YAAYC,QAChB;AAAA,WAAMC,WAAWC,qBAAqBlC,QAAQjB,MAAM8C,YAAY7C,iBAAhE;AAAA,KACA,CAACgB,MAAD,EAASjB,IAAT,EAAe8C,UAAf,EAA2B7C,eAA3B;MAGImD,YAAYH,QAChB;AAAA,WAAMC,WAAWG,yBAAyBpC,QAAQjB,MAAM8C,YAAY7C,iBAApE;AAAA,KACA,CAACgB,MAAD,EAASjB,IAAT,EAAe8C,UAAf,EAA2B7C,eAA3B;;MAGIqD,cAAc,SAAdA,WAAc,CAACC,CAAD,EAAyB;MACzCC;QACIC,MAAmB;AACvBF,MAAAA,GAAAA,CADuB;AAEvBvD,MAAAA,MAAAA;AAFuB;YAIjByD;;;MAGJ9B,eAA0C,SAA1CA,YAA0C,CAAC4B,CAAD,EAAO;QAC/CE,MAAM;AACVF,MAAAA,GAAAA,CADU;AAEVvD,MAAAA,MAAAA;AAFU;aAIHyD;;;MAGLC,mBAAmB,SAAnBA,gBAAmB,CAACH,CAAD,EAAyB;MAC9CC;QACIC,MAAmB;AACvBF,MAAAA,GAAAA,CADuB;AAEvBvD,MAAAA,MAAAA;AAFuB;iBAIZyD;;;qDAIZ,MAAD;AAAIjB,IAAAA,KAAKA,OAAOI,OAAhB;AAAyB9B,IAAAA,WAAWkC,SAApC;AAA+CN,IAAAA,SAASY,WAAxD;AAAqEX,IAAAA,cAAce;AAAnF,KACGjB,WAAWf,eAAe1B,MAAMC,iBAAiB0B,gBAAgBZ,mBAAmBf,MAAMC,kBAC1FD,KAAK2D,QAAL,UACOC,sDACHC,SAAD;AAAU/C,IAAAA,WAAWsC,SAArB;AAAgCQ,IAAAA,SAAS,IAAzC;AAA+CvC,IAAAA,MAAK;AAApD,mDAECyC,kBAAD;AAAkBhD,IAAAA,WAAWsC;AAA7B,IAJH;;;;;"}

package/esm/cascader/components/Panel.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-53c6c586.js';
+import { _ as _defineProperty } from '../../_chunks/dep-2e97cc0d.js';
 import React__default, { useMemo } from 'react';
 import classNames from 'classnames';
 import useConfig from '../../_util/useConfig.js';
@@ -12,66 +12,67 @@ import { getPanels, expendClickEffect, valueChangeEffect } from '../utils/panel.
 import Item from './Item.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
-import '../../_chunks/dep-fff59b5a.js';
-import '../../_chunks/dep-4c3606c3.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-85854991.js';
+import '../../_chunks/dep-38c06164.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 '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 '../utils/helper.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 '../../_chunks/dep-b3d60655.js';
+import '../../_chunks/dep-3d9b45dc.js';
 import '../../popup/index.js';
 import '../../popup/Popup.js';
+import 'react-transition-group';
 import 'react-popper';
 import '../../_util/useDefault.js';
 import '../../_util/noop.js';
 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 '../../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';
 
 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 = useMemo(function () {
     return getPanels(treeNodes);
@@ -81,23 +82,21 @@ var Panel = function Panel(props) {
     var node = ctx.node;
     var propsTrigger = props.trigger,
         cascaderContext2 = props.cascaderContext;
-    expendClickEffect(propsTrigger, trigger, node, cascaderContext2, onChange, ctx);
+    expendClickEffect(propsTrigger, trigger, node, cascaderContext2);
   };
 
   var handleChange = function handleChange(ctx) {
     var node = ctx.node;
-    valueChangeEffect(node, cascaderContext, onChange, ctx);
+    valueChangeEffect(node, cascaderContext);
   };
 
   var _useConfig = useConfig(),
       classPrefix = _useConfig.classPrefix;
 
   var name = "".concat(classPrefix, "-cascader");
-  var renderEmpty = /* @__PURE__ */React__default.createElement("ul", {
-    className: classNames(["".concat(name, "-menu"), _defineProperty({}, "".concat(name, "-menu__filter"), filterActive)])
-  }, /* @__PURE__ */React__default.createElement("li", {
-    className: classNames(["".concat(name, "-item"), "".concat(name, "-item__is-empty")])
-  }, empty));
+  var renderEmpty = /* @__PURE__ */React__default.createElement("div", {
+    className: "".concat(name, "__panel--empty")
+  }, empty);
 
   var renderItem = function renderItem(node) {
     return /* @__PURE__ */React__default.createElement(Item, {
@@ -116,20 +115,23 @@ var Panel = function Panel(props) {
 
   var panelsContainer = panels.map(function (panel, index) {
     return /* @__PURE__ */React__default.createElement("ul", {
-      key: index,
-      className: classNames("".concat(name, "-menu"), _defineProperty({}, "".concat(name, "-menu__seperator"), index !== panels.length - 1))
+      className: classNames("".concat(name, "__menu"), "narrow-scrollbar", _defineProperty({}, "".concat(name, "__menu--segment"), index !== panels.length - 1)),
+      key: index
     }, panel.map(function (node) {
       return renderItem(node);
     }));
   });
   var filterPanelsContainer = /* @__PURE__ */React__default.createElement("ul", {
-    className: classNames("".concat(name, "-menu"), "".concat(name, "-menu__seperator"), "".concat(name, "-menu__filter"))
+    className: classNames("".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.createElement("div", {
-    className: classNames("".concat(name, "-panel"), "".concat(name, "--normal"))
+    className: classNames("".concat(name, "__panel"), _defineProperty({}, "".concat(name, "--normal"), panels.length)),
+    style: {
+      width: panels.length === 0 ? "".concat(inputWidth, "px") : null
+    }
   }, panels && panels.length ? renderPanels : renderEmpty);
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","sources":["../../../src/cascader/components/Panel.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../../_util/useConfig';\n\n// common logic\nimport { getPanels, expendClickEffect, valueChangeEffect } from '../utils/panel';\n\n// components\nimport Item from './Item';\n\n// type\nimport { CascaderPanelProps, TreeNode, ContextType } from '../interface';\n\nconst Panel = (props: CascaderPanelProps) => {\n  const {\n    cascaderContext: { treeNodes, filterActive },\n    cascaderContext,\n    onChange,\n    empty,\n  } = props;\n\n  const panels = useMemo(() => getPanels(treeNodes), [treeNodes]);\n\n  const handleExpand = (ctx: ContextType, trigger: 'hover' | 'click') => {\n    const { node } = ctx;\n    const { trigger: propsTrigger, cascaderContext } = props;\n\n    expendClickEffect(propsTrigger, trigger, node, cascaderContext, onChange, ctx);\n  };\n\n  const handleChange = (ctx: ContextType) => {\n    const { node } = ctx;\n\n    valueChangeEffect(node, cascaderContext, onChange, ctx);\n  };\n\n  const { classPrefix } = useConfig();\n  const name = `${classPrefix}-cascader`;\n\n  // innerComponents\n  const renderEmpty = (\n    <ul\n      className={classNames([\n        `${name}-menu`,\n        {\n          [`${name}-menu__filter`]: filterActive,\n        },\n      ])}\n    >\n      <li className={classNames([`${name}-item`, `${name}-item__is-empty`])}>{empty}</li>\n    </ul>\n  );\n\n  const renderItem = (node: TreeNode) => (\n    <Item\n      key={node.value}\n      node={node}\n      cascaderContext={cascaderContext}\n      onClick={(ctx: ContextType) => {\n        handleExpand(ctx, 'click');\n      }}\n      onMouseEnter={(ctx: ContextType) => {\n        handleExpand(ctx, 'hover');\n      }}\n      onChange={handleChange}\n    />\n  );\n\n  const panelsContainer = panels.map((panel, index) => (\n    <ul\n      key={index}\n      className={classNames(`${name}-menu`, { [`${name}-menu__seperator`]: index !== panels.length - 1 })}\n    >\n      {panel.map((node: TreeNode) => renderItem(node))}\n    </ul>\n  ));\n\n  const filterPanelsContainer = (\n    <ul className={classNames(`${name}-menu`, `${name}-menu__seperator`, `${name}-menu__filter`)}>\n      {treeNodes.map((node: TreeNode) => renderItem(node))}\n    </ul>\n  );\n\n  const renderPanels = filterActive ? filterPanelsContainer : panelsContainer;\n\n  return (\n    <div className={classNames(`${name}-panel`, `${name}--normal`)}>\n      {panels && panels.length ? renderPanels : renderEmpty}\n    </div>\n  );\n};\n\nexport default Panel;\n"],"names":["Panel","props","cascaderContext","treeNodes","filterActive","onChange","empty","panels","useMemo","getPanels","handleExpand","ctx","trigger","node","propsTrigger","cascaderContext2","handleChange","useConfig","classPrefix","name","renderEmpty","className","classNames","renderItem","Item","key","value","onClick","onMouseEnter","panelsContainer","map","panel","index","length","filterPanelsContainer","renderPanels"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaMA,QAAQ,SAARA,KAAQ,CAACC,KAAD,EAA+B;8BAMvCA,MAJFC;MAAmBC,kCAAAA;MAAWC,qCAAAA;MAC9BF,kBAGED,MAHFC;MACAG,WAEEJ,MAFFI;MACAC,QACEL,MADFK;MAGIC,SAASC,QAAQ;AAAA,WAAMC,UAAUN,UAAhB;AAAA,KAA4B,CAACA,SAAD;;MAE7CO,eAAe,SAAfA,YAAe,CAACC,GAAD,EAAmBC,OAAnB,EAAkD;QAC7DC,OAASF,IAATE;QACSC,eAAkCb,MAA3CW;2BAA2CX,MAApBC;sBAEbY,cAAcF,SAASC,MAAME,kBAAiBV,UAAUM;;;MAGtEK,eAAe,SAAfA,YAAe,CAACL,GAAD,EAAsB;QACjCE,OAASF,IAATE;sBAEUA,MAAMX,iBAAiBG,UAAUM;;;mBAG7BM;MAAhBC,yBAAAA;;MACFC,iBAAUD;MAGVE,0DACH,MAAD;AACEC,IAAAA,WAAWC,WAAW,WACjBH,IADiB,0CAGdA,IAHc,oBAGQf,YAHR;AADxB,iDAQG,MAAD;AAAIiB,IAAAA,WAAWC,WAAW,WAAIH,IAAJ,sBAAoBA,IAApB;AAA1B,KAAwEb;;MAItEiB,aAAa,SAAbA,UAAa,CAACV,IAAD;AAAA,uDAChBW,MAAD;AACEC,MAAAA,KAAKZ,KAAKa,KADZ;AAEEb,MAAAA,MAAAA,IAFF;AAGEX,MAAAA,iBAAAA,eAHF;AAIEyB,MAAAA,SAAS,iBAAChB,GAAD,EAAsB;qBAChBA,KAAK;OALtB;AAOEiB,MAAAA,cAAc,sBAACjB,GAAD,EAAsB;qBACrBA,KAAK;OARtB;AAUEN,MAAAA,UAAUW;AAVZ,MADiB;AAAA;;MAeba,kBAAkBtB,OAAOuB,GAAP,CAAW,UAACC,KAAD,EAAQC,KAAR;AAAA,uDAChC,MAAD;AACEP,MAAAA,KAAKO,KADP;AAEEX,MAAAA,WAAWC,qBAAcH,8CAAmBA,2BAAyBa,UAAUzB,OAAO0B,MAAP,GAAgB;AAFjG,OAIGF,MAAMD,GAAN,CAAU,UAACjB,IAAD;AAAA,aAAoBU,WAAWV,KAA/B;AAAA,KAAV,EAL8B;AAAA,GAAX;MASlBqB,oEACH,MAAD;AAAIb,IAAAA,WAAWC,qBAAcH,0BAAgBA,qCAA2BA;AAAxE,KACGhB,UAAU2B,GAAV,CAAc,UAACjB,IAAD;AAAA,WAAoBU,WAAWV,KAA/B;AAAA,GAAd;MAICsB,eAAe/B,eAAe8B,wBAAwBL;qDAGzD,OAAD;AAAKR,IAAAA,WAAWC,qBAAcH,2BAAiBA;AAA/C,KACGZ,UAAUA,OAAO0B,MAAjB,GAA0BE,YAA1B,GAAyCf;;;;;"}
+{"version":3,"file":"Panel.js","sources":["../../../src/cascader/components/Panel.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../../_util/useConfig';\n\n// common logic\nimport { getPanels, expendClickEffect, valueChangeEffect } from '../utils/panel';\n\n// components\nimport Item from './Item';\n\n// type\nimport { CascaderPanelProps, TreeNode, ContextType } from '../interface';\n\nconst Panel = (props: CascaderPanelProps) => {\n  const {\n    cascaderContext: { filterActive, treeNodes, inputWidth },\n    cascaderContext,\n    empty,\n  } = props;\n\n  const panels = useMemo(() => getPanels(treeNodes), [treeNodes]);\n\n  const handleExpand = (ctx: ContextType, trigger: 'hover' | 'click') => {\n    const { node } = ctx;\n    const { trigger: propsTrigger, cascaderContext } = props;\n\n    expendClickEffect(propsTrigger, trigger, node, cascaderContext);\n  };\n\n  const handleChange = (ctx: ContextType) => {\n    const { node } = ctx;\n\n    valueChangeEffect(node, cascaderContext);\n  };\n\n  const { classPrefix } = useConfig();\n  const name = `${classPrefix}-cascader`;\n\n  // innerComponents\n  const renderEmpty = <div className={`${name}__panel--empty`}>{empty}</div>;\n\n  const renderItem = (node: TreeNode) => (\n    <Item\n      key={node.value}\n      node={node}\n      cascaderContext={cascaderContext}\n      onClick={(ctx: ContextType) => {\n        handleExpand(ctx, 'click');\n      }}\n      onMouseEnter={(ctx: ContextType) => {\n        handleExpand(ctx, 'hover');\n      }}\n      onChange={handleChange}\n    />\n  );\n\n  const panelsContainer = panels.map((panel, index) => (\n    <ul\n      className={classNames(`${name}__menu`, 'narrow-scrollbar', {\n        [`${name}__menu--segment`]: index !== panels.length - 1,\n      })}\n      key={index}\n    >\n      {panel.map((node: TreeNode) => renderItem(node))}\n    </ul>\n  ));\n\n  const filterPanelsContainer = (\n    <ul className={classNames(`${name}__menu`, 'narrow-scrollbar', `${name}__menu--segment`, `${name}__menu--filter`)}>\n      {treeNodes.map((node: TreeNode) => renderItem(node))}\n    </ul>\n  );\n\n  const renderPanels = filterActive ? filterPanelsContainer : panelsContainer;\n\n  return (\n    <div\n      className={classNames(`${name}__panel`, { [`${name}--normal`]: panels.length })}\n      style={{\n        width: panels.length === 0 ? `${inputWidth}px` : null,\n      }}\n    >\n      {panels && panels.length ? renderPanels : renderEmpty}\n    </div>\n  );\n};\n\nexport default Panel;\n"],"names":["Panel","props","cascaderContext","filterActive","treeNodes","inputWidth","empty","panels","useMemo","getPanels","handleExpand","ctx","trigger","node","propsTrigger","cascaderContext2","handleChange","useConfig","classPrefix","name","renderEmpty","className","renderItem","Item","key","value","onClick","onMouseEnter","onChange","panelsContainer","map","panel","index","classNames","length","filterPanelsContainer","renderPanels","style","width"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaMA,QAAQ,SAARA,KAAQ,CAACC,KAAD,EAA+B;8BAKvCA,MAHFC;MAAmBC,qCAAAA;MAAcC,kCAAAA;MAAWC,mCAAAA;MAC5CH,kBAEED,MAFFC;MACAI,QACEL,MADFK;MAGIC,SAASC,QAAQ;AAAA,WAAMC,UAAUL,UAAhB;AAAA,KAA4B,CAACA,SAAD;;MAE7CM,eAAe,SAAfA,YAAe,CAACC,GAAD,EAAmBC,OAAnB,EAAkD;QAC7DC,OAASF,IAATE;QACSC,eAAkCb,MAA3CW;2BAA2CX,MAApBC;sBAEbY,cAAcF,SAASC,MAAME;;;MAG3CC,eAAe,SAAfA,YAAe,CAACL,GAAD,EAAsB;QACjCE,OAASF,IAATE;sBAEUA,MAAMX;;;mBAGFe;MAAhBC,yBAAAA;;MACFC,iBAAUD;MAGVE,0DAAe,OAAD;AAAKC,IAAAA,qBAAcF;AAAnB,KAA0Cb;;MAExDgB,aAAa,SAAbA,UAAa,CAACT,IAAD;AAAA,uDAChBU,MAAD;AACEC,MAAAA,KAAKX,KAAKY,KADZ;AAEEZ,MAAAA,MAAAA,IAFF;AAGEX,MAAAA,iBAAAA,eAHF;AAIEwB,MAAAA,SAAS,iBAACf,GAAD,EAAsB;qBAChBA,KAAK;OALtB;AAOEgB,MAAAA,cAAc,sBAAChB,GAAD,EAAsB;qBACrBA,KAAK;OARtB;AAUEiB,MAAAA,UAAUZ;AAVZ,MADiB;AAAA;;MAeba,kBAAkBtB,OAAOuB,GAAP,CAAW,UAACC,KAAD,EAAQC,KAAR;AAAA,uDAChC,MAAD;AACEX,MAAAA,WAAWY,qBAAcd,iBAAc,kDACjCA,0BAAwBa,UAAUzB,OAAO2B,MAAP,GAAgB,GAF1D;AAIEV,MAAAA,KAAKQ;AAJP,OAMGD,MAAMD,GAAN,CAAU,UAACjB,IAAD;AAAA,aAAoBS,WAAWT,KAA/B;AAAA,KAAV,EAP8B;AAAA,GAAX;MAWlBsB,oEACH,MAAD;AAAId,IAAAA,WAAWY,qBAAcd,iBAAc,8BAAuBA,oCAA0BA;AAA5F,KACGf,UAAU0B,GAAV,CAAc,UAACjB,IAAD;AAAA,WAAoBS,WAAWT,KAA/B;AAAA,GAAd;MAICuB,eAAejC,eAAegC,wBAAwBN;qDAGzD,OAAD;AACER,IAAAA,WAAWY,qBAAcd,gDAAqBA,mBAAiBZ,OAAO2B,QADxE;AAEEG,IAAAA,OAAO;AACLC,MAAAA,OAAO/B,OAAO2B,MAAP,KAAkB,CAAlB,aAAyB7B,UAAzB,UAA0C;AAD5C;AAFT,KAMGE,UAAUA,OAAO2B,MAAjB,GAA0BE,YAA1B,GAAyChB;;;;;"}

package/esm/cascader/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -7,72 +7,76 @@
 import Cascader$1 from './Cascader.js';
 import './style/index.js';
 import './type.js';
-import '../_chunks/dep-53c6c586.js';
-import '../_chunks/dep-fff59b5a.js';
-import '../_chunks/dep-4c3606c3.js';
+import '../_chunks/dep-2e97cc0d.js';
+import '../_chunks/dep-85854991.js';
+import '../_chunks/dep-38c06164.js';
 import 'react';
 import '../locale/LocalReceiver.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 './components/Panel.js';
 import 'classnames';
 import '../_util/useConfig.js';
 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 './utils/helper.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/index.js';
 import '../popup/Popup.js';
+import 'react-transition-group';
 import 'react-popper';
 import '../_util/useDefault.js';
 import '../_util/noop.js';
 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 '../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 './components/InputContent.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';
@@ -86,24 +90,29 @@ import '../input/style/index.js';
 import '../input/type.js';
 import '../common/FakeArrow.js';
 import './utils/inputContent.js';
-import '../_chunks/dep-a7837b5f.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-5a00530e.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';
 import './utils/cascader.js';
 
 var Cascader = Cascader$1;

package/esm/cascader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/cascader/index.ts"],"sourcesContent":["import _Cascader from './Cascader';\n\nimport './style/index.js';\n\nexport type { CascaderProps } from './interface';\nexport * from './type';\n\nexport const Cascader = _Cascader;\nexport default Cascader;\n"],"names":["Cascader","_Cascader"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,WAAWC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/cascader/index.ts"],"sourcesContent":["import _Cascader from './Cascader';\n\nimport './style/index.js';\n\nexport type { CascaderProps } from './interface';\nexport * from './type';\n\nexport const Cascader = _Cascader;\nexport default Cascader;\n"],"names":["Cascader","_Cascader"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,WAAWC;;;;"}

package/esm/cascader/interface.d.ts

@@ -1,14 +1,16 @@
 /// <reference types="react" />
-import { TdCascaderProps, CascaderValue } from './type';
+import { TdCascaderProps, CascaderValue, CascaderChangeSource } from './type';
 import { StyledProps } from '../common';
 import TreeStore from '../_common/js/tree/tree-store';
 import TreeNode from '../_common/js/tree/tree-node';
-import { TreeNodeValue } from '../_common/js/tree/types';
+import { TreeNodeModel, TreeNodeValue } from '../_common/js/tree/types';
 export interface CascaderProps extends TdCascaderProps, StyledProps {
 }
-export interface CascaderContextType extends Pick<TdCascaderProps, 'size' | 'disabled' | 'checkStrictly' | 'lazy' | 'multiple' | 'filterable' | 'clearable' | 'checkProps' | 'showAllLevels' | 'max' | 'minCollapsedNum' | 'value'> {
-    setValue: (val: CascaderValue) => void;
+export interface CascaderContextType extends Pick<TdCascaderProps, 'size' | 'disabled' | 'checkStrictly' | 'lazy' | 'multiple' | 'filterable' | 'clearable' | 'checkProps' | 'showAllLevels' | 'max' | 'value' | 'minCollapsedNum' | 'loading'> {
     treeStore: TreeStore;
+    inputWidth: number;
+    setInputWidth: (val: number) => void;
+    setValue: (val: CascaderValue, source: CascaderChangeSource, node?: TreeNodeModel) => void;
     visible: boolean;
     setVisible: (val: boolean) => void;
     treeNodes: TreeNode[];
@@ -72,3 +74,4 @@ export declare type ContextType = {
 export { TreeNode } from '../_common/js/tree/tree-node';
 export type { TreeNodeValue } from '../_common/js/tree/types';
 export type { TreeOptionData } from '../_common/js/common';
+export type { TreeNodeModel } from '../tree';