tntd 2.0.12 → 2.0.13

package/es/tntd-cascader/AntdCascader/index.js

@@ -1,17 +1,13 @@
 import "antd/es/icon/style";
 import _Icon from "antd/es/icon";
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 import classNames from 'classnames';
 import RcCascader from '../rc-cascader';
 import omit from 'rc-util/lib/omit';
@@ -31,7 +27,6 @@ const {
   SHOW_CHILD,
   SHOW_PARENT
 } = RcCascader;
-
 function highlightKeyword(str, lowerKeyword, prefixCls) {
   const cells = str.toLowerCase().split(lowerKeyword).reduce((list, cur, index) => index === 0 ? [cur] : [...list, lowerKeyword, cur], []);
   const fillCells = [];
@@ -40,125 +35,113 @@ function highlightKeyword(str, lowerKeyword, prefixCls) {
     const end = start + cell.length;
     let originWorld = str.slice(start, end);
     start = end;
-
     if (index % 2 === 1) {
       originWorld = React.createElement("span", {
         className: `${prefixCls}-menu-item-keyword`,
         key: `seperator-${index}`
       }, originWorld);
     }
-
     fillCells.push(originWorld);
   });
   return fillCells;
 }
-
 const defaultSearchRender = (inputValue, path, prefixCls, fieldNames) => {
-  const optionList = []; // We do lower here to save perf
-
+  const optionList = [];
+  // We do lower here to save perf
   const lower = inputValue.toLowerCase();
   path.forEach((node, index) => {
     if (index !== 0) {
       optionList.push(' / ');
     }
-
     let label = node[fieldNames.label];
     const type = typeof label;
-
     if (type === 'string' || type === 'number') {
       label = highlightKeyword(String(label), lower, prefixCls);
     }
-
     optionList.push(label);
   });
   return optionList;
 };
