tntd 2.0.1 → 2.0.3

package/es/tntd-cascader/rc-cascader/OptionList/Column.js

@@ -0,0 +1,126 @@
+// @ts-nocheck
+import * as React from 'react';
+import classNames from 'classnames';
+import { isLeaf, toPathKey } from '../utils/commonUtil';
+import CascaderContext from '../context';
+import Checkbox from './Checkbox';
+import { SEARCH_MARK } from '../hooks/useSearchOptions';
+import List from 'rc-virtual-list';
+export const FIX_LABEL = '__cascader_fix_label__';
+export default function Column({ prefixCls, multiple, options, activeValue, prevValuePath, onToggleOpen, onSelect, onActive, checkedSet, halfCheckedSet, loadingKeys, isSelectable, renderItem, searchValue, level, dropdownVisible, }) {
+    const ref = React.useRef(null);
+    const menuPrefixCls = `${prefixCls}-menu ${prefixCls}-menu-${level}`;
+    const menuItemPrefixCls = `${prefixCls}-menu-item`;
+    const { fieldNames, changeOnSelect, expandTrigger, expandIcon, loadingIcon, dropdownMenuColumnStyle, } = React.useContext(CascaderContext);
+    const hoverOpen = expandTrigger === 'hover';
+    /** 单选情况下滚动到相应的位置 */
+    React.useEffect(() => {
+        let timer = null;
+        if (ref.current && ref.current.scrollTo && !multiple && dropdownVisible) {
+            const index = options.findIndex((it) => it[fieldNames.value] === activeValue);
+            if (index > 0 && !isNaN(index)) {
+                timer = window.setTimeout(() => {
+                    ref.current.scrollTo(32 * index);
+                }, 5);
+            }
+        }
+        return () => {
+            if (timer) {
+                window.clearTimeout(timer);
+            }
+            timer = null;
+        };
+    }, [multiple, activeValue, options, fieldNames, dropdownVisible]);
+    // ============================ Option ============================
+    const optionInfoList = React.useMemo(() => options.map((option) => {
+        var _a;
+        const { disabled } = option;
+        const searchOptions = option[SEARCH_MARK];
+        const label = (_a = option[FIX_LABEL]) !== null && _a !== void 0 ? _a : option[fieldNames.label];
+        const value = option[fieldNames.value];
+        const isMergedLeaf = isLeaf(option, fieldNames);
+        // Get real value of option. Search option is different way.
+        const fullPath = searchOptions
+            ? // @ts-ignore
+                searchOptions.map((opt) => opt[fieldNames.value])
+            : [...prevValuePath, value];
+        const fullPathKey = toPathKey(fullPath);
+        const isLoading = loadingKeys.includes(fullPathKey);
+        // >>>>> checked
+        const checked = checkedSet.has(fullPathKey);
+        // >>>>> halfChecked
+        const halfChecked = halfCheckedSet.has(fullPathKey);
+        return {
+            disabled,
+            label,
+            value,
+            isLeaf: isMergedLeaf,
+            isLoading,
+            checked,
+            halfChecked,
+            option,
+            fullPath,
+            fullPathKey,
+        };
+    }), [options, checkedSet, fieldNames, halfCheckedSet, loadingKeys, prevValuePath]);
+    // ============================ Render ============================
+    return (React.createElement("ul", { className: menuPrefixCls, role: "menu" },
+        React.createElement(List, { className: optionInfoList[0].fullPathKey === '__EMPTY__' || !!searchValue
+                ? 'rc-virtual-list-full'
+                : '', data: optionInfoList, height: 180, itemHeight: 32, itemKey: "value", ref: ref }, ({ disabled, label, value, isLeaf: isMergedLeaf, isLoading, checked, halfChecked, option, fullPath, fullPathKey, }) => {
+            // >>>>> Open
+            const triggerOpenPath = () => {
+                if (!disabled && (!hoverOpen || !isMergedLeaf)) {
+                    onActive(fullPath);
+                }
+            };
+            // >>>>> Selection
+            const triggerSelect = () => {
+                if (isSelectable(option)) {
+                    onSelect(fullPath, isMergedLeaf);
+                }
+            };
+            // >>>>> Title
+            let title;
+            if (typeof option.title === 'string') {
+                title = option.title;
+            }
+            else if (typeof label === 'string') {
+                title = label;
+            }
+            return (React.createElement("li", { key: fullPathKey, className: classNames(menuItemPrefixCls, {
+                    [`${menuItemPrefixCls}-expand`]: !isMergedLeaf,
+                    [`${menuItemPrefixCls}-active`]: activeValue === value,
+                    [`${menuItemPrefixCls}-disabled`]: disabled,
+                    [`${menuItemPrefixCls}-loading`]: isLoading,
+                }), style: dropdownMenuColumnStyle, role: "menuitemcheckbox", 
+                // @ts-ignore
+                title: title, "aria-checked": checked, "data-path-key": fullPathKey, onClick: () => {
+                    triggerOpenPath();
+                    if (!multiple || isMergedLeaf) {
+                        triggerSelect();
+                    }
+                }, onDoubleClick: () => {
+                    if (changeOnSelect) {
+                        onToggleOpen(false);
+                    }
+                }, onMouseEnter: () => {
+                    if (hoverOpen) {
+                        triggerOpenPath();
+                    }
+                }, onMouseDown: (e) => {
+                    // Prevent selector from blurring
+                    e.preventDefault();
+                } },
+                multiple && (React.createElement(Checkbox, { prefixCls: `${prefixCls}-checkbox`, checked: checked, halfChecked: halfChecked, disabled: disabled, onClick: (e) => {
+                        e.stopPropagation();
+                        triggerSelect();
+                    } })),
+                React.createElement("div", { className: `${menuItemPrefixCls}-content` }, optionInfoList[0].fullPathKey !== '__EMPTY__' && renderItem
+                    ? renderItem(option, level)
+                    : label),
+                !isLoading && expandIcon && !isMergedLeaf && (React.createElement("div", { className: `${menuItemPrefixCls}-expand-icon` }, expandIcon)),
+                isLoading && loadingIcon && (React.createElement("div", { className: `${menuItemPrefixCls}-loading-icon` }, loadingIcon))));
+        })));
+}
+//# sourceMappingURL=Column.js.map

