tntd 2.6.5 → 2.6.7

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

@@ -1,46 +1,50 @@
 "use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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;
 });
-exports["default"] = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _context = _interopRequireDefault(require("../context"));
-var _rcSelect = require("rc-select");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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.
  */
-var _default = function _default() {
-  var _useBaseProps = (0, _rcSelect.useBaseProps)(),
-    multiple = _useBaseProps.multiple,
-    open = _useBaseProps.open;
-  var _React$useContext = React.useContext(_context["default"]),
-    values = _React$useContext.values;
-  // Record current dropdown active options
-  // This also control the open status
-  var _React$useState = React.useState([]),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    activeValueCells = _React$useState2[0],
-    setActiveValueCells = _React$useState2[1];
-  React.useEffect(function () {
-    if (open && !multiple) {
-      var firstValueCells = values[0];
-      setActiveValueCells(firstValueCells || []);
-    }
-  }, /* eslint-disable react-hooks/exhaustive-deps */
-  [open]
-  /* eslint-enable react-hooks/exhaustive-deps */);
-
-  return [activeValueCells, setActiveValueCells];
+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];
 };
-exports["default"] = _default;
+//# sourceMappingURL=useActive.js.map

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

@@ -1 +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"]}
+{"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.js

@@ -1,186 +1,169 @@
 "use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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;
 });
