tntd 2.0.10 → 2.0.11

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

@@ -5,27 +5,22 @@ import { useBaseProps } from 'rc-select';
 /**
  * Control the active open options path.
  */
-
-export default (() => {
-  const {
-    multiple,
-    open
-  } = useBaseProps();
-  const {
-    values
-  } = React.useContext(CascaderContext); // Record current dropdown active options
-  // This also control the open status
-
-  const [activeValueCells, setActiveValueCells] = React.useState([]);
-  React.useEffect(() => {
-    if (open && !multiple) {
-      const firstValueCells = values[0];
-      setActiveValueCells(firstValueCells || []);
-    }
-  },
-  /* eslint-disable react-hooks/exhaustive-deps */
-  [open]
-  /* eslint-enable react-hooks/exhaustive-deps */
-  );
-  return [activeValueCells, setActiveValueCells];
-});
+export default () => {
+    const { multiple, open } = useBaseProps();
+    const { values } = React.useContext(CascaderContext);
+    // Record current dropdown active options
+    // This also control the open status
+    const [activeValueCells, setActiveValueCells] = React.useState([]);
+    React.useEffect(() => {
+        if (open && !multiple) {
+            const firstValueCells = values[0];
+            setActiveValueCells(firstValueCells || []);
+        }
+    }, 
+    /* eslint-disable react-hooks/exhaustive-deps */
+    [open]
+    /* eslint-enable react-hooks/exhaustive-deps */
+    );
+    return [activeValueCells, setActiveValueCells];
+};
+//# sourceMappingURL=useActive.js.map

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

@@ -2,180 +2,144 @@ import * as React from 'react';
 import { useBaseProps } from 'rc-select';
 import KeyCode from 'rc-util/lib/KeyCode';
 import { SEARCH_MARK } from '../hooks/useSearchOptions';
-export default ((ref, options, fieldNames, activeValueCells, setActiveValueCells, onKeyBoardSelect) => {
-  const {
-    direction,
-    searchValue,
-    toggleOpen,
-    open
-  } = useBaseProps();
-  const rtl = direction === 'rtl';
-  const [validActiveValueCells, lastActiveIndex, lastActiveOptions] = React.useMemo(() => {
-    let activeIndex = -1;
-    let currentOptions = options;
-    const mergedActiveIndexes = [];
-    const mergedActiveValueCells = [];
-    const len = activeValueCells.length; // Fill validate active value cells and index
-
-    for (let i = 0; i < len && currentOptions; i += 1) {
-      // Mark the active index for current options
-      const nextActiveIndex = currentOptions.findIndex(option => option[fieldNames.value] === activeValueCells[i]);
-
-      if (nextActiveIndex === -1) {
-        break;
-      }
-
-      activeIndex = nextActiveIndex;
-      mergedActiveIndexes.push(activeIndex);
-      mergedActiveValueCells.push(activeValueCells[i]);
-      currentOptions = currentOptions[activeIndex][fieldNames.children];
-    } // Fill last active options
-
-
-    let activeOptions = options;
-
-    for (let i = 0; i < mergedActiveIndexes.length - 1; i += 1) {
-      activeOptions = activeOptions[mergedActiveIndexes[i]][fieldNames.children];
-    }
-
-    return [mergedActiveValueCells, activeIndex, activeOptions];
-  }, [activeValueCells, fieldNames, options]); // Update active value cells and scroll to target element
-
-  const internalSetActiveValueCells = next => {
-    setActiveValueCells(next);
-  }; // Same options offset
-
-
-  const offsetActiveOption = offset => {
-    const len = lastActiveOptions.length;
-    let currentIndex = lastActiveIndex;
-
-    if (currentIndex === -1 && offset < 0) {
-      currentIndex = len;
-    }
-
-    for (let i = 0; i < len; i += 1) {
-      currentIndex = (currentIndex + offset + len) % len;
-      const option = lastActiveOptions[currentIndex];
-
-      if (option && !option.disabled) {
-        const value = option[fieldNames.value];
-        const nextActiveCells = validActiveValueCells.slice(0, -1).concat(value);
-        internalSetActiveValueCells(nextActiveCells);
-        return;
-      }
-    }
-  }; // Different options offset
-
-
-  const prevColumn = () => {
-    if (validActiveValueCells.length > 1) {
-      const nextActiveCells = validActiveValueCells.slice(0, -1);
-      internalSetActiveValueCells(nextActiveCells);
-    } else {
-      toggleOpen(false);
-    }
-  };
-
-  const nextColumn = () => {
-    var _a;
-
-    const nextOptions = ((_a = lastActiveOptions[lastActiveIndex]) === null || _a === void 0 ? void 0 : _a[fieldNames.children]) || [];
-    const nextOption = nextOptions.find(option => !option.disabled);
-
-    if (nextOption) {
-      const nextActiveCells = [...validActiveValueCells, nextOption[fieldNames.value]];
-      internalSetActiveValueCells(nextActiveCells);
-    }
-  };
-
-  React.useImperativeHandle(ref, () => ({
-    // scrollTo: treeRef.current?.scrollTo,
-    onKeyDown: event => {
-      const {
-        which
-      } = event;
-
-      switch (which) {
-        // >>> Arrow keys
-        case KeyCode.UP:
-        case KeyCode.DOWN:
-          {
-            let offset = 0;
-
-            if (which === KeyCode.UP) {
-              offset = -1;
-            } else if (which === KeyCode.DOWN) {
-              offset = 1;
+export default (ref, options, fieldNames, activeValueCells, setActiveValueCells, onKeyBoardSelect) => {
+    const { direction, searchValue, toggleOpen, open } = useBaseProps();
+    const rtl = direction === 'rtl';
+    const [validActiveValueCells, lastActiveIndex, lastActiveOptions] = React.useMemo(() => {
+        let activeIndex = -1;
+        let currentOptions = options;
+        const mergedActiveIndexes = [];
+        const mergedActiveValueCells = [];
+        const len = activeValueCells.length;
+        // Fill validate active value cells and index
+        for (let i = 0; i < len && currentOptions; i += 1) {
+            // Mark the active index for current options
+            const nextActiveIndex = currentOptions.findIndex((option) => option[fieldNames.value] === activeValueCells[i]);
+            if (nextActiveIndex === -1) {
+                break;
             }
-
-            if (offset !== 0) {
-              offsetActiveOption(offset);
+            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;
             }
-
-            break;
-          }
-
-        case KeyCode.LEFT:
-          {
-            if (rtl) {
-              nextColumn();
-            } else {
-              prevColumn();
-            }
-
-            break;
-          }
-
-        case KeyCode.RIGHT:
-          {
-            if (rtl) {
-              prevColumn();
-            } else {
-              nextColumn();
-            }
-
-            break;
-          }
-
-        case KeyCode.BACKSPACE:
-          {
-            if (!searchValue) {
-              prevColumn();
-            }
-
-            break;
-          }
-        // >>> Select
-
-        case KeyCode.ENTER:
-          {
-            if (validActiveValueCells.length) {
-              const option = lastActiveOptions[lastActiveIndex]; // Search option should revert back of origin options
-
-              const originOptions = (option === null || option === void 0 ? void 0 : option[SEARCH_MARK]) || [];
-
-              if (originOptions.length) {
-                onKeyBoardSelect(originOptions.map(opt => opt[fieldNames.value]), originOptions[originOptions.length - 1]);
-              } else {
-                onKeyBoardSelect(validActiveValueCells, lastActiveOptions[lastActiveIndex]);
-              }
-            }
-
-            break;
-          }
-        // >>> Close
-
-        case KeyCode.ESC:
-          {
+        }
+    };
+    // Different options offset
+    const prevColumn = () => {
+        if (validActiveValueCells.length > 1) {
+            const nextActiveCells = validActiveValueCells.slice(0, -1);
+            internalSetActiveValueCells(nextActiveCells);
+        }
+        else {
             toggleOpen(false);
-
-            if (open) {
-              event.stopPropagation();
+        }
+    };
+    const nextColumn = () => {
+        var _a;
+        const nextOptions = ((_a = lastActiveOptions[lastActiveIndex]) === null || _a === void 0 ? void 0 : _a[fieldNames.children]) || [];
+        const nextOption = nextOptions.find((option) => !option.disabled);
+        if (nextOption) {
+            const nextActiveCells = [...validActiveValueCells, nextOption[fieldNames.value]];
+            internalSetActiveValueCells(nextActiveCells);
+        }
+    };
+    React.useImperativeHandle(ref, () => ({
+        // scrollTo: treeRef.current?.scrollTo,
+        onKeyDown: (event) => {
+            const { which } = event;
+            switch (which) {
+                // >>> Arrow keys
+                case KeyCode.UP:
+                case KeyCode.DOWN: {
+                    let offset = 0;
+                    if (which === KeyCode.UP) {
+                        offset = -1;
+                    }
+                    else if (which === KeyCode.DOWN) {
+                        offset = 1;
+                    }
+                    if (offset !== 0) {
+                        offsetActiveOption(offset);
+                    }
+                    break;
+                }
+                case KeyCode.LEFT: {
+                    if (rtl) {
+                        nextColumn();
+                    }
+                    else {
+                        prevColumn();
+                    }
+                    break;
+                }
+                case KeyCode.RIGHT: {
+                    if (rtl) {
+                        prevColumn();
+                    }
+                    else {
+                        nextColumn();
+                    }
+                    break;
+                }
+                case KeyCode.BACKSPACE: {
+                    if (!searchValue) {
+                        prevColumn();
+                    }
+                    break;
+                }
+                // >>> Select
+                case KeyCode.ENTER: {
+                    if (validActiveValueCells.length) {
+                        const option = lastActiveOptions[lastActiveIndex];
+                        // Search option should revert back of origin options
+                        const originOptions = (option === null || option === void 0 ? void 0 : option[SEARCH_MARK]) || [];
+                        if (originOptions.length) {
+                            onKeyBoardSelect(originOptions.map((opt) => opt[fieldNames.value]), originOptions[originOptions.length - 1]);
+                        }
+                        else {
+                            onKeyBoardSelect(validActiveValueCells, lastActiveOptions[lastActiveIndex]);
+                        }
+                    }
+                    break;
+                }
+                // >>> Close
+                case KeyCode.ESC: {
+                    toggleOpen(false);
+                    if (open) {
+                        event.stopPropagation();
+                    }
+                }
             }
-          }
-      }
-    },
-    onKeyUp: () => {}
-  }));
-});
+        },
+        onKeyUp: () => { },
+    }));
+};
+//# sourceMappingURL=useKeyboard.js.map

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

@@ -1,3 +1,4 @@
 import * as React from 'react';
 const CascaderContext = React.createContext(null);
-export default CascaderContext;
+export default CascaderContext;
+//# sourceMappingURL=context.js.map

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

@@ -2,53 +2,40 @@
 import { toPathOptions } from '../utils/treeUtil';
 import * as React from 'react';
 import { toPathKey } from '../utils/commonUtil';
-export default ((rawValues, options, fieldNames, multiple, displayRender) => {
-  return React.useMemo(() => {
-    const mergedDisplayRender = displayRender || ( // Default displayRender
-    labels => {
-      const mergedLabels = multiple ? labels.slice(-1) : labels;
-      const SPLIT = ' / ';
-
-      if (mergedLabels.every(label => ['string', 'number'].includes(typeof label))) {
-        return mergedLabels.join(SPLIT);
-      } // If exist non-string value, use ReactNode instead
-
-
-      return mergedLabels.reduce((list, label, index) => {
-        const keyedLabel = React.isValidElement(label) ? React.cloneElement(label, {
-          key: index
-        }) : label;
-
-        if (index === 0) {
-          return [keyedLabel];
-        }
-
-        return [...list, SPLIT, keyedLabel];
-      }, []);
-    });
-
-    return rawValues.map(valueCells => {
-      var _a, _b;
-
-      const valueOptions = toPathOptions(valueCells, options, fieldNames);
-      const label = mergedDisplayRender(valueOptions.map(({
-        option,
-        value
-      }) => {
-        var _a;
-
-        return (_a = option === null || option === void 0 ? void 0 : option[fieldNames.label]) !== null && _a !== void 0 ? _a : value;
-      }), valueOptions.map(({
-        option
-      }) => option));
-      const value = toPathKey(valueCells);
-      return {
-        label,
-        value,
-        key: value,
-        valueCells,
-        disabled: (_b = (_a = valueOptions[valueOptions.length - 1]) === null || _a === void 0 ? void 0 : _a.option) === null || _b === void 0 ? void 0 : _b.disabled
-      };
-    });
-  }, [rawValues, options, fieldNames, displayRender, multiple]);
-});
+export default (rawValues, options, fieldNames, multiple, displayRender) => {
+    return React.useMemo(() => {
+        const mergedDisplayRender = displayRender ||
+            // Default displayRender
+            ((labels) => {
+                const mergedLabels = multiple ? labels.slice(-1) : labels;
+                const SPLIT = ' / ';
+                if (mergedLabels.every((label) => ['string', 'number'].includes(typeof label))) {
+                    return mergedLabels.join(SPLIT);
+                }
+                // If exist non-string value, use ReactNode instead
+                return mergedLabels.reduce((list, label, index) => {
+                    const keyedLabel = React.isValidElement(label)
+                        ? React.cloneElement(label, { key: index })
+                        : label;
+                    if (index === 0) {
+                        return [keyedLabel];
+                    }
+                    return [...list, SPLIT, keyedLabel];
+                }, []);
+            });
+        return rawValues.map((valueCells) => {
+            var _a, _b;
+            const valueOptions = toPathOptions(valueCells, options, fieldNames);
+            const label = mergedDisplayRender(valueOptions.map(({ option, value }) => { var _a; return (_a = option === null || option === void 0 ? void 0 : option[fieldNames.label]) !== null && _a !== void 0 ? _a : value; }), valueOptions.map(({ option }) => option));
+            const value = toPathKey(valueCells);
+            return {
+                label,
+                value,
+                key: value,
+                valueCells,
+                disabled: (_b = (_a = valueOptions[valueOptions.length - 1]) === null || _a === void 0 ? void 0 : _a.option) === null || _b === void 0 ? void 0 : _b.disabled,
+            };
+        });
+    }, [rawValues, options, fieldNames, displayRender, multiple]);
+};
+//# sourceMappingURL=useDisplayValues.js.map

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

@@ -3,31 +3,28 @@ import * as React from 'react';
 import { convertDataToEntities } from 'rc-tree/lib/utils/treeUtil';
 import { VALUE_SPLIT } from '../utils/commonUtil';
 /** Lazy parse options data into conduct-able info to avoid perf issue in single mode */
-
-export default ((options, fieldNames) => {
-  const cacheRef = React.useRef({
-    options: null,
-    info: null
-  });
-  const getEntities = React.useCallback(() => {
-    if (cacheRef.current.options !== options) {
-      cacheRef.current.options = options;
-      cacheRef.current.info = convertDataToEntities(options, {
-        fieldNames,
-        initWrapper: wrapper => Object.assign(Object.assign({}, wrapper), {
-          pathKeyEntities: {}
-        }),
-        processEntity: (entity, wrapper) => {
-          const pathKey = entity.nodes.map(node => node[fieldNames.value]).join(VALUE_SPLIT);
-          wrapper.pathKeyEntities[pathKey] = entity; // Overwrite origin key.
-          // this is very hack but we need let conduct logic work with connect path
-
-          entity.key = pathKey;
+export default (options, fieldNames) => {
+    const cacheRef = React.useRef({
+        options: null,
+        info: null,
+    });
+    const getEntities = React.useCallback(() => {
+        if (cacheRef.current.options !== options) {
+            cacheRef.current.options = options;
+            cacheRef.current.info = convertDataToEntities(options, {
+                fieldNames,
+                initWrapper: (wrapper) => (Object.assign(Object.assign({}, wrapper), { pathKeyEntities: {} })),
+                processEntity: (entity, wrapper) => {
+                    const pathKey = entity.nodes.map((node) => node[fieldNames.value]).join(VALUE_SPLIT);
+                    wrapper.pathKeyEntities[pathKey] = entity;
+                    // Overwrite origin key.
+                    // this is very hack but we need let conduct logic work with connect path
+                    entity.key = pathKey;
+                },
+            });
         }
-      });
-    }
-
-    return cacheRef.current.info.pathKeyEntities;
-  }, [fieldNames, options]);
-  return getEntities;
-});
+        return cacheRef.current.info.pathKeyEntities;
+    }, [fieldNames, options]);
+    return getEntities;
+};
+//# sourceMappingURL=useEntities.js.map

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

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

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

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

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

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