package/es/tntd-cascader/rc-cascader/OptionList/Column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Column.js","sourceRoot":"","sources":["../../../../src/tntd-cascader/rc-cascader/OptionList/Column.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { isLeaf, toPathKey } from '../utils/commonUtil';\nimport CascaderContext from '../context';\nimport Checkbox from './Checkbox';\nimport type { DefaultOptionType, SingleValueType } from '../Cascader';\nimport { SEARCH_MARK } from '../hooks/useSearchOptions';\nimport List, { ListRef } from 'rc-virtual-list';\nimport type { RenderItem } from '../context';\n\nexport const FIX_LABEL = '__cascader_fix_label__';\n\nexport interface ColumnProps {\n  prefixCls: string;\n  multiple?: boolean;\n  options: DefaultOptionType[];\n  /** Current Column opened item key */\n  activeValue?: React.Key;\n  /** The value path before current column */\n  prevValuePath: React.Key[];\n  onToggleOpen: (open: boolean) => void;\n  onSelect: (valuePath: SingleValueType, leaf: boolean) => void;\n  onActive: (valuePath: SingleValueType) => void;\n  checkedSet: Set<React.Key>;\n  halfCheckedSet: Set<React.Key>;\n  loadingKeys: React.Key[];\n  isSelectable: (option: DefaultOptionType) => boolean;\n  renderItem?: (item: RenderItem) => React.ReactNode;\n  searchValue?: string;\n  level?: number;\n  dropdownVisible?: boolean;\n}\n\nexport default function Column({\n  prefixCls,\n  multiple,\n  options,\n  activeValue,\n  prevValuePath,\n  onToggleOpen,\n  onSelect,\n  onActive,\n  checkedSet,\n  halfCheckedSet,\n  loadingKeys,\n  isSelectable,\n  renderItem,\n  searchValue,\n  level,\n  dropdownVisible,\n}: ColumnProps) {\n  const ref = React.useRef<ListRef>(null);\n  const menuPrefixCls = `${prefixCls}-menu ${prefixCls}-menu-${level}`;\n  const menuItemPrefixCls = `${prefixCls}-menu-item`;\n\n  const {\n    fieldNames,\n    changeOnSelect,\n    expandTrigger,\n    expandIcon,\n    loadingIcon,\n    dropdownMenuColumnStyle,\n  } = React.useContext(CascaderContext);\n\n  const hoverOpen = expandTrigger === 'hover';\n\n  /** 单选情况下滚动到相应的位置 */\n  React.useEffect(() => {\n    let timer = null;\n    if (ref.current && ref.current.scrollTo && !multiple && dropdownVisible) {\n      const index = options.findIndex((it) => it[fieldNames.value] === activeValue);\n\n      if (index > 0 && !isNaN(index)) {\n        timer = window.setTimeout(() => {\n          ref.current.scrollTo(32 * index);\n        }, 5);\n      }\n    }\n\n    return () => {\n      if (timer) {\n        window.clearTimeout(timer);\n      }\n      timer = null;\n    };\n  }, [multiple, activeValue, options, fieldNames, dropdownVisible]);\n\n  // ============================ Option ============================\n  const optionInfoList = React.useMemo(\n    () =>\n      options.map((option) => {\n        const { disabled } = option;\n        const searchOptions = option[SEARCH_MARK];\n        const label = option[FIX_LABEL] ?? option[fieldNames.label];\n        const value = option[fieldNames.value];\n\n        const isMergedLeaf = isLeaf(option, fieldNames);\n\n        // Get real value of option. Search option is different way.\n        const fullPath = searchOptions\n          ? // @ts-ignore\n            searchOptions.map((opt) => opt[fieldNames.value])\n          : [...prevValuePath, value];\n        const fullPathKey = toPathKey(fullPath);\n\n        const isLoading = loadingKeys.includes(fullPathKey);\n\n        // >>>>> checked\n        const checked = checkedSet.has(fullPathKey);\n\n        // >>>>> halfChecked\n        const halfChecked = halfCheckedSet.has(fullPathKey);\n\n        return {\n          disabled,\n          label,\n          value,\n          isLeaf: isMergedLeaf,\n          isLoading,\n          checked,\n          halfChecked,\n          option,\n          fullPath,\n          fullPathKey,\n        };\n      }),\n    [options, checkedSet, fieldNames, halfCheckedSet, loadingKeys, prevValuePath],\n  );\n  // ============================ Render ============================\n  return (\n    <ul className={menuPrefixCls} role=\"menu\">\n      <List\n        className={\n          optionInfoList[0].fullPathKey === '__EMPTY__' || !!searchValue\n            ? 'rc-virtual-list-full'\n            : ''\n        }\n        data={optionInfoList}\n        height={180}\n        itemHeight={32}\n        itemKey=\"value\"\n        ref={ref}\n      >\n        {({\n          disabled,\n          label,\n          value,\n          isLeaf: isMergedLeaf,\n          isLoading,\n          checked,\n          halfChecked,\n          option,\n          fullPath,\n          fullPathKey,\n        }) => {\n          // >>>>> Open\n          const triggerOpenPath = () => {\n            if (!disabled && (!hoverOpen || !isMergedLeaf)) {\n              onActive(fullPath);\n            }\n          };\n\n          // >>>>> Selection\n          const triggerSelect = () => {\n            if (isSelectable(option)) {\n              onSelect(fullPath, isMergedLeaf);\n            }\n          };\n\n          // >>>>> Title\n          let title: string;\n          if (typeof option.title === 'string') {\n            title = option.title;\n          } else if (typeof label === 'string') {\n            title = label;\n          }\n          return (\n            <li\n              key={fullPathKey}\n              className={classNames(menuItemPrefixCls, {\n                [`${menuItemPrefixCls}-expand`]: !isMergedLeaf,\n                [`${menuItemPrefixCls}-active`]: activeValue === value,\n                [`${menuItemPrefixCls}-disabled`]: disabled,\n                [`${menuItemPrefixCls}-loading`]: isLoading,\n              })}\n              style={dropdownMenuColumnStyle}\n              role=\"menuitemcheckbox\"\n              // @ts-ignore\n              title={title}\n              aria-checked={checked}\n              data-path-key={fullPathKey}\n              onClick={() => {\n                triggerOpenPath();\n                if (!multiple || isMergedLeaf) {\n                  triggerSelect();\n                }\n              }}\n              onDoubleClick={() => {\n                if (changeOnSelect) {\n                  onToggleOpen(false);\n                }\n              }}\n              onMouseEnter={() => {\n                if (hoverOpen) {\n                  triggerOpenPath();\n                }\n              }}\n              onMouseDown={(e) => {\n                // Prevent selector from blurring\n                e.preventDefault();\n              }}\n            >\n              {multiple && (\n                <Checkbox\n                  prefixCls={`${prefixCls}-checkbox`}\n                  checked={checked}\n                  halfChecked={halfChecked}\n                  disabled={disabled}\n                  onClick={(e: React.MouseEvent<HTMLSpanElement>) => {\n                    e.stopPropagation();\n                    triggerSelect();\n                  }}\n                />\n              )}\n              <div className={`${menuItemPrefixCls}-content`}>\n                {optionInfoList[0].fullPathKey !== '__EMPTY__' && renderItem\n                  ? renderItem(option, level)\n                  : label}\n              </div>\n              {!isLoading && expandIcon && !isMergedLeaf && (\n                <div className={`${menuItemPrefixCls}-expand-icon`}>{expandIcon}</div>\n              )}\n              {isLoading && loadingIcon && (\n                <div className={`${menuItemPrefixCls}-loading-icon`}>{loadingIcon}</div>\n              )}\n            </li>\n          );\n        }}\n      </List>\n    </ul>\n  );\n}\n"]}

package/es/tntd-cascader/rc-cascader/OptionList/index.js

@@ -0,0 +1,140 @@
+/* eslint-disable default-case */
+// @ts-nocheck
+import classNames from 'classnames';
+import { useBaseProps } from 'rc-select';
+import * as React from 'react';
+import CascaderContext from '../context';
+import { isLeaf, scrollIntoParentView, toPathKey, toPathKeys, toPathValueStr, } from '../utils/commonUtil';
+import { toPathOptions } from '../utils/treeUtil';
+import Column, { FIX_LABEL } from './Column';
+import useActive from './useActive';
+import useKeyboard from './useKeyboard';
+const RefOptionList = React.forwardRef((props, ref) => {
+    var _a, _b;
+    const { prefixCls, multiple, searchValue, toggleOpen, notFoundContent, direction } = useBaseProps();
+    const containerRef = React.useRef();
+    const rtl = direction === 'rtl';
+    const { options, values, halfValues, fieldNames, changeOnSelect, onSelect, searchOptions, dropdownPrefixCls, loadData, expandTrigger, renderItem, dropdownVisible, } = React.useContext(CascaderContext);
+    const mergedPrefixCls = dropdownPrefixCls || prefixCls;
+    // ========================= loadData =========================
+    const [loadingKeys, setLoadingKeys] = React.useState([]);
+    const internalLoadData = (valueCells) => {
+        // Do not load when search
+        if (!loadData || searchValue) {
+            return;
+        }
+        const optionList = toPathOptions(valueCells, options, fieldNames);
+        const rawOptions = optionList.map(({ option }) => option);
+        const lastOption = rawOptions[rawOptions.length - 1];
+        if (lastOption && !isLeaf(lastOption, fieldNames)) {
+            const pathKey = toPathKey(valueCells);
+            setLoadingKeys((keys) => [...keys, pathKey]);
+            loadData(rawOptions);
+        }
+    };
+    // zombieJ: This is bad. We should make this same as `rc-tree` to use Promise instead.
+    React.useEffect(() => {
+        if (loadingKeys.length) {
+            loadingKeys.forEach((loadingKey) => {
+                const valueStrCells = toPathValueStr(loadingKey);
+                const optionList = toPathOptions(valueStrCells, options, fieldNames, true).map(({ option }) => option);
+                const lastOption = optionList[optionList.length - 1];
+                if (!lastOption || lastOption[fieldNames.children] || isLeaf(lastOption, fieldNames)) {
+                    setLoadingKeys((keys) => keys.filter((key) => key !== loadingKey));
+                }
+            });
+        }
+    }, [options, loadingKeys, fieldNames]);
+    // ========================== Values ==========================
+    const checkedSet = React.useMemo(() => new Set(toPathKeys(values)), [values]);
+    const halfCheckedSet = React.useMemo(() => new Set(toPathKeys(halfValues)), [halfValues]);
+    // ====================== Accessibility =======================
+    const [activeValueCells, setActiveValueCells] = useActive();
+    // =========================== Path ===========================
+    const onPathOpen = (nextValueCells) => {
+        setActiveValueCells(nextValueCells);
+        // Trigger loadData
+        internalLoadData(nextValueCells);
+    };
+    const isSelectable = (option) => {
+        const { disabled } = option;
+        const isMergedLeaf = isLeaf(option, fieldNames);
+        return !disabled && (isMergedLeaf || changeOnSelect || multiple);
+    };
+    const onPathSelect = (valuePath, leaf, fromKeyboard = false) => {
+        onSelect(valuePath);
+        if (!multiple && (leaf || (changeOnSelect && (expandTrigger === 'hover' || fromKeyboard)))) {
+            toggleOpen(false);
+        }
+    };
+    // ========================== Option ==========================
+    const mergedOptions = React.useMemo(() => {
+        if (searchValue) {
+            return searchOptions;
+        }
+        return options;
+    }, [searchValue, searchOptions, options]);
+    // ========================== Column ==========================
+    const optionColumns = React.useMemo(() => {
+        const optionList = [{ options: mergedOptions }];
+        let currentList = mergedOptions;
+        for (let i = 0; i < activeValueCells.length; i += 1) {
+            const activeValueCell = activeValueCells[i];
+            const currentOption = currentList.find((option) => option[fieldNames.value] === activeValueCell);
+            const subOptions = currentOption === null || currentOption === void 0 ? void 0 : currentOption[fieldNames.children];
+            if (!(subOptions === null || subOptions === void 0 ? void 0 : subOptions.length)) {
+                break;
+            }
+            currentList = subOptions;
+            optionList.push({ options: subOptions });
+        }
+        return optionList;
+    }, [mergedOptions, activeValueCells, fieldNames]);
+    // ========================= Keyboard =========================
+    const onKeyboardSelect = (selectValueCells, option) => {
+        if (isSelectable(option)) {
+            onPathSelect(selectValueCells, isLeaf(option, fieldNames), true);
+        }
+    };
+    useKeyboard(ref, mergedOptions, fieldNames, activeValueCells, onPathOpen, onKeyboardSelect);
+    // >>>>> Active Scroll
+    React.useEffect(() => {
+        var _a;
+        for (let i = 0; i < activeValueCells.length; i += 1) {
+            const cellPath = activeValueCells.slice(0, i + 1);
+            const cellKeyPath = toPathKey(cellPath);
+            const ele = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(`li[data-path-key="${cellKeyPath.replace(/\\{0,2}"/g, '\\"')}"]`);
+            if (ele) {
+                scrollIntoParentView(ele);
+            }
+        }
+    }, [activeValueCells]);
+    // ========================== Render ==========================
+    // >>>>> Empty
+    const isEmpty = !((_b = (_a = optionColumns[0]) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.length);
+    const emptyList = [
+        {
+            [fieldNames.value]: '__EMPTY__',
+            [FIX_LABEL]: notFoundContent,
+            disabled: true,
+        },
+    ];
+    const columnProps = Object.assign(Object.assign({}, props), { multiple: !isEmpty && multiple, onSelect: onPathSelect, onActive: onPathOpen, onToggleOpen: toggleOpen, checkedSet,
+        halfCheckedSet,
+        loadingKeys,
+        isSelectable });
+    // >>>>> Columns
+    const mergedOptionColumns = isEmpty ? [{ options: emptyList }] : optionColumns;
+    const columnNodes = mergedOptionColumns.map((col, index) => {
+        const prevValuePath = activeValueCells.slice(0, index);
+        const activeValue = activeValueCells[index];
+        return (React.createElement(Column, Object.assign({ key: index, level: index, dropdownVisible: dropdownVisible }, columnProps, { prefixCls: mergedPrefixCls, options: col.options, searchValue: searchValue, prevValuePath: prevValuePath, activeValue: activeValue, renderItem: renderItem })));
+    });
+    // >>>>> Render
+    return (React.createElement("div", { className: classNames(`${mergedPrefixCls}-menus`, {
+            [`${mergedPrefixCls}-menu-empty`]: isEmpty,
+            [`${mergedPrefixCls}-rtl`]: rtl,
+        }), ref: containerRef }, columnNodes));
+});
+export default RefOptionList;
+//# sourceMappingURL=index.js.map

package/es/tntd-cascader/rc-cascader/OptionList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/tntd-cascader/rc-cascader/OptionList/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable default-case */\n// @ts-nocheck\nimport classNames from 'classnames';\nimport { useBaseProps } from 'rc-select';\nimport type { RefOptionListProps } from 'rc-select/lib/OptionList';\nimport * as React from 'react';\nimport type { DefaultOptionType, SingleValueType } from '../Cascader';\nimport CascaderContext from '../context';\nimport {\n  isLeaf,\n  scrollIntoParentView,\n  toPathKey,\n  toPathKeys,\n  toPathValueStr,\n} from '../utils/commonUtil';\nimport { toPathOptions } from '../utils/treeUtil';\nimport Column, { FIX_LABEL } from './Column';\nimport useActive from './useActive';\nimport useKeyboard from './useKeyboard';\n\nconst RefOptionList = React.forwardRef<RefOptionListProps>((props, ref) => {\n  const { prefixCls, multiple, searchValue, toggleOpen, notFoundContent, direction } =\n    useBaseProps();\n\n  const containerRef = React.useRef<HTMLDivElement>();\n  const rtl = direction === 'rtl';\n\n  const {\n    options,\n    values,\n    halfValues,\n    fieldNames,\n    changeOnSelect,\n    onSelect,\n    searchOptions,\n    dropdownPrefixCls,\n    loadData,\n    expandTrigger,\n    renderItem,\n    dropdownVisible,\n  } = React.useContext(CascaderContext);\n\n  const mergedPrefixCls = dropdownPrefixCls || prefixCls;\n\n  // ========================= loadData =========================\n  const [loadingKeys, setLoadingKeys] = React.useState([]);\n\n  const internalLoadData = (valueCells: React.Key[]) => {\n    // Do not load when search\n    if (!loadData || searchValue) {\n      return;\n    }\n\n    const optionList = toPathOptions(valueCells, options, fieldNames);\n    const rawOptions = optionList.map(({ option }) => option);\n    const lastOption = rawOptions[rawOptions.length - 1];\n\n    if (lastOption && !isLeaf(lastOption, fieldNames)) {\n      const pathKey = toPathKey(valueCells);\n\n      setLoadingKeys((keys) => [...keys, pathKey]);\n\n      loadData(rawOptions);\n    }\n  };\n\n  // zombieJ: This is bad. We should make this same as `rc-tree` to use Promise instead.\n  React.useEffect(() => {\n    if (loadingKeys.length) {\n      loadingKeys.forEach((loadingKey) => {\n        const valueStrCells = toPathValueStr(loadingKey);\n        const optionList = toPathOptions(valueStrCells, options, fieldNames, true).map(\n          ({ option }) => option,\n        );\n        const lastOption = optionList[optionList.length - 1];\n\n        if (!lastOption || lastOption[fieldNames.children] || isLeaf(lastOption, fieldNames)) {\n          setLoadingKeys((keys) => keys.filter((key) => key !== loadingKey));\n        }\n      });\n    }\n  }, [options, loadingKeys, fieldNames]);\n\n  // ========================== Values ==========================\n  const checkedSet = React.useMemo(() => new Set(toPathKeys(values)), [values]);\n  const halfCheckedSet = React.useMemo(() => new Set(toPathKeys(halfValues)), [halfValues]);\n\n  // ====================== Accessibility =======================\n  const [activeValueCells, setActiveValueCells] = useActive();\n\n  // =========================== Path ===========================\n  const onPathOpen = (nextValueCells: React.Key[]) => {\n    setActiveValueCells(nextValueCells);\n\n    // Trigger loadData\n    internalLoadData(nextValueCells);\n  };\n\n  const isSelectable = (option: DefaultOptionType) => {\n    const { disabled } = option;\n\n    const isMergedLeaf = isLeaf(option, fieldNames);\n    return !disabled && (isMergedLeaf || changeOnSelect || multiple);\n  };\n\n  const onPathSelect = (valuePath: SingleValueType, leaf: boolean, fromKeyboard = false) => {\n    onSelect(valuePath);\n\n    if (!multiple && (leaf || (changeOnSelect && (expandTrigger === 'hover' || fromKeyboard)))) {\n      toggleOpen(false);\n    }\n  };\n\n  // ========================== Option ==========================\n  const mergedOptions = React.useMemo(() => {\n    if (searchValue) {\n      return searchOptions;\n    }\n\n    return options;\n  }, [searchValue, searchOptions, options]);\n\n  // ========================== Column ==========================\n  const optionColumns = React.useMemo(() => {\n    const optionList = [{ options: mergedOptions }];\n    let currentList = mergedOptions;\n\n    for (let i = 0; i < activeValueCells.length; i += 1) {\n      const activeValueCell = activeValueCells[i];\n      const currentOption = currentList.find(\n        (option) => option[fieldNames.value] === activeValueCell,\n      );\n\n      const subOptions = currentOption?.[fieldNames.children];\n      if (!subOptions?.length) {\n        break;\n      }\n\n      currentList = subOptions;\n      optionList.push({ options: subOptions });\n    }\n\n    return optionList;\n  }, [mergedOptions, activeValueCells, fieldNames]);\n\n  // ========================= Keyboard =========================\n  const onKeyboardSelect = (selectValueCells: SingleValueType, option: DefaultOptionType) => {\n    if (isSelectable(option)) {\n      onPathSelect(selectValueCells, isLeaf(option, fieldNames), true);\n    }\n  };\n\n  useKeyboard(ref, mergedOptions, fieldNames, activeValueCells, onPathOpen, onKeyboardSelect);\n\n  // >>>>> Active Scroll\n  React.useEffect(() => {\n    for (let i = 0; i < activeValueCells.length; i += 1) {\n      const cellPath = activeValueCells.slice(0, i + 1);\n      const cellKeyPath = toPathKey(cellPath);\n      const ele = containerRef.current?.querySelector<HTMLElement>(\n        `li[data-path-key=\"${cellKeyPath.replace(/\\\\{0,2}\"/g, '\\\\\"')}\"]`, // matches unescaped double quotes\n      );\n      if (ele) {\n        scrollIntoParentView(ele);\n      }\n    }\n  }, [activeValueCells]);\n\n  // ========================== Render ==========================\n  // >>>>> Empty\n  const isEmpty = !optionColumns[0]?.options?.length;\n\n  const emptyList: DefaultOptionType[] = [\n    {\n      [fieldNames.value as 'value']: '__EMPTY__',\n      [FIX_LABEL as 'label']: notFoundContent,\n      disabled: true,\n    },\n  ];\n\n  const columnProps = {\n    ...props,\n    multiple: !isEmpty && multiple,\n    onSelect: onPathSelect,\n    onActive: onPathOpen,\n    onToggleOpen: toggleOpen,\n    checkedSet,\n    halfCheckedSet,\n    loadingKeys,\n    isSelectable,\n  };\n\n  // >>>>> Columns\n  const mergedOptionColumns = isEmpty ? [{ options: emptyList }] : optionColumns;\n\n  const columnNodes: React.ReactElement[] = mergedOptionColumns.map((col, index) => {\n    const prevValuePath = activeValueCells.slice(0, index);\n    const activeValue = activeValueCells[index];\n\n    return (\n      <Column\n        key={index}\n        level={index}\n        dropdownVisible={dropdownVisible}\n        {...columnProps}\n        prefixCls={mergedPrefixCls}\n        options={col.options}\n        searchValue={searchValue}\n        prevValuePath={prevValuePath}\n        activeValue={activeValue}\n        renderItem={renderItem}\n      />\n    );\n  });\n\n  // >>>>> Render\n  return (\n    <div\n      className={classNames(`${mergedPrefixCls}-menus`, {\n        [`${mergedPrefixCls}-menu-empty`]: isEmpty,\n        [`${mergedPrefixCls}-rtl`]: rtl,\n      })}\n      ref={containerRef}\n    >\n      {columnNodes}\n    </div>\n  );\n});\n\nexport default RefOptionList;\n"]}

package/es/tntd-cascader/rc-cascader/OptionList/useActive.js

@@ -0,0 +1,24 @@
+// @ts-nocheck
+import * as React from 'react';
+import CascaderContext from '../context';
+import { useBaseProps } from 'rc-select';
+/**
+ * Control the active open options path.
+ */
+export default () => {
+    const { multiple, open } = useBaseProps();
+    const { values } = React.useContext(CascaderContext);
+    // Record current dropdown active options
+    // This also control the open status
+    const [activeValueCells, setActiveValueCells] = React.useState([]);
+    React.useEffect(() => {
+        if (open && !multiple) {
+            const firstValueCells = values[0];
+            setActiveValueCells(firstValueCells || []);
+        }
+    }, 
+    /* eslint-disable react-hooks/exhaustive-deps */
+    [open]);
+    return [activeValueCells, setActiveValueCells];
+};
+//# sourceMappingURL=useActive.js.map

package/es/tntd-cascader/rc-cascader/OptionList/useActive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActive.js","sourceRoot":"","sources":["../../../../src/tntd-cascader/rc-cascader/OptionList/useActive.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,eAAe,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC;;GAEG;AACH,eAAe,GAA2D,EAAE;IAC1E,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,YAAY,EAAE,CAAC;IAC1C,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAErD,yCAAyC;IACzC,oCAAoC;IACpC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAc,EAAE,CAAC,CAAC;IAEhF,KAAK,CAAC,SAAS,CACb,GAAG,EAAE;QACH,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE;YACrB,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YAClC,mBAAmB,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC;SAC5C;IACH,CAAC;IACD,gDAAgD;IAChD,CAAC,IAAI,CAAC,CAEP,CAAC;IAEF,OAAO,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,CAAC;AACjD,CAAC,CAAC","sourcesContent":["// @ts-nocheck\nimport * as React from 'react';\nimport CascaderContext from '../context';\nimport { useBaseProps } from 'rc-select';\n\n/**\n * Control the active open options path.\n */\nexport default (): [React.Key[], (activeValueCells: React.Key[]) => void] => {\n  const { multiple, open } = useBaseProps();\n  const { values } = React.useContext(CascaderContext);\n\n  // Record current dropdown active options\n  // This also control the open status\n  const [activeValueCells, setActiveValueCells] = React.useState<React.Key[]>([]);\n\n  React.useEffect(\n    () => {\n      if (open && !multiple) {\n        const firstValueCells = values[0];\n        setActiveValueCells(firstValueCells || []);\n      }\n    },\n    /* eslint-disable react-hooks/exhaustive-deps */\n    [open],\n    /* eslint-enable react-hooks/exhaustive-deps */\n  );\n\n  return [activeValueCells, setActiveValueCells];\n};\n"]}

package/es/tntd-cascader/rc-cascader/OptionList/useKeyboard.js

@@ -0,0 +1,145 @@
+import * as React from 'react';
+import { useBaseProps } from 'rc-select';
+import KeyCode from 'rc-util/lib/KeyCode';
+import { SEARCH_MARK } from '../hooks/useSearchOptions';
+export default (ref, options, fieldNames, activeValueCells, setActiveValueCells, onKeyBoardSelect) => {
+    const { direction, searchValue, toggleOpen, open } = useBaseProps();
+    const rtl = direction === 'rtl';
+    const [validActiveValueCells, lastActiveIndex, lastActiveOptions] = React.useMemo(() => {
+        let activeIndex = -1;
+        let currentOptions = options;
+        const mergedActiveIndexes = [];
+        const mergedActiveValueCells = [];
+        const len = activeValueCells.length;
+        // Fill validate active value cells and index
+        for (let i = 0; i < len && currentOptions; i += 1) {
+            // Mark the active index for current options
+            const nextActiveIndex = currentOptions.findIndex((option) => option[fieldNames.value] === activeValueCells[i]);
+            if (nextActiveIndex === -1) {
+                break;
+            }
+            activeIndex = nextActiveIndex;
+            mergedActiveIndexes.push(activeIndex);
+            mergedActiveValueCells.push(activeValueCells[i]);
+            currentOptions = currentOptions[activeIndex][fieldNames.children];
+        }
+        // Fill last active options
+        let activeOptions = options;
+        for (let i = 0; i < mergedActiveIndexes.length - 1; i += 1) {
+            activeOptions = activeOptions[mergedActiveIndexes[i]][fieldNames.children];
+        }
+        return [mergedActiveValueCells, activeIndex, activeOptions];
+    }, [activeValueCells, fieldNames, options]);
+    // Update active value cells and scroll to target element
+    const internalSetActiveValueCells = (next) => {
+        setActiveValueCells(next);
+    };
+    // Same options offset
+    const offsetActiveOption = (offset) => {
+        const len = lastActiveOptions.length;
+        let currentIndex = lastActiveIndex;
+        if (currentIndex === -1 && offset < 0) {
+            currentIndex = len;
+        }
+        for (let i = 0; i < len; i += 1) {
+            currentIndex = (currentIndex + offset + len) % len;
+            const option = lastActiveOptions[currentIndex];
+            if (option && !option.disabled) {
+                const value = option[fieldNames.value];
+                const nextActiveCells = validActiveValueCells.slice(0, -1).concat(value);
+                internalSetActiveValueCells(nextActiveCells);
+                return;
+            }
+        }
+    };
+    // Different options offset
+    const prevColumn = () => {
+        if (validActiveValueCells.length > 1) {
+            const nextActiveCells = validActiveValueCells.slice(0, -1);
+            internalSetActiveValueCells(nextActiveCells);
+        }
+        else {
+            toggleOpen(false);
+        }
+    };
+    const nextColumn = () => {
+        var _a;
+        const nextOptions = ((_a = lastActiveOptions[lastActiveIndex]) === null || _a === void 0 ? void 0 : _a[fieldNames.children]) || [];
+        const nextOption = nextOptions.find((option) => !option.disabled);
+        if (nextOption) {
+            const nextActiveCells = [...validActiveValueCells, nextOption[fieldNames.value]];
+            internalSetActiveValueCells(nextActiveCells);
+        }
+    };
+    React.useImperativeHandle(ref, () => ({
+        // scrollTo: treeRef.current?.scrollTo,
+        onKeyDown: (event) => {
+            const { which } = event;
+            switch (which) {
+                // >>> Arrow keys
+                case KeyCode.UP:
+                case KeyCode.DOWN: {
+                    let offset = 0;
+                    if (which === KeyCode.UP) {
+                        offset = -1;
+                    }
+                    else if (which === KeyCode.DOWN) {
+                        offset = 1;
+                    }
+                    if (offset !== 0) {
+                        offsetActiveOption(offset);
+                    }
+                    break;
+                }
+                case KeyCode.LEFT: {
+                    if (rtl) {
+                        nextColumn();
+                    }
+                    else {
+                        prevColumn();
+                    }
+                    break;
+                }
+                case KeyCode.RIGHT: {
+                    if (rtl) {
+                        prevColumn();
+                    }
+                    else {
+                        nextColumn();
+                    }
+                    break;
+                }
+                case KeyCode.BACKSPACE: {
+                    if (!searchValue) {
+                        prevColumn();
+                    }
+                    break;
+                }
+                // >>> Select
+                case KeyCode.ENTER: {
+                    if (validActiveValueCells.length) {
+                        const option = lastActiveOptions[lastActiveIndex];
+                        // Search option should revert back of origin options
+                        const originOptions = (option === null || option === void 0 ? void 0 : option[SEARCH_MARK]) || [];
+                        if (originOptions.length) {
+                            onKeyBoardSelect(originOptions.map((opt) => opt[fieldNames.value]), originOptions[originOptions.length - 1]);
+                        }
+                        else {
+                            onKeyBoardSelect(validActiveValueCells, lastActiveOptions[lastActiveIndex]);
+                        }
+                    }
+                    break;
+                }
+                // >>> Close
+                case KeyCode.ESC: {
+                    toggleOpen(false);
+                    if (open) {
+                        event.stopPropagation();
+                    }
+                }
+            }
+        },
+        onKeyUp: () => { },
+    }));
+};
+//# sourceMappingURL=useKeyboard.js.map

package/es/tntd-cascader/rc-cascader/OptionList/useKeyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboard.js","sourceRoot":"","sources":["../../../../src/tntd-cascader/rc-cascader/OptionList/useKeyboard.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport type { RefOptionListProps } from 'rc-select/lib/OptionList';\nimport { useBaseProps } from 'rc-select';\nimport KeyCode from 'rc-util/lib/KeyCode';\nimport type { DefaultOptionType, InternalFieldNames, SingleValueType } from '../Cascader';\nimport { SEARCH_MARK } from '../hooks/useSearchOptions';\n\nexport default (\n  ref: React.Ref<RefOptionListProps>,\n  options: DefaultOptionType[],\n  fieldNames: InternalFieldNames,\n  activeValueCells: React.Key[],\n  setActiveValueCells: (activeValueCells: React.Key[]) => void,\n  onKeyBoardSelect: (valueCells: SingleValueType, option: DefaultOptionType) => void,\n) => {\n  const { direction, searchValue, toggleOpen, open } = useBaseProps();\n  const rtl = direction === 'rtl';\n\n  const [validActiveValueCells, lastActiveIndex, lastActiveOptions] = React.useMemo(() => {\n    let activeIndex = -1;\n    let currentOptions = options;\n\n    const mergedActiveIndexes: number[] = [];\n    const mergedActiveValueCells: React.Key[] = [];\n\n    const len = activeValueCells.length;\n\n    // Fill validate active value cells and index\n    for (let i = 0; i < len && currentOptions; i += 1) {\n      // Mark the active index for current options\n      const nextActiveIndex = currentOptions.findIndex(\n        (option) => option[fieldNames.value] === activeValueCells[i],\n      );\n\n      if (nextActiveIndex === -1) {\n        break;\n      }\n\n      activeIndex = nextActiveIndex;\n      mergedActiveIndexes.push(activeIndex);\n      mergedActiveValueCells.push(activeValueCells[i]);\n\n      currentOptions = currentOptions[activeIndex][fieldNames.children];\n    }\n\n    // Fill last active options\n    let activeOptions = options;\n    for (let i = 0; i < mergedActiveIndexes.length - 1; i += 1) {\n      activeOptions = activeOptions[mergedActiveIndexes[i]][fieldNames.children];\n    }\n\n    return [mergedActiveValueCells, activeIndex, activeOptions];\n  }, [activeValueCells, fieldNames, options]);\n\n  // Update active value cells and scroll to target element\n  const internalSetActiveValueCells = (next: React.Key[]) => {\n    setActiveValueCells(next);\n  };\n\n  // Same options offset\n  const offsetActiveOption = (offset: number) => {\n    const len = lastActiveOptions.length;\n\n    let currentIndex = lastActiveIndex;\n    if (currentIndex === -1 && offset < 0) {\n      currentIndex = len;\n    }\n\n    for (let i = 0; i < len; i += 1) {\n      currentIndex = (currentIndex + offset + len) % len;\n      const option = lastActiveOptions[currentIndex];\n\n      if (option && !option.disabled) {\n        const value = option[fieldNames.value];\n        const nextActiveCells = validActiveValueCells.slice(0, -1).concat(value);\n        internalSetActiveValueCells(nextActiveCells);\n        return;\n      }\n    }\n  };\n\n  // Different options offset\n  const prevColumn = () => {\n    if (validActiveValueCells.length > 1) {\n      const nextActiveCells = validActiveValueCells.slice(0, -1);\n      internalSetActiveValueCells(nextActiveCells);\n    } else {\n      toggleOpen(false);\n    }\n  };\n\n  const nextColumn = () => {\n    const nextOptions: DefaultOptionType[] =\n      lastActiveOptions[lastActiveIndex]?.[fieldNames.children] || [];\n\n    const nextOption = nextOptions.find((option) => !option.disabled);\n\n    if (nextOption) {\n      const nextActiveCells = [...validActiveValueCells, nextOption[fieldNames.value]];\n      internalSetActiveValueCells(nextActiveCells);\n    }\n  };\n\n  React.useImperativeHandle(ref, () => ({\n    // scrollTo: treeRef.current?.scrollTo,\n    onKeyDown: (event) => {\n      const { which } = event;\n\n      switch (which) {\n        // >>> Arrow keys\n        case KeyCode.UP:\n        case KeyCode.DOWN: {\n          let offset = 0;\n          if (which === KeyCode.UP) {\n            offset = -1;\n          } else if (which === KeyCode.DOWN) {\n            offset = 1;\n          }\n\n          if (offset !== 0) {\n            offsetActiveOption(offset);\n          }\n\n          break;\n        }\n\n        case KeyCode.LEFT: {\n          if (rtl) {\n            nextColumn();\n          } else {\n            prevColumn();\n          }\n          break;\n        }\n\n        case KeyCode.RIGHT: {\n          if (rtl) {\n            prevColumn();\n          } else {\n            nextColumn();\n          }\n          break;\n        }\n\n        case KeyCode.BACKSPACE: {\n          if (!searchValue) {\n            prevColumn();\n          }\n          break;\n        }\n\n        // >>> Select\n        case KeyCode.ENTER: {\n          if (validActiveValueCells.length) {\n            const option = lastActiveOptions[lastActiveIndex];\n\n            // Search option should revert back of origin options\n            const originOptions: DefaultOptionType[] = option?.[SEARCH_MARK] || [];\n            if (originOptions.length) {\n              onKeyBoardSelect(\n                originOptions.map((opt) => opt[fieldNames.value]),\n                originOptions[originOptions.length - 1],\n              );\n            } else {\n              onKeyBoardSelect(validActiveValueCells, lastActiveOptions[lastActiveIndex]);\n            }\n          }\n          break;\n        }\n\n        // >>> Close\n        case KeyCode.ESC: {\n          toggleOpen(false);\n\n          if (open) {\n            event.stopPropagation();\n          }\n        }\n      }\n    },\n    onKeyUp: () => {},\n  }));\n};\n"]}

package/es/tntd-cascader/rc-cascader/context.js

@@ -0,0 +1,4 @@
+import * as React from 'react';
+const CascaderContext = React.createContext(null);
+export default CascaderContext;
+//# sourceMappingURL=context.js.map

package/es/tntd-cascader/rc-cascader/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/tntd-cascader/rc-cascader/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+B/B,MAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAA8B,IAAI,CAAC,CAAC;AAE/E,eAAe,eAAe,CAAC","sourcesContent":["import * as React from 'react';\nimport type {\n  CascaderProps,\n  InternalFieldNames,\n  DefaultOptionType,\n  SingleValueType,\n} from './Cascader';\n\nexport interface RenderItem {\n  label: any;\n  value: any;\n}\n\nexport interface CascaderContextProps {\n  options: CascaderProps['options'];\n  fieldNames: InternalFieldNames;\n  values: SingleValueType[];\n  halfValues: SingleValueType[];\n  changeOnSelect?: boolean;\n  onSelect: (valuePath: SingleValueType) => void;\n  checkable?: boolean | React.ReactNode;\n  searchOptions: DefaultOptionType[];\n  dropdownPrefixCls?: string;\n  loadData?: (selectOptions: DefaultOptionType[]) => void;\n  expandTrigger?: 'hover' | 'click';\n  expandIcon?: React.ReactNode;\n  loadingIcon?: React.ReactNode;\n  dropdownMenuColumnStyle?: React.CSSProperties;\n  renderItem?: (item: RenderItem) => React.ReactNode;\n}\n\nconst CascaderContext = React.createContext<CascaderContextProps | null>(null);\n\nexport default CascaderContext;\n"]}

package/es/tntd-cascader/rc-cascader/hooks/useDisplayValues.js

@@ -0,0 +1,41 @@
+// @ts-nocheck
+import { toPathOptions } from '../utils/treeUtil';
+import * as React from 'react';
+import { toPathKey } from '../utils/commonUtil';
+export default (rawValues, options, fieldNames, multiple, displayRender) => {
+    return React.useMemo(() => {
+        const mergedDisplayRender = displayRender ||
+            // Default displayRender
+            ((labels) => {
+                const mergedLabels = multiple ? labels.slice(-1) : labels;
+                const SPLIT = ' / ';
+                if (mergedLabels.every((label) => ['string', 'number'].includes(typeof label))) {
+                    return mergedLabels.join(SPLIT);
+                }
+                // If exist non-string value, use ReactNode instead
+                return mergedLabels.reduce((list, label, index) => {
+                    const keyedLabel = React.isValidElement(label)
+                        ? React.cloneElement(label, { key: index })
+                        : label;
+                    if (index === 0) {
+                        return [keyedLabel];
+                    }
+                    return [...list, SPLIT, keyedLabel];
+                }, []);
+            });
+        return rawValues.map((valueCells) => {
+            var _a, _b;
+            const valueOptions = toPathOptions(valueCells, options, fieldNames);
+            const label = mergedDisplayRender(valueOptions.map(({ option, value }) => { var _a; return (_a = option === null || option === void 0 ? void 0 : option[fieldNames.label]) !== null && _a !== void 0 ? _a : value; }), valueOptions.map(({ option }) => option));
+            const value = toPathKey(valueCells);
+            return {
+                label,
+                value,
+                key: value,
+                valueCells,
+                disabled: (_b = (_a = valueOptions[valueOptions.length - 1]) === null || _a === void 0 ? void 0 : _a.option) === null || _b === void 0 ? void 0 : _b.disabled,
+            };
+        });
+    }, [rawValues, options, fieldNames, displayRender, multiple]);
+};
+//# sourceMappingURL=useDisplayValues.js.map

package/es/tntd-cascader/rc-cascader/hooks/useDisplayValues.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDisplayValues.js","sourceRoot":"","sources":["../../../../src/tntd-cascader/rc-cascader/hooks/useDisplayValues.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,eAAe,CACb,SAA4B,EAC5B,OAA4B,EAC5B,UAA8B,EAC9B,QAAiB,EACjB,aAA6C,EAC7C,EAAE;IACF,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxB,MAAM,mBAAmB,GACvB,aAAa;YACb,wBAAwB;YACxB,CAAC,CAAC,MAAM,EAAE,EAAE;gBACV,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;gBAC1D,MAAM,KAAK,GAAG,KAAK,CAAC;gBAEpB,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC,EAAE;oBAC9E,OAAO,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;iBACjC;gBAED,mDAAmD;gBACnD,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;oBAChD,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;wBAC5C,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;wBAC3C,CAAC,CAAC,KAAK,CAAC;oBAEV,IAAI,KAAK,KAAK,CAAC,EAAE;wBACf,OAAO,CAAC,UAAU,CAAC,CAAC;qBACrB;oBAED,OAAO,CAAC,GAAG,IAAI,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;gBACtC,CAAC,EAAE,EAAE,CAAC,CAAC;YACT,CAAC,CAAC,CAAC;QAEL,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;;YAClC,MAAM,YAAY,GAAG,aAAa,CAAC,UAAU,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;YAEpE,MAAM,KAAK,GAAG,mBAAmB,CAC/B,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,WAAC,OAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,UAAU,CAAC,KAAK,CAAC,mCAAI,KAAK,CAAA,EAAA,CAAC,EAC5E,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,CACzC,CAAC;YAEF,MAAM,KAAK,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;YAEpC,OAAO;gBACL,KAAK;gBACL,KAAK;gBACL,GAAG,EAAE,KAAK;gBACV,UAAU;gBACV,QAAQ,EAAE,MAAA,MAAA,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,0CAAE,MAAM,0CAAE,QAAQ;aAClE,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC;AAChE,CAAC,CAAC","sourcesContent":["// @ts-nocheck\nimport { toPathOptions } from '../utils/treeUtil';\nimport * as React from 'react';\nimport type {\n  DefaultOptionType,\n  SingleValueType,\n  CascaderProps,\n  InternalFieldNames,\n} from '../Cascader';\nimport { toPathKey } from '../utils/commonUtil';\n\nexport default (\n  rawValues: SingleValueType[],\n  options: DefaultOptionType[],\n  fieldNames: InternalFieldNames,\n  multiple: boolean,\n  displayRender: CascaderProps['displayRender'],\n) => {\n  return React.useMemo(() => {\n    const mergedDisplayRender =\n      displayRender ||\n      // Default displayRender\n      ((labels) => {\n        const mergedLabels = multiple ? labels.slice(-1) : labels;\n        const SPLIT = ' / ';\n\n        if (mergedLabels.every((label) => ['string', 'number'].includes(typeof label))) {\n          return mergedLabels.join(SPLIT);\n        }\n\n        // If exist non-string value, use ReactNode instead\n        return mergedLabels.reduce((list, label, index) => {\n          const keyedLabel = React.isValidElement(label)\n            ? React.cloneElement(label, { key: index })\n            : label;\n\n          if (index === 0) {\n            return [keyedLabel];\n          }\n\n          return [...list, SPLIT, keyedLabel];\n        }, []);\n      });\n\n    return rawValues.map((valueCells) => {\n      const valueOptions = toPathOptions(valueCells, options, fieldNames);\n\n      const label = mergedDisplayRender(\n        valueOptions.map(({ option, value }) => option?.[fieldNames.label] ?? value),\n        valueOptions.map(({ option }) => option),\n      );\n\n      const value = toPathKey(valueCells);\n\n      return {\n        label,\n        value,\n        key: value,\n        valueCells,\n        disabled: valueOptions[valueOptions.length - 1]?.option?.disabled,\n      };\n    });\n  }, [rawValues, options, fieldNames, displayRender, multiple]);\n};\n"]}

package/es/tntd-cascader/rc-cascader/hooks/useEntities.js

@@ -0,0 +1,30 @@
+// @ts-nocheck
+import * as React from 'react';
+import { convertDataToEntities } from 'rc-tree/lib/utils/treeUtil';
+import { VALUE_SPLIT } from '../utils/commonUtil';
+/** Lazy parse options data into conduct-able info to avoid perf issue in single mode */
+export default (options, fieldNames) => {
+    const cacheRef = React.useRef({
+        options: null,
+        info: null,
+    });
+    const getEntities = React.useCallback(() => {
+        if (cacheRef.current.options !== options) {
+            cacheRef.current.options = options;
+            cacheRef.current.info = convertDataToEntities(options, {
+                fieldNames,
+                initWrapper: (wrapper) => (Object.assign(Object.assign({}, wrapper), { pathKeyEntities: {} })),
+                processEntity: (entity, wrapper) => {
+                    const pathKey = entity.nodes.map((node) => node[fieldNames.value]).join(VALUE_SPLIT);
+                    wrapper.pathKeyEntities[pathKey] = entity;
+                    // Overwrite origin key.
+                    // this is very hack but we need let conduct logic work with connect path
+                    entity.key = pathKey;
+                },
+            });
+        }
+        return cacheRef.current.info.pathKeyEntities;
+    }, [fieldNames, options]);
+    return getEntities;
+};
+//# sourceMappingURL=useEntities.js.map

package/es/tntd-cascader/rc-cascader/hooks/useEntities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEntities.js","sourceRoot":"","sources":["../../../../src/tntd-cascader/rc-cascader/hooks/useEntities.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAGnE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AASlD,wFAAwF;AACxF,eAAe,CAAC,OAA4B,EAAE,UAA8B,EAAE,EAAE;IAC9E,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAG1B;QACD,OAAO,EAAE,IAAI;QACb,IAAI,EAAE,IAAI;KACX,CAAC,CAAC;IAEH,MAAM,WAAW,GAAgB,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACtD,IAAI,QAAQ,CAAC,OAAO,CAAC,OAAO,KAAK,OAAO,EAAE;YACxC,QAAQ,CAAC,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC;YACnC,QAAQ,CAAC,OAAO,CAAC,IAAI,GAAG,qBAAqB,CAAC,OAAc,EAAE;gBAC5D,UAAU;gBACV,WAAW,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,iCACrB,OAAO,KACV,eAAe,EAAE,EAAE,IACnB;gBACF,aAAa,EAAE,CAAC,MAAM,EAAE,OAAY,EAAE,EAAE;oBACtC,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;oBAErF,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,MAAM,CAAC;oBAE1C,wBAAwB;oBACxB,yEAAyE;oBACzE,MAAM,CAAC,GAAG,GAAG,OAAO,CAAC;gBACvB,CAAC;aACF,CAAQ,CAAC;SACX;QAED,OAAO,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC;IAC/C,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAE1B,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC","sourcesContent":["// @ts-nocheck\nimport * as React from 'react';\nimport { convertDataToEntities } from 'rc-tree/lib/utils/treeUtil';\nimport type { DefaultOptionType, InternalFieldNames } from '../Cascader';\nimport type { DataEntity } from 'rc-tree/lib/interface';\nimport { VALUE_SPLIT } from '../utils/commonUtil';\n\nexport interface OptionsInfo {\n  keyEntities: Record<string, DataEntity>;\n  pathKeyEntities: Record<string, DataEntity>;\n}\n\nexport type GetEntities = () => OptionsInfo['pathKeyEntities'];\n\n/** Lazy parse options data into conduct-able info to avoid perf issue in single mode */\nexport default (options: DefaultOptionType[], fieldNames: InternalFieldNames) => {\n  const cacheRef = React.useRef<{\n    options: DefaultOptionType[];\n    info: OptionsInfo;\n  }>({\n    options: null,\n    info: null,\n  });\n\n  const getEntities: GetEntities = React.useCallback(() => {\n    if (cacheRef.current.options !== options) {\n      cacheRef.current.options = options;\n      cacheRef.current.info = convertDataToEntities(options as any, {\n        fieldNames,\n        initWrapper: (wrapper) => ({\n          ...wrapper,\n          pathKeyEntities: {},\n        }),\n        processEntity: (entity, wrapper: any) => {\n          const pathKey = entity.nodes.map((node) => node[fieldNames.value]).join(VALUE_SPLIT);\n\n          wrapper.pathKeyEntities[pathKey] = entity;\n\n          // Overwrite origin key.\n          // this is very hack but we need let conduct logic work with connect path\n          entity.key = pathKey;\n        },\n      }) as any;\n    }\n\n    return cacheRef.current.info.pathKeyEntities;\n  }, [fieldNames, options]);\n\n  return getEntities;\n};\n"]}