tntd 2.0.14 → 2.0.15

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;

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

@@ -39,47 +39,42 @@ export default function Column({
   } = React.useContext(CascaderContext);
   const hoverOpen = expandTrigger === 'hover';
   /** 单选情况下滚动到相应的位置 */
-
   React.useEffect(() => {
     let timer = null;
-
     if (ref.current && ref.current.scrollTo && !multiple && dropdownVisible) {
       const index = options.findIndex(it => it[fieldNames.value] === activeValue);
-
       if (index > 0 && !isNaN(index)) {
         timer = window.setTimeout(() => {
           ref.current.scrollTo((optionHeight || 36) * index);
         }, 5);
       }
     }
-
     return () => {
       if (timer) {
         window.clearTimeout(timer);
       }
-
       timer = null;
     };
-  }, [multiple, activeValue, options, fieldNames, dropdownVisible, optionHeight]); // ============================ Option ============================
-
+  }, [multiple, activeValue, options, fieldNames, dropdownVisible, optionHeight]);
+  // ============================ Option ============================
   const optionInfoList = React.useMemo(() => options.map(option => {
     var _a;
-
     const {
       disabled
     } = option;
     const searchOptions = option[SEARCH_MARK];
     const label = (_a = option[FIX_LABEL]) !== null && _a !== void 0 ? _a : option[fieldNames.label];
     const value = option[fieldNames.value];
-    const isMergedLeaf = isLeaf(option, fieldNames); // Get real value of option. Search option is different way.
-
-    const fullPath = searchOptions ? // @ts-ignore
+    const isMergedLeaf = isLeaf(option, fieldNames);
+    // Get real value of option. Search option is different way.
+    const fullPath = searchOptions ?
+    // @ts-ignore
     searchOptions.map(opt => opt[fieldNames.value]) : [...prevValuePath, value];
     const fullPathKey = toPathKey(fullPath);
-    const isLoading = loadingKeys.includes(fullPathKey); // >>>>> checked
-
-    const checked = checkedSet.has(fullPathKey); // >>>>> halfChecked
-
+    const isLoading = loadingKeys.includes(fullPathKey);
+    // >>>>> checked
+    const checked = checkedSet.has(fullPathKey);
+    // >>>>> halfChecked
     const halfChecked = halfCheckedSet.has(fullPathKey);
     return {
       disabled,
@@ -93,8 +88,8 @@ export default function Column({
       fullPath,
       fullPathKey
     };
-  }), [options, checkedSet, fieldNames, halfCheckedSet, loadingKeys, prevValuePath]); // ============================ Render ============================
-
+  }), [options, checkedSet, fieldNames, halfCheckedSet, loadingKeys, prevValuePath]);
+  // ============================ Render ============================
   return React.createElement("ul", {
     className: menuPrefixCls,
     role: "menu"
@@ -122,24 +117,20 @@ export default function Column({
       if (!disabled && (!hoverOpen || !isMergedLeaf)) {
         onActive(fullPath);
       }
-    }; // >>>>> Selection
-
-
+    };
+    // >>>>> Selection
     const triggerSelect = () => {
       if (isSelectable(option)) {
         onSelect(fullPath, isMergedLeaf);
       }
-    }; // >>>>> Title
-
-
+    };
+    // >>>>> Title
     let title;
-
     if (typeof option.title === 'string') {
       title = option.title;
     } else if (typeof label === 'string') {
       title = label;
     }
-
     return React.createElement("li", {
       key: fullPathKey,
       className: classNames(menuItemPrefixCls, {
@@ -156,7 +147,6 @@ export default function Column({
       "data-path-key": fullPathKey,
       onClick: () => {
         triggerOpenPath();
-
         if (!multiple || isMergedLeaf) {
           triggerSelect();
         }

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

@@ -11,7 +11,6 @@ import useActive from './useActive';
 import useKeyboard from './useKeyboard';
 const RefOptionList = React.forwardRef((props, ref) => {
   var _a, _b;
-
   const {
     prefixCls,
     multiple,
@@ -37,30 +36,26 @@ const RefOptionList = React.forwardRef((props, ref) => {
     renderItem,
     dropdownVisible
   } = React.useContext(CascaderContext);
-  const mergedPrefixCls = dropdownPrefixCls || prefixCls; // ========================= loadData =========================
-
+  const mergedPrefixCls = dropdownPrefixCls || prefixCls;
+  // ========================= loadData =========================
   const [loadingKeys, setLoadingKeys] = React.useState([]);
-
   const 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]);
       loadData(rawOptions);
     }
-  }; // zombieJ: This is bad. We should make this same as `rc-tree` to use Promise instead.
-
-
+  };
+  // zombieJ: This is bad. We should make this same as `rc-tree` to use Promise instead.
   React.useEffect(() => {
     if (loadingKeys.length) {
       loadingKeys.forEach(loadingKey => {
@@ -69,25 +64,23 @@ const RefOptionList = React.forwardRef((props, ref) => {
           option
         }) => option);
         const lastOption = optionList[optionList.length - 1];
-
         if (!lastOption || lastOption[fieldNames.children] || isLeaf(lastOption, fieldNames)) {
           setLoadingKeys(keys => keys.filter(key => key !== loadingKey));
         }
       });
     }
-  }, [options, loadingKeys, fieldNames]); // ========================== Values ==========================
-
+  }, [options, loadingKeys, fieldNames]);
+  // ========================== Values ==========================
   const checkedSet = React.useMemo(() => new Set(toPathKeys(values)), [values]);
-  const halfCheckedSet = React.useMemo(() => new Set(toPathKeys(halfValues)), [halfValues]); // ====================== Accessibility =======================
-
-  const [activeValueCells, setActiveValueCells] = useActive(); // =========================== Path ===========================
-
+  const halfCheckedSet = React.useMemo(() => new Set(toPathKeys(halfValues)), [halfValues]);
+  // ====================== Accessibility =======================
+  const [activeValueCells, setActiveValueCells] = useActive();
+  // =========================== Path ===========================
   const onPathOpen = nextValueCells => {
-    setActiveValueCells(nextValueCells); // Trigger loadData
-
+    setActiveValueCells(nextValueCells);
+    // Trigger loadData
     internalLoadData(nextValueCells);
   };
-
   const isSelectable = option => {
     const {
       disabled
@@ -95,59 +88,49 @@ const RefOptionList = React.forwardRef((props, ref) => {
     const isMergedLeaf = isLeaf(option, fieldNames);
     return !disabled && (isMergedLeaf || changeOnSelect || multiple);
   };
-
   const onPathSelect = (valuePath, leaf, fromKeyboard = false) => {
     onSelect(valuePath);
-
     if (!multiple && (leaf || changeOnSelect && (expandTrigger === 'hover' || fromKeyboard))) {
       toggleOpen(false);
     }
-  }; // ========================== Option ==========================
-
-
+  };
+  // ========================== Option ==========================
   const mergedOptions = React.useMemo(() => {
     if (searchValue) {
       return searchOptions;
     }
-
     return options;
-  }, [searchValue, searchOptions, options]); // ========================== Column ==========================
-
+  }, [searchValue, searchOptions, options]);
+  // ========================== Column ==========================
   const optionColumns = React.useMemo(() => {
     const 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];
-
       if (!(subOptions === null || subOptions === void 0 ? void 0 : subOptions.length)) {
         break;
       }
-
       currentList = subOptions;
       optionList.push({
         options: subOptions
       });
     }
-
     return optionList;
-  }, [mergedOptions, activeValueCells, fieldNames]); // ========================= Keyboard =========================
-
+  }, [mergedOptions, activeValueCells, fieldNames]);
+  // ========================= Keyboard =========================
   const onKeyboardSelect = (selectValueCells, option) => {
     if (isSelectable(option)) {
       onPathSelect(selectValueCells, isLeaf(option, fieldNames), true);
     }
   };