-exports["default"] = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _rcSelect = require("rc-select");
-var _KeyCode = _interopRequireDefault(require("rc-util/lib/KeyCode"));
-var _useSearchOptions = require("../hooks/useSearchOptions");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var _default = function _default(ref, options, fieldNames, activeValueCells, setActiveValueCells, onKeyBoardSelect) {
-  var _useBaseProps = (0, _rcSelect.useBaseProps)(),
-    direction = _useBaseProps.direction,
-    searchValue = _useBaseProps.searchValue,
-    toggleOpen = _useBaseProps.toggleOpen,
-    open = _useBaseProps.open;
-  var rtl = direction === 'rtl';
-  var _React$useMemo = React.useMemo(function () {
-      var activeIndex = -1;
-      var currentOptions = options;
-      var mergedActiveIndexes = [];
-      var mergedActiveValueCells = [];
-      var len = activeValueCells.length;
-      // Fill validate active value cells and index
-      var _loop = function _loop(i) {
-        // Mark the active index for current options
-        var nextActiveIndex = currentOptions.findIndex(function (option) {
-          return option[fieldNames.value] === activeValueCells[i];
-        });
-        if (nextActiveIndex === -1) {
-          return "break";
-        }
-        activeIndex = nextActiveIndex;
-        mergedActiveIndexes.push(activeIndex);
-        mergedActiveValueCells.push(activeValueCells[i]);
-        currentOptions = currentOptions[activeIndex][fieldNames.children];
-      };
-      for (var i = 0; i < len && currentOptions; i += 1) {
-        var _ret = _loop(i);
-        if (_ret === "break") break;
-      }
-      // Fill last active options
-      var activeOptions = options;
-      for (var _i2 = 0; _i2 < mergedActiveIndexes.length - 1; _i2 += 1) {
-        activeOptions = activeOptions[mergedActiveIndexes[_i2]][fieldNames.children];
-      }
-      return [mergedActiveValueCells, activeIndex, activeOptions];
-    }, [activeValueCells, fieldNames, options]),
-    _React$useMemo2 = _slicedToArray(_React$useMemo, 3),
-    validActiveValueCells = _React$useMemo2[0],
-    lastActiveIndex = _React$useMemo2[1],
-    lastActiveOptions = _React$useMemo2[2];
-  // Update active value cells and scroll to target element
-  var internalSetActiveValueCells = function internalSetActiveValueCells(next) {
-    setActiveValueCells(next);
-  };
-  // Same options offset
-  var offsetActiveOption = function offsetActiveOption(offset) {
-    var len = lastActiveOptions.length;
-    var currentIndex = lastActiveIndex;
-    if (currentIndex === -1 && offset < 0) {
-      currentIndex = len;
-    }
-    for (var i = 0; i < len; i += 1) {
-      currentIndex = (currentIndex + offset + len) % len;
-      var option = lastActiveOptions[currentIndex];
-      if (option && !option.disabled) {
-        var value = option[fieldNames.value];
-        var nextActiveCells = validActiveValueCells.slice(0, -1).concat(value);
-        internalSetActiveValueCells(nextActiveCells);
-        return;
-      }
-    }
-  };
-  // Different options offset
-  var prevColumn = function prevColumn() {
-    if (validActiveValueCells.length > 1) {
-      var nextActiveCells = validActiveValueCells.slice(0, -1);
-      internalSetActiveValueCells(nextActiveCells);
-    } else {
-      toggleOpen(false);
-    }
-  };
-  var nextColumn = function nextColumn() {
-    var _a;
-    var nextOptions = ((_a = lastActiveOptions[lastActiveIndex]) === null || _a === void 0 ? void 0 : _a[fieldNames.children]) || [];
-    var nextOption = nextOptions.find(function (option) {
-      return !option.disabled;
-    });
-    if (nextOption) {
-      var nextActiveCells = [].concat(_toConsumableArray(validActiveValueCells), [nextOption[fieldNames.value]]);
-      internalSetActiveValueCells(nextActiveCells);
-    }
-  };
-  React.useImperativeHandle(ref, function () {
-    return {
-      // scrollTo: treeRef.current?.scrollTo,
-      onKeyDown: function onKeyDown(event) {
-        var which = event.which;
-        switch (which) {
-          // >>> Arrow keys
-          case _KeyCode["default"].UP:
-          case _KeyCode["default"].DOWN:
-            {
-              var offset = 0;
-              if (which === _KeyCode["default"].UP) {
-                offset = -1;
-              } else if (which === _KeyCode["default"].DOWN) {
-                offset = 1;
-              }
-              if (offset !== 0) {
-                offsetActiveOption(offset);
-              }
-              break;
-            }
-          case _KeyCode["default"].LEFT:
-            {
-              if (rtl) {
-                nextColumn();
-              } else {
-                prevColumn();
-              }
-              break;
-            }
-          case _KeyCode["default"].RIGHT:
-            {
-              if (rtl) {
-                prevColumn();
-              } else {
-                nextColumn();
-              }
-              break;
-            }
-          case _KeyCode["default"].BACKSPACE:
-            {
-              if (!searchValue) {
-                prevColumn();
-              }
-              break;
-            }
-          // >>> Select
-          case _KeyCode["default"].ENTER:
-            {
-              if (validActiveValueCells.length) {
-                var option = lastActiveOptions[lastActiveIndex];
-                // Search option should revert back of origin options
-                var originOptions = (option === null || option === void 0 ? void 0 : option[_useSearchOptions.SEARCH_MARK]) || [];
-                if (originOptions.length) {
-                  onKeyBoardSelect(originOptions.map(function (opt) {
-                    return opt[fieldNames.value];
-                  }), originOptions[originOptions.length - 1]);
-                } else {
-                  onKeyBoardSelect(validActiveValueCells, lastActiveOptions[lastActiveIndex]);
-                }
-              }
-              break;
+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;
             }
-          // >>> Close
-          case _KeyCode["default"].ESC:
-            {
-              toggleOpen(false);
-              if (open) {
-                event.stopPropagation();
-              }
+            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;
             }
         }
-      },
-      onKeyUp: function onKeyUp() {}
     };
-  });
+    // 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: () => { },
+    }));
 };
-exports["default"] = _default;
+//# sourceMappingURL=useKeyboard.js.map

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

@@ -1 +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"]}
+{"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/lib/tntd-cascader/rc-cascader/context.js

@@ -1,13 +1,25 @@
 "use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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;
 });
-exports["default"] = void 0;
-var React = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var CascaderContext = React.createContext(null);
-var _default = CascaderContext;
-exports["default"] = _default;
+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

@@ -1 +1 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/tntd-cascader/rc-cascader/context.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8B;AA+B9B,MAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAA8B,IAAI,CAAC,CAAA;AAE9E,kBAAe,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"]}
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/tntd-cascader/rc-cascader/context.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8B;AA+B9B,MAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAA8B,IAAI,CAAC,CAAA;AAE9E,kBAAe,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"]}