tntd 2.0.1 → 2.0.3

package/lib/tntd-cascader/rc-cascader/OptionList/index.d.ts

@@ -0,0 +1,5 @@
+import type { RefOptionListProps } from 'rc-select/lib/OptionList';
+import * as React from 'react';
+declare const RefOptionList: React.ForwardRefExoticComponent<React.RefAttributes<RefOptionListProps>>;
+export default RefOptionList;
+//# sourceMappingURL=index.d.ts.map

package/lib/tntd-cascader/rc-cascader/OptionList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/tntd-cascader/rc-cascader/OptionList/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,QAAA,MAAM,aAAa,0EA+MjB,CAAC;AAEH,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,168 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable default-case */
+// @ts-nocheck
+const classnames_1 = __importDefault(require("classnames"));
+const rc_select_1 = require("rc-select");
+const React = __importStar(require("react"));
+const context_1 = __importDefault(require("../context"));
+const commonUtil_1 = require("../utils/commonUtil");
+const treeUtil_1 = require("../utils/treeUtil");
+const Column_1 = __importStar(require("./Column"));
+const useActive_1 = __importDefault(require("./useActive"));
+const useKeyboard_1 = __importDefault(require("./useKeyboard"));
+const RefOptionList = React.forwardRef((props, ref) => {
+    var _a, _b;
+    const { prefixCls, multiple, searchValue, toggleOpen, notFoundContent, direction } = (0, rc_select_1.useBaseProps)();
+    const containerRef = React.useRef();
+    const rtl = direction === 'rtl';
+    const { options, values, halfValues, fieldNames, changeOnSelect, onSelect, searchOptions, dropdownPrefixCls, loadData, expandTrigger, renderItem, dropdownVisible, } = React.useContext(context_1.default);
+    const mergedPrefixCls = dropdownPrefixCls || prefixCls;
+    // ========================= loadData =========================
+    const [loadingKeys, setLoadingKeys] = React.useState([]);
+    const internalLoadData = (valueCells) => {
+        // Do not load when search
+        if (!loadData || searchValue) {
+            return;
+        }
+        const optionList = (0, treeUtil_1.toPathOptions)(valueCells, options, fieldNames);
+        const rawOptions = optionList.map(({ option }) => option);
+        const lastOption = rawOptions[rawOptions.length - 1];
+        if (lastOption && !(0, commonUtil_1.isLeaf)(lastOption, fieldNames)) {
+            const pathKey = (0, commonUtil_1.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 = (0, commonUtil_1.toPathValueStr)(loadingKey);
+                const optionList = (0, treeUtil_1.toPathOptions)(valueStrCells, options, fieldNames, true).map(({ option }) => option);
+                const lastOption = optionList[optionList.length - 1];
+                if (!lastOption || lastOption[fieldNames.children] || (0, commonUtil_1.isLeaf)(lastOption, fieldNames)) {
+                    setLoadingKeys((keys) => keys.filter((key) => key !== loadingKey));
+                }
+            });
+        }
+    }, [options, loadingKeys, fieldNames]);
+    // ========================== Values ==========================
+    const checkedSet = React.useMemo(() => new Set((0, commonUtil_1.toPathKeys)(values)), [values]);
+    const halfCheckedSet = React.useMemo(() => new Set((0, commonUtil_1.toPathKeys)(halfValues)), [halfValues]);
+    // ====================== Accessibility =======================
+    const [activeValueCells, setActiveValueCells] = (0, useActive_1.default)();
+    // =========================== Path ===========================
+    const onPathOpen = (nextValueCells) => {
+        setActiveValueCells(nextValueCells);
+        // Trigger loadData
+        internalLoadData(nextValueCells);
+    };
+    const isSelectable = (option) => {
+        const { disabled } = option;
+        const isMergedLeaf = (0, commonUtil_1.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, (0, commonUtil_1.isLeaf)(option, fieldNames), true);
+        }
+    };
+    (0, useKeyboard_1.default)(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 = (0, commonUtil_1.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) {
+                (0, commonUtil_1.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__',
+            [Column_1.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_1.default, 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: (0, classnames_1.default)(`${mergedPrefixCls}-menus`, {
+            [`${mergedPrefixCls}-menu-empty`]: isEmpty,
+            [`${mergedPrefixCls}-rtl`]: rtl,
+        }), ref: containerRef }, columnNodes));
+});
+exports.default = RefOptionList;
+//# sourceMappingURL=index.js.map