-
-  useKeyboard(ref, mergedOptions, fieldNames, activeValueCells, onPathOpen, onKeyboardSelect); // >>>>> Active Scroll
-
+  useKeyboard(ref, mergedOptions, fieldNames, activeValueCells, onPathOpen, onKeyboardSelect);
+  // >>>>> Active Scroll
   React.useEffect(() => {
     var _a;
-
     for (let i = 0; i < activeValueCells.length; i += 1) {
       const cellPath = activeValueCells.slice(0, i + 1);
       const cellKeyPath = toPathKey(cellPath);
@@ -158,9 +141,9 @@ const RefOptionList = React.forwardRef((props, ref) => {
         scrollIntoParentView(ele);
       }
     }
-  }, [activeValueCells]); // ========================== Render ==========================
+  }, [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__',
@@ -176,8 +159,8 @@ const RefOptionList = React.forwardRef((props, ref) => {
     halfCheckedSet,
     loadingKeys,
     isSelectable
-  }); // >>>>> Columns
-
+  });
+  // >>>>> Columns
   const mergedOptionColumns = isEmpty ? [{
     options: emptyList
   }] : optionColumns;
@@ -197,8 +180,8 @@ const RefOptionList = React.forwardRef((props, ref) => {
       activeValue: activeValue,
       renderItem: renderItem
     }));
-  }); // >>>>> Render
-
+  });
+  // >>>>> Render
   return React.createElement("div", {
     className: classNames(`${mergedPrefixCls}-menus`, {
       [`${mergedPrefixCls}-menu-empty`]: isEmpty,

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

@@ -5,7 +5,6 @@ import { useBaseProps } from 'rc-select';
 /**
  * Control the active open options path.
  */
-
 export default (() => {
   const {
     multiple,
@@ -13,19 +12,18 @@ export default (() => {
   } = useBaseProps();
   const {
     values
-  } = React.useContext(CascaderContext); // Record current dropdown active options
+  } = 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 */
+  }, /* eslint-disable react-hooks/exhaustive-deps */
   [open]
-  /* eslint-enable react-hooks/exhaustive-deps */
-  );
+  /* eslint-enable react-hooks/exhaustive-deps */);
+
   return [activeValueCells, setActiveValueCells];
 });