tntd 3.0.0-beta.1 → 3.0.0-beta.11

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

@@ -5,22 +5,24 @@ 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];
-};
-//# sourceMappingURL=useActive.js.map
+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];
+});

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

@@ -2,144 +2,151 @@ 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;
+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;
             }
-            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;
+            if (offset !== 0) {
+              offsetActiveOption(offset);
             }
-        }
-    };
-    // Different options offset
-    const prevColumn = () => {
-        if (validActiveValueCells.length > 1) {
-            const nextActiveCells = validActiveValueCells.slice(0, -1);
-            internalSetActiveValueCells(nextActiveCells);
-        }
-        else {
+            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);
-        }
-    };
-    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();
-                    }
-                }
+            if (open) {
+              event.stopPropagation();
             }
-        },
-        onKeyUp: () => { },
-    }));
-};
-//# sourceMappingURL=useKeyboard.js.map
+          }
+      }
+    },
+    onKeyUp: () => {}
+  }));
+});

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

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

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

@@ -2,40 +2,47 @@
 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]);
-};
-//# sourceMappingURL=useDisplayValues.js.map
+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]);
+});

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

@@ -3,28 +3,29 @@ 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;
-};
-//# sourceMappingURL=useEntities.js.map
+      });
+    }
+    return cacheRef.current.info.pathKeyEntities;
+  }, [fieldNames, options]);
+  return getEntities;
+});

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

@@ -1,19 +1,17 @@
 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]);
-};
-//# sourceMappingURL=useMissingValues.js.map
+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]);
+});

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

@@ -5,11 +5,10 @@ import * as React from 'react';
  * 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;
-}
-//# sourceMappingURL=useRefFunc.js.map
+  const funcRef = React.useRef();
+  funcRef.current = callback;
+  const cacheFn = React.useCallback((...args) => {
+    return funcRef.current(...args);
+  }, []);
+  return cacheFn;
+}

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

@@ -3,24 +3,23 @@ import * as React from 'react';
 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: false,
-        };
-        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
+  return React.useMemo(() => {
+    if (!showSearch) {
+      return [false, {}];
+    }
+    let searchConfig = {
+      matchInputWidth: true,
+      limit: false
+    };
+    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]);
+}