tdesign-react 0.19.1 → 0.21.0

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

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

package/esm/cascader/components/Item.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-bd2ff6be.js';
+import { _ as _defineProperty } from '../../_chunks/dep-3457a894.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-e1db5516.js';
+import { C as Checkbox } from '../../_chunks/dep-0b24dbd2.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
 import '../../_util/setStyle.js';
-import '../../_chunks/dep-6d27991d.js';
-import '../../_chunks/dep-4ca264a0.js';
-import '../../_chunks/dep-a6296075.js';
+import '../../_chunks/dep-333904c2.js';
+import '../../_chunks/dep-eeb051d7.js';
+import '../../_chunks/dep-6aadb1fe.js';
 import '../../loading/loading.js';
-import '../../_chunks/dep-c5e94c83.js';
-import 'react-dom';
+import '../../_chunks/dep-06e3288c.js';
 import '../../_util/dom.js';
 import 'raf';
-import '../../_chunks/dep-1c77104d.js';
-import '../../_chunks/dep-3796d701.js';
-import '../../_chunks/dep-a17dbe80.js';
-import '../../_chunks/dep-43b6ec11.js';
-import '../../_chunks/dep-53bb8c23.js';
-import '../../_chunks/dep-88b2f549.js';
+import '../../_chunks/dep-09257f36.js';
+import '../../_chunks/dep-1d4250da.js';
+import '../../_chunks/dep-a33e5d69.js';
+import '../../_chunks/dep-5533ba72.js';
+import '../../_chunks/dep-b913c21f.js';
+import '../../_chunks/dep-8a315029.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-21185a7d.js';
+import '../../loading/plugin.js';
+import '../../_chunks/dep-7cd001a1.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-3aee7c63.js';
-import '../../_chunks/dep-c8d6ce97.js';
-import '../../_chunks/dep-c060cbaa.js';
-import '../../_chunks/dep-b87b2179.js';
-import '../../_chunks/dep-cdfb69ea.js';
-import '../../_chunks/dep-a3627124.js';
+import '../../_chunks/dep-ce80f6d6.js';
+import '../../_chunks/dep-bfa1a680.js';
+import '../../_chunks/dep-00014c78.js';
+import '../../_chunks/dep-25dd4019.js';
+import '../../_chunks/dep-f7a41461.js';
+import '../../_chunks/dep-a9fa1cc1.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":"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"}

package/esm/cascader/components/Panel.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-bd2ff6be.js';
+import { _ as _defineProperty } from '../../_chunks/dep-3457a894.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-c5e94c83.js';
-import '../../_chunks/dep-4ca264a0.js';
-import '../../_chunks/dep-dabea1d1.js';
-import '../../_chunks/dep-3796d701.js';
-import '../../_chunks/dep-a17dbe80.js';
-import '../../_chunks/dep-a6296075.js';
-import '../../_chunks/dep-7e18698b.js';
-import '../../_chunks/dep-b48a9335.js';
-import '../../_chunks/dep-a3627124.js';
-import '../../_chunks/dep-88b2f549.js';
+import '../../_chunks/dep-06e3288c.js';
+import '../../_chunks/dep-eeb051d7.js';
+import '../../_chunks/dep-a9fa1cc1.js';
+import '../../_chunks/dep-1d4250da.js';
+import '../../_chunks/dep-a33e5d69.js';
+import '../../_chunks/dep-6aadb1fe.js';
+import '../../_chunks/dep-8a315029.js';
 import 'tdesign-icons-react';
 import '../../_util/useCommonClassName.js';
 import '../../_util/useRipple.js';
 import '../../_util/setStyle.js';
 import '../utils/item.js';
-import '../../_chunks/dep-6d27991d.js';
+import '../../_chunks/dep-333904c2.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-1c77104d.js';
-import '../../_chunks/dep-43b6ec11.js';
-import '../../_chunks/dep-53bb8c23.js';
+import '../../_chunks/dep-09257f36.js';
+import '../../_chunks/dep-5533ba72.js';
+import '../../_chunks/dep-b913c21f.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-21185a7d.js';
+import '../../_chunks/dep-7cd001a1.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-e1db5516.js';
+import '../../_chunks/dep-0b24dbd2.js';
 import '../../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../../common/Check.js';
 import '../../_util/helper.js';
-import '../../_chunks/dep-3aee7c63.js';
-import '../../_chunks/dep-c8d6ce97.js';
-import '../../_chunks/dep-c060cbaa.js';
-import '../../_chunks/dep-b87b2179.js';
-import '../../_chunks/dep-cdfb69ea.js';
+import '../../_chunks/dep-ce80f6d6.js';
+import '../../_chunks/dep-bfa1a680.js';
+import '../../_chunks/dep-00014c78.js';
+import '../../_chunks/dep-25dd4019.js';
+import '../../_chunks/dep-f7a41461.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;;;;;"}