@hw-component/table 0.0.5-beta-v1 → 0.0.5-beta-v2

package/es/HTableBody/RowSelection.d.ts

@@ -1,8 +1,9 @@
-import { HRowSelection } from "../modal";
-export declare const RowSelectionTitle: ({ allPageCheck, onChange }: HRowSelection) => JSX.Element;
+import type { HRowSelection } from "../modal";
+export declare const RowSelectionTitle: ({ allPageCheck, onChange, getCheckboxProps, }: HRowSelection) => JSX.Element;
 interface RowSelectionBoxProps {
     data: any;
     onChange?: HRowSelection["onChange"];
+    getCheckboxProps?: HRowSelection["getCheckboxProps"];
 }
-export declare const RowSelectionBox: ({ data, onChange }: RowSelectionBoxProps) => JSX.Element;
+export declare const RowSelectionBox: ({ data, onChange, getCheckboxProps, }: RowSelectionBoxProps) => JSX.Element;
 export {};

package/es/HTableBody/RowSelection.js

@@ -1,5 +1,6 @@
 // welcome to hoo hoo hoo
 import _toConsumableArray from '@babel/runtime-corejs3/helpers/toConsumableArray';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
 import _keysInstanceProperty from '@babel/runtime-corejs3/core-js/instance/keys';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js/instance/map';
 import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js/instance/index-of';
@@ -12,7 +13,8 @@ import { useMemo } from 'react';
 var RowSelectionTitle = function RowSelectionTitle(_ref) {
   var _ref$allPageCheck = _ref.allPageCheck,
     allPageCheck = _ref$allPageCheck === void 0 ? true : _ref$allPageCheck,
-    onChange = _ref.onChange;
+    onChange = _ref.onChange,
+    getCheckboxProps = _ref.getCheckboxProps;
   var _useHTableContext = useHTableContext(),
     data = _useHTableContext.data,
     selectedRowData = _useHTableContext.selectedRowData,
@@ -23,14 +25,20 @@ var RowSelectionTitle = function RowSelectionTitle(_ref) {
   var _ref2 = data || {},
     _ref2$records = _ref2.records,
     records = _ref2$records === void 0 ? [] : _ref2$records;
+  var newData = records === null || records === void 0 ? void 0 : _filterInstanceProperty(records).call(records, function (item) {
+    var _ref3 = (getCheckboxProps === null || getCheckboxProps === void 0 ? void 0 : getCheckboxProps(data)) || {},
+      _ref3$disabled = _ref3.disabled,
+      disabled = _ref3$disabled === void 0 ? false : _ref3$disabled;
+    return !disabled;
+  });
   var keys = _keysInstanceProperty(selectedRowData),
     selectAll = selectedRowData.selectAll;
   var allCheck = function allCheck() {
-    var setKeys = _mapInstanceProperty(records).call(records, function (item) {
+    var setKeys = _mapInstanceProperty(newData).call(newData, function (item) {
       return item[rowKey];
     });
-    rowOnChange(setKeys, records);
-    onChange === null || onChange === void 0 || onChange(setKeys, records);
+    rowOnChange(setKeys, newData);
+    onChange === null || onChange === void 0 || onChange(setKeys, newData);
   };
   var allCancel = function allCancel() {
     rowOnChange([], []);
@@ -44,8 +52,8 @@ var RowSelectionTitle = function RowSelectionTitle(_ref) {
     }
     allCancel();
   };
-  var change = function change(_ref3) {
-    var key = _ref3.key;
+  var change = function change(_ref4) {
+    var key = _ref4.key;
     if (key === "check") {
       allCheck();
       return;
@@ -63,7 +71,7 @@ var RowSelectionTitle = function RowSelectionTitle(_ref) {
     onChange === null || onChange === void 0 || onChange([], []);
   };
   var len = (keys === null || keys === void 0 ? void 0 : keys.length) || 0;
-  var dataLen = (records === null || records === void 0 ? void 0 : records.length) || 0;
+  var dataLen = (newData === null || newData === void 0 ? void 0 : newData.length) || 0;
   var checked = len === dataLen && len !== 0;
   var configItems = useMemo(function () {
     var fsArray = checked ? {
@@ -90,6 +98,7 @@ var RowSelectionTitle = function RowSelectionTitle(_ref) {
     });
   };
   var disabled = dataLen === 0;
+  console.log(dataLen, "dadada");
   if (allPageCheck) {
     return jsx(Dropdown, {
       overlay: menu,
@@ -109,9 +118,10 @@ var RowSelectionTitle = function RowSelectionTitle(_ref) {
     disabled: disabled
   });
 };
-var RowSelectionBox = function RowSelectionBox(_ref4) {
-  var data = _ref4.data,
-    onChange = _ref4.onChange;
+var RowSelectionBox = function RowSelectionBox(_ref5) {
+  var data = _ref5.data,
+    onChange = _ref5.onChange,
+    getCheckboxProps = _ref5.getCheckboxProps;
   var _useHTableContext2 = useHTableContext(),
     selectedRowData = _useHTableContext2.selectedRowData,
     rowOnChange = _useHTableContext2.rowOnChange,
@@ -139,9 +149,13 @@ var RowSelectionBox = function RowSelectionBox(_ref4) {
     rowOnChange(newKeys, newRowData);
     onChange === null || onChange === void 0 || onChange(newKeys, newRowData);
   };
+  var _ref6 = (getCheckboxProps === null || getCheckboxProps === void 0 ? void 0 : getCheckboxProps(data)) || {},
+    _ref6$disabled = _ref6.disabled,
+    disabled = _ref6$disabled === void 0 ? false : _ref6$disabled;
   return jsx(Checkbox, {
     checked: _indexOfInstanceProperty(keys).call(keys, key) !== -1,
-    onChange: check
+    onChange: check,
+    disabled: disabled
   });
 };
 

package/es/HTableBody/hooks.js

@@ -22,17 +22,21 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _co
 var rowSelectionCol = function rowSelectionCol(rowSelection) {
   var _ref = rowSelection || {},
     allPageCheck = _ref.allPageCheck,
-    onChange = _ref.onChange;
+    onChange = _ref.onChange,
+    getCheckboxProps = _ref.getCheckboxProps;
   return {
     title: jsx(RowSelectionTitle, {
       allPageCheck: allPageCheck,
-      onChange: onChange
+      onChange: onChange,
+      getCheckboxProps: getCheckboxProps
     }),
     dataIndex: "rowSelectionTitle",
     width: 32,
     render: function render(dom, data) {
       return jsx(RowSelectionBox, {
-        data: data
+        data: data,
+        onChange: onChange,
+        getCheckboxProps: getCheckboxProps
       });
     }
   };
@@ -57,7 +61,7 @@ var useCols = function useCols(_ref2) {
         }
       });
     });
-  }, [configData, table]);
+  }, [configData, table, rowSelection]);
 };
 var useSynchronousKeys = function useSynchronousKeys(_ref3) {
   var selectedRowKeys = _ref3.selectedRowKeys,

package/es/HTableBody/index.d.ts

@@ -2,7 +2,7 @@ import type { ProTableProps } from "@ant-design/pro-table";
 import type { ActionRenderFn, ConfigDataModal, ParamsModal } from "../modal";
 import React from "react";
 import type { HTableInstance } from "../modal";
-import { HRowSelection } from "../modal";
+import type { HRowSelection } from "../modal";
 interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource" | "rowSelection"> {
     configData?: ConfigDataModal;
     onPageChange?: (params: ParamsModal) => void;

package/es/HTableBody/index.js

@@ -52,7 +52,6 @@ var Body = (function (_ref) {
     actionRender = _ref.actionRender,
     props = _objectWithoutProperties(_ref, _excluded);
   var selectedRowKeys = rowSelection.selectedRowKeys;
-    rowSelection.onChange;
   var _useHTableContext = useHTableContext(),
     tableInstance = _useHTableContext.tableInstance,
     contextConfigData = _useHTableContext.configData,

package/es/modal.d.ts

@@ -4,7 +4,7 @@ import type { HItemProps, HFormInstance } from "@hw-component/form/es/Form/modal
 import type { ColProps } from "antd";
 import type React from "react";
 import type { ModalProps } from "antd";
-import { TableProps } from "antd/lib/table";
+import type { TableProps } from "antd/lib/table";
 export interface RowObj {
     keys?: React.Key[];
     rowData?: any[];
@@ -34,7 +34,7 @@ export type actionFn = (...arg: any[]) => void;
 export interface RowSelectionOuter {
     allPageCheck?: boolean;
 }
-export type HRowSelection = RowSelectionOuter & (TableProps<any>['rowSelection'] & {
+export type HRowSelection = RowSelectionOuter & (TableProps<any>["rowSelection"] & {
     alwaysShowAlert?: boolean;
 });
 export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "dataSource" | "rowKey" | "rowSelection"> {

package/lib/HTableBody/RowSelection.d.ts

@@ -1,8 +1,9 @@
-import { HRowSelection } from "../modal";
-export declare const RowSelectionTitle: ({ allPageCheck, onChange }: HRowSelection) => JSX.Element;
+import type { HRowSelection } from "../modal";
+export declare const RowSelectionTitle: ({ allPageCheck, onChange, getCheckboxProps, }: HRowSelection) => JSX.Element;
 interface RowSelectionBoxProps {
     data: any;
     onChange?: HRowSelection["onChange"];
+    getCheckboxProps?: HRowSelection["getCheckboxProps"];
 }
-export declare const RowSelectionBox: ({ data, onChange }: RowSelectionBoxProps) => JSX.Element;
+export declare const RowSelectionBox: ({ data, onChange, getCheckboxProps, }: RowSelectionBoxProps) => JSX.Element;
 export {};

package/lib/HTableBody/RowSelection.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
 var _keysInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/keys');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
 var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/index-of');
@@ -13,7 +14,8 @@ var React = require('react');
 var RowSelectionTitle = function RowSelectionTitle(_ref) {
   var _ref$allPageCheck = _ref.allPageCheck,
     allPageCheck = _ref$allPageCheck === void 0 ? true : _ref$allPageCheck,
-    onChange = _ref.onChange;
+    onChange = _ref.onChange,
+    getCheckboxProps = _ref.getCheckboxProps;
   var _useHTableContext = context.useHTableContext(),
     data = _useHTableContext.data,
     selectedRowData = _useHTableContext.selectedRowData,
@@ -24,14 +26,20 @@ var RowSelectionTitle = function RowSelectionTitle(_ref) {
   var _ref2 = data || {},
     _ref2$records = _ref2.records,
     records = _ref2$records === void 0 ? [] : _ref2$records;
+  var newData = records === null || records === void 0 ? void 0 : _filterInstanceProperty(records).call(records, function (item) {
+    var _ref3 = (getCheckboxProps === null || getCheckboxProps === void 0 ? void 0 : getCheckboxProps(data)) || {},
+      _ref3$disabled = _ref3.disabled,
+      disabled = _ref3$disabled === void 0 ? false : _ref3$disabled;
+    return !disabled;
+  });
   var keys = _keysInstanceProperty(selectedRowData),
     selectAll = selectedRowData.selectAll;
   var allCheck = function allCheck() {
-    var setKeys = _mapInstanceProperty(records).call(records, function (item) {
+    var setKeys = _mapInstanceProperty(newData).call(newData, function (item) {
       return item[rowKey];
     });
-    rowOnChange(setKeys, records);
-    onChange === null || onChange === void 0 || onChange(setKeys, records);
+    rowOnChange(setKeys, newData);
+    onChange === null || onChange === void 0 || onChange(setKeys, newData);
   };
   var allCancel = function allCancel() {
     rowOnChange([], []);
@@ -45,8 +53,8 @@ var RowSelectionTitle = function RowSelectionTitle(_ref) {
     }
     allCancel();
   };
-  var change = function change(_ref3) {
-    var key = _ref3.key;
+  var change = function change(_ref4) {
+    var key = _ref4.key;
     if (key === "check") {
       allCheck();
       return;
@@ -64,7 +72,7 @@ var RowSelectionTitle = function RowSelectionTitle(_ref) {
     onChange === null || onChange === void 0 || onChange([], []);
   };
   var len = (keys === null || keys === void 0 ? void 0 : keys.length) || 0;
-  var dataLen = (records === null || records === void 0 ? void 0 : records.length) || 0;
+  var dataLen = (newData === null || newData === void 0 ? void 0 : newData.length) || 0;
   var checked = len === dataLen && len !== 0;
   var configItems = React.useMemo(function () {
     var fsArray = checked ? {
@@ -91,6 +99,7 @@ var RowSelectionTitle = function RowSelectionTitle(_ref) {
     });
   };
   var disabled = dataLen === 0;
+  console.log(dataLen, "dadada");
   if (allPageCheck) {
     return jsxRuntime.jsx(antd.Dropdown, {
       overlay: menu,
@@ -110,9 +119,10 @@ var RowSelectionTitle = function RowSelectionTitle(_ref) {
     disabled: disabled
   });
 };
-var RowSelectionBox = function RowSelectionBox(_ref4) {
-  var data = _ref4.data,
-    onChange = _ref4.onChange;
+var RowSelectionBox = function RowSelectionBox(_ref5) {
+  var data = _ref5.data,
+    onChange = _ref5.onChange,
+    getCheckboxProps = _ref5.getCheckboxProps;
   var _useHTableContext2 = context.useHTableContext(),
     selectedRowData = _useHTableContext2.selectedRowData,
     rowOnChange = _useHTableContext2.rowOnChange,
@@ -140,9 +150,13 @@ var RowSelectionBox = function RowSelectionBox(_ref4) {
     rowOnChange(newKeys, newRowData);
     onChange === null || onChange === void 0 || onChange(newKeys, newRowData);
   };
+  var _ref6 = (getCheckboxProps === null || getCheckboxProps === void 0 ? void 0 : getCheckboxProps(data)) || {},
+    _ref6$disabled = _ref6.disabled,
+    disabled = _ref6$disabled === void 0 ? false : _ref6$disabled;
   return jsxRuntime.jsx(antd.Checkbox, {
     checked: _indexOfInstanceProperty(keys).call(keys, key) !== -1,
-    onChange: check
+    onChange: check,
+    disabled: disabled
   });
 };
 

package/lib/HTableBody/hooks.js

@@ -23,17 +23,21 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _co
 var rowSelectionCol = function rowSelectionCol(rowSelection) {
   var _ref = rowSelection || {},
     allPageCheck = _ref.allPageCheck,
-    onChange = _ref.onChange;
+    onChange = _ref.onChange,
+    getCheckboxProps = _ref.getCheckboxProps;
   return {
     title: jsxRuntime.jsx(RowSelection.RowSelectionTitle, {
       allPageCheck: allPageCheck,
-      onChange: onChange
+      onChange: onChange,
+      getCheckboxProps: getCheckboxProps
     }),
     dataIndex: "rowSelectionTitle",
     width: 32,
     render: function render(dom, data) {
       return jsxRuntime.jsx(RowSelection.RowSelectionBox, {
-        data: data
+        data: data,
+        onChange: onChange,
+        getCheckboxProps: getCheckboxProps
       });
     }
   };
@@ -58,7 +62,7 @@ var useCols = function useCols(_ref2) {
         }
       });
     });
-  }, [configData, table]);
+  }, [configData, table, rowSelection]);
 };
 var useSynchronousKeys = function useSynchronousKeys(_ref3) {
   var selectedRowKeys = _ref3.selectedRowKeys,

package/lib/HTableBody/index.d.ts

@@ -2,7 +2,7 @@ import type { ProTableProps } from "@ant-design/pro-table";
 import type { ActionRenderFn, ConfigDataModal, ParamsModal } from "../modal";
 import React from "react";
 import type { HTableInstance } from "../modal";
-import { HRowSelection } from "../modal";
+import type { HRowSelection } from "../modal";
 interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource" | "rowSelection"> {
     configData?: ConfigDataModal;
     onPageChange?: (params: ParamsModal) => void;

package/lib/HTableBody/index.js

@@ -55,7 +55,6 @@ var Body = (function (_ref) {
     actionRender = _ref.actionRender,
     props = _objectWithoutProperties(_ref, _excluded);
   var selectedRowKeys = rowSelection.selectedRowKeys;
-    rowSelection.onChange;
   var _useHTableContext = context.useHTableContext(),
     tableInstance = _useHTableContext.tableInstance,
     contextConfigData = _useHTableContext.configData,

package/lib/modal.d.ts

@@ -4,7 +4,7 @@ import type { HItemProps, HFormInstance } from "@hw-component/form/es/Form/modal
 import type { ColProps } from "antd";
 import type React from "react";
 import type { ModalProps } from "antd";
-import { TableProps } from "antd/lib/table";
+import type { TableProps } from "antd/lib/table";
 export interface RowObj {
     keys?: React.Key[];
     rowData?: any[];
@@ -34,7 +34,7 @@ export type actionFn = (...arg: any[]) => void;
 export interface RowSelectionOuter {
     allPageCheck?: boolean;
 }
-export type HRowSelection = RowSelectionOuter & (TableProps<any>['rowSelection'] & {
+export type HRowSelection = RowSelectionOuter & (TableProps<any>["rowSelection"] & {
     alwaysShowAlert?: boolean;
 });
 export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "dataSource" | "rowKey" | "rowSelection"> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/table",
-  "version": "0.0.5-beta-v1",
+  "version": "0.0.5-beta-v2",
   "description": "基于antd二次开发table组件",
   "keywords": [
     "table"

package/src/components/HTableBody/RowSelection.tsx

@@ -1,10 +1,11 @@
 import { useHTableContext } from "../context";
 import { Checkbox, Dropdown, Menu } from "antd";
 import { useMemo } from "react";
-import {HRowSelection} from "../modal";
+import type { HRowSelection } from "../modal";
 export const RowSelectionTitle = ({
   allPageCheck = true,
-  onChange
+  onChange,
+  getCheckboxProps,
 }: HRowSelection) => {
   const {
     data,
@@ -14,17 +15,21 @@ export const RowSelectionTitle = ({
     rowKey = "id",
   } = useHTableContext();
   const { records = [] } = data || {};
+  const newData = records?.filter((item) => {
+    const { disabled = false } = getCheckboxProps?.(data) || {};
+    return !disabled;
+  });
   const { keys, selectAll } = selectedRowData;
   const allCheck = () => {
-    const setKeys = records.map((item) => {
+    const setKeys = newData.map((item) => {
       return item[rowKey];
     });
-    rowOnChange(setKeys, records);
-    onChange?.(setKeys,records);
+    rowOnChange(setKeys, newData);
+    onChange?.(setKeys, newData);
   };
   const allCancel = () => {
     rowOnChange([], []);
-    onChange?.([],[]);
+    onChange?.([], []);
   };
   const checkChange = (e) => {
     const checked = e.target.checked;
@@ -45,14 +50,14 @@ export const RowSelectionTitle = ({
     }
     if (key === "checkAll") {
       allSelectChange?.(true);
-      onChange?.([],[]);
+      onChange?.([], []);
       return;
     }
     allSelectChange?.(false);
-    onChange?.([],[]);
+    onChange?.([], []);
   };
-  const len = keys?.length||0;
-  const dataLen=records?.length||0;
+  const len = keys?.length || 0;
+  const dataLen = newData?.length || 0;
   const checked = len === dataLen && len !== 0;
   const configItems = useMemo(() => {
     const fsArray = checked
@@ -76,26 +81,38 @@ export const RowSelectionTitle = ({
     return [fsArray, enArray];
   }, [checked, selectAll]);
 
-  const menu = ()=>{
-    const MenuEle=(Menu as any);
-    return <MenuEle onClick={change} items={configItems}/>;
-  }
-  const disabled=dataLen===0;
+  const menu = () => {
+    const MenuEle = Menu as any;
+    return <MenuEle onClick={change} items={configItems} />;
+  };
+  const disabled = dataLen === 0;
+  console.log(dataLen, "dadada");
   if (allPageCheck) {
     return (
       <Dropdown overlay={menu} arrow placement={"bottom"} disabled={disabled}>
-        <Checkbox checked={checked} onChange={checkChange} disabled={disabled}/>
+        <Checkbox
+          checked={checked}
+          onChange={checkChange}
+          disabled={disabled}
+        />
       </Dropdown>
     );
   }
-  return <Checkbox checked={checked} onChange={checkChange} disabled={disabled}/>;
+  return (
+    <Checkbox checked={checked} onChange={checkChange} disabled={disabled} />
+  );
 };
 
 interface RowSelectionBoxProps {
   data: any;
-  onChange?:HRowSelection["onChange"]
+  onChange?: HRowSelection["onChange"];
+  getCheckboxProps?: HRowSelection["getCheckboxProps"];
 }
-export const RowSelectionBox = ({ data ,onChange}: RowSelectionBoxProps) => {
+export const RowSelectionBox = ({
+  data,
+  onChange,
+  getCheckboxProps,
+}: RowSelectionBoxProps) => {
   const { selectedRowData, rowOnChange, rowKey = "id" } = useHTableContext();
   const { rowData = [], keys = [] } = selectedRowData;
   const key = data[rowKey];
@@ -107,14 +124,21 @@ export const RowSelectionBox = ({ data ,onChange}: RowSelectionBoxProps) => {
       newKeys.push(key);
       newRowData.push(data);
       rowOnChange(newKeys, newRowData);
-      onChange?.(newKeys,newRowData);
+      onChange?.(newKeys, newRowData);
       return;
     }
     const index = newKeys.indexOf(key);
     newKeys.splice(index, 1);
     newRowData.splice(index, 1);
     rowOnChange(newKeys, newRowData);
-    onChange?.(newKeys,newRowData);
+    onChange?.(newKeys, newRowData);
   };
-  return <Checkbox checked={keys.indexOf(key) !== -1} onChange={check} />;
+  const { disabled = false } = getCheckboxProps?.(data) || {};
+  return (
+    <Checkbox
+      checked={keys.indexOf(key) !== -1}
+      onChange={check}
+      disabled={disabled}
+    />
+  );
 };

package/src/components/HTableBody/hooks.tsx

@@ -4,15 +4,27 @@ import { useEffect, useMemo } from "react";
 import { useHTableContext } from "../context";
 import type { GetRowKey } from "rc-table/lib/interface";
 import { RowSelectionBox, RowSelectionTitle } from "./RowSelection";
-import {HRowSelection} from "../modal";
-const rowSelectionCol = (rowSelection?:HRowSelection) => {
-  const { allPageCheck ,onChange} = rowSelection || {};
+import type { HRowSelection } from "../modal";
+const rowSelectionCol = (rowSelection?: HRowSelection) => {
+  const { allPageCheck, onChange, getCheckboxProps } = rowSelection || {};
   return {
-    title: <RowSelectionTitle allPageCheck={allPageCheck} onChange={onChange}/>,
+    title: (
+      <RowSelectionTitle
+        allPageCheck={allPageCheck}
+        onChange={onChange}
+        getCheckboxProps={getCheckboxProps}
+      />
+    ),
     dataIndex: "rowSelectionTitle",
     width: 32,
     render: (dom, data) => {
-      return <RowSelectionBox data={data} />;
+      return (
+        <RowSelectionBox
+          data={data}
+          onChange={onChange}
+          getCheckboxProps={getCheckboxProps}
+        />
+      );
     },
   };
 };
@@ -34,7 +46,7 @@ export const useCols = ({ configData, rowSelection, table }: HTableProps) => {
         },
       };
     });
-  }, [configData, table]);
+  }, [configData, table, rowSelection]);
 };
 interface FilterKeysModal {
   selectedRowKeys?: React.Key[];

package/src/components/HTableBody/index.tsx

@@ -1,6 +1,6 @@
 import type { ProTableProps } from "@ant-design/pro-table";
 import ProTable from "@ant-design/pro-table";
-import type {ActionRenderFn, ConfigDataModal, ParamsModal} from "../modal";
+import type { ActionRenderFn, ConfigDataModal, ParamsModal } from "../modal";
 import { useCols, useSynchronousKeys } from "./hooks";
 import { useHTableContext } from "../context";
 import type { DetailedReactHTMLElement } from "react";
@@ -11,8 +11,9 @@ import { useHTableConfigContext } from "../TableConfig";
 import HTablePagination from "../HTablePagination";
 import { useClassName } from "../hooks";
 import AlertMsg from "./AlertMsg";
-import {HRowSelection} from "../modal";
-interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource"|"rowSelection"> {
+import type { HRowSelection } from "../modal";
+interface HTableBodyProps
+  extends Omit<ProTableProps<any, any>, "dataSource" | "rowSelection"> {
   configData?: ConfigDataModal;
   onPageChange?: (params: ParamsModal) => void;
   emptyRender?: (tableInstance: HTableInstance) => React.ReactNode;
@@ -22,8 +23,8 @@ interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource"|"ro
   ) => React.ReactNode;
   tableStyle?: React.CSSProperties;
   paginationStyle?: React.CSSProperties;
-  actionRender?:ActionRenderFn
-  rowSelection?:HRowSelection
+  actionRender?: ActionRenderFn;
+  rowSelection?: HRowSelection;
 }
 const defaultRender = () => {
   return <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />;
@@ -45,11 +46,11 @@ export default ({
   paginationStyle,
   headerTitle,
   options,
-                  actionRender,
+  actionRender,
   ...props
 }: HTableBodyProps) => {
   // @ts-ignore
-  const { selectedRowKeys, onChange } = rowSelection;
+  const { selectedRowKeys } = rowSelection;
   const {
     tableInstance,
     configData: contextConfigData,
@@ -99,7 +100,10 @@ export default ({
         )}
         {alwaysShowAlert && (
           <div style={contentStyle}>
-            <Alert message={<AlertMsg actionRender={actionRender}/>} type="info" />
+            <Alert
+              message={<AlertMsg actionRender={actionRender} />}
+              type="info"
+            />
           </div>
         )}
         <ProTable

package/src/components/TableCustomize.tsx

@@ -12,7 +12,7 @@ const Index: React.FC<HTableProps> = ({
   table,
   action = {},
   children,
-                                          rowKey,
+  rowKey,
   ...props
 }) => {
   const { run, loading, data, error, saveParams } = useReq({
@@ -57,7 +57,7 @@ const Index: React.FC<HTableProps> = ({
         },
         onPageChange: tableInstance.table.reloadWithParams,
         setSelectedRowData,
-          rowKey,
+        rowKey,
       }}
     >
       {children}

package/src/components/modal.ts

@@ -7,7 +7,7 @@ import type {
 import type { ColProps } from "antd";
 import type React from "react";
 import type { ModalProps } from "antd";
-import {TableProps} from "antd/lib/table";
+import type { TableProps } from "antd/lib/table";
 
 export interface RowObj {
   keys?: React.Key[];
@@ -58,9 +58,9 @@ export interface RowSelectionOuter {
   allPageCheck?: boolean;
 }
 export type HRowSelection = RowSelectionOuter &
-    (TableProps<any>['rowSelection'] & {
-      alwaysShowAlert?: boolean;
-    })
+  (TableProps<any>["rowSelection"] & {
+    alwaysShowAlert?: boolean;
+  });
 export interface HTableProps
   extends Omit<
     ProTableProps<any, any>,
@@ -89,7 +89,7 @@ export interface HTableProps
   paginationStyle?: React.CSSProperties;
   rowKey?: string;
   allPageCheck?: boolean;
-  rowSelection?: HRowSelection|false;
+  rowSelection?: HRowSelection | false;
 }
 export interface TableInstance {
   reload: (params?: ParamsModal) => Promise<any>;

package/src/pages/Table/index.tsx

@@ -36,16 +36,14 @@ export default () => {
           configData={configData}
           rowKey={"id"}
           table={hTable}
-          rowSelection={{
-
-          }}
+          rowSelection={{}}
           options={{
             reload: false,
             setting: false,
             density: false,
           }}
-          actionRender={()=>{
-            return <Button>你大爷</Button>
+          actionRender={() => {
+            return <Button>你大爷</Button>;
           }}
           headerTitle={<Button type={"primary"}>操作</Button>}
           request={(params) => {

package/src/pages/TableCustomize/index.tsx

@@ -65,6 +65,11 @@ export default () => {
           pagination={false}
           scroll={{ x: 1000, y: 100 }}
           headerTitle={<AddBtn />}
+          rowSelection={{
+            onChange: () => {
+              console.log("rowSelection");
+            },
+          }}
         />
       </Space>
     </TableCustomize>

package/src/routes.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import { Navigate } from "react-router-dom";
 import Table from "./pages/Table";
 import ModalTable from "./pages/ModalTable";
-import TableCustomize from './pages/TableCustomize'
+import TableCustomize from "./pages/TableCustomize";
 export interface RouteModal {
   path?: string;
   name?: string;