tntd 2.8.28 → 2.8.29

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

@@ -1,172 +1,209 @@
-/* eslint-disable default-case */
-// @ts-nocheck
-import classNames from 'classnames';
-import { useBaseProps } from 'rc-select';
-import * as React from 'react';
-import CascaderContext from '../context';
-import { isLeaf, scrollIntoParentView, toPathKey, toPathKeys, toPathValueStr } from '../utils/commonUtil';
-import { toPathOptions } from '../utils/treeUtil';
-import Column, { FIX_LABEL } from './Column';
-import useActive from './useActive';
-import useKeyboard from './useKeyboard';
-const RefOptionList = React.forwardRef((props, ref) => {
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _rcSelect = require("rc-select");
+var React = _interopRequireWildcard(require("react"));
+var _context = _interopRequireDefault(require("../context"));
+var _commonUtil = require("../utils/commonUtil");
+var _treeUtil = require("../utils/treeUtil");
+var _Column = _interopRequireWildcard(require("./Column"));
+var _useActive3 = _interopRequireDefault(require("./useActive"));
+var _useKeyboard = _interopRequireDefault(require("./useKeyboard"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /* eslint-disable default-case */ // @ts-nocheck
+var RefOptionList = React.forwardRef(function (props, ref) {
   var _a, _b;
-  const {
-    prefixCls,
-    multiple,
-    searchValue,
-    toggleOpen,
-    notFoundContent,
-    direction,
-    optionHeight
-  } = useBaseProps();
-  const containerRef = React.useRef();
-  const rtl = direction === 'rtl';
-  const {
-    options,
-    values,
-    halfValues,
-    fieldNames,
-    changeOnSelect,
-    onSelect,
-    searchOptions,
-    dropdownPrefixCls,
-    loadData,
-    expandTrigger,
-    renderItem,
-    dropdownVisible
-  } = React.useContext(CascaderContext);
-  const mergedPrefixCls = dropdownPrefixCls || prefixCls;
+  var _useBaseProps = (0, _rcSelect.useBaseProps)(),
+    prefixCls = _useBaseProps.prefixCls,
+    multiple = _useBaseProps.multiple,
+    searchValue = _useBaseProps.searchValue,
+    toggleOpen = _useBaseProps.toggleOpen,
+    notFoundContent = _useBaseProps.notFoundContent,
+    direction = _useBaseProps.direction,
+    optionHeight = _useBaseProps.optionHeight;
+  var containerRef = React.useRef();
+  var rtl = direction === 'rtl';
+  var _React$useContext = React.useContext(_context["default"]),
+    options = _React$useContext.options,
+    values = _React$useContext.values,
+    halfValues = _React$useContext.halfValues,
+    fieldNames = _React$useContext.fieldNames,
+    changeOnSelect = _React$useContext.changeOnSelect,
+    onSelect = _React$useContext.onSelect,
+    searchOptions = _React$useContext.searchOptions,
+    dropdownPrefixCls = _React$useContext.dropdownPrefixCls,
+    loadData = _React$useContext.loadData,
+    expandTrigger = _React$useContext.expandTrigger,
+    renderItem = _React$useContext.renderItem,
+    dropdownVisible = _React$useContext.dropdownVisible;
+  var mergedPrefixCls = dropdownPrefixCls || prefixCls;
   // ========================= loadData =========================
-  const [loadingKeys, setLoadingKeys] = React.useState([]);
-  const internalLoadData = valueCells => {
+  var _React$useState = React.useState([]),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    loadingKeys = _React$useState2[0],
+    setLoadingKeys = _React$useState2[1];
+  var internalLoadData = function internalLoadData(valueCells) {
     // Do not load when search
     if (!loadData || searchValue) {
       return;
     }
-    const optionList = toPathOptions(valueCells, options, fieldNames);
-    const rawOptions = optionList.map(({
-      option
-    }) => option);
-    const lastOption = rawOptions[rawOptions.length - 1];
-    if (lastOption && !isLeaf(lastOption, fieldNames)) {
-      const pathKey = toPathKey(valueCells);
-      setLoadingKeys(keys => [...keys, pathKey]);
+    var optionList = (0, _treeUtil.toPathOptions)(valueCells, options, fieldNames);
+    var rawOptions = optionList.map(function (_ref) {
+      var option = _ref.option;
+      return option;
+    });
+    var lastOption = rawOptions[rawOptions.length - 1];
+    if (lastOption && !(0, _commonUtil.isLeaf)(lastOption, fieldNames)) {
+      var pathKey = (0, _commonUtil.toPathKey)(valueCells);
+      setLoadingKeys(function (keys) {
+        return [].concat(_toConsumableArray(keys), [pathKey]);
+      });
       loadData(rawOptions);
     }
   };
   // zombieJ: This is bad. We should make this same as `rc-tree` to use Promise instead.
-  React.useEffect(() => {
+  React.useEffect(function () {
     if (loadingKeys.length) {
-      loadingKeys.forEach(loadingKey => {
-        const valueStrCells = toPathValueStr(loadingKey);
-        const optionList = toPathOptions(valueStrCells, options, fieldNames, true).map(({
-          option
-        }) => option);
-        const lastOption = optionList[optionList.length - 1];
-        if (!lastOption || lastOption[fieldNames.children] || isLeaf(lastOption, fieldNames)) {
-          setLoadingKeys(keys => keys.filter(key => key !== loadingKey));
+      loadingKeys.forEach(function (loadingKey) {
+        var valueStrCells = (0, _commonUtil.toPathValueStr)(loadingKey);
+        var optionList = (0, _treeUtil.toPathOptions)(valueStrCells, options, fieldNames, true).map(function (_ref2) {
+          var option = _ref2.option;
+          return option;
+        });
+        var lastOption = optionList[optionList.length - 1];
+        if (!lastOption || lastOption[fieldNames.children] || (0, _commonUtil.isLeaf)(lastOption, fieldNames)) {
+          setLoadingKeys(function (keys) {
+            return keys.filter(function (key) {
+              return key !== loadingKey;
+            });
+          });
         }
       });
     }
   }, [options, loadingKeys, fieldNames]);
   // ========================== Values ==========================
-  const checkedSet = React.useMemo(() => new Set(toPathKeys(values)), [values]);
-  const halfCheckedSet = React.useMemo(() => new Set(toPathKeys(halfValues)), [halfValues]);
+  var checkedSet = React.useMemo(function () {
+    return new Set((0, _commonUtil.toPathKeys)(values));
+  }, [values]);
+  var halfCheckedSet = React.useMemo(function () {
+    return new Set((0, _commonUtil.toPathKeys)(halfValues));
+  }, [halfValues]);
   // ====================== Accessibility =======================
-  const [activeValueCells, setActiveValueCells] = useActive();
+  var _useActive = (0, _useActive3["default"])(),
+    _useActive2 = _slicedToArray(_useActive, 2),
+    activeValueCells = _useActive2[0],
+    setActiveValueCells = _useActive2[1];
   // =========================== Path ===========================
-  const onPathOpen = nextValueCells => {
+  var onPathOpen = function onPathOpen(nextValueCells) {
     setActiveValueCells(nextValueCells);
     // Trigger loadData
     internalLoadData(nextValueCells);
   };
-  const isSelectable = option => {
-    const {
-      disabled
-    } = option;
-    const isMergedLeaf = isLeaf(option, fieldNames);
+  var isSelectable = function isSelectable(option) {
+    var disabled = option.disabled;
+    var isMergedLeaf = (0, _commonUtil.isLeaf)(option, fieldNames);
     return !disabled && (isMergedLeaf || changeOnSelect || multiple);
   };
-  const onPathSelect = (valuePath, leaf, fromKeyboard = false) => {
+  var onPathSelect = function onPathSelect(valuePath, leaf) {
+    var fromKeyboard = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     onSelect(valuePath);
     if (!multiple && (leaf || changeOnSelect && (expandTrigger === 'hover' || fromKeyboard))) {
       toggleOpen(false);
     }
   };
   // ========================== Option ==========================
-  const mergedOptions = React.useMemo(() => {
+  var mergedOptions = React.useMemo(function () {
     if (searchValue) {
       return searchOptions;
     }
     return options;
   }, [searchValue, searchOptions, options]);
   // ========================== Column ==========================
-  const optionColumns = React.useMemo(() => {
-    const optionList = [{
+  var optionColumns = React.useMemo(function () {
+    var 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];
+    var currentList = mergedOptions;
+    var _loop = function _loop() {
+      var activeValueCell = activeValueCells[i];
+      var currentOption = currentList.find(function (option) {
+        return option[fieldNames.value] === activeValueCell;
+      });
+      var subOptions = currentOption === null || currentOption === void 0 ? void 0 : currentOption[fieldNames.children];
       if (!(subOptions === null || subOptions === void 0 ? void 0 : subOptions.length)) {
-        break;
+        return 1; // break
       }
       currentList = subOptions;
       optionList.push({
         options: subOptions
       });
+    };
+    for (var i = 0; i < activeValueCells.length; i += 1) {
+      if (_loop()) break;
     }
     return optionList;
   }, [mergedOptions, activeValueCells, fieldNames]);
   // ========================= Keyboard =========================
-  const onKeyboardSelect = (selectValueCells, option) => {
+  var onKeyboardSelect = function onKeyboardSelect(selectValueCells, option) {
     if (isSelectable(option)) {
-      onPathSelect(selectValueCells, isLeaf(option, fieldNames), true);
+      onPathSelect(selectValueCells, (0, _commonUtil.isLeaf)(option, fieldNames), true);
     }
   };
-  useKeyboard(ref, mergedOptions, fieldNames, activeValueCells, onPathOpen, onKeyboardSelect);
+  (0, _useKeyboard["default"])(ref, mergedOptions, fieldNames, activeValueCells, onPathOpen, onKeyboardSelect);
   // >>>>> Active Scroll
-  React.useEffect(() => {
+  React.useEffect(function () {
     var _a;
-    for (let i = 0; i < activeValueCells.length; i += 1) {
-      const cellPath = activeValueCells.slice(0, i + 1);
-      const cellKeyPath = toPathKey(cellPath);
-      const ele = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(`li[data-path-key="${cellKeyPath.replace(/\\{0,2}"/g, '\\"')}"]` // matches unescaped double quotes
+    for (var i = 0; i < activeValueCells.length; i += 1) {
+      var cellPath = activeValueCells.slice(0, i + 1);
+      var cellKeyPath = (0, _commonUtil.toPathKey)(cellPath);
+      var ele = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("li[data-path-key=\"".concat(cellKeyPath.replace(/\\{0,2}"/g, '\\"'), "\"]") // matches unescaped double quotes
       );
       if (ele) {
-        scrollIntoParentView(ele);
+        (0, _commonUtil.scrollIntoParentView)(ele);
       }
     }
   }, [activeValueCells]);
   // ========================== Render ==========================
   // >>>>> Empty
-  const isEmpty = !((_b = (_a = optionColumns[0]) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.length);
-  const emptyList = [{
-    [fieldNames.value]: '__EMPTY__',
-    [FIX_LABEL]: notFoundContent,
-    disabled: true
-  }];
-  const columnProps = Object.assign(Object.assign({}, props), {
+  var isEmpty = !((_b = (_a = optionColumns[0]) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.length);
+  var emptyList = [_defineProperty(_defineProperty(_defineProperty({}, fieldNames.value, '__EMPTY__'), _Column.FIX_LABEL, notFoundContent), "disabled", true)];
+  var columnProps = Object.assign(Object.assign({}, props), {
     multiple: !isEmpty && multiple,
     onSelect: onPathSelect,
     onActive: onPathOpen,
     onToggleOpen: toggleOpen,
-    checkedSet,
-    halfCheckedSet,
-    loadingKeys,
-    isSelectable
+    checkedSet: checkedSet,
+    halfCheckedSet: halfCheckedSet,
+    loadingKeys: loadingKeys,
+    isSelectable: isSelectable
   });
   // >>>>> Columns
-  const mergedOptionColumns = isEmpty ? [{
+  var mergedOptionColumns = isEmpty ? [{
     options: emptyList
   }] : optionColumns;
-  const columnNodes = mergedOptionColumns.map((col, index) => {
-    const prevValuePath = activeValueCells.slice(0, index);
-    const activeValue = activeValueCells[index];
-    return React.createElement(Column, Object.assign({
+  var columnNodes = mergedOptionColumns.map(function (col, index) {
+    var prevValuePath = activeValueCells.slice(0, index);
+    var activeValue = activeValueCells[index];
+    return React.createElement(_Column["default"], Object.assign({
       key: index,
       level: index,
       isEmpty: isEmpty,
@@ -183,11 +220,8 @@ const RefOptionList = React.forwardRef((props, ref) => {
   });
   // >>>>> Render
   return React.createElement("div", {
-    className: classNames(`${mergedPrefixCls}-menus`, {
-      [`${mergedPrefixCls}-menu-empty`]: isEmpty,
-      [`${mergedPrefixCls}-rtl`]: rtl
-    }),
+    className: (0, _classnames["default"])("".concat(mergedPrefixCls, "-menus"), _defineProperty(_defineProperty({}, "".concat(mergedPrefixCls, "-menu-empty"), isEmpty), "".concat(mergedPrefixCls, "-rtl"), rtl)),
     ref: containerRef
   }, columnNodes);
 });
-export default RefOptionList;
+var _default = exports["default"] = RefOptionList;

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

@@ -1,28 +1,44 @@
-// @ts-nocheck
-import * as React from 'react';
-import CascaderContext from '../context';
-import { useBaseProps } from 'rc-select';
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // @ts-nocheck
 /**
  * Control the active open options path.
  */
-export default (() => {
-  const {
-    multiple,
-    open
-  } = useBaseProps();
-  const {
-    values
-  } = React.useContext(CascaderContext);
+var _default = exports["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
-  const [activeValueCells, setActiveValueCells] = React.useState([]);
-  React.useEffect(() => {
+  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) {
-      const firstValueCells = values[0];
+      var firstValueCells = values[0];
       setActiveValueCells(firstValueCells || []);
     }
   }, /* eslint-disable react-hooks/exhaustive-deps */
   [open]
   /* eslint-enable react-hooks/exhaustive-deps */);
   return [activeValueCells, setActiveValueCells];
-});
+};