@ant-design/pro-components 3.1.1-1 → 3.1.2-0

package/es/utils/usePagination.js

@@ -0,0 +1,67 @@
+import { useState } from 'react';
+export const DEFAULT_PAGE_SIZE = 10;
+function extendsObject(base, override, extra = {}) {
+  return {
+    ...base,
+    ...override,
+    ...extra
+  };
+}
+export function getPaginationParam(mergedPagination, pagination) {
+  const param = {
+    current: mergedPagination.current,
+    pageSize: mergedPagination.pageSize
+  };
+  const paginationObj = pagination && typeof pagination === 'object' ? pagination : {};
+  Object.keys(paginationObj).forEach(pageProp => {
+    const value = mergedPagination[pageProp];
+    if (typeof value !== 'function') {
+      param[pageProp] = value;
+    }
+  });
+  return param;
+}
+function usePagination(total, onChange, pagination) {
+  const {
+    total: paginationTotal = 0,
+    ...paginationObj
+  } = pagination && typeof pagination === 'object' ? pagination : {};
+  const [innerPagination, setInnerPagination] = useState(() => ({
+    current: 'defaultCurrent' in paginationObj ? paginationObj.defaultCurrent : 1,
+    pageSize: 'defaultPageSize' in paginationObj ? paginationObj.defaultPageSize : DEFAULT_PAGE_SIZE
+  }));
+
+  // ============ Basic Pagination Config ============
+  const mergedPagination = extendsObject(innerPagination, paginationObj, {
+    total: paginationTotal > 0 ? paginationTotal : total
+  });
+
+  // Reset `current` if data length or pageSize changed
+  const pageSize = mergedPagination.pageSize || DEFAULT_PAGE_SIZE;
+  const maxPage = Math.ceil((paginationTotal || total) / pageSize);
+  if ((mergedPagination.current || 1) > maxPage) {
+    // Prevent a maximum page count of 0
+    mergedPagination.current = maxPage || 1;
+  }
+  const refreshPagination = (current, pageSizeArg) => {
+    setInnerPagination({
+      current: current ?? 1,
+      pageSize: pageSizeArg || mergedPagination.pageSize
+    });
+  };
+  const onInternalChange = (current, pageSizeArg) => {
+    if (pagination && typeof pagination === 'object') {
+      pagination.onChange?.(current, pageSizeArg);
+    }
+    refreshPagination(current, pageSizeArg);
+    onChange(current, pageSizeArg || mergedPagination.pageSize);
+  };
+  if (pagination === false) {
+    return [{}, () => {}];
+  }
+  return [{
+    ...mergedPagination,
+    onChange: onInternalChange
+  }, refreshPagination];
+}
+export default usePagination;

package/es/utils/useSelection.d.ts

@@ -0,0 +1,19 @@
+import type { GetRowKey, TableRowSelection } from 'antd/lib/table/interface';
+import React from 'react';
+type UseSelectionConfig<RecordType> = {
+    getRowKey: GetRowKey<RecordType>;
+    getRecordByKey: (key: React.Key) => RecordType | undefined;
+    prefixCls?: string;
+    data: RecordType[];
+    pageData: RecordType[];
+    expandType?: 'row' | 'nest';
+    childrenColumnName?: string;
+    locale?: any;
+};
+declare function useSelection<RecordType>(config: UseSelectionConfig<RecordType>, rowSelection?: TableRowSelection<RecordType>): readonly [
+    (columns?: any[]) => Array<{
+        render: (text: any, record: RecordType, index: number) => React.ReactElement;
+    }>,
+    Set<React.Key>
+];
+export default useSelection;

package/es/utils/useSelection.js

@@ -0,0 +1,61 @@
+import { Checkbox } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+function useSelection(config, rowSelection) {
+  const {
+    getRowKey,
+    data
+  } = config;
+  const controlledKeys = rowSelection?.selectedRowKeys;
+  const [innerKeys, setInnerKeys] = React.useState(controlledKeys || []);
+
+  // Keep in sync with controlled keys
+  React.useEffect(() => {
+    if (controlledKeys) {
+      setInnerKeys(controlledKeys);
+    }
+  }, [controlledKeys && controlledKeys.join(';')]);
+  const selectedKeySet = React.useMemo(() => new Set(innerKeys), [innerKeys]);
+  const toggleKey = React.useCallback((key, record, checked) => {
+    setInnerKeys(prevKeys => {
+      const prevSet = new Set(prevKeys);
+      const next = new Set(prevSet);
+      if (checked) {
+        next.add(key);
+      } else {
+        next.delete(key);
+      }
+      const nextKeys = Array.from(next);
+
+      // Fire callbacks similar to antd rowSelection
+      const selectedRows = data.filter((item, idx) => next.has(getRowKey(item, idx)));
+      rowSelection?.onChange?.(nextKeys, selectedRows, {
+        type: 'multiple',
+        selectedRows,
+        selectedRowKeys: nextKeys
+      });
+      rowSelection?.onSelect?.(record, checked, data.filter((item, idx) => next.has(getRowKey(item, idx))), {});
+      if (!controlledKeys) {
+        return nextKeys;
+      }
+      return prevKeys;
+    });
+  }, [data, getRowKey, rowSelection, controlledKeys]);
+  const selectItemRender = React.useCallback(columns => {
+    void columns;
+    return [{
+      render: (_text, record, index) => {
+        const key = getRowKey(record, index);
+        const checked = selectedKeySet.has(key);
+        return /*#__PURE__*/_jsx(Checkbox, {
+          checked: checked,
+          onChange: e => {
+            toggleKey(key, record, e.target.checked);
+          }
+        });
+      }
+    }];
+  }, [getRowKey, selectedKeySet, toggleKey]);
+  return [selectItemRender, selectedKeySet];
+}
+export default useSelection;

package/lib/descriptions/index.d.ts

@@ -9,8 +9,6 @@ export interface DescriptionsItemProps {
     className?: string;
     style?: React.CSSProperties;
     label?: React.ReactNode;
-    labelStyle?: React.CSSProperties;
-    contentStyle?: React.CSSProperties;
     children: React.ReactNode;
     span?: number;
 }

package/lib/descriptions/index.js

@@ -17,8 +17,6 @@ var _skeleton = _interopRequireDefault(require("../skeleton"));
 var _utils = require("../utils");
 var _useFetchData = _interopRequireDefault(require("./useFetchData"));
 var _jsxRuntime = require("react/jsx-runtime");
-// todo remove it
-
 /**
  * 定义列表属性的类型定义，用于定义列表的一列
  * @typedef {Object} ProDescriptionsItemProps
@@ -304,7 +302,6 @@ const ProDescriptions = props => {
     actionRef,
     onRequestError,
     emptyText,
-    contentStyle,
     ...rest
   } = props;
   const proContext = (0, _react.useContext)(_provider.default);
@@ -422,8 +419,7 @@ const ProDescriptions = props => {
           ...rest,
           styles: {
             content: {
-              minWidth: 0,
-              ...(contentStyle || {})
+              minWidth: 0
             }
           },
           extra: rest.extra ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {

package/lib/field/components/Select/index.js

@@ -190,10 +190,8 @@ const useFieldFetchData = props => {
     keyWords: kw
   }, props), {
     revalidateIfStale: !cacheForSwr,
-    // 打开 cacheForSwr 的时候才应该支持两个功能
     revalidateOnReconnect: cacheForSwr,
     shouldRetryOnError: false,
-    // @todo 这个功能感觉应该搞个API出来
     revalidateOnFocus: false
   });
   const resOptions = (0, _react.useMemo)(() => {

package/lib/form/components/DateRangePicker/DateTimeRangePicker.d.ts

@@ -1,4 +1,4 @@
-import { RangePickerProps } from 'antd/lib/date-picker';
+import type { RangePickerProps } from 'antd/lib/date-picker';
 import React from 'react';
 import type { ProFormFieldItemProps } from '../../typing';
 /**

package/lib/layout/components/SiderMenu/BaseMenu.js

@@ -16,8 +16,6 @@ var _defaultSettings = require("../../defaultSettings");
 var _utils2 = require("../../utils/utils");
 var _menu = require("./style/menu");
 var _jsxRuntime = require("react/jsx-runtime");
-// todo
-
 const MenuItemTooltip = props => {
   const [collapsed, setCollapsed] = (0, _react.useState)(props.collapsed);
   const [open, setOpen] = (0, _react.useState)(false);

package/lib/list/ListView.js

@@ -1,19 +1,19 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _util = require("@rc-component/util");
 var _antd = require("antd");
-var _useLazyKVMap = _interopRequireDefault(require("antd/lib/table/hooks/useLazyKVMap"));
-var _usePagination = _interopRequireDefault(require("antd/lib/table/hooks/usePagination"));
-var _useSelection = _interopRequireDefault(require("antd/lib/table/hooks/useSelection"));
 var _clsx = require("clsx");
 var _react = _interopRequireWildcard(require("react"));
 var _provider = require("../provider");
+var _useLazyKVMap = _interopRequireDefault(require("../utils/useLazyKVMap"));
+var _usePagination = _interopRequireDefault(require("../utils/usePagination"));
+var _useSelection = _interopRequireDefault(require("../utils/useSelection"));
 var _constants = require("./constants");
 var _Item = _interopRequireDefault(require("./Item"));
 var _jsxRuntime = require("react/jsx-runtime");

package/lib/provider/index.js

@@ -16,7 +16,7 @@ exports.isNeedOpenHash = exports.default = exports.ProProvider = exports.ProConf
 exports.useIntl = useIntl;
 var _cssinjs = require("@ant-design/cssinjs");
 var _antd = require("antd");
-var _zh_CN = _interopRequireDefault(require("antd/lib/locale/zh_CN"));
+var _zh_CN = _interopRequireDefault(require("antd/es/locale/zh_CN"));
 var _dayjs = _interopRequireDefault(require("dayjs"));
 require("dayjs/locale/zh-cn");
 var _react = _interopRequireWildcard(require("react"));

package/lib/table/Store/Provide.d.ts

@@ -13,7 +13,6 @@ export type ColumnsState = {
 };
 export type ProTableColumn<T> = ColumnsState & TableColumnType<T>;
 export type UseContainerProps<T = any> = {
-    onColumnsStateChange?: (map: Record<string, ColumnsState>) => void;
     size?: DensitySize;
     defaultSize?: DensitySize;
     onSizeChange?: (size: DensitySize) => void;

package/lib/table/Store/Provide.js

@@ -76,7 +76,7 @@ function useContainer(props = {}) {
     }
     return props.columnsState?.value || props.columnsState?.defaultValue || defaultColumnKeyMap;
   }, props.columnsState?.value);
-  const onColumnsMapChange = props.columnsState?.onChange || props.onColumnsStateChange;
+  const onColumnsMapChange = props.columnsState?.onChange;
   const setColumnsMap = (0, _react.useCallback)(updater => {
     setColumnsMapInner(prev => {
       const next = typeof updater === 'function' ? updater(prev) : updater;

package/lib/table/Table.js

@@ -791,7 +791,6 @@ const ProviderTableContainer = props => {
       ...props,
       columnsState: props.columnsState,
       columns: props.columns,
-      onColumnsStateChange: props.onColumnsStateChange,
       onSizeChange: props.onSizeChange,
       size: props.size,
       defaultSize: props.defaultSize

package/lib/table/typing.d.ts

@@ -162,10 +162,6 @@ export type ProTableProps<DataSource, U, ValueType = 'text'> = {
     params?: U;
     /** @name 列状态的配置，可以用来操作列功能 */
     columnsState?: ColumnStateType;
-    /**
-     * @deprecated 请使用 columnsState.onChange。保留兼容，后续版本将移除。
-     */
-    onColumnsStateChange?: (map: Record<string, ColumnsState>) => void;
     onSizeChange?: (size: DensitySize) => void;
     /**
      * @name table 外面卡片的设置

package/lib/table/utils/cellRenderToFromItem.d.ts

@@ -1,4 +1,4 @@
-import { AnyObject } from 'antd/lib/_util/type';
+import type { AnyObject } from 'antd/lib/_util/type';
 import React from 'react';
 import type { ProFieldEmptyText } from '../../field';
 import type { ProFormFieldProps } from '../../form';

package/lib/table/utils/columnRender.d.ts

@@ -1,4 +1,4 @@
-import { AnyObject } from 'antd/lib/_util/type';
+import type { AnyObject } from 'antd/lib/_util/type';
 import React from 'react';
 import type { ProFieldEmptyText } from '../../field';
 import type { ProSchemaComponentTypes, UseEditableUtilType } from '../../utils';

package/lib/table/utils/columnRender.js

@@ -25,10 +25,7 @@ const renderColumnsTitle = item => {
   } = item;
   const ellipsis = typeof item?.ellipsis === 'boolean' ? item?.ellipsis : item?.ellipsis?.showTitle;
   if (title && typeof title === 'function') {
-    return title(item, 'table', /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.LabelIconTip, {
-      label: null,
-      tooltip: item.tooltip
-    }));
+    return title(item, 'table', null);
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.LabelIconTip, {
     label: title,

package/lib/table/utils/genProColumnToColumn.d.ts

@@ -1,6 +1,6 @@
 import type { TableColumnType, TableProps } from 'antd';
-import { AnyObject } from 'antd/lib/_util/type';
-import { SortOrder } from 'antd/lib/table/interface';
+import type { AnyObject } from 'antd/lib/_util/type';
+import type { SortOrder } from 'antd/lib/table/interface';
 import type { ProFieldEmptyText } from '../../field';
 import type { ProSchemaComponentTypes, UseEditableUtilType } from '../../utils';
 import type { ContainerType } from '../Store/Provide';

package/lib/table/utils/index.d.ts

@@ -75,22 +75,12 @@ export declare const flattenColumns: (data: any[]) => any[];
  * @returns 是否为本地筛选
  */
 export declare const isLocalFilter: <T>(filters: ProColumnType<T>['filters'], onFilter: ProColumnType<T>['onFilter']) => boolean;
-/**
- * @deprecated typo kept for backward compatibility
- * use `isLocalFilter` instead
- */
-export declare const isLocaleFilter: <T>(filters: ProColumnType<T>['filters'], onFilter: ProColumnType<T>['onFilter']) => boolean;
 /**
  * 判断是否为本地排序
  * @param sorter 排序配置
  * @returns 是否为本地排序
  */
 export declare const isLocalSorter: <T>(sorter: ProSorter<T>) => boolean;
-/**
- * @deprecated typo kept for backward compatibility
- * use `isLocalSorter` instead
- */
-export declare const isLocaleSorter: <T>(sorter: ProSorter<T>) => boolean;
 /**
  * 获取服务端筛选数据
  * @param filters 筛选数据

package/lib/table/utils/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isMergeCell = exports.isLocaleSorter = exports.isLocaleFilter = exports.isLocalSorter = exports.isLocalFilter = exports.isBordered = exports.getServerSorterResult = exports.getServerFilterResult = exports.genColumnKey = exports.flattenColumns = exports.checkUndefinedOrNull = void 0;
+exports.isMergeCell = exports.isLocalSorter = exports.isLocalFilter = exports.isBordered = exports.getServerSorterResult = exports.getServerFilterResult = exports.genColumnKey = exports.flattenColumns = exports.checkUndefinedOrNull = void 0;
 exports.mergePagination = mergePagination;
 exports.parseServerDefaultColumnConfig = exports.parseProSortOrder = exports.parseProFilteredValue = exports.parseDataIndex = void 0;
 exports.postDataPipeline = postDataPipeline;
@@ -186,35 +186,23 @@ const isLocalFilter = (filters, onFilter) => {
   return !!filters && !!onFilter;
 };
 
-/**
- * @deprecated typo kept for backward compatibility
- * use `isLocalFilter` instead
- */
-exports.isLocalFilter = isLocalFilter;
-const isLocaleFilter = exports.isLocaleFilter = isLocalFilter;
-
 /**
  * 判断是否为本地排序
  * @param sorter 排序配置
  * @returns 是否为本地排序
  */
+exports.isLocalFilter = isLocalFilter;
 const isLocalSorter = sorter => {
   return typeof sorter === 'function' || typeof sorter === 'object' && typeof sorter.compare === 'function';
 };
 
-/**
- * @deprecated typo kept for backward compatibility
- * use `isLocalSorter` instead
- */
-exports.isLocalSorter = isLocalSorter;
-const isLocaleSorter = exports.isLocaleSorter = isLocalSorter;
-
 /**
  * 获取服务端筛选数据
  * @param filters 筛选数据
  * @param columns 列配置
  * @returns 服务端筛选数据
  */
+exports.isLocalSorter = isLocalSorter;
 const getServerFilterResult = (filters, columns) => {
   // 过滤掉本地筛选的列
   return Object.entries(filters).reduce((acc, [key, value]) => {

package/lib/utils/useEditableArray/index.d.ts

@@ -1,5 +1,5 @@
 import type { FormInstance, FormProps } from 'antd';
-import { AnyObject } from 'antd/lib/_util/type';
+import type { AnyObject } from 'antd/lib/_util/type';
 import type { NamePath } from 'antd/lib/form/interface';
 import type { GetRowKey } from 'antd/lib/table/interface';
 import React from 'react';

package/lib/utils/useEditableArray/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -14,7 +14,6 @@ exports.useEditableArray = useEditableArray;
 var _icons = require("@ant-design/icons");
 var _util = require("@rc-component/util");
 var _antd = require("antd");
-var _useLazyKVMap = _interopRequireDefault(require("antd/lib/table/hooks/useLazyKVMap"));
 var _react = _interopRequireWildcard(require("react"));
 var _ = require("..");
 var _provider = require("../../provider");
@@ -22,6 +21,7 @@ var _ProFormContext = require("../components/ProFormContext");
 var _useDeepCompareEffect = require("../hooks/useDeepCompareEffect");
 var _usePrevious = require("../hooks/usePrevious");
 var _merge = require("../merge");
+var _useLazyKVMap = _interopRequireDefault(require("../useLazyKVMap"));
 var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable react-hooks/exhaustive-deps */
 

package/lib/utils/useLazyKVMap.d.ts

@@ -0,0 +1,5 @@
+import type { AnyObject } from 'antd/lib/_util/type';
+import type { GetRowKey } from 'antd/lib/table/interface';
+import React from 'react';
+declare const useLazyKVMap: <RecordType extends AnyObject = AnyObject>(data: readonly RecordType[], childrenColumnName: string, getRowKey: GetRowKey<RecordType>) => readonly [(key: React.Key) => RecordType | undefined];
+export default useLazyKVMap;

package/lib/utils/useLazyKVMap.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+const useLazyKVMap = (data, childrenColumnName, getRowKey) => {
+  const mapCacheRef = (0, _react.useRef)({});
+  function getRecordByKey(key) {
+    function dig(records, kv) {
+      records.forEach((record, index) => {
+        const rowKey = getRowKey(record, index);
+        kv.set(rowKey, record);
+        if (record && typeof record === 'object' && childrenColumnName in record) {
+          dig(record[childrenColumnName] || [], kv);
+        }
+      });
+    }
+    if (!mapCacheRef.current || mapCacheRef.current.data !== data || mapCacheRef.current.childrenColumnName !== childrenColumnName || mapCacheRef.current.getRowKey !== getRowKey) {
+      const kvMap = new Map();
+      dig(data, kvMap);
+      mapCacheRef.current = {
+        data,
+        childrenColumnName,
+        kvMap,
+        getRowKey
+      };
+    }
+    return mapCacheRef.current.kvMap?.get(key);
+  }
+  return [getRecordByKey];
+};
+var _default = exports.default = useLazyKVMap;

package/lib/utils/usePagination.d.ts

@@ -0,0 +1,8 @@
+import type { TablePaginationConfig } from 'antd/es/table/interface';
+export declare const DEFAULT_PAGE_SIZE = 10;
+export declare function getPaginationParam(mergedPagination: TablePaginationConfig, pagination?: TablePaginationConfig | boolean): any;
+declare function usePagination(total: number, onChange: (current: number, pageSize: number) => void, pagination?: TablePaginationConfig | false): readonly [
+    TablePaginationConfig,
+    (current?: number, pageSize?: number) => void
+];
+export default usePagination;

package/lib/utils/usePagination.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DEFAULT_PAGE_SIZE = void 0;
+exports.getPaginationParam = getPaginationParam;
+var _react = require("react");
+const DEFAULT_PAGE_SIZE = exports.DEFAULT_PAGE_SIZE = 10;
+function extendsObject(base, override, extra = {}) {
+  return {
+    ...base,
+    ...override,
+    ...extra
+  };
+}
+function getPaginationParam(mergedPagination, pagination) {
+  const param = {
+    current: mergedPagination.current,
+    pageSize: mergedPagination.pageSize
+  };
+  const paginationObj = pagination && typeof pagination === 'object' ? pagination : {};
+  Object.keys(paginationObj).forEach(pageProp => {
+    const value = mergedPagination[pageProp];
+    if (typeof value !== 'function') {
+      param[pageProp] = value;
+    }
+  });
+  return param;
+}
+function usePagination(total, onChange, pagination) {
+  const {
+    total: paginationTotal = 0,
+    ...paginationObj
+  } = pagination && typeof pagination === 'object' ? pagination : {};
+  const [innerPagination, setInnerPagination] = (0, _react.useState)(() => ({
+    current: 'defaultCurrent' in paginationObj ? paginationObj.defaultCurrent : 1,
+    pageSize: 'defaultPageSize' in paginationObj ? paginationObj.defaultPageSize : DEFAULT_PAGE_SIZE
+  }));
+
+  // ============ Basic Pagination Config ============
+  const mergedPagination = extendsObject(innerPagination, paginationObj, {
+    total: paginationTotal > 0 ? paginationTotal : total
+  });
+
+  // Reset `current` if data length or pageSize changed
+  const pageSize = mergedPagination.pageSize || DEFAULT_PAGE_SIZE;
+  const maxPage = Math.ceil((paginationTotal || total) / pageSize);
+  if ((mergedPagination.current || 1) > maxPage) {
+    // Prevent a maximum page count of 0
+    mergedPagination.current = maxPage || 1;
+  }
+  const refreshPagination = (current, pageSizeArg) => {
+    setInnerPagination({
+      current: current ?? 1,
+      pageSize: pageSizeArg || mergedPagination.pageSize
+    });
+  };
+  const onInternalChange = (current, pageSizeArg) => {
+    if (pagination && typeof pagination === 'object') {
+      pagination.onChange?.(current, pageSizeArg);
+    }
+    refreshPagination(current, pageSizeArg);
+    onChange(current, pageSizeArg || mergedPagination.pageSize);
+  };
+  if (pagination === false) {
+    return [{}, () => {}];
+  }
+  return [{
+    ...mergedPagination,
+    onChange: onInternalChange
+  }, refreshPagination];
+}
+var _default = exports.default = usePagination;

package/lib/utils/useSelection.d.ts

@@ -0,0 +1,19 @@
+import type { GetRowKey, TableRowSelection } from 'antd/lib/table/interface';
+import React from 'react';
+type UseSelectionConfig<RecordType> = {
+    getRowKey: GetRowKey<RecordType>;
+    getRecordByKey: (key: React.Key) => RecordType | undefined;
+    prefixCls?: string;
+    data: RecordType[];
+    pageData: RecordType[];
+    expandType?: 'row' | 'nest';
+    childrenColumnName?: string;
+    locale?: any;
+};
+declare function useSelection<RecordType>(config: UseSelectionConfig<RecordType>, rowSelection?: TableRowSelection<RecordType>): readonly [
+    (columns?: any[]) => Array<{
+        render: (text: any, record: RecordType, index: number) => React.ReactElement;
+    }>,
+    Set<React.Key>
+];
+export default useSelection;

package/lib/utils/useSelection.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function useSelection(config, rowSelection) {
+  const {
+    getRowKey,
+    data
+  } = config;
+  const controlledKeys = rowSelection?.selectedRowKeys;
+  const [innerKeys, setInnerKeys] = _react.default.useState(controlledKeys || []);
+
+  // Keep in sync with controlled keys
+  _react.default.useEffect(() => {
+    if (controlledKeys) {
+      setInnerKeys(controlledKeys);
+    }
+  }, [controlledKeys && controlledKeys.join(';')]);
+  const selectedKeySet = _react.default.useMemo(() => new Set(innerKeys), [innerKeys]);
+  const toggleKey = _react.default.useCallback((key, record, checked) => {
+    setInnerKeys(prevKeys => {
+      const prevSet = new Set(prevKeys);
+      const next = new Set(prevSet);
+      if (checked) {
+        next.add(key);
+      } else {
+        next.delete(key);
+      }
+      const nextKeys = Array.from(next);
+
+      // Fire callbacks similar to antd rowSelection
+      const selectedRows = data.filter((item, idx) => next.has(getRowKey(item, idx)));
+      rowSelection?.onChange?.(nextKeys, selectedRows, {
+        type: 'multiple',
+        selectedRows,
+        selectedRowKeys: nextKeys
+      });
+      rowSelection?.onSelect?.(record, checked, data.filter((item, idx) => next.has(getRowKey(item, idx))), {});
+      if (!controlledKeys) {
+        return nextKeys;
+      }
+      return prevKeys;
+    });
+  }, [data, getRowKey, rowSelection, controlledKeys]);
+  const selectItemRender = _react.default.useCallback(columns => {
+    void columns;
+    return [{
+      render: (_text, record, index) => {
+        const key = getRowKey(record, index);
+        const checked = selectedKeySet.has(key);
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Checkbox, {
+          checked: checked,
+          onChange: e => {
+            toggleKey(key, record, e.target.checked);
+          }
+        });
+      }
+    }];
+  }, [getRowKey, selectedKeySet, toggleKey]);
+  return [selectItemRender, selectedKeySet];
+}
+var _default = exports.default = useSelection;