tntd 2.0.2 → 2.0.4

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

@@ -0,0 +1,141 @@
+/* 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, optionHeight } = 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, '\\"')}"]` // matches unescaped double quotes
+            );
+            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, optionHeight: optionHeight, 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, optionHeight } =\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        optionHeight={optionHeight}\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,26 @@
+// @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]
+    /* eslint-enable react-hooks/exhaustive-deps */
+    );
+    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,CAAA;AAC9B,OAAO,eAAe,MAAM,YAAY,CAAA;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC;;GAEG;AACH,eAAe,GAA2D,EAAE;IAC1E,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,YAAY,EAAE,CAAA;IACzC,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAA;IAEpD,yCAAyC;IACzC,oCAAoC;IACpC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAc,EAAE,CAAC,CAAA;IAE/E,KAAK,CAAC,SAAS,CACb,GAAG,EAAE;QACH,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE;YACrB,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,CAAA;YACjC,mBAAmB,CAAC,eAAe,IAAI,EAAE,CAAC,CAAA;SAC3C;IACH,CAAC;IACD,gDAAgD;IAChD,CAAC,IAAI,CAAC;IACN,+CAA+C;KAChD,CAAA;IAED,OAAO,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,CAAA;AAChD,CAAC,CAAA","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,CAAA;AA+B9B,MAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAA8B,IAAI,CAAC,CAAA;AAE9E,eAAe,eAAe,CAAA","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,CAAA;AACjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAE/C,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,CAAA;gBACzD,MAAM,KAAK,GAAG,KAAK,CAAA;gBAEnB,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,CAAA;iBAChC;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,CAAA;oBAET,IAAI,KAAK,KAAK,CAAC,EAAE;wBACf,OAAO,CAAC,UAAU,CAAC,CAAA;qBACpB;oBAED,OAAO,CAAC,GAAG,IAAI,EAAE,KAAK,EAAE,UAAU,CAAC,CAAA;gBACrC,CAAC,EAAE,EAAE,CAAC,CAAA;YACR,CAAC,CAAC,CAAA;QAEJ,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;;YAClC,MAAM,YAAY,GAAG,aAAa,CAAC,UAAU,EAAE,OAAO,EAAE,UAAU,CAAC,CAAA;YAEnE,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,CAAA;YAED,MAAM,KAAK,GAAG,SAAS,CAAC,UAAU,CAAC,CAAA;YAEnC,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,CAAA;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAA;AAC/D,CAAC,CAAA","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,CAAA;AAC9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAGlE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AASjD,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,CAAA;IAEF,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,CAAA;YAClC,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,CAAA;oBAEpF,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,MAAM,CAAA;oBAEzC,wBAAwB;oBACxB,yEAAyE;oBACzE,MAAM,CAAC,GAAG,GAAG,OAAO,CAAA;gBACtB,CAAC;aACF,CAAQ,CAAA;SACV;QAED,OAAO,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAA;IAC9C,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAA;IAEzB,OAAO,WAAW,CAAA;AACpB,CAAC,CAAA","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"]}

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { toPathOptions } from '../utils/treeUtil';
+export default (options, fieldNames) => {
+    return React.useCallback((rawValues) => {
+        const missingValues = [];
+        const existsValues = [];
+        rawValues.forEach((valueCell) => {
+            const pathOptions = toPathOptions(valueCell, options, fieldNames);
+            if (pathOptions.every((opt) => opt.option)) {
+                existsValues.push(valueCell);
+            }
+            else {
+                missingValues.push(valueCell);
+            }
+        });
+        return [existsValues, missingValues];
+    }, [options, fieldNames]);
+};
+//# sourceMappingURL=useMissingValues.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMissingValues.js","sourceRoot":"","sources":["../../../../src/tntd-cascader/rc-cascader/hooks/useMissingValues.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,eAAe,CAAC,OAA4B,EAAE,UAA8B,EAAE,EAAE;IAC9E,OAAO,KAAK,CAAC,WAAW,CACtB,CAAC,SAA4B,EAA0C,EAAE;QACvE,MAAM,aAAa,GAAsB,EAAE,CAAA;QAC3C,MAAM,YAAY,GAAsB,EAAE,CAAA;QAE1C,SAAS,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;YAC9B,MAAM,WAAW,GAAG,aAAa,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,CAAC,CAAA;YACjE,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;gBAC1C,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;aAC7B;iBAAM;gBACL,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;aAC9B;QACH,CAAC,CAAC,CAAA;QAEF,OAAO,CAAC,YAAY,EAAE,aAAa,CAAC,CAAA;IACtC,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,CAAC,CACtB,CAAA;AACH,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport type { SingleValueType, DefaultOptionType, InternalFieldNames } from '../Cascader'\nimport { toPathOptions } from '../utils/treeUtil'\n\nexport default (options: DefaultOptionType[], fieldNames: InternalFieldNames) => {\n  return React.useCallback(\n    (rawValues: SingleValueType[]): [SingleValueType[], SingleValueType[]] => {\n      const missingValues: SingleValueType[] = []\n      const existsValues: SingleValueType[] = []\n\n      rawValues.forEach((valueCell) => {\n        const pathOptions = toPathOptions(valueCell, options, fieldNames)\n        if (pathOptions.every((opt) => opt.option)) {\n          existsValues.push(valueCell)\n        } else {\n          missingValues.push(valueCell)\n        }\n      })\n\n      return [existsValues, missingValues]\n    },\n    [options, fieldNames]\n  )\n}\n"]}

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

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import * as React from 'react';
+/**
+ * Same as `React.useCallback` but always return a memoized function
+ * but redirect to real function.
+ */
+export default function useRefFunc(callback) {
+    const funcRef = React.useRef();
+    funcRef.current = callback;
+    const cacheFn = React.useCallback((...args) => {
+        return funcRef.current(...args);
+    }, []);
+    return cacheFn;
+}
+//# sourceMappingURL=useRefFunc.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRefFunc.js","sourceRoot":"","sources":["../../../../src/tntd-cascader/rc-cascader/hooks/useRefFunc.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAoC,QAAW;IAC/E,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAK,CAAA;IACjC,OAAO,CAAC,OAAO,GAAG,QAAQ,CAAA;IAE1B,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,GAAG,IAAW,EAAE,EAAE;QACnD,OAAO,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,CAAA;IACjC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,OAAc,CAAA;AACvB,CAAC","sourcesContent":["// @ts-nocheck\nimport * as React from 'react'\n\n/**\n * Same as `React.useCallback` but always return a memoized function\n * but redirect to real function.\n */\nexport default function useRefFunc<T extends (...args: any[]) => any>(callback: T): T {\n  const funcRef = React.useRef<T>()\n  funcRef.current = callback\n\n  const cacheFn = React.useCallback((...args: any[]) => {\n    return funcRef.current(...args)\n  }, [])\n\n  return cacheFn as any\n}\n"]}

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

