acud 1.2.17 → 1.2.18

package/es/table/hooks/useSelection.js

@@ -16,109 +16,99 @@ import Checkbox from '../../checkbox';
 import Dropdown from '../../dropdown';
 import Menu from '../../menu';
 import Radio from '../../radio';
-import devWarning from '../../_util/devWarning'; // TODO: warning if use ajax!!!
-
+import devWarning from '../../_util/devWarning';
+// TODO: warning if use ajax!!!
 export var SELECTION_COLUMN = {};
 export var SELECTION_ALL = 'SELECT_ALL';
 export var SELECTION_INVERT = 'SELECT_INVERT';
 export var SELECTION_NONE = 'SELECT_NONE';
-
 function flattenData(data, childrenColumnName) {
   var list = [];
   (data || []).forEach(function (record) {
     list.push(record);
-
     if (record && _typeof(record) === 'object' && childrenColumnName in record) {
       list = [].concat(_toConsumableArray(list), _toConsumableArray(flattenData(record[childrenColumnName], childrenColumnName)));
     }
   });
   return list;
 }
-
 export default function useSelection(rowSelection, config) {
   var _ref = rowSelection || {},
-      preserveSelectedRowKeys = _ref.preserveSelectedRowKeys,
-      selectedRowKeys = _ref.selectedRowKeys,
-      defaultSelectedRowKeys = _ref.defaultSelectedRowKeys,
-      getCheckboxProps = _ref.getCheckboxProps,
-      onSelectionChange = _ref.onChange,
-      onSelect = _ref.onSelect,
-      onSelectAll = _ref.onSelectAll,
-      onSelectInvert = _ref.onSelectInvert,
-      onSelectNone = _ref.onSelectNone,
-      onSelectMultiple = _ref.onSelectMultiple,
-      selectionColWidth = _ref.columnWidth,
-      selectionType = _ref.type,
-      selections = _ref.selections,
-      fixed = _ref.fixed,
-      customizeRenderCell = _ref.renderCell,
-      hideSelectAll = _ref.hideSelectAll,
-      _ref$checkStrictly = _ref.checkStrictly,
-      checkStrictly = _ref$checkStrictly === void 0 ? true : _ref$checkStrictly;
-
+    preserveSelectedRowKeys = _ref.preserveSelectedRowKeys,
+    selectedRowKeys = _ref.selectedRowKeys,
+    defaultSelectedRowKeys = _ref.defaultSelectedRowKeys,
+    getCheckboxProps = _ref.getCheckboxProps,
+    onSelectionChange = _ref.onChange,
+    onSelect = _ref.onSelect,
+    onSelectAll = _ref.onSelectAll,
+    onSelectInvert = _ref.onSelectInvert,
+    onSelectNone = _ref.onSelectNone,
+    onSelectMultiple = _ref.onSelectMultiple,
+    selectionColWidth = _ref.columnWidth,
+    selectionType = _ref.type,
+    selections = _ref.selections,
+    fixed = _ref.fixed,
+    customizeRenderCell = _ref.renderCell,
+    hideSelectAll = _ref.hideSelectAll,
+    _ref$checkStrictly = _ref.checkStrictly,
+    checkStrictly = _ref$checkStrictly === void 0 ? true : _ref$checkStrictly;
   var prefixCls = config.prefixCls,
-      data = config.data,
-      pageData = config.pageData,
-      getRecordByKey = config.getRecordByKey,
-      getRowKey = config.getRowKey,
-      expandType = config.expandType,
-      childrenColumnName = config.childrenColumnName,
-      tableLocale = config.locale,
-      getPopupContainer = config.getPopupContainer; // ========================= Keys =========================
-
+    data = config.data,
+    pageData = config.pageData,
+    getRecordByKey = config.getRecordByKey,
+    getRowKey = config.getRowKey,
+    expandType = config.expandType,
+    childrenColumnName = config.childrenColumnName,
+    tableLocale = config.locale,
+    getPopupContainer = config.getPopupContainer;
+  // ========================= Keys =========================
   var _useMergedState = useMergedState(selectedRowKeys || defaultSelectedRowKeys || [], {
-    value: selectedRowKeys
-  }),
-      _useMergedState2 = _slicedToArray(_useMergedState, 2),
-      mergedSelectedKeys = _useMergedState2[0],
-      setMergedSelectedKeys = _useMergedState2[1]; // ======================== Caches ========================
-
-
+      value: selectedRowKeys
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    mergedSelectedKeys = _useMergedState2[0],
+    setMergedSelectedKeys = _useMergedState2[1];
+  // ======================== Caches ========================
   var preserveRecordsRef = React.useRef(new Map());
   var updatePreserveRecordsCache = useCallback(function (keys) {
     if (preserveSelectedRowKeys) {
-      var newCache = new Map(); // Keep key if mark as preserveSelectedRowKeys
-
+      var newCache = new Map();
+      // Keep key if mark as preserveSelectedRowKeys
       keys.forEach(function (key) {
         var record = getRecordByKey(key);
-
         if (!record && preserveRecordsRef.current.has(key)) {
           record = preserveRecordsRef.current.get(key);
         }
-
         newCache.set(key, record);
-      }); // Refresh to new cache
-
+      });
+      // Refresh to new cache
       preserveRecordsRef.current = newCache;
     }
-  }, [getRecordByKey, preserveSelectedRowKeys]); // Update cache with selectedKeys
-
+  }, [getRecordByKey, preserveSelectedRowKeys]);
+  // Update cache with selectedKeys
   React.useEffect(function () {
     updatePreserveRecordsCache(mergedSelectedKeys);
   }, [mergedSelectedKeys]);
-
   var _useMemo = useMemo(function () {
-    return checkStrictly ? {
-      keyEntities: null
-    } : convertDataToEntities(data, {
-      externalGetKey: getRowKey,
-      childrenPropName: childrenColumnName
-    });
-  }, [data, getRowKey, checkStrictly, childrenColumnName]),
-      keyEntities = _useMemo.keyEntities; // Get flatten data
-
-
+      return checkStrictly ? {
+        keyEntities: null
+      } : convertDataToEntities(data, {
+        externalGetKey: getRowKey,
+        childrenPropName: childrenColumnName
+      });
+    }, [data, getRowKey, checkStrictly, childrenColumnName]),
+    keyEntities = _useMemo.keyEntities;
+  // Get flatten data
   var flattedData = useMemo(function () {
     return flattenData(pageData, childrenColumnName);
-  }, [pageData, childrenColumnName]); // Get all checkbox props
-
+  }, [pageData, childrenColumnName]);
+  // Get all checkbox props
   var checkboxPropsMap = useMemo(function () {
     var map = new Map();
     flattedData.forEach(function (record, index) {
       var key = getRowKey(record, index);
       var checkboxProps = (getCheckboxProps ? getCheckboxProps(record) : null) || {};
       map.set(key, checkboxProps);
-
       if (process.env.NODE_ENV !== 'production' && ('checked' in checkboxProps || 'defaultChecked' in checkboxProps)) {
         devWarning(false, 'Table', 'Do not set `checked` or `defaultChecked` in `getCheckboxProps`. ' + 'Please use `selectedRowKeys` instead.');
       }
@@ -127,39 +117,33 @@ export default function useSelection(rowSelection, config) {
   }, [flattedData, getRowKey, getCheckboxProps]);
   var isCheckboxDisabled = useCallback(function (r) {
     var _a;
-
     return !!((_a = checkboxPropsMap.get(getRowKey(r))) === null || _a === void 0 ? void 0 : _a.disabled);
   }, [checkboxPropsMap, getRowKey]);
-
   var _useMemo2 = useMemo(function () {
-    if (checkStrictly) {
-      return [mergedSelectedKeys || [], []];
-    }
-
-    var _conductCheck = conductCheck(mergedSelectedKeys, true, keyEntities, isCheckboxDisabled),
+      if (checkStrictly) {
+        return [mergedSelectedKeys || [], []];
+      }
+      var _conductCheck = conductCheck(mergedSelectedKeys, true, keyEntities, isCheckboxDisabled),
         checkedKeys = _conductCheck.checkedKeys,
         halfCheckedKeys = _conductCheck.halfCheckedKeys;
-
-    return [checkedKeys || [], halfCheckedKeys];
-  }, [mergedSelectedKeys, checkStrictly, keyEntities, isCheckboxDisabled]),
-      _useMemo3 = _slicedToArray(_useMemo2, 2),
-      derivedSelectedKeys = _useMemo3[0],
-      derivedHalfSelectedKeys = _useMemo3[1];
-
+      return [checkedKeys || [], halfCheckedKeys];
+    }, [mergedSelectedKeys, checkStrictly, keyEntities, isCheckboxDisabled]),
+    _useMemo3 = _slicedToArray(_useMemo2, 2),
+    derivedSelectedKeys = _useMemo3[0],
+    derivedHalfSelectedKeys = _useMemo3[1];
   var derivedSelectedKeySet = useMemo(function () {
     var keys = selectionType === 'radio' ? derivedSelectedKeys.slice(0, 1) : derivedSelectedKeys;
     return new Set(keys);
   }, [derivedSelectedKeys, selectionType]);
   var derivedHalfSelectedKeySet = useMemo(function () {
     return selectionType === 'radio' ? new Set() : new Set(derivedHalfSelectedKeys);
-  }, [derivedHalfSelectedKeys, selectionType]); // Save last selected key to enable range selection
-
+  }, [derivedHalfSelectedKeys, selectionType]);
+  // Save last selected key to enable range selection
   var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      lastSelectedKey = _useState2[0],
-      setLastSelectedKey = _useState2[1]; // Reset if rowSelection reset
-
-
+    _useState2 = _slicedToArray(_useState, 2),
+    lastSelectedKey = _useState2[0],
+    setLastSelectedKey = _useState2[1];
+  // Reset if rowSelection reset
   React.useEffect(function () {
     if (!rowSelection) {
       setMergedSelectedKeys([]);
@@ -169,7 +153,6 @@ export default function useSelection(rowSelection, config) {
     var availableKeys;
     var records;
     updatePreserveRecordsCache(keys);
-
     if (preserveSelectedRowKeys) {
       availableKeys = keys;
       records = keys.map(function (key) {
@@ -181,19 +164,17 @@ export default function useSelection(rowSelection, config) {
       records = [];
       keys.forEach(function (key) {
         var record = getRecordByKey(key);
-
         if (record !== undefined) {
           availableKeys.push(key);
           records.push(record);
         }
       });
     }
-
     setMergedSelectedKeys(availableKeys);
     onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(availableKeys, records);
-  }, [setMergedSelectedKeys, getRecordByKey, onSelectionChange, preserveSelectedRowKeys]); // ====================== Selections ======================
+  }, [setMergedSelectedKeys, getRecordByKey, onSelectionChange, preserveSelectedRowKeys]);
+  // ====================== Selections ======================
   // Trigger single `onSelect` event
-
   var triggerSingleSelection = useCallback(function (key, selected, keys, event) {
     if (onSelect) {
       var rows = keys.map(function (k) {
@@ -201,14 +182,12 @@ export default function useSelection(rowSelection, config) {
       });
       onSelect(getRecordByKey(key), selected, rows, event);
     }
-
     setSelectedKeys(keys);
   }, [onSelect, getRecordByKey, setSelectedKeys]);
   var mergedSelections = useMemo(function () {
     if (!selections || hideSelectAll) {
       return null;
     }
-
     var selectionList = selections === true ? [SELECTION_ALL, SELECTION_INVERT, SELECTION_NONE] : selections;
     return selectionList.map(function (selection) {
       if (selection === SELECTION_ALL) {
@@ -225,7 +204,6 @@ export default function useSelection(rowSelection, config) {
           }
         };
       }
-
       if (selection === SELECTION_INVERT) {
         return {
           key: 'invert',
@@ -235,7 +213,6 @@ export default function useSelection(rowSelection, config) {
             pageData.forEach(function (record, index) {
               var key = getRowKey(record, index);
               var checkProps = checkboxPropsMap.get(key);
-
               if (!(checkProps === null || checkProps === void 0 ? void 0 : checkProps.disabled)) {
                 if (keySet.has(key)) {
                   keySet["delete"](key);
@@ -245,17 +222,14 @@ export default function useSelection(rowSelection, config) {
               }
             });
             var keys = Array.from(keySet);
-
             if (onSelectInvert) {
               devWarning(false, 'Table', '`onSelectInvert` will be removed in future. Please use `onChange` instead.');
               onSelectInvert(keys);
             }
-
             setSelectedKeys(keys);
           }
         };
       }
-
       if (selection === SELECTION_NONE) {
         return {
           key: 'none',
@@ -269,30 +243,25 @@ export default function useSelection(rowSelection, config) {
           }
         };
       }
-
       return selection;
     });
-  }, [selections, derivedSelectedKeySet, pageData, getRowKey, onSelectInvert, setSelectedKeys]); // ======================= Columns ========================
-
+  }, [selections, derivedSelectedKeySet, pageData, getRowKey, onSelectInvert, setSelectedKeys]);
+  // ======================= Columns ========================
   var transformColumns = useCallback(function (columns) {
-    var _a; // >>>>>>>>>>> Skip if not exists `rowSelection`
-
-
+    var _a;
+    // >>>>>>>>>>> Skip if not exists `rowSelection`
     if (!rowSelection) {
       if (process.env.NODE_ENV !== 'production') {
         devWarning(!columns.includes(SELECTION_COLUMN), 'Table', '`rowSelection` is not config but `SELECTION_COLUMN` exists in the `columns`.');
       }
-
       return columns.filter(function (col) {
         return col !== SELECTION_COLUMN;
       });
-    } // >>>>>>>>>>> Support selection
-
-
+    }
+    // >>>>>>>>>>> Support selection
     var cloneColumns = _toConsumableArray(columns);
-
-    var keySet = new Set(derivedSelectedKeySet); // Record key only need check with enabled
-
+    var keySet = new Set(derivedSelectedKeySet);
+    // Record key only need check with enabled
     var recordKeys = flattedData.map(getRowKey).filter(function (key) {
       return !checkboxPropsMap.get(key).disabled;
     });
@@ -302,10 +271,8 @@ export default function useSelection(rowSelection, config) {
     var checkedCurrentSome = recordKeys.some(function (key) {
       return keySet.has(key);
     });
-
     var onSelectAllChange = function onSelectAllChange() {
       var changeKeys = [];
-
       if (checkedCurrentAll) {
         recordKeys.forEach(function (key) {
           keySet["delete"](key);
@@ -319,7 +286,6 @@ export default function useSelection(rowSelection, config) {
           }
         });
       }
-
       var keys = Array.from(keySet);
       onSelectAll === null || onSelectAll === void 0 ? void 0 : onSelectAll(!checkedCurrentAll, keys.map(function (k) {
         return getRecordByKey(k);
@@ -327,22 +293,19 @@ export default function useSelection(rowSelection, config) {
         return getRecordByKey(k);
       }));
       setSelectedKeys(keys);
-    }; // ===================== Render =====================
+    };
+    // ===================== Render =====================
     // Title Cell
-
-
     var title;
-
     if (selectionType !== 'radio') {
       var customizeSelections;
-
       if (mergedSelections) {
         var menu = /*#__PURE__*/React.createElement(Menu, {
           getPopupContainer: getPopupContainer
         }, mergedSelections.map(function (selection, index) {
           var key = selection.key,
-              text = selection.text,
-              onSelectionClick = selection.onSelect;
+            text = selection.text,
+            onSelectionClick = selection.onSelect;
           return /*#__PURE__*/React.createElement(Menu.Item, {
             key: key || index,
             onClick: function onClick() {
@@ -356,7 +319,6 @@ export default function useSelection(rowSelection, config) {
           overlay: menu
         }, /*#__PURE__*/React.createElement(OutlinedDown, null)));
       }
-
       var allDisabledData = flattedData.map(function (record, index) {
         var key = getRowKey(record, index);
         var checkboxProps = checkboxPropsMap.get(key) || {};
@@ -385,18 +347,17 @@ export default function useSelection(rowSelection, config) {
         disabled: flattedData.length === 0 || allDisabled,
         skipGroup: true
       }), customizeSelections);
-    } // Body Cell
-
-
+    }
+    // Body Cell
     var renderCell;
-
     if (selectionType === 'radio') {
       renderCell = function renderCell(_, record, index) {
         var key = getRowKey(record, index);
         var checked = keySet.has(key);
         return {
           node: /*#__PURE__*/React.createElement(Radio, _extends({}, checkboxPropsMap.get(key), {
-            checked: checked // onClick={e => e.stopPropagation()}
+            checked: checked
+            // onClick={e => e.stopPropagation()}
             // onClick={e => console.log(e)}
             ,
             onChange: function onChange() {
@@ -412,21 +373,18 @@ export default function useSelection(rowSelection, config) {
     } else {
       renderCell = function renderCell(_, record, index) {
         var _a;
-
         var key = getRowKey(record, index);
         var checked = keySet.has(key);
         var indeterminate = derivedHalfSelectedKeySet.has(key);
         var checkboxProps = checkboxPropsMap.get(key);
         var mergedIndeterminate;
-
         if (expandType === 'nest') {
           mergedIndeterminate = indeterminate;
           devWarning(typeof (checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.indeterminate) !== 'boolean', 'Table', 'set `indeterminate` using `rowSelection.getCheckboxProps` ' + 'is not allowed with tree structured dataSource.');
         } else {
           mergedIndeterminate = (_a = checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.indeterminate) !== null && _a !== void 0 ? _a : indeterminate;
-        } // Record checked
-
-
+        }
+        // Record checked
         return {
           node: /*#__PURE__*/React.createElement(Checkbox, _extends({}, checkboxProps, {
             indeterminate: mergedIndeterminate,
@@ -439,8 +397,8 @@ export default function useSelection(rowSelection, config) {
               var nativeEvent = _ref5.nativeEvent;
               var shiftKey = nativeEvent.shiftKey;
               var startIndex = -1;
-              var endIndex = -1; // Get range of this
-
+              var endIndex = -1;
+              // Get range of this
               if (shiftKey && checkStrictly) {
                 var pointKeys = new Set([lastSelectedKey, key]);
                 recordKeys.some(function (recordKey, recordIndex) {
@@ -452,16 +410,13 @@ export default function useSelection(rowSelection, config) {
                       return true;
                     }
                   }
-
                   return false;
                 });
               }
-
               if (endIndex !== -1 && startIndex !== endIndex && checkStrictly) {
                 // Batch update selections
                 var rangeKeys = recordKeys.slice(startIndex, endIndex + 1);
                 var changedKeys = [];
-
                 if (checked) {
                   rangeKeys.forEach(function (recordKey) {
                     if (keySet.has(recordKey)) {
@@ -477,7 +432,6 @@ export default function useSelection(rowSelection, config) {
                     }
                   });
                 }
-
                 var keys = Array.from(keySet);
                 onSelectMultiple === null || onSelectMultiple === void 0 ? void 0 : onSelectMultiple(!checked, keys.map(function (recordKey) {
                   return getRecordByKey(recordKey);
@@ -488,7 +442,6 @@ export default function useSelection(rowSelection, config) {
               } else {
                 // Single record selected
                 var originCheckedKeys = derivedSelectedKeys;
-
                 if (checkStrictly) {
                   var checkedKeys = checked ? arrDel(originCheckedKeys, key) : arrAdd(originCheckedKeys, key);
                   triggerSingleSelection(key, !checked, checkedKeys, nativeEvent);
@@ -496,9 +449,9 @@ export default function useSelection(rowSelection, config) {
                   // Always fill first
                   var result = conductCheck([].concat(_toConsumableArray(originCheckedKeys), [key]), true, keyEntities, isCheckboxDisabled);
                   var _checkedKeys = result.checkedKeys,
-                      halfCheckedKeys = result.halfCheckedKeys;
-                  var nextCheckedKeys = _checkedKeys; // If remove, we do it again to correction
-
+                    halfCheckedKeys = result.halfCheckedKeys;
+                  var nextCheckedKeys = _checkedKeys;
+                  // If remove, we do it again to correction
                   if (checked) {
                     var tempKeySet = new Set(_checkedKeys);
                     tempKeySet["delete"](key);
@@ -507,11 +460,9 @@ export default function useSelection(rowSelection, config) {
                       halfCheckedKeys: halfCheckedKeys
                     }, keyEntities, isCheckboxDisabled).checkedKeys;
                   }
-
                   triggerSingleSelection(key, !checked, nextCheckedKeys, nativeEvent);
                 }
               }
-
               setLastSelectedKey(key);
             }
           })),
@@ -519,56 +470,46 @@ export default function useSelection(rowSelection, config) {
         };
       };
     }
-
     var renderSelectionCell = function renderSelectionCell(_, record, index) {
       var _renderCell = renderCell(_, record, index),
-          node = _renderCell.node,
-          checked = _renderCell.checked;
-
+        node = _renderCell.node,
+        checked = _renderCell.checked;
       if (customizeRenderCell) {
         return customizeRenderCell(checked, record, index, node);
       }
-
       return node;
-    }; // Insert selection column if not exist
-
-
+    };
+    // Insert selection column if not exist
     if (!cloneColumns.includes(SELECTION_COLUMN)) {
       // Always after expand icon
       if (cloneColumns.findIndex(function (col) {
         var _a;
-
         return ((_a = col[INTERNAL_COL_DEFINE]) === null || _a === void 0 ? void 0 : _a.columnType) === 'EXPAND_COLUMN';
       }) === 0) {
         var _cloneColumns = cloneColumns,
-            _cloneColumns2 = _toArray(_cloneColumns),
-            expandColumn = _cloneColumns2[0],
-            restColumns = _cloneColumns2.slice(1);
-
+          _cloneColumns2 = _toArray(_cloneColumns),
+          expandColumn = _cloneColumns2[0],
+          restColumns = _cloneColumns2.slice(1);
         cloneColumns = [expandColumn, SELECTION_COLUMN].concat(_toConsumableArray(restColumns));
       } else {
         // Normal insert at first column
         cloneColumns = [SELECTION_COLUMN].concat(_toConsumableArray(cloneColumns));
       }
-    } // Deduplicate selection column
-
-
+    }
+    // Deduplicate selection column
     var selectionColumnIndex = cloneColumns.indexOf(SELECTION_COLUMN);
-
     if (process.env.NODE_ENV !== 'production' && cloneColumns.filter(function (col) {
       return col === SELECTION_COLUMN;
     }).length > 1) {
       devWarning(false, 'Table', 'Multiple `SELECTION_COLUMN` exist in `columns`.');
     }
-
     cloneColumns = cloneColumns.filter(function (column, index) {
       return column !== SELECTION_COLUMN || index === selectionColumnIndex;
-    }); // Fixed column logic
-
+    });
+    // Fixed column logic
     var prevCol = cloneColumns[selectionColumnIndex - 1];
     var nextCol = cloneColumns[selectionColumnIndex + 1];
     var mergedFixed = fixed;
-
     if (mergedFixed === undefined) {
       if ((nextCol === null || nextCol === void 0 ? void 0 : nextCol.fixed) !== undefined) {
         mergedFixed = nextCol.fixed;
@@ -576,12 +517,10 @@ export default function useSelection(rowSelection, config) {
         mergedFixed = prevCol.fixed;
       }
     }
-
     if (mergedFixed && prevCol && ((_a = prevCol[INTERNAL_COL_DEFINE]) === null || _a === void 0 ? void 0 : _a.columnType) === 'EXPAND_COLUMN' && prevCol.fixed === undefined) {
       prevCol.fixed = mergedFixed;
-    } // Replace with real selection column
-
-
+    }
+    // Replace with real selection column
     var selectionColumn = _defineProperty({
       fixed: mergedFixed,
       width: selectionColWidth,
@@ -591,7 +530,6 @@ export default function useSelection(rowSelection, config) {
     }, INTERNAL_COL_DEFINE, {
       className: "".concat(prefixCls, "-selection-col")
     });
-
     return cloneColumns.map(function (col) {
       return col === SELECTION_COLUMN ? selectionColumn : col;
     });