tntd 2.0.13 → 2.0.14

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

@@ -1,11 +1,14 @@
 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';
@@ -24,78 +27,87 @@ 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 => {
@@ -104,35 +116,40 @@ 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(() => {
@@ -140,11 +157,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));
@@ -152,10 +169,11 @@ 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 {
@@ -164,19 +182,21 @@ 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) {
           ;
           ({
@@ -190,41 +210,48 @@ 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,
@@ -242,15 +269,13 @@ 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'
   };
@@ -283,9 +308,11 @@ 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,42 +39,47 @@ 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,
@@ -88,8 +93,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"
@@ -117,20 +122,24 @@ 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, {
@@ -147,6 +156,7 @@ export default function Column({
       "data-path-key": fullPathKey,
       onClick: () => {
         triggerOpenPath();
+
         if (!multiple || isMergedLeaf) {
           triggerSelect();
         }

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

@@ -11,6 +11,7 @@ import useActive from './useActive';
 import useKeyboard from './useKeyboard';
 const RefOptionList = React.forwardRef((props, ref) => {
   var _a, _b;
+
   const {
     prefixCls,
     multiple,
@@ -36,26 +37,30 @@ 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 => {
@@ -64,23 +69,25 @@ 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
@@ -88,49 +95,59 @@ 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);
@@ -141,9 +158,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__',
@@ -159,8 +176,8 @@ const RefOptionList = React.forwardRef((props, ref) => {
     halfCheckedSet,
     loadingKeys,
     isSelectable
-  });
-  // >>>>> Columns
+  }); // >>>>> Columns
+
   const mergedOptionColumns = isEmpty ? [{
     options: emptyList
   }] : optionColumns;
@@ -180,8 +197,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,6 +5,7 @@ import { useBaseProps } from 'rc-select';
 /**
  * Control the active open options path.
  */
+
 export default (() => {
   const {
     multiple,
@@ -12,18 +13,19 @@ 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];
 });