package/lib/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/lib/tntd-cascader/rc-cascader/OptionList/useActive.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+declare const _default: () => [React.Key[], (activeValueCells: React.Key[]) => void];
+/**
+ * Control the active open options path.
+ */
+export default _default;
+//# sourceMappingURL=useActive.d.ts.map

package/lib/tntd-cascader/rc-cascader/OptionList/useActive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActive.d.ts","sourceRoot":"","sources":["../../../../src/tntd-cascader/rc-cascader/OptionList/useActive.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;+DAOqB,MAAM,GAAG,EAAE,KAAK,IAAI;AAHxE;;GAEG;AACH,wBAqBE"}

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

@@ -0,0 +1,52 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// @ts-nocheck
+const React = __importStar(require("react"));
+const context_1 = __importDefault(require("../context"));
+const rc_select_1 = require("rc-select");
+/**
+ * Control the active open options path.
+ */
+exports.default = () => {
+    const { multiple, open } = (0, rc_select_1.useBaseProps)();
+    const { values } = React.useContext(context_1.default);
+    // 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/lib/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,6CAA+B;AAC/B,yDAAyC;AACzC,yCAAyC;AAEzC;;GAEG;AACH,kBAAe,GAA2D,EAAE;IAC1E,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,IAAA,wBAAY,GAAE,CAAC;IAC1C,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAe,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/lib/tntd-cascader/rc-cascader/OptionList/useKeyboard.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import type { RefOptionListProps } from 'rc-select/lib/OptionList';
+import type { DefaultOptionType, InternalFieldNames, SingleValueType } from '../Cascader';
+declare const _default: (ref: React.Ref<RefOptionListProps>, options: DefaultOptionType[], fieldNames: InternalFieldNames, activeValueCells: React.Key[], setActiveValueCells: (activeValueCells: React.Key[]) => void, onKeyBoardSelect: (valueCells: SingleValueType, option: DefaultOptionType) => void) => void;
+export default _default;
+//# sourceMappingURL=useKeyboard.d.ts.map

package/lib/tntd-cascader/rc-cascader/OptionList/useKeyboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboard.d.ts","sourceRoot":"","sources":["../../../../src/tntd-cascader/rc-cascader/OptionList/useKeyboard.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAGnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;8BAInF,MAAM,GAAG,CAAC,kBAAkB,CAAC,WACzB,iBAAiB,EAAE,cAChB,kBAAkB,oBACZ,MAAM,GAAG,EAAE,0CACW,MAAM,GAAG,EAAE,KAAK,IAAI,0DACJ,iBAAiB,KAAK,IAAI;AANpF,wBA+KE"}

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

@@ -0,0 +1,173 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const rc_select_1 = require("rc-select");
+const KeyCode_1 = __importDefault(require("rc-util/lib/KeyCode"));
+const useSearchOptions_1 = require("../hooks/useSearchOptions");
+exports.default = (ref, options, fieldNames, activeValueCells, setActiveValueCells, onKeyBoardSelect) => {
+    const { direction, searchValue, toggleOpen, open } = (0, rc_select_1.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_1.default.UP:
+                case KeyCode_1.default.DOWN: {
+                    let offset = 0;
+                    if (which === KeyCode_1.default.UP) {
+                        offset = -1;
+                    }
+                    else if (which === KeyCode_1.default.DOWN) {
+                        offset = 1;
+                    }
+                    if (offset !== 0) {
+                        offsetActiveOption(offset);
+                    }
+                    break;
+                }
+                case KeyCode_1.default.LEFT: {
+                    if (rtl) {
+                        nextColumn();
+                    }
+                    else {
+                        prevColumn();
+                    }
+                    break;
+                }
+                case KeyCode_1.default.RIGHT: {
+                    if (rtl) {
+                        prevColumn();
+                    }
+                    else {
+                        nextColumn();
+                    }
+                    break;
+                }
+                case KeyCode_1.default.BACKSPACE: {
+                    if (!searchValue) {
+                        prevColumn();
+                    }
+                    break;
+                }
+                // >>> Select
+                case KeyCode_1.default.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[useSearchOptions_1.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_1.default.ESC: {
+                    toggleOpen(false);
+                    if (open) {
+                        event.stopPropagation();
+                    }
+                }
+            }
+        },
+        onKeyUp: () => { },
+    }));
+};
+//# sourceMappingURL=useKeyboard.js.map

