@chaoswise/ui 3.0.22 → 3.1.0

package/lib/Antd5/table/hooks/useFilter/FilterDropdown.js

@@ -19,6 +19,7 @@ import * as React from 'react';
 import FilterFilled from '@ant-design/icons/FilterFilled';
 import classNames from 'classnames';
 import isEqual from 'rc-util/lib/isEqual';
+import extendsObject from '../../../_util/extendsObject';
 import useSyncState from '../../../_util/hooks/useSyncState';
 import { devUseWarning } from '../../../_util/warning';
 import Button from '../../../button';
@@ -103,8 +104,8 @@ function renderFilterItems(_ref3) {
 function wrapStringListType(keys) {
   return keys || [];
 }
-function FilterDropdown(props) {
-  var _filterState$filtered, _ref6;
+var FilterDropdown = function FilterDropdown(props) {
+  var _filterState$filtered, _ref6, _ref7, _filterDropdownProps$2;
   var tablePrefixCls = props.tablePrefixCls,
     prefixCls = props.prefixCls,
     column = props.column,
@@ -122,46 +123,56 @@ function FilterDropdown(props) {
     children = props.children,
     getPopupContainer = props.getPopupContainer,
     rootClassName = props.rootClassName;
-  var filterDropdownOpen = column.filterDropdownOpen,
-    onFilterDropdownOpenChange = column.onFilterDropdownOpenChange,
-    filterResetToDefaultFilteredValue = column.filterResetToDefaultFilteredValue,
+  var filterResetToDefaultFilteredValue = column.filterResetToDefaultFilteredValue,
     defaultFilteredValue = column.defaultFilteredValue,
+    _column$filterDropdow = column.filterDropdownProps,
+    filterDropdownProps = _column$filterDropdow === void 0 ? {} : _column$filterDropdow,
+    filterDropdownOpen = column.filterDropdownOpen,
     filterDropdownVisible = column.filterDropdownVisible,
-    onFilterDropdownVisibleChange = column.onFilterDropdownVisibleChange;
+    onFilterDropdownVisibleChange = column.onFilterDropdownVisibleChange,
+    onFilterDropdownOpenChange = column.onFilterDropdownOpenChange;
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visible = _React$useState2[0],
     setVisible = _React$useState2[1];
   var filtered = !!(filterState && ((_filterState$filtered = filterState.filteredKeys) !== null && _filterState$filtered !== void 0 && _filterState$filtered.length || filterState.forceFiltered));
   var triggerVisible = function triggerVisible(newVisible) {
+    var _filterDropdownProps$;
     setVisible(newVisible);
+    (_filterDropdownProps$ = filterDropdownProps.onOpenChange) === null || _filterDropdownProps$ === void 0 || _filterDropdownProps$.call(filterDropdownProps, newVisible);
+    // deprecated
     onFilterDropdownOpenChange === null || onFilterDropdownOpenChange === void 0 || onFilterDropdownOpenChange(newVisible);
     onFilterDropdownVisibleChange === null || onFilterDropdownVisibleChange === void 0 || onFilterDropdownVisibleChange(newVisible);
   };
+  // =================Warning===================
   if (process.env.NODE_ENV !== 'production') {
     var warning = devUseWarning('Table');
-    [['filterDropdownVisible', 'filterDropdownOpen', filterDropdownVisible], ['onFilterDropdownVisibleChange', 'onFilterDropdownOpenChange', onFilterDropdownVisibleChange]].forEach(function (_ref4) {
-      var _ref5 = _slicedToArray(_ref4, 3),
+    var deprecatedList = [['filterDropdownOpen', 'filterDropdownProps.open'], ['filterDropdownVisible', 'filterDropdownProps.open'], ['onFilterDropdownOpenChange', 'filterDropdownProps.onOpenChange'], ['onFilterDropdownVisibleChange', 'filterDropdownProps.onOpenChange']];
+    deprecatedList.forEach(function (_ref4) {
+      var _ref5 = _slicedToArray(_ref4, 2),
         deprecatedName = _ref5[0],
-        newName = _ref5[1],
-        prop = _ref5[2];
-      warning.deprecated(prop === undefined || prop === null, deprecatedName, newName);
+        newName = _ref5[1];
+      warning.deprecated(!(deprecatedName in column), deprecatedName, newName);
     });
   }
-  var mergedVisible = (_ref6 = filterDropdownOpen !== null && filterDropdownOpen !== void 0 ? filterDropdownOpen : filterDropdownVisible) !== null && _ref6 !== void 0 ? _ref6 : visible;
+  var mergedVisible = (_ref6 = (_ref7 = (_filterDropdownProps$2 = filterDropdownProps.open) !== null && _filterDropdownProps$2 !== void 0 ? _filterDropdownProps$2 : filterDropdownOpen) !== null && _ref7 !== void 0 ? _ref7 :
+  // deprecated
+  filterDropdownVisible) !== null && _ref6 !== void 0 ? _ref6 :
+  // deprecated
+  visible; // inner state
   // ===================== Select Keys =====================
   var propFilteredKeys = filterState === null || filterState === void 0 ? void 0 : filterState.filteredKeys;
   var _useSyncState = useSyncState(wrapStringListType(propFilteredKeys)),
     _useSyncState2 = _slicedToArray(_useSyncState, 2),
     getFilteredKeysSync = _useSyncState2[0],
     setFilteredKeysSync = _useSyncState2[1];
-  var onSelectKeys = function onSelectKeys(_ref7) {
-    var selectedKeys = _ref7.selectedKeys;
+  var onSelectKeys = function onSelectKeys(_ref8) {
+    var selectedKeys = _ref8.selectedKeys;
     setFilteredKeysSync(selectedKeys);
   };
-  var onCheck = function onCheck(keys, _ref8) {
-    var node = _ref8.node,
-      checked = _ref8.checked;
+  var onCheck = function onCheck(keys, _ref9) {
+    var node = _ref9.node,
+      checked = _ref9.checked;
     if (!filterMultiple) {
       onSelectKeys({
         selectedKeys: checked && node.key ? [node.key] : []
@@ -205,7 +216,7 @@ function FilterDropdown(props) {
   }, [visible]);
   // ======================= Submit ========================
   var internalTriggerFilter = function internalTriggerFilter(keys) {
-    var mergedKeys = keys && keys.length ? keys : null;
+    var mergedKeys = keys !== null && keys !== void 0 && keys.length ? keys : null;
     if (mergedKeys === null && (!filterState || !filterState.filteredKeys)) {
       return null;
     }
@@ -223,12 +234,12 @@ function FilterDropdown(props) {
     internalTriggerFilter(getFilteredKeysSync());
   };
   var onReset = function onReset() {
-    var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    var _ref10 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
         confirm: false,
         closeDropdown: false
       },
-      confirm = _ref9.confirm,
-      closeDropdown = _ref9.closeDropdown;
+      confirm = _ref10.confirm,
+      closeDropdown = _ref10.closeDropdown;
     if (confirm) {
       internalTriggerFilter([]);
     }
@@ -245,10 +256,10 @@ function FilterDropdown(props) {
     }
   };
   var doFilter = function doFilter() {
-    var _ref10 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    var _ref11 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
         closeDropdown: true
       },
-      closeDropdown = _ref10.closeDropdown;
+      closeDropdown = _ref11.closeDropdown;
     if (closeDropdown) {
       triggerVisible(false);
     }
@@ -278,8 +289,8 @@ function FilterDropdown(props) {
       setFilteredKeysSync([]);
     }
   };
-  var _getTreeData = function getTreeData(_ref11) {
-    var filters = _ref11.filters;
+  var _getTreeData = function getTreeData(_ref12) {
+    var filters = _ref12.filters;
     return (filters || []).map(function (filter, index) {
       var key = String(filter.value);
       var item = {
@@ -305,6 +316,9 @@ function FilterDropdown(props) {
     });
   };
   var dropdownContent;
+  var _React$useContext = React.useContext(ConfigContext),
+    direction = _React$useContext.direction,
+    renderEmpty = _React$useContext.renderEmpty;
   if (typeof column.filterDropdown === 'function') {
     dropdownContent = column.filterDropdown({
       prefixCls: "".concat(dropdownPrefixCls, "-custom"),
@@ -327,7 +341,8 @@ function FilterDropdown(props) {
   } else {
     var selectedKeys = getFilteredKeysSync() || [];
     var getFilterComponent = function getFilterComponent() {
-      var empty = _jsx(Empty, {
+      var _renderEmpty;
+      var empty = (_renderEmpty = renderEmpty === null || renderEmpty === void 0 ? void 0 : renderEmpty('Table.filter')) !== null && _renderEmpty !== void 0 ? _renderEmpty : _jsx(Empty, {
         image: Empty.PRESENTED_IMAGE_SIMPLE,
         description: locale.filterEmptyText,
         imageStyle: {
@@ -451,47 +466,53 @@ function FilterDropdown(props) {
       children: dropdownContent
     });
   }
-  var menu = function menu() {
-    return _jsx(FilterDropdownMenuWrapper, {
-      className: "".concat(prefixCls, "-dropdown"),
-      children: dropdownContent
+  dropdownContent = _jsx(FilterDropdownMenuWrapper, {
+    className: "".concat(prefixCls, "-dropdown"),
+    children: dropdownContent
+  });
+  var getDropdownTrigger = function getDropdownTrigger() {
+    var filterIcon;
+    if (typeof column.filterIcon === 'function') {
+      filterIcon = column.filterIcon(filtered);
+    } else if (column.filterIcon) {
+      filterIcon = column.filterIcon;
+    } else {
+      filterIcon = _jsx(FilterFilled, {});
+    }
+    return _jsx("span", {
+      role: "button",
+      tabIndex: -1,
+      className: classNames("".concat(prefixCls, "-trigger"), {
+        active: filtered
+      }),
+      onClick: function onClick(e) {
+        e.stopPropagation();
+      },
+      children: filterIcon
     });
   };
-  var filterIcon;
-  if (typeof column.filterIcon === 'function') {
-    filterIcon = column.filterIcon(filtered);
-  } else if (column.filterIcon) {
-    filterIcon = column.filterIcon;
-  } else {
-    filterIcon = _jsx(FilterFilled, {});
-  }
-  var _React$useContext = React.useContext(ConfigContext),
-    direction = _React$useContext.direction;
+  var mergedDropdownProps = extendsObject({
+    trigger: ['click'],
+    placement: direction === 'rtl' ? 'bottomLeft' : 'bottomRight',
+    children: getDropdownTrigger(),
+    getPopupContainer: getPopupContainer
+  }, _objectSpread(_objectSpread({}, filterDropdownProps), {}, {
+    rootClassName: classNames(rootClassName, filterDropdownProps.rootClassName),
+    open: mergedVisible,
+    onOpenChange: onVisibleChange,
+    dropdownRender: function dropdownRender() {
+      if (typeof (filterDropdownProps === null || filterDropdownProps === void 0 ? void 0 : filterDropdownProps.dropdownRender) === 'function') {
+        return filterDropdownProps.dropdownRender(dropdownContent);
+      }
+      return dropdownContent;
+    }
+  }));
   return _jsxs("div", {
     className: "".concat(prefixCls, "-column"),
     children: [_jsx("span", {
       className: "".concat(tablePrefixCls, "-column-title"),
       children: children
-    }), _jsx(Dropdown, {
-      dropdownRender: menu,
-      trigger: ['click'],
-      open: mergedVisible,
-      onOpenChange: onVisibleChange,
-      getPopupContainer: getPopupContainer,
-      placement: direction === 'rtl' ? 'bottomLeft' : 'bottomRight',
-      rootClassName: rootClassName,
-      children: _jsx("span", {
-        role: "button",
-        tabIndex: -1,
-        className: classNames("".concat(prefixCls, "-trigger"), {
-          active: filtered
-        }),
-        onClick: function onClick(e) {
-          e.stopPropagation();
-        },
-        children: filterIcon
-      })
-    })]
+    }), _jsx(Dropdown, _objectSpread({}, mergedDropdownProps))]
   });
-}
+};
 export default FilterDropdown;

package/lib/Antd5/table/hooks/useFilter/FilterSearch.js

@@ -2,12 +2,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import SearchOutlined from '@ant-design/icons/SearchOutlined';
 import Input from '../../../input';
-function FilterSearch(_ref) {
-  var value = _ref.value,
-    onChange = _ref.onChange,
-    filterSearch = _ref.filterSearch,
-    tablePrefixCls = _ref.tablePrefixCls,
-    locale = _ref.locale;
+var FilterSearch = function FilterSearch(props) {
+  var value = props.value,
+    filterSearch = props.filterSearch,
+    tablePrefixCls = props.tablePrefixCls,
+    locale = props.locale,
+    onChange = props.onChange;
   if (!filterSearch) {
     return null;
   }
@@ -23,5 +23,5 @@ function FilterSearch(_ref) {
       className: "".concat(tablePrefixCls, "-filter-dropdown-search-input")
     })
   });
-}
+};
 export default FilterSearch;

package/lib/Antd5/table/hooks/useFilter/index.js

@@ -19,7 +19,7 @@ import * as React from 'react';
 import { devUseWarning } from '../../../_util/warning';
 import { getColumnKey, getColumnPos, renderColumnTitle } from '../../util';
 import FilterDropdown, { flattenKeys } from './FilterDropdown';
-function collectFilterStates(columns, init, pos) {
+var _collectFilterStates = function collectFilterStates(columns, init, pos) {
   var filterStates = [];
   (columns || []).forEach(function (column, index) {
     var columnPos = getColumnPos(index, pos);
@@ -48,11 +48,11 @@ function collectFilterStates(columns, init, pos) {
       }
     }
     if ('children' in column) {
-      filterStates = [].concat(_toConsumableArray(filterStates), _toConsumableArray(collectFilterStates(column.children, init, columnPos)));
+      filterStates = [].concat(_toConsumableArray(filterStates), _toConsumableArray(_collectFilterStates(column.children, init, columnPos)));
     }
   });
   return filterStates;
-}
+};
 function injectFilter(prefixCls, dropdownPrefixCls, columns, filterStates, locale, triggerFilter, getPopupContainer, pos, rootClassName) {
   return columns.map(function (column, index) {
     var columnPos = getColumnPos(index, pos);
@@ -99,7 +99,7 @@ function injectFilter(prefixCls, dropdownPrefixCls, columns, filterStates, local
     return newColumn;
   });
 }
-function generateFilterInfo(filterStates) {
+var generateFilterInfo = function generateFilterInfo(filterStates) {
   var currentFilters = {};
   filterStates.forEach(function (_ref2) {
     var key = _ref2.key,
@@ -120,9 +120,9 @@ function generateFilterInfo(filterStates) {
     }
   });
   return currentFilters;
-}
-export function getFilterData(data, filterStates, childrenColumnName) {
-  return filterStates.reduce(function (currentData, filterState) {
+};
+var _getFilterData = function getFilterData(data, filterStates, childrenColumnName) {
+  var filterDatas = filterStates.reduce(function (currentData, filterState) {
     var _filterState$column = filterState.column,
       onFilter = _filterState$column.onFilter,
       filters = _filterState$column.filters,
@@ -141,7 +141,7 @@ export function getFilterData(data, filterStates, childrenColumnName) {
           var realKey = keyIndex !== -1 ? keys[keyIndex] : key;
           // filter children
           if (record[childrenColumnName]) {
-            record[childrenColumnName] = getFilterData(record[childrenColumnName], filterStates, childrenColumnName);
+            record[childrenColumnName] = _getFilterData(record[childrenColumnName], filterStates, childrenColumnName);
           }
           return onFilter(realKey, record);
         });
@@ -149,7 +149,9 @@ export function getFilterData(data, filterStates, childrenColumnName) {
     }
     return currentData;
   }, data);
-}
+  return filterDatas;
+};
+export { _getFilterData as getFilterData };
 var _getMergedColumns = function getMergedColumns(rawMergedColumns) {
   return rawMergedColumns.flatMap(function (column) {
     if ('children' in column) {
@@ -158,33 +160,33 @@ var _getMergedColumns = function getMergedColumns(rawMergedColumns) {
     return [column];
   });
 };
-function useFilter(_ref3) {
-  var prefixCls = _ref3.prefixCls,
-    dropdownPrefixCls = _ref3.dropdownPrefixCls,
-    rawMergedColumns = _ref3.mergedColumns,
-    onFilterChange = _ref3.onFilterChange,
-    getPopupContainer = _ref3.getPopupContainer,
-    tableLocale = _ref3.locale,
-    rootClassName = _ref3.rootClassName;
+var useFilter = function useFilter(props) {
+  var prefixCls = props.prefixCls,
+    dropdownPrefixCls = props.dropdownPrefixCls,
+    rawMergedColumns = props.mergedColumns,
+    onFilterChange = props.onFilterChange,
+    getPopupContainer = props.getPopupContainer,
+    tableLocale = props.locale,
+    rootClassName = props.rootClassName;
   var warning = devUseWarning('Table');
   var mergedColumns = React.useMemo(function () {
     return _getMergedColumns(rawMergedColumns || []);
   }, [rawMergedColumns]);
   var _React$useState = React.useState(function () {
-      return collectFilterStates(mergedColumns, true);
+      return _collectFilterStates(mergedColumns, true);
     }),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     filterStates = _React$useState2[0],
     setFilterStates = _React$useState2[1];
   var mergedFilterStates = React.useMemo(function () {
-    var collectedStates = collectFilterStates(mergedColumns, false);
+    var collectedStates = _collectFilterStates(mergedColumns, false);
     if (collectedStates.length === 0) {
       return collectedStates;
     }
     var filteredKeysIsAllNotControlled = true;
     var filteredKeysIsAllControlled = true;
-    collectedStates.forEach(function (_ref4) {
-      var filteredKeys = _ref4.filteredKeys;
+    collectedStates.forEach(function (_ref3) {
+      var filteredKeys = _ref3.filteredKeys;
       if (filteredKeys !== undefined) {
         filteredKeysIsAllNotControlled = false;
       } else {
@@ -197,8 +199,8 @@ function useFilter(_ref3) {
       var keyList = (mergedColumns || []).map(function (column, index) {
         return getColumnKey(column, getColumnPos(index));
       });
-      return filterStates.filter(function (_ref5) {
-        var key = _ref5.key;
+      return filterStates.filter(function (_ref4) {
+        var key = _ref4.key;
         return keyList.includes(key);
       }).map(function (item) {
         var col = mergedColumns[keyList.findIndex(function (key) {
@@ -217,8 +219,8 @@ function useFilter(_ref3) {
     return generateFilterInfo(mergedFilterStates);
   }, [mergedFilterStates]);
   var triggerFilter = function triggerFilter(filterState) {
-    var newFilterStates = mergedFilterStates.filter(function (_ref6) {
-      var key = _ref6.key;
+    var newFilterStates = mergedFilterStates.filter(function (_ref5) {
+      var key = _ref5.key;
       return key !== filterState.key;
     });
     newFilterStates.push(filterState);
@@ -229,6 +231,6 @@ function useFilter(_ref3) {
     return injectFilter(prefixCls, dropdownPrefixCls, innerColumns, mergedFilterStates, tableLocale, triggerFilter, getPopupContainer, undefined, rootClassName);
   };
   return [transformColumns, mergedFilterStates, filters];
-}
+};
 export { flattenKeys };
 export default useFilter;

package/lib/Antd5/table/hooks/useLazyKVMap.js

@@ -1,10 +1,10 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import * as React from 'react';
-export default function useLazyKVMap(data, childrenColumnName, getRowKey) {
+var useLazyKVMap = function useLazyKVMap(data, childrenColumnName, getRowKey) {
   var mapCacheRef = React.useRef({});
   function getRecordByKey(key) {
+    var _mapCacheRef$current$;
     if (!mapCacheRef.current || mapCacheRef.current.data !== data || mapCacheRef.current.childrenColumnName !== childrenColumnName || mapCacheRef.current.getRowKey !== getRowKey) {
-      /* eslint-disable no-inner-declarations */
       var _dig = function dig(records) {
         records.forEach(function (record, index) {
           var rowKey = getRowKey(record, index);
@@ -14,7 +14,6 @@ export default function useLazyKVMap(data, childrenColumnName, getRowKey) {
           }
         });
       };
-      /* eslint-enable */
       var kvMap = new Map();
       _dig(data);
       mapCacheRef.current = {
@@ -24,7 +23,8 @@ export default function useLazyKVMap(data, childrenColumnName, getRowKey) {
         getRowKey: getRowKey
       };
     }
-    return mapCacheRef.current.kvMap.get(key);
+    return (_mapCacheRef$current$ = mapCacheRef.current.kvMap) === null || _mapCacheRef$current$ === void 0 ? void 0 : _mapCacheRef$current$.get(key);
   }
   return [getRecordByKey];
-}
+};
+export default useLazyKVMap;

package/lib/Antd5/table/hooks/useSelection.js

@@ -111,6 +111,10 @@ var useSelection = function useSelection(config, rowSelection) {
   React.useEffect(function () {
     updatePreserveRecordsCache(mergedSelectedKeys);
   }, [mergedSelectedKeys]);
+  // Get flatten data
+  var flattedData = useMemo(function () {
+    return _flattenData(childrenColumnName, pageData);
+  }, [childrenColumnName, pageData]);
   var _useMemo = useMemo(function () {
       if (checkStrictly) {
         return {
@@ -119,7 +123,8 @@ var useSelection = function useSelection(config, rowSelection) {
       }
       var convertData = data;
       if (preserveSelectedRowKeys) {
-        var keysSet = new Set(data.map(function (record, index) {
+        // use flattedData keys
+        var keysSet = new Set(flattedData.map(function (record, index) {
           return getRowKey(record, index);
         }));
         // remove preserveRecords that duplicate data
@@ -135,12 +140,8 @@ var useSelection = function useSelection(config, rowSelection) {
         externalGetKey: getRowKey,
         childrenPropName: childrenColumnName
       });
-    }, [data, getRowKey, checkStrictly, childrenColumnName, preserveSelectedRowKeys]),
+    }, [data, getRowKey, checkStrictly, childrenColumnName, preserveSelectedRowKeys, flattedData]),
     keyEntities = _useMemo.keyEntities;
-  // Get flatten data
-  var flattedData = useMemo(function () {
-    return _flattenData(childrenColumnName, pageData);
-  }, [childrenColumnName, pageData]);
   // Get all checkbox props
   var checkboxPropsMap = useMemo(function () {
     var map = new Map();
@@ -409,16 +410,21 @@ var useSelection = function useSelection(config, rowSelection) {
       renderCell = function renderCell(_, record, index) {
         var key = getRowKey(record, index);
         var checked = keySet.has(key);
+        var checkboxProps = checkboxPropsMap.get(key);
         return {
-          node: _jsx(Radio, _objectSpread(_objectSpread({}, checkboxPropsMap.get(key)), {}, {
+          node: _jsx(Radio, _objectSpread(_objectSpread({}, checkboxProps), {}, {
             checked: checked,
             onClick: function onClick(e) {
-              return e.stopPropagation();
+              var _checkboxProps$onClic;
+              e.stopPropagation();
+              checkboxProps === null || checkboxProps === void 0 || (_checkboxProps$onClic = checkboxProps.onClick) === null || _checkboxProps$onClic === void 0 || _checkboxProps$onClic.call(checkboxProps, e);
             },
             onChange: function onChange(event) {
+              var _checkboxProps$onChan;
               if (!keySet.has(key)) {
                 triggerSingleSelection(key, true, [key], event.nativeEvent);
               }
+              checkboxProps === null || checkboxProps === void 0 || (_checkboxProps$onChan = checkboxProps.onChange) === null || _checkboxProps$onChan === void 0 || _checkboxProps$onChan.call(checkboxProps, event);
             }
           })),
           checked: checked
@@ -445,10 +451,13 @@ var useSelection = function useSelection(config, rowSelection) {
             checked: checked,
             skipGroup: true,
             onClick: function onClick(e) {
-              return e.stopPropagation();
+              var _checkboxProps$onClic2;
+              e.stopPropagation();
+              checkboxProps === null || checkboxProps === void 0 || (_checkboxProps$onClic2 = checkboxProps.onClick) === null || _checkboxProps$onClic2 === void 0 || _checkboxProps$onClic2.call(checkboxProps, e);
             },
-            onChange: function onChange(_ref7) {
-              var nativeEvent = _ref7.nativeEvent;
+            onChange: function onChange(event) {
+              var _checkboxProps$onChan2;
+              var nativeEvent = event.nativeEvent;
               var shiftKey = nativeEvent.shiftKey;
               var currentSelectedIndex = recordKeys.findIndex(function (item) {
                 return item === key;
@@ -494,6 +503,7 @@ var useSelection = function useSelection(config, rowSelection) {
               } else {
                 updatePrevSelectedIndex(currentSelectedIndex);
               }
+              checkboxProps === null || checkboxProps === void 0 || (_checkboxProps$onChan2 = checkboxProps.onChange) === null || _checkboxProps$onChan2 === void 0 || _checkboxProps$onChan2.call(checkboxProps, event);
             }
           })),
           checked: checked