tntd 2.0.2 → 2.0.4

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

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

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

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

package/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,CAAA;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAe9B,QAAA,MAAM,aAAa,0EAgNjB,CAAA;AAEF,eAAe,aAAa,CAAA"}

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

@@ -0,0 +1,169 @@
+"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, optionHeight } = (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, '\\"')}"]` // matches unescaped double quotes
+            );
+            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, optionHeight: optionHeight, 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, 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/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,CAAA;+DAOsB,MAAM,GAAG,EAAE,KAAK,IAAI;AAHxE;;GAEG;AACH,wBAqBC"}

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

@@ -0,0 +1,54 @@
+"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]
+    /* eslint-enable react-hooks/exhaustive-deps */
+    );
+    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,6CAA8B;AAC9B,yDAAwC;AACxC,yCAAwC;AAExC;;GAEG;AACH,kBAAe,GAA2D,EAAE;IAC1E,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,IAAA,wBAAY,GAAE,CAAA;IACzC,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAe,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/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,CAAA;AAC9B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAGlE,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;8BAIlF,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+KC"}