package/lib/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,yCAAyC;AACzC,kEAA0C;AAE1C,gEAAwD;AAExD,kBAAe,CACb,GAAkC,EAClC,OAA4B,EAC5B,UAA8B,EAC9B,gBAA6B,EAC7B,mBAA4D,EAC5D,gBAAkF,EAClF,EAAE;IACF,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,IAAA,wBAAY,GAAE,CAAC;IACpE,MAAM,GAAG,GAAG,SAAS,KAAK,KAAK,CAAC;IAEhC,MAAM,CAAC,qBAAqB,EAAE,eAAe,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrF,IAAI,WAAW,GAAG,CAAC,CAAC,CAAC;QACrB,IAAI,cAAc,GAAG,OAAO,CAAC;QAE7B,MAAM,mBAAmB,GAAa,EAAE,CAAC;QACzC,MAAM,sBAAsB,GAAgB,EAAE,CAAC;QAE/C,MAAM,GAAG,GAAG,gBAAgB,CAAC,MAAM,CAAC;QAEpC,6CAA6C;QAC7C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,IAAI,cAAc,EAAE,CAAC,IAAI,CAAC,EAAE;YACjD,4CAA4C;YAC5C,MAAM,eAAe,GAAG,cAAc,CAAC,SAAS,CAC9C,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,gBAAgB,CAAC,CAAC,CAAC,CAC7D,CAAC;YAEF,IAAI,eAAe,KAAK,CAAC,CAAC,EAAE;gBAC1B,MAAM;aACP;YAED,WAAW,GAAG,eAAe,CAAC;YAC9B,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YACtC,sBAAsB,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;YAEjD,cAAc,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;SACnE;QAED,2BAA2B;QAC3B,IAAI,aAAa,GAAG,OAAO,CAAC;QAC5B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,mBAAmB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE;YAC1D,aAAa,GAAG,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;SAC5E;QAED,OAAO,CAAC,sBAAsB,EAAE,WAAW,EAAE,aAAa,CAAC,CAAC;IAC9D,CAAC,EAAE,CAAC,gBAAgB,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAE5C,yDAAyD;IACzD,MAAM,2BAA2B,GAAG,CAAC,IAAiB,EAAE,EAAE;QACxD,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,sBAAsB;IACtB,MAAM,kBAAkB,GAAG,CAAC,MAAc,EAAE,EAAE;QAC5C,MAAM,GAAG,GAAG,iBAAiB,CAAC,MAAM,CAAC;QAErC,IAAI,YAAY,GAAG,eAAe,CAAC;QACnC,IAAI,YAAY,KAAK,CAAC,CAAC,IAAI,MAAM,GAAG,CAAC,EAAE;YACrC,YAAY,GAAG,GAAG,CAAC;SACpB;QAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE;YAC/B,YAAY,GAAG,CAAC,YAAY,GAAG,MAAM,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;YACnD,MAAM,MAAM,GAAG,iBAAiB,CAAC,YAAY,CAAC,CAAC;YAE/C,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;gBAC9B,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;gBACvC,MAAM,eAAe,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBACzE,2BAA2B,CAAC,eAAe,CAAC,CAAC;gBAC7C,OAAO;aACR;SACF;IACH,CAAC,CAAC;IAEF,2BAA2B;IAC3B,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,qBAAqB,CAAC,MAAM,GAAG,CAAC,EAAE;YACpC,MAAM,eAAe,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YAC3D,2BAA2B,CAAC,eAAe,CAAC,CAAC;SAC9C;aAAM;YACL,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;IACH,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;;QACtB,MAAM,WAAW,GACf,CAAA,MAAA,iBAAiB,CAAC,eAAe,CAAC,0CAAG,UAAU,CAAC,QAAQ,CAAC,KAAI,EAAE,CAAC;QAElE,MAAM,UAAU,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAElE,IAAI,UAAU,EAAE;YACd,MAAM,eAAe,GAAG,CAAC,GAAG,qBAAqB,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;YACjF,2BAA2B,CAAC,eAAe,CAAC,CAAC;SAC9C;IACH,CAAC,CAAC;IAEF,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QACpC,uCAAuC;QACvC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;YAExB,QAAQ,KAAK,EAAE;gBACb,iBAAiB;gBACjB,KAAK,iBAAO,CAAC,EAAE,CAAC;gBAChB,KAAK,iBAAO,CAAC,IAAI,CAAC,CAAC;oBACjB,IAAI,MAAM,GAAG,CAAC,CAAC;oBACf,IAAI,KAAK,KAAK,iBAAO,CAAC,EAAE,EAAE;wBACxB,MAAM,GAAG,CAAC,CAAC,CAAC;qBACb;yBAAM,IAAI,KAAK,KAAK,iBAAO,CAAC,IAAI,EAAE;wBACjC,MAAM,GAAG,CAAC,CAAC;qBACZ;oBAED,IAAI,MAAM,KAAK,CAAC,EAAE;wBAChB,kBAAkB,CAAC,MAAM,CAAC,CAAC;qBAC5B;oBAED,MAAM;iBACP;gBAED,KAAK,iBAAO,CAAC,IAAI,CAAC,CAAC;oBACjB,IAAI,GAAG,EAAE;wBACP,UAAU,EAAE,CAAC;qBACd;yBAAM;wBACL,UAAU,EAAE,CAAC;qBACd;oBACD,MAAM;iBACP;gBAED,KAAK,iBAAO,CAAC,KAAK,CAAC,CAAC;oBAClB,IAAI,GAAG,EAAE;wBACP,UAAU,EAAE,CAAC;qBACd;yBAAM;wBACL,UAAU,EAAE,CAAC;qBACd;oBACD,MAAM;iBACP;gBAED,KAAK,iBAAO,CAAC,SAAS,CAAC,CAAC;oBACtB,IAAI,CAAC,WAAW,EAAE;wBAChB,UAAU,EAAE,CAAC;qBACd;oBACD,MAAM;iBACP;gBAED,aAAa;gBACb,KAAK,iBAAO,CAAC,KAAK,CAAC,CAAC;oBAClB,IAAI,qBAAqB,CAAC,MAAM,EAAE;wBAChC,MAAM,MAAM,GAAG,iBAAiB,CAAC,eAAe,CAAC,CAAC;wBAElD,qDAAqD;wBACrD,MAAM,aAAa,GAAwB,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,8BAAW,CAAC,KAAI,EAAE,CAAC;wBACvE,IAAI,aAAa,CAAC,MAAM,EAAE;4BACxB,gBAAgB,CACd,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EACjD,aAAa,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CACxC,CAAC;yBACH;6BAAM;4BACL,gBAAgB,CAAC,qBAAqB,EAAE,iBAAiB,CAAC,eAAe,CAAC,CAAC,CAAC;yBAC7E;qBACF;oBACD,MAAM;iBACP;gBAED,YAAY;gBACZ,KAAK,iBAAO,CAAC,GAAG,CAAC,CAAC;oBAChB,UAAU,CAAC,KAAK,CAAC,CAAC;oBAElB,IAAI,IAAI,EAAE;wBACR,KAAK,CAAC,eAAe,EAAE,CAAC;qBACzB;iBACF;aACF;QACH,CAAC;QACD,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;KAClB,CAAC,CAAC,CAAC;AACN,CAAC,CAAC","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/lib/tntd-cascader/rc-cascader/context.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import type { CascaderProps, InternalFieldNames, DefaultOptionType, SingleValueType } from './Cascader';
+export interface RenderItem {
+    label: any;
+    value: any;
+}
+export interface CascaderContextProps {
+    options: CascaderProps['options'];
+    fieldNames: InternalFieldNames;
+    values: SingleValueType[];
+    halfValues: SingleValueType[];
+    changeOnSelect?: boolean;
+    onSelect: (valuePath: SingleValueType) => void;
+    checkable?: boolean | React.ReactNode;
+    searchOptions: DefaultOptionType[];
+    dropdownPrefixCls?: string;
+    loadData?: (selectOptions: DefaultOptionType[]) => void;
+    expandTrigger?: 'hover' | 'click';
+    expandIcon?: React.ReactNode;
+    loadingIcon?: React.ReactNode;
+    dropdownMenuColumnStyle?: React.CSSProperties;
+    renderItem?: (item: RenderItem) => React.ReactNode;
+}
+declare const CascaderContext: React.Context<CascaderContextProps | null>;
+export default CascaderContext;
+//# sourceMappingURL=context.d.ts.map

package/lib/tntd-cascader/rc-cascader/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/tntd-cascader/rc-cascader/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EACV,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EAChB,MAAM,YAAY,CAAC;AAEpB,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAClC,UAAU,EAAE,kBAAkB,CAAC;IAC/B,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,UAAU,EAAE,eAAe,EAAE,CAAC;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IAC/C,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,aAAa,EAAE,iBAAiB,EAAE,CAAC;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IACxD,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAClC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,uBAAuB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC9C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,KAAK,CAAC,SAAS,CAAC;CACpD;AAED,QAAA,MAAM,eAAe,4CAAyD,CAAC;AAE/E,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,29 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const CascaderContext = React.createContext(null);
+exports.default = CascaderContext;
+//# sourceMappingURL=context.js.map

package/lib/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,6CAA+B;AA+B/B,MAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAA8B,IAAI,CAAC,CAAC;AAE/E,kBAAe,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/lib/tntd-cascader/rc-cascader/hooks/useDisplayValues.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import type { DefaultOptionType, SingleValueType, CascaderProps, InternalFieldNames } from '../Cascader';
+declare const _default: (rawValues: SingleValueType[], options: DefaultOptionType[], fieldNames: InternalFieldNames, multiple: boolean, displayRender: CascaderProps['displayRender']) => {
+    label: React.ReactNode;
+    value: string;
+    key: string;
+    valueCells: SingleValueType;
+    disabled: boolean | undefined;
+}[];
+export default _default;
+//# sourceMappingURL=useDisplayValues.d.ts.map

package/lib/tntd-cascader/rc-cascader/hooks/useDisplayValues.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDisplayValues.d.ts","sourceRoot":"","sources":["../../../../src/tntd-cascader/rc-cascader/hooks/useDisplayValues.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EACV,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,kBAAkB,EACnB,MAAM,aAAa,CAAC;oCAIR,eAAe,EAAE,WACnB,iBAAiB,EAAE,cAChB,kBAAkB,YACpB,OAAO,iBACF,aAAa,CAAC,eAAe,CAAC;;;;;;;AAL/C,wBAoDE"}

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

@@ -0,0 +1,66 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// @ts-nocheck
+const treeUtil_1 = require("../utils/treeUtil");
+const React = __importStar(require("react"));
+const commonUtil_1 = require("../utils/commonUtil");
+exports.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 = (0, treeUtil_1.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 = (0, commonUtil_1.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