@@ -0,0 +1,26 @@
+// @ts-nocheck
+import * as React from 'react';
+import warning from 'rc-util/lib/warning';
+// Convert `showSearch` to unique config
+export default function useSearchConfig(showSearch) {
+    return React.useMemo(() => {
+        if (!showSearch) {
+            return [false, {}];
+        }
+        let searchConfig = {
+            matchInputWidth: true,
+            limit: 50,
+        };
+        if (showSearch && typeof showSearch === 'object') {
+            searchConfig = Object.assign(Object.assign({}, searchConfig), showSearch);
+        }
+        if (searchConfig.limit <= 0) {
+            delete searchConfig.limit;
+            if (process.env.NODE_ENV !== 'production') {
+                warning(false, "'limit' of showSearch should be positive number or false.");
+            }
+        }
+        return [true, searchConfig];
+    }, [showSearch]);
+}
+//# sourceMappingURL=useSearchConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSearchConfig.js","sourceRoot":"","sources":["../../../../src/tntd-cascader/rc-cascader/hooks/useSearchConfig.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,OAAO,MAAM,qBAAqB,CAAA;AAGzC,wCAAwC;AACxC,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,UAAwC;IAC9E,OAAO,KAAK,CAAC,OAAO,CAA4B,GAAG,EAAE;QACnD,IAAI,CAAC,UAAU,EAAE;YACf,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;SACnB;QAED,IAAI,YAAY,GAAmB;YACjC,eAAe,EAAE,IAAI;YACrB,KAAK,EAAE,EAAE;SACV,CAAA;QAED,IAAI,UAAU,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;YAChD,YAAY,mCACP,YAAY,GACZ,UAAU,CACd,CAAA;SACF;QAED,IAAI,YAAY,CAAC,KAAK,IAAI,CAAC,EAAE;YAC3B,OAAO,YAAY,CAAC,KAAK,CAAA;YAEzB,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;gBACzC,OAAO,CAAC,KAAK,EAAE,2DAA2D,CAAC,CAAA;aAC5E;SACF;QAED,OAAO,CAAC,IAAI,EAAE,YAAY,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;AAClB,CAAC","sourcesContent":["// @ts-nocheck\nimport * as React from 'react'\nimport warning from 'rc-util/lib/warning'\nimport type { CascaderProps, ShowSearchType } from '../Cascader'\n\n// Convert `showSearch` to unique config\nexport default function useSearchConfig(showSearch?: CascaderProps['showSearch']) {\n  return React.useMemo<[boolean, ShowSearchType]>(() => {\n    if (!showSearch) {\n      return [false, {}]\n    }\n\n    let searchConfig: ShowSearchType = {\n      matchInputWidth: true,\n      limit: 50,\n    }\n\n    if (showSearch && typeof showSearch === 'object') {\n      searchConfig = {\n        ...searchConfig,\n        ...showSearch,\n      }\n    }\n\n    if (searchConfig.limit <= 0) {\n      delete searchConfig.limit\n\n      if (process.env.NODE_ENV !== 'production') {\n        warning(false, \"'limit' of showSearch should be positive number or false.\")\n      }\n    }\n\n    return [true, searchConfig]\n  }, [showSearch])\n}\n"]}

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

@@ -0,0 +1,46 @@
+import * as React from 'react';
+export const SEARCH_MARK = '__rc_cascader_search_mark__';
+const defaultFilter = (search, options, { label }) => options.some((opt) => String(opt[label]).toLowerCase().includes(search.toLowerCase()));
+const defaultRender = (inputValue, path, prefixCls, fieldNames) => path.map((opt) => opt[fieldNames.label]).join(' / ');
+export default (search, options, fieldNames, prefixCls, config, changeOnSelect) => {
+    const { filter = defaultFilter, render = defaultRender, limit = 50, sort } = config;
+    return React.useMemo(() => {
+        const filteredOptions = [];
+        if (!search) {
+            return [];
+        }
+        function dig(list, pathOptions) {
+            list.forEach((option) => {
+                // Perf saving when `sort` is disabled and `limit` is provided
+                if (!sort && limit > 0 && filteredOptions.length >= limit) {
+                    return;
+                }
+                const connectedPathOptions = [...pathOptions, option];
+                const children = option[fieldNames.children];
+                // If current option is filterable
+                if (
+                // If is leaf option
+                !children ||
+                    children.length === 0 ||
+                    // If is changeOnSelect
+                    changeOnSelect) {
+                    if (filter(search, connectedPathOptions, { label: fieldNames.label })) {
+                        filteredOptions.push(Object.assign(Object.assign({}, option), { [fieldNames.label]: render(search, connectedPathOptions, prefixCls, fieldNames), [SEARCH_MARK]: connectedPathOptions }));
+                    }
+                }
+                if (children) {
+                    dig(option[fieldNames.children], connectedPathOptions);
+                }
+            });
+        }
+        dig(options, []);
+        // Do sort
+        if (sort) {
+            filteredOptions.sort((a, b) => {
+                return sort(a[SEARCH_MARK], b[SEARCH_MARK], search, fieldNames);
+            });
+        }
+        return limit > 0 ? filteredOptions.slice(0, limit) : filteredOptions;
+    }, [search, options, fieldNames, prefixCls, render, changeOnSelect, filter, sort, limit]);
+};
+//# sourceMappingURL=useSearchOptions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSearchOptions.js","sourceRoot":"","sources":["../../../../src/tntd-cascader/rc-cascader/hooks/useSearchOptions.ts"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport type { DefaultOptionType, ShowSearchType, InternalFieldNames } from '../Cascader'\nimport * as React from 'react'\n\nexport const SEARCH_MARK = '__rc_cascader_search_mark__'\n\nconst defaultFilter: ShowSearchType['filter'] = (search, options, { label }) =>\n  options.some((opt) => String(opt[label]).toLowerCase().includes(search.toLowerCase()))\n\nconst defaultRender: ShowSearchType['render'] = (inputValue, path, prefixCls, fieldNames) =>\n  path.map((opt) => opt[fieldNames.label]).join(' / ')\n\nexport default (\n  search: string,\n  options: DefaultOptionType[],\n  fieldNames: InternalFieldNames,\n  prefixCls: string,\n  config: ShowSearchType,\n  changeOnSelect: boolean\n) => {\n  const { filter = defaultFilter, render = defaultRender, limit = 50, sort } = config\n\n  return React.useMemo(() => {\n    const filteredOptions: DefaultOptionType[] = []\n    if (!search) {\n      return []\n    }\n\n    function dig(list: DefaultOptionType[], pathOptions: DefaultOptionType[]) {\n      list.forEach((option) => {\n        // Perf saving when `sort` is disabled and `limit` is provided\n        if (!sort && limit > 0 && filteredOptions.length >= limit) {\n          return\n        }\n\n        const connectedPathOptions = [...pathOptions, option]\n        const children = option[fieldNames.children]\n\n        // If current option is filterable\n        if (\n          // If is leaf option\n          !children ||\n          children.length === 0 ||\n          // If is changeOnSelect\n          changeOnSelect\n        ) {\n          if (filter(search, connectedPathOptions, { label: fieldNames.label })) {\n            filteredOptions.push({\n              ...option,\n              [fieldNames.label as 'label']: render(\n                search,\n                connectedPathOptions,\n                prefixCls,\n                fieldNames\n              ),\n              [SEARCH_MARK]: connectedPathOptions,\n            })\n          }\n        }\n\n        if (children) {\n          dig(option[fieldNames.children] as DefaultOptionType[], connectedPathOptions)\n        }\n      })\n    }\n\n    dig(options, [])\n\n    // Do sort\n    if (sort) {\n      filteredOptions.sort((a, b) => {\n        return sort(a[SEARCH_MARK], b[SEARCH_MARK], search, fieldNames)\n      })\n    }\n\n    return limit > 0 ? filteredOptions.slice(0, limit as number) : filteredOptions\n  }, [search, options, fieldNames, prefixCls, render, changeOnSelect, filter, sort, limit])\n}\n"]}

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

@@ -0,0 +1,3 @@
+import Cascader from './Cascader';
+export default Cascader;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tntd-cascader/rc-cascader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAA;AAWjC,eAAe,QAAQ,CAAA","sourcesContent":["import Cascader from './Cascader'\n\nexport type {\n  CascaderProps,\n  FieldNames,\n  ShowSearchType,\n  DefaultOptionType,\n  BaseOptionType,\n  SingleCascaderProps,\n  MultipleCascaderProps,\n} from './Cascader'\nexport default Cascader\n"]}