-
 const Cascader = React.forwardRef((props, ref) => {
   const {
-    prefixCls: customizePrefixCls,
-    size: customizeSize,
-    disabled: customDisabled,
-    className,
-    multiple,
-    bordered = true,
-    transitionName,
-    choiceTransitionName = '',
-    popupClassName,
-    dropdownClassName,
-    expandIcon,
-    placement,
-    showSearch,
-    allowClear = true,
-    notFoundContent,
-    direction,
-    getPopupContainer,
-    status: customStatus,
-    showArrow
-  } = props,
-        rest = __rest(props, ["prefixCls", "size", "disabled", "className", "multiple", "bordered", "transitionName", "choiceTransitionName", "popupClassName", "dropdownClassName", "expandIcon", "placement", "showSearch", "allowClear", "notFoundContent", "direction", "getPopupContainer", "status", "showArrow"]);
-
+      prefixCls: customizePrefixCls,
+      size: customizeSize,
+      disabled: customDisabled,
+      className,
+      multiple,
+      bordered = true,
+      transitionName,
+      choiceTransitionName = '',
+      popupClassName,
+      dropdownClassName,
+      expandIcon,
+      placement,
+      showSearch,
+      allowClear = true,
+      notFoundContent,
+      direction,
+      getPopupContainer,
+      status: customStatus,
+      showArrow
+    } = props,
+    rest = __rest(props, ["prefixCls", "size", "disabled", "className", "multiple", "bordered", "transitionName", "choiceTransitionName", "popupClassName", "dropdownClassName", "expandIcon", "placement", "showSearch", "allowClear", "notFoundContent", "direction", "getPopupContainer", "status", "showArrow"]);
   const restProps = omit(rest, ['suffixIcon']);
   const {
     getPopupContainer: getContextPopupContainer,
     getPrefixCls,
     renderEmpty,
-    direction: rootDirection // virtual,
+    direction: rootDirection
+    // virtual,
     // dropdownMatchSelectWidth,
-
   } = useContext(ConfigContext);
   const mergedDirection = direction || rootDirection;
-  const isRtl = mergedDirection === 'rtl'; // =================== Form =====================
-
+  const isRtl = mergedDirection === 'rtl';
+  // =================== Form =====================
   const {
     status: contextStatus,
     hasFeedback,
     isFormItemInput,
     feedbackIcon
   } = useContext(FormItemInputContext);
-  const mergedStatus = getMergedStatus(contextStatus, customStatus); // =================== Warning =====================
-
+  const mergedStatus = getMergedStatus(contextStatus, customStatus);
+  // =================== Warning =====================
   warning(!dropdownClassName, 'Cascader', '`dropdownClassName` is deprecated which will be removed in next major version. Please use `popupClassName` instead.');
-  warning(!multiple || !props.displayRender, 'Cascader', '`displayRender` not work on `multiple`. Please use `tagRender` instead.'); // =================== No Found ====================
-
-  const mergedNotFoundContent = notFoundContent || (renderEmpty || defaultRenderEmpty)('Cascader'); // ==================== Prefix =====================
-
+  warning(!multiple || !props.displayRender, 'Cascader', '`displayRender` not work on `multiple`. Please use `tagRender` instead.');
+  // =================== No Found ====================
+  const mergedNotFoundContent = notFoundContent || (renderEmpty || defaultRenderEmpty)('Cascader');
+  // ==================== Prefix =====================
   const rootPrefixCls = getPrefixCls();
   const prefixCls = getPrefixCls('select', customizePrefixCls);
   const cascaderPrefixCls = getPrefixCls('cascader', customizePrefixCls);
   const {
     compactSize,
     compactItemClassnames
-  } = useCompactItemContext(prefixCls, direction); // =================== Dropdown ====================
-
+  } = useCompactItemContext(prefixCls, direction);
+  // =================== Dropdown ====================
   const mergedDropdownClassName = classNames(popupClassName || dropdownClassName, `${cascaderPrefixCls}-dropdown`, {
     [`${cascaderPrefixCls}-dropdown-rtl`]: mergedDirection === 'rtl'
-  }); // ==================== Search =====================
-
+  });
+  // ==================== Search =====================
   const mergedShowSearch = React.useMemo(() => {
     if (!showSearch) {
       return showSearch;
     }
-
     let searchConfig = {
       render: defaultSearchRender
     };
-
     if (typeof showSearch === 'object') {
       searchConfig = Object.assign(Object.assign({}, searchConfig), showSearch);
     }
-
     return searchConfig;
-  }, [showSearch]); // ===================== Size ======================
-
+  }, [showSearch]);
+  // ===================== Size ======================
   const size = React.useContext(SizeContext);
-  const mergedSize = compactSize || customizeSize || size; // ===================== Disabled =====================
-
+  const mergedSize = compactSize || customizeSize || size;
+  // ===================== Disabled =====================
   const disabled = React.useContext(DisabledContext);
-  const mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled; // ===================== Icon ======================
-
+  const mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
+  // ===================== Icon ======================
   let mergedExpandIcon = expandIcon;
-
   if (!expandIcon) {
     mergedExpandIcon = isRtl ? React.createElement(_Icon, {
       type: "left"
@@ -166,17 +149,16 @@ const Cascader = React.forwardRef((props, ref) => {
       type: "right"
     });
   }
-
   const loadingIcon = React.createElement("span", {
     className: `${prefixCls}-menu-item-loading-icon`
   }, React.createElement(_Icon, {
     type: "loading"
-  })); // =================== Multiple ====================
-
+  }));
+  // =================== Multiple ====================
   const checkable = React.useMemo(() => multiple ? React.createElement("span", {
     className: `${cascaderPrefixCls}-checkbox-inner`
-  }) : false, [multiple]); // ===================== Icons =====================
-
+  }) : false, [multiple]);
+  // ===================== Icons =====================
   const mergedShowArrow = showArrow !== undefined ? showArrow : props.loading || !multiple;
   const {
     suffixIcon,
@@ -188,17 +170,15 @@ const Cascader = React.forwardRef((props, ref) => {
     showArrow: mergedShowArrow,
     multiple,
     prefixCls
-  })); // ===================== Placement =====================
-
+  }));
+  // ===================== Placement =====================
   const getPlacement = () => {
     if (placement !== undefined) {
       return placement;
     }
-
     return direction === 'rtl' ? 'bottomRight' : 'bottomLeft';
-  }; // ==================== Render =====================
-
-
+  };
+  // ==================== Render =====================
   return React.createElement(RcCascader, Object.assign({
     prefixCls: prefixCls,
     className: classNames(!customizePrefixCls && cascaderPrefixCls, {
@@ -230,11 +210,9 @@ const Cascader = React.forwardRef((props, ref) => {
     showArrow: hasFeedback || showArrow
   }));
 });
-
 if (process.env.NODE_ENV !== 'production') {
   Cascader.displayName = 'Cascader';
 }
-
 Cascader.SHOW_PARENT = SHOW_PARENT;
 Cascader.SHOW_CHILD = SHOW_CHILD;
 export default Cascader;

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

@@ -1,14 +1,11 @@
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 import { BaseSelect } from 'rc-select';
 import useId from 'rc-select/lib/hooks/useId';
 import { conductCheck } from 'rc-tree/lib/utils/conductUtil';
@@ -27,87 +24,78 @@ import { formatStrategyValues, toPathOptions } from './utils/treeUtil';
 import warningProps, { warningNullOptions } from './utils/warningPropsUtil';
 import './context';
 import './index.less';
-
 function isMultipleValue(value) {
   return Array.isArray(value) && Array.isArray(value[0]);
 }
-
 function toRawValues(value) {
   if (!value) {
     return [];
   }
-
   if (isMultipleValue(value)) {
     return value;
   }
-
   return (value.length === 0 ? [] : [value]).map(val => Array.isArray(val) ? val : [val]);
 }
-
 const Cascader = React.forwardRef((props, ref) => {
   const {
-    // MISC
-    id,
-    prefixCls = 'rc-cascader',
-    fieldNames,
-    // Value
-    defaultValue,
-    value,
-    changeOnSelect,
-    onChange,
-    displayRender,
-    checkable,
-    // Search
-    searchValue,
-    onSearch,
-    showSearch,
-    // Trigger
-    expandTrigger,
-    // Options
-    options,
-    dropdownPrefixCls,
-    loadData,
-    // Open
-    popupVisible,
-    open,
-    popupClassName,
-    dropdownClassName,
-    dropdownMenuColumnStyle,
-    popupPlacement,
-    placement,
-    onDropdownVisibleChange,
-    onPopupVisibleChange,
-    renderItem,
-    // Icon
-    expandIcon = '>',
-    loadingIcon,
-    // Children
-    children,
-    dropdownMatchSelectWidth = false,
-    showCheckedStrategy = SHOW_PARENT
-  } = props,
-        restProps = __rest(props, ["id", "prefixCls", "fieldNames", "defaultValue", "value", "changeOnSelect", "onChange", "displayRender", "checkable", "searchValue", "onSearch", "showSearch", "expandTrigger", "options", "dropdownPrefixCls", "loadData", "popupVisible", "open", "popupClassName", "dropdownClassName", "dropdownMenuColumnStyle", "popupPlacement", "placement", "onDropdownVisibleChange", "onPopupVisibleChange", "renderItem", "expandIcon", "loadingIcon", "children", "dropdownMatchSelectWidth", "showCheckedStrategy"]);
-
+      // MISC
+      id,
+      prefixCls = 'rc-cascader',
+      fieldNames,
+      // Value
+      defaultValue,
+      value,
+      changeOnSelect,
+      onChange,
+      displayRender,
+      checkable,
+      // Search
+      searchValue,
+      onSearch,
+      showSearch,
+      // Trigger
+      expandTrigger,
+      // Options
+      options,
+      dropdownPrefixCls,
+      loadData,
+      // Open
+      popupVisible,
+      open,
+      popupClassName,
+      dropdownClassName,
+      dropdownMenuColumnStyle,
+      popupPlacement,
+      placement,
+      onDropdownVisibleChange,
+      onPopupVisibleChange,
+      renderItem,
+      // Icon
+      expandIcon = '>',
+      loadingIcon,
+      // Children
+      children,
+      dropdownMatchSelectWidth = false,
+      showCheckedStrategy = SHOW_PARENT
+    } = props,
+    restProps = __rest(props, ["id", "prefixCls", "fieldNames", "defaultValue", "value", "changeOnSelect", "onChange", "displayRender", "checkable", "searchValue", "onSearch", "showSearch", "expandTrigger", "options", "dropdownPrefixCls", "loadData", "popupVisible", "open", "popupClassName", "dropdownClassName", "dropdownMenuColumnStyle", "popupPlacement", "placement", "onDropdownVisibleChange", "onPopupVisibleChange", "renderItem", "expandIcon", "loadingIcon", "children", "dropdownMatchSelectWidth", "showCheckedStrategy"]);
   const mergedId = useId(id);
   const multiple = !!checkable;
-  const [dropdownVisible, setDropdownVisible] = React.useState(false); // =========================== Values ===========================
-
+  const [dropdownVisible, setDropdownVisible] = React.useState(false);
+  // =========================== Values ===========================
   const [rawValues, setRawValues] = useMergedState(defaultValue, {
     value,
     postState: toRawValues
-  }); // ========================= FieldNames =========================
-
-  const mergedFieldNames = React.useMemo(() => fillFieldNames(fieldNames),
-  /* eslint-disable react-hooks/exhaustive-deps */
+  });
+  // ========================= FieldNames =========================
+  const mergedFieldNames = React.useMemo(() => fillFieldNames(fieldNames), /* eslint-disable react-hooks/exhaustive-deps */
   [JSON.stringify(fieldNames)]
-  /* eslint-enable react-hooks/exhaustive-deps */
-  ); // =========================== Option ===========================
-
-  const mergedOptions = React.useMemo(() => options || [], [options]); // Only used in multiple mode, this fn will not call in single mode
-
+  /* eslint-enable react-hooks/exhaustive-deps */);
+  // =========================== Option ===========================
+  const mergedOptions = React.useMemo(() => options || [], [options]);
+  // Only used in multiple mode, this fn will not call in single mode
   const getPathKeyEntities = useEntities(mergedOptions, mergedFieldNames);
   /** Convert path key back to value format */
-
   const getValueByKeyPath = React.useCallback(pathKeys => {
     const keyPathEntities = getPathKeyEntities();
     return pathKeys.map(pathKey => {
@@ -116,40 +104,35 @@ const Cascader = React.forwardRef((props, ref) => {
       } = keyPathEntities[pathKey];
       return nodes.map(node => node[mergedFieldNames.value]);
     });
-  }, [getPathKeyEntities, mergedFieldNames]); // =========================== Search ===========================
-
+  }, [getPathKeyEntities, mergedFieldNames]);
+  // =========================== Search ===========================
   const [mergedSearchValue, setSearchValue] = useMergedState('', {
     value: searchValue,
     postState: search => search || ''
   });
-
   const onInternalSearch = (searchText, info) => {
     setSearchValue(searchText);
-
     if (info.source !== 'blur' && onSearch) {
       onSearch(searchText);
     }
   };
-
   const [mergedShowSearch, searchConfig] = useSearchConfig(showSearch);
-  const searchOptions = useSearchOptions(mergedSearchValue, mergedOptions, mergedFieldNames, dropdownPrefixCls || prefixCls, searchConfig, changeOnSelect); // =========================== Values ===========================
-
-  const getMissingValues = useMissingValues(mergedOptions, mergedFieldNames); // Fill `rawValues` with checked conduction values
-
+  const searchOptions = useSearchOptions(mergedSearchValue, mergedOptions, mergedFieldNames, dropdownPrefixCls || prefixCls, searchConfig, changeOnSelect);
+  // =========================== Values ===========================
+  const getMissingValues = useMissingValues(mergedOptions, mergedFieldNames);
+  // Fill `rawValues` with checked conduction values
   const [checkedValues, halfCheckedValues, missingCheckedValues] = React.useMemo(() => {
     const [existValues, missingValues] = getMissingValues(rawValues);
-
     if (!multiple || !rawValues.length) {
       return [existValues, [], missingValues];
     }
-
     const keyPathValues = toPathKeys(existValues);
     const keyPathEntities = getPathKeyEntities();
     const {
       checkedKeys,
       halfCheckedKeys
-    } = conductCheck(keyPathValues, true, keyPathEntities); // Convert key back to value cells
-
+    } = conductCheck(keyPathValues, true, keyPathEntities);
+    // Convert key back to value cells
     return [getValueByKeyPath(checkedKeys), getValueByKeyPath(halfCheckedKeys), missingValues];
   }, [multiple, rawValues, getPathKeyEntities, getValueByKeyPath, getMissingValues]);
   const deDuplicatedValues = React.useMemo(() => {
@@ -157,11 +140,11 @@ const Cascader = React.forwardRef((props, ref) => {
     const deduplicateKeys = formatStrategyValues(checkedKeys, getPathKeyEntities, showCheckedStrategy);
     return [...missingCheckedValues, ...getValueByKeyPath(deduplicateKeys)];
   }, [checkedValues, getPathKeyEntities, getValueByKeyPath, missingCheckedValues, showCheckedStrategy]);
-  const displayValues = useDisplayValues(deDuplicatedValues, mergedOptions, mergedFieldNames, multiple, displayRender); // =========================== Change ===========================
-
+  const displayValues = useDisplayValues(deDuplicatedValues, mergedOptions, mergedFieldNames, multiple, displayRender);
+  // =========================== Change ===========================
   const triggerChange = useRefFunc(nextValues => {
-    setRawValues(nextValues); // Save perf if no need trigger event
-
+    setRawValues(nextValues);
+    // Save perf if no need trigger event
     if (onChange) {
       const nextRawValues = toRawValues(nextValues);
       const valueOptions = nextRawValues.map(valueCells => toPathOptions(valueCells, mergedOptions, mergedFieldNames).map(valueOpt => valueOpt.option));
@@ -169,11 +152,10 @@ const Cascader = React.forwardRef((props, ref) => {
       const triggerOptions = multiple ? valueOptions : valueOptions[0];
       onChange(triggerValues, triggerOptions);
     }
-  }); // =========================== Select ===========================
-
+  });
+  // =========================== Select ===========================
   const onInternalSelect = useRefFunc(valuePath => {
     setSearchValue('');
-
     if (!multiple) {
       triggerChange(valuePath);
     } else {
@@ -182,21 +164,19 @@ const Cascader = React.forwardRef((props, ref) => {
       const checkedPathKeys = toPathKeys(checkedValues);
       const halfCheckedPathKeys = toPathKeys(halfCheckedValues);
       const existInChecked = checkedPathKeys.includes(pathKey);
-      const existInMissing = missingCheckedValues.some(valueCells => toPathKey(valueCells) === pathKey); // Do update
-
+      const existInMissing = missingCheckedValues.some(valueCells => toPathKey(valueCells) === pathKey);
+      // Do update
       let nextCheckedValues = checkedValues;
       let nextMissingValues = missingCheckedValues;
-
       if (existInMissing && !existInChecked) {
         // Missing value only do filter
         nextMissingValues = missingCheckedValues.filter(valueCells => toPathKey(valueCells) !== pathKey);
       } else {
         // Update checked key first
         const nextRawCheckedKeys = existInChecked ? checkedPathKeys.filter(key => key !== pathKey) : [...checkedPathKeys, pathKey];
-        const pathKeyEntities = getPathKeyEntities(); // Conduction by selected or not
-
+        const pathKeyEntities = getPathKeyEntities();
+        // Conduction by selected or not
         let checkedKeys;
-
         if (existInChecked) {
           ;
           ({
@@ -210,48 +190,41 @@ const Cascader = React.forwardRef((props, ref) => {
           ({
             checkedKeys
           } = conductCheck(nextRawCheckedKeys, true, pathKeyEntities));
-        } // Roll up to parent level keys
-
-
+        }
+        // Roll up to parent level keys
         const deDuplicatedKeys = formatStrategyValues(checkedKeys, getPathKeyEntities, showCheckedStrategy);
         nextCheckedValues = getValueByKeyPath(deDuplicatedKeys);
       }
-
       triggerChange([...nextMissingValues, ...nextCheckedValues]);
     }
-  }); // Display Value change logic
-
+  });
+  // Display Value change logic
   const onDisplayValuesChange = (_, info) => {
     if (info.type === 'clear') {
       triggerChange([]);
       return;
-    } // Cascader do not support `add` type. Only support `remove`
-
-
+    }
+    // Cascader do not support `add` type. Only support `remove`
     const {
       valueCells
     } = info.values[0];
     onInternalSelect(valueCells);
-  }; // ============================ Open ============================
-
-
+  };
+  // ============================ Open ============================
   const mergedOpen = open !== undefined ? open : popupVisible;
   const mergedDropdownClassName = dropdownClassName || popupClassName;
   const mergedPlacement = placement || popupPlacement;
-
   const onInternalDropdownVisibleChange = nextVisible => {
     onDropdownVisibleChange === null || onDropdownVisibleChange === void 0 ? void 0 : onDropdownVisibleChange(nextVisible);
     onPopupVisibleChange === null || onPopupVisibleChange === void 0 ? void 0 : onPopupVisibleChange(nextVisible);
     setDropdownVisible(nextVisible);
-  }; // ========================== Warning ===========================
-
-
+  };
+  // ========================== Warning ===========================
   if (process.env.NODE_ENV !== 'production') {
     warningProps(props);
     warningNullOptions(mergedOptions, mergedFieldNames);
-  } // ========================== Context ===========================
-
-
+  }
+  // ========================== Context ===========================
   const cascaderContext = React.useMemo(() => ({
     options: mergedOptions,
     fieldNames: mergedFieldNames,
@@ -269,13 +242,15 @@ const Cascader = React.forwardRef((props, ref) => {
     dropdownMenuColumnStyle,
     renderItem,
     dropdownVisible
-  }), [mergedOptions, mergedFieldNames, checkedValues, halfCheckedValues, changeOnSelect, onInternalSelect, checkable, searchOptions, dropdownPrefixCls, loadData, expandTrigger, expandIcon, loadingIcon, dropdownMenuColumnStyle, renderItem, dropdownVisible]); // ==============================================================
+  }), [mergedOptions, mergedFieldNames, checkedValues, halfCheckedValues, changeOnSelect, onInternalSelect, checkable, searchOptions, dropdownPrefixCls, loadData, expandTrigger, expandIcon, loadingIcon, dropdownMenuColumnStyle, renderItem, dropdownVisible]);
+  // ==============================================================
   // ==                          Render                          ==
   // ==============================================================
-
   const emptyOptions = !(mergedSearchValue ? searchOptions : mergedOptions).length;
-  const dropdownStyle = // Search to match width
-  mergedSearchValue && searchConfig.matchInputWidth || // Empty keep the width
+  const dropdownStyle =
+  // Search to match width
+  mergedSearchValue && searchConfig.matchInputWidth ||
+  // Empty keep the width
   emptyOptions ? {} : {
     minWidth: 'auto'
   };
@@ -308,11 +283,9 @@ const Cascader = React.forwardRef((props, ref) => {
     getRawInputElement: () => children
   })));
 });
-
 if (process.env.NODE_ENV !== 'production') {
   Cascader.displayName = 'Cascader';
 }
-
 Cascader.SHOW_PARENT = SHOW_PARENT;
 Cascader.SHOW_CHILD = SHOW_CHILD;
 export default Cascader;