@hw-component/table 0.0.4-beta-v19 → 0.0.5-beta-v1

package/es/HTableBody/RowSelection.d.ts

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

package/es/HTableBody/RowSelection.js

@@ -11,7 +11,8 @@ import { useMemo } from 'react';
 
 var RowSelectionTitle = function RowSelectionTitle(_ref) {
   var _ref$allPageCheck = _ref.allPageCheck,
-    allPageCheck = _ref$allPageCheck === void 0 ? true : _ref$allPageCheck;
+    allPageCheck = _ref$allPageCheck === void 0 ? true : _ref$allPageCheck,
+    onChange = _ref.onChange;
   var _useHTableContext = useHTableContext(),
     data = _useHTableContext.data,
     selectedRowData = _useHTableContext.selectedRowData,
@@ -29,9 +30,11 @@ var RowSelectionTitle = function RowSelectionTitle(_ref) {
       return item[rowKey];
     });
     rowOnChange(setKeys, records);
+    onChange === null || onChange === void 0 || onChange(setKeys, records);
   };
   var allCancel = function allCancel() {
     rowOnChange([], []);
+    onChange === null || onChange === void 0 || onChange([], []);
   };
   var checkChange = function checkChange(e) {
     var checked = e.target.checked;
@@ -53,9 +56,11 @@ var RowSelectionTitle = function RowSelectionTitle(_ref) {
     }
     if (key === "checkAll") {
       allSelectChange === null || allSelectChange === void 0 || allSelectChange(true);
+      onChange === null || onChange === void 0 || onChange([], []);
       return;
     }
     allSelectChange === null || allSelectChange === void 0 || allSelectChange(false);
+    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;
@@ -105,7 +110,8 @@ var RowSelectionTitle = function RowSelectionTitle(_ref) {
   });
 };
 var RowSelectionBox = function RowSelectionBox(_ref4) {
-  var data = _ref4.data;
+  var data = _ref4.data,
+    onChange = _ref4.onChange;
   var _useHTableContext2 = useHTableContext(),
     selectedRowData = _useHTableContext2.selectedRowData,
     rowOnChange = _useHTableContext2.rowOnChange,
@@ -124,11 +130,14 @@ var RowSelectionBox = function RowSelectionBox(_ref4) {
       newKeys.push(key);
       newRowData.push(data);
       rowOnChange(newKeys, newRowData);
+      onChange === null || onChange === void 0 || onChange(newKeys, newRowData);
       return;
     }
     var index = _indexOfInstanceProperty(newKeys).call(newKeys, key);
     _spliceInstanceProperty(newKeys).call(newKeys, index, 1);
     _spliceInstanceProperty(newRowData).call(newRowData, index, 1);
+    rowOnChange(newKeys, newRowData);
+    onChange === null || onChange === void 0 || onChange(newKeys, newRowData);
   };
   return jsx(Checkbox, {
     checked: _indexOfInstanceProperty(keys).call(keys, key) !== -1,

package/es/HTableBody/hooks.d.ts

@@ -830,7 +830,7 @@ export declare const useCols: ({ configData, rowSelection, table }: HTableProps)
         request?: import("@ant-design/pro-utils").ProFieldRequestData | undefined;
         width?: number | undefined;
     } | undefined) | undefined;
-    fieldProps?: (import("antd").CascaderProps<any> | Record<string, any> | import("antd").InputProps | import("antd/lib/input").PasswordProps | import("antd/lib/input").TextAreaProps | import("antd").DatePickerProps | import("antd/lib/date-picker").RangePickerProps | import("antd").TimeRangePickerProps | import("antd").SelectProps<any, import("rc-select/lib/Select").DefaultOptionType> | import("antd").CheckboxProps | import("antd").RateProps | import("antd").RadioProps | import("antd").ProgressProps | import("antd").InputNumberProps<string | number> | import("antd").AvatarProps | import("antd").SwitchProps | import("rc-image").ImageProps | import("antd").TreeSelectProps<any, import("rc-tree-select/lib/TreeSelect").DefaultOptionType> | (import("react-color").SketchPickerProps & {
+    fieldProps?: (import("antd").CascaderProps<any> | Record<string, any> | import("antd").InputProps | import("antd").CheckboxProps | import("antd").RadioProps | import("antd/lib/input").PasswordProps | import("antd/lib/input").TextAreaProps | import("antd").DatePickerProps | import("antd/lib/date-picker").RangePickerProps | import("antd").TimeRangePickerProps | import("antd").SelectProps<any, import("rc-select/lib/Select").DefaultOptionType> | import("antd").RateProps | import("antd").ProgressProps | import("antd").InputNumberProps<string | number> | import("antd").AvatarProps | import("antd").SwitchProps | import("rc-image").ImageProps | import("antd").TreeSelectProps<any, import("rc-tree-select/lib/TreeSelect").DefaultOptionType> | (import("react-color").SketchPickerProps & {
         value?: string | undefined;
         popoverProps?: import("antd").PopoverProps | undefined;
         mode?: "read" | "edit" | undefined;
@@ -1150,7 +1150,7 @@ export declare const useCols: ({ configData, rowSelection, table }: HTableProps)
         rowKey?: string | undefined;
         rowIndex: number;
         entity: any;
-    }) => import("antd").CascaderProps<any> | Record<string, any> | import("antd").InputProps | import("antd/lib/input").PasswordProps | import("antd/lib/input").TextAreaProps | import("antd").DatePickerProps | import("antd/lib/date-picker").RangePickerProps | import("antd").TimeRangePickerProps | import("antd").SelectProps<any, import("rc-select/lib/Select").DefaultOptionType> | import("antd").CheckboxProps | import("antd").RateProps | import("antd").RadioProps | import("antd").ProgressProps | import("antd").InputNumberProps<string | number> | import("antd").AvatarProps | import("antd").SwitchProps | import("rc-image").ImageProps | import("antd").TreeSelectProps<any, import("rc-tree-select/lib/TreeSelect").DefaultOptionType> | (import("react-color").SketchPickerProps & {
+    }) => import("antd").CascaderProps<any> | Record<string, any> | import("antd").InputProps | import("antd").CheckboxProps | import("antd").RadioProps | import("antd/lib/input").PasswordProps | import("antd/lib/input").TextAreaProps | import("antd").DatePickerProps | import("antd/lib/date-picker").RangePickerProps | import("antd").TimeRangePickerProps | import("antd").SelectProps<any, import("rc-select/lib/Select").DefaultOptionType> | import("antd").RateProps | import("antd").ProgressProps | import("antd").InputNumberProps<string | number> | import("antd").AvatarProps | import("antd").SwitchProps | import("rc-image").ImageProps | import("antd").TreeSelectProps<any, import("rc-tree-select/lib/TreeSelect").DefaultOptionType> | (import("react-color").SketchPickerProps & {
         value?: string | undefined;
         popoverProps?: import("antd").PopoverProps | undefined;
         mode?: "read" | "edit" | undefined;

package/es/HTableBody/hooks.js

@@ -19,10 +19,14 @@ import { RowSelectionTitle, RowSelectionBox } from './RowSelection.js';
 
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-var rowSelectionCol = function rowSelectionCol(allPageCheck) {
+var rowSelectionCol = function rowSelectionCol(rowSelection) {
+  var _ref = rowSelection || {},
+    allPageCheck = _ref.allPageCheck,
+    onChange = _ref.onChange;
   return {
     title: jsx(RowSelectionTitle, {
-      allPageCheck: allPageCheck
+      allPageCheck: allPageCheck,
+      onChange: onChange
     }),
     dataIndex: "rowSelectionTitle",
     width: 32,
@@ -33,16 +37,14 @@ var rowSelectionCol = function rowSelectionCol(allPageCheck) {
     }
   };
 };
-var useCols = function useCols(_ref) {
-  var configData = _ref.configData,
-    rowSelection = _ref.rowSelection,
-    table = _ref.table;
+var useCols = function useCols(_ref2) {
+  var configData = _ref2.configData,
+    rowSelection = _ref2.rowSelection,
+    table = _ref2.table;
   return useMemo(function () {
     var colsArray = _toConsumableArray(configData);
     if (rowSelection !== false) {
-      var _ref2 = rowSelection || {},
-        allPageCheck = _ref2.allPageCheck;
-      _spliceInstanceProperty(colsArray).call(colsArray, 0, 0, rowSelectionCol(allPageCheck));
+      _spliceInstanceProperty(colsArray).call(colsArray, 0, 0, rowSelectionCol(rowSelection));
     }
     return _mapInstanceProperty(colsArray).call(colsArray, function (item) {
       var _render = item.render;

package/es/HTableBody/index.d.ts

@@ -2,7 +2,8 @@ import type { ProTableProps } from "@ant-design/pro-table";
 import type { ActionRenderFn, ConfigDataModal, ParamsModal } from "../modal";
 import React from "react";
 import type { HTableInstance } from "../modal";
-interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource"> {
+import { HRowSelection } from "../modal";
+interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource" | "rowSelection"> {
     configData?: ConfigDataModal;
     onPageChange?: (params: ParamsModal) => void;
     emptyRender?: (tableInstance: HTableInstance) => React.ReactNode;
@@ -10,6 +11,7 @@ interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource"> {
     tableStyle?: React.CSSProperties;
     paginationStyle?: React.CSSProperties;
     actionRender?: ActionRenderFn;
+    rowSelection?: HRowSelection;
 }
 declare const _default: ({ configData, pagination, onPageChange, rowSelection, rowKey, emptyRender, errorRender, tableStyle, paginationStyle, headerTitle, options, actionRender, ...props }: HTableBodyProps) => JSX.Element;
 export default _default;

package/es/modal.d.ts

@@ -4,6 +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";
 export interface RowObj {
     keys?: React.Key[];
     rowData?: any[];
@@ -33,7 +34,9 @@ export type actionFn = (...arg: any[]) => void;
 export interface RowSelectionOuter {
     allPageCheck?: boolean;
 }
-export type HRowSelection = RowSelectionOuter & ProTableProps<any, any>["rowSelection"];
+export type HRowSelection = RowSelectionOuter & (TableProps<any>['rowSelection'] & {
+    alwaysShowAlert?: boolean;
+});
 export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "dataSource" | "rowKey" | "rowSelection"> {
     request?: (params: ParamsModal) => Promise<ResultModal>;
     configData: ConfigDataModal;
@@ -55,7 +58,7 @@ export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "
     paginationStyle?: React.CSSProperties;
     rowKey?: string;
     allPageCheck?: boolean;
-    rowSelection?: HRowSelection;
+    rowSelection?: HRowSelection | false;
 }
 export interface TableInstance {
     reload: (params?: ParamsModal) => Promise<any>;

package/lib/HTableBody/RowSelection.d.ts

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

package/lib/HTableBody/RowSelection.js

@@ -12,7 +12,8 @@ var React = require('react');
 
 var RowSelectionTitle = function RowSelectionTitle(_ref) {
   var _ref$allPageCheck = _ref.allPageCheck,
-    allPageCheck = _ref$allPageCheck === void 0 ? true : _ref$allPageCheck;
+    allPageCheck = _ref$allPageCheck === void 0 ? true : _ref$allPageCheck,
+    onChange = _ref.onChange;
   var _useHTableContext = context.useHTableContext(),
     data = _useHTableContext.data,
     selectedRowData = _useHTableContext.selectedRowData,
@@ -30,9 +31,11 @@ var RowSelectionTitle = function RowSelectionTitle(_ref) {
       return item[rowKey];
     });
     rowOnChange(setKeys, records);
+    onChange === null || onChange === void 0 || onChange(setKeys, records);
   };
   var allCancel = function allCancel() {
     rowOnChange([], []);
+    onChange === null || onChange === void 0 || onChange([], []);
   };
   var checkChange = function checkChange(e) {
     var checked = e.target.checked;
@@ -54,9 +57,11 @@ var RowSelectionTitle = function RowSelectionTitle(_ref) {
     }
     if (key === "checkAll") {
       allSelectChange === null || allSelectChange === void 0 || allSelectChange(true);
+      onChange === null || onChange === void 0 || onChange([], []);
       return;
     }
     allSelectChange === null || allSelectChange === void 0 || allSelectChange(false);
+    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;
@@ -106,7 +111,8 @@ var RowSelectionTitle = function RowSelectionTitle(_ref) {
   });
 };
 var RowSelectionBox = function RowSelectionBox(_ref4) {
-  var data = _ref4.data;
+  var data = _ref4.data,
+    onChange = _ref4.onChange;
   var _useHTableContext2 = context.useHTableContext(),
     selectedRowData = _useHTableContext2.selectedRowData,
     rowOnChange = _useHTableContext2.rowOnChange,
@@ -125,11 +131,14 @@ var RowSelectionBox = function RowSelectionBox(_ref4) {
       newKeys.push(key);
       newRowData.push(data);
       rowOnChange(newKeys, newRowData);
+      onChange === null || onChange === void 0 || onChange(newKeys, newRowData);
       return;
     }
     var index = _indexOfInstanceProperty(newKeys).call(newKeys, key);
     _spliceInstanceProperty(newKeys).call(newKeys, index, 1);
     _spliceInstanceProperty(newRowData).call(newRowData, index, 1);
+    rowOnChange(newKeys, newRowData);
+    onChange === null || onChange === void 0 || onChange(newKeys, newRowData);
   };
   return jsxRuntime.jsx(antd.Checkbox, {
     checked: _indexOfInstanceProperty(keys).call(keys, key) !== -1,

package/lib/HTableBody/hooks.d.ts

@@ -830,7 +830,7 @@ export declare const useCols: ({ configData, rowSelection, table }: HTableProps)
         request?: import("@ant-design/pro-utils").ProFieldRequestData | undefined;
         width?: number | undefined;
     } | undefined) | undefined;
-    fieldProps?: (import("antd").CascaderProps<any> | Record<string, any> | import("antd").InputProps | import("antd/lib/input").PasswordProps | import("antd/lib/input").TextAreaProps | import("antd").DatePickerProps | import("antd/lib/date-picker").RangePickerProps | import("antd").TimeRangePickerProps | import("antd").SelectProps<any, import("rc-select/lib/Select").DefaultOptionType> | import("antd").CheckboxProps | import("antd").RateProps | import("antd").RadioProps | import("antd").ProgressProps | import("antd").InputNumberProps<string | number> | import("antd").AvatarProps | import("antd").SwitchProps | import("rc-image").ImageProps | import("antd").TreeSelectProps<any, import("rc-tree-select/lib/TreeSelect").DefaultOptionType> | (import("react-color").SketchPickerProps & {
+    fieldProps?: (import("antd").CascaderProps<any> | Record<string, any> | import("antd").InputProps | import("antd").CheckboxProps | import("antd").RadioProps | import("antd/lib/input").PasswordProps | import("antd/lib/input").TextAreaProps | import("antd").DatePickerProps | import("antd/lib/date-picker").RangePickerProps | import("antd").TimeRangePickerProps | import("antd").SelectProps<any, import("rc-select/lib/Select").DefaultOptionType> | import("antd").RateProps | import("antd").ProgressProps | import("antd").InputNumberProps<string | number> | import("antd").AvatarProps | import("antd").SwitchProps | import("rc-image").ImageProps | import("antd").TreeSelectProps<any, import("rc-tree-select/lib/TreeSelect").DefaultOptionType> | (import("react-color").SketchPickerProps & {
         value?: string | undefined;
         popoverProps?: import("antd").PopoverProps | undefined;
         mode?: "read" | "edit" | undefined;
@@ -1150,7 +1150,7 @@ export declare const useCols: ({ configData, rowSelection, table }: HTableProps)
         rowKey?: string | undefined;
         rowIndex: number;
         entity: any;
-    }) => import("antd").CascaderProps<any> | Record<string, any> | import("antd").InputProps | import("antd/lib/input").PasswordProps | import("antd/lib/input").TextAreaProps | import("antd").DatePickerProps | import("antd/lib/date-picker").RangePickerProps | import("antd").TimeRangePickerProps | import("antd").SelectProps<any, import("rc-select/lib/Select").DefaultOptionType> | import("antd").CheckboxProps | import("antd").RateProps | import("antd").RadioProps | import("antd").ProgressProps | import("antd").InputNumberProps<string | number> | import("antd").AvatarProps | import("antd").SwitchProps | import("rc-image").ImageProps | import("antd").TreeSelectProps<any, import("rc-tree-select/lib/TreeSelect").DefaultOptionType> | (import("react-color").SketchPickerProps & {
+    }) => import("antd").CascaderProps<any> | Record<string, any> | import("antd").InputProps | import("antd").CheckboxProps | import("antd").RadioProps | import("antd/lib/input").PasswordProps | import("antd/lib/input").TextAreaProps | import("antd").DatePickerProps | import("antd/lib/date-picker").RangePickerProps | import("antd").TimeRangePickerProps | import("antd").SelectProps<any, import("rc-select/lib/Select").DefaultOptionType> | import("antd").RateProps | import("antd").ProgressProps | import("antd").InputNumberProps<string | number> | import("antd").AvatarProps | import("antd").SwitchProps | import("rc-image").ImageProps | import("antd").TreeSelectProps<any, import("rc-tree-select/lib/TreeSelect").DefaultOptionType> | (import("react-color").SketchPickerProps & {
         value?: string | undefined;
         popoverProps?: import("antd").PopoverProps | undefined;
         mode?: "read" | "edit" | undefined;

package/lib/HTableBody/hooks.js

@@ -20,10 +20,14 @@ var RowSelection = require('./RowSelection.js');
 
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-var rowSelectionCol = function rowSelectionCol(allPageCheck) {
+var rowSelectionCol = function rowSelectionCol(rowSelection) {
+  var _ref = rowSelection || {},
+    allPageCheck = _ref.allPageCheck,
+    onChange = _ref.onChange;
   return {
     title: jsxRuntime.jsx(RowSelection.RowSelectionTitle, {
-      allPageCheck: allPageCheck
+      allPageCheck: allPageCheck,
+      onChange: onChange
     }),
     dataIndex: "rowSelectionTitle",
     width: 32,
@@ -34,16 +38,14 @@ var rowSelectionCol = function rowSelectionCol(allPageCheck) {
     }
   };
 };
-var useCols = function useCols(_ref) {
-  var configData = _ref.configData,
-    rowSelection = _ref.rowSelection,
-    table = _ref.table;
+var useCols = function useCols(_ref2) {
+  var configData = _ref2.configData,
+    rowSelection = _ref2.rowSelection,
+    table = _ref2.table;
   return React.useMemo(function () {
     var colsArray = _toConsumableArray(configData);
     if (rowSelection !== false) {
-      var _ref2 = rowSelection || {},
-        allPageCheck = _ref2.allPageCheck;
-      _spliceInstanceProperty(colsArray).call(colsArray, 0, 0, rowSelectionCol(allPageCheck));
+      _spliceInstanceProperty(colsArray).call(colsArray, 0, 0, rowSelectionCol(rowSelection));
     }
     return _mapInstanceProperty(colsArray).call(colsArray, function (item) {
       var _render = item.render;

package/lib/HTableBody/index.d.ts

@@ -2,7 +2,8 @@ import type { ProTableProps } from "@ant-design/pro-table";
 import type { ActionRenderFn, ConfigDataModal, ParamsModal } from "../modal";
 import React from "react";
 import type { HTableInstance } from "../modal";
-interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource"> {
+import { HRowSelection } from "../modal";
+interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource" | "rowSelection"> {
     configData?: ConfigDataModal;
     onPageChange?: (params: ParamsModal) => void;
     emptyRender?: (tableInstance: HTableInstance) => React.ReactNode;
@@ -10,6 +11,7 @@ interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource"> {
     tableStyle?: React.CSSProperties;
     paginationStyle?: React.CSSProperties;
     actionRender?: ActionRenderFn;
+    rowSelection?: HRowSelection;
 }
 declare const _default: ({ configData, pagination, onPageChange, rowSelection, rowKey, emptyRender, errorRender, tableStyle, paginationStyle, headerTitle, options, actionRender, ...props }: HTableBodyProps) => JSX.Element;
 export default _default;

package/lib/modal.d.ts

@@ -4,6 +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";
 export interface RowObj {
     keys?: React.Key[];
     rowData?: any[];
@@ -33,7 +34,9 @@ export type actionFn = (...arg: any[]) => void;
 export interface RowSelectionOuter {
     allPageCheck?: boolean;
 }
-export type HRowSelection = RowSelectionOuter & ProTableProps<any, any>["rowSelection"];
+export type HRowSelection = RowSelectionOuter & (TableProps<any>['rowSelection'] & {
+    alwaysShowAlert?: boolean;
+});
 export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "dataSource" | "rowKey" | "rowSelection"> {
     request?: (params: ParamsModal) => Promise<ResultModal>;
     configData: ConfigDataModal;
@@ -55,7 +58,7 @@ export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "
     paginationStyle?: React.CSSProperties;
     rowKey?: string;
     allPageCheck?: boolean;
-    rowSelection?: HRowSelection;
+    rowSelection?: HRowSelection | false;
 }
 export interface TableInstance {
     reload: (params?: ParamsModal) => Promise<any>;

package/package.json

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

package/src/components/HTableBody/RowSelection.tsx

@@ -1,12 +1,11 @@
 import { useHTableContext } from "../context";
 import { Checkbox, Dropdown, Menu } from "antd";
 import { useMemo } from "react";
-interface IRowSelectionTitleProps {
-  allPageCheck?: boolean;
-}
+import {HRowSelection} from "../modal";
 export const RowSelectionTitle = ({
   allPageCheck = true,
-}: IRowSelectionTitleProps) => {
+  onChange
+}: HRowSelection) => {
   const {
     data,
     selectedRowData,
@@ -21,9 +20,11 @@ export const RowSelectionTitle = ({
       return item[rowKey];
     });
     rowOnChange(setKeys, records);
+    onChange?.(setKeys,records);
   };
   const allCancel = () => {
     rowOnChange([], []);
+    onChange?.([],[]);
   };
   const checkChange = (e) => {
     const checked = e.target.checked;
@@ -44,9 +45,11 @@ export const RowSelectionTitle = ({
     }
     if (key === "checkAll") {
       allSelectChange?.(true);
+      onChange?.([],[]);
       return;
     }
     allSelectChange?.(false);
+    onChange?.([],[]);
   };
   const len = keys?.length||0;
   const dataLen=records?.length||0;
@@ -90,8 +93,9 @@ export const RowSelectionTitle = ({
 
 interface RowSelectionBoxProps {
   data: any;
+  onChange?:HRowSelection["onChange"]
 }
-export const RowSelectionBox = ({ data }: RowSelectionBoxProps) => {
+export const RowSelectionBox = ({ data ,onChange}: RowSelectionBoxProps) => {
   const { selectedRowData, rowOnChange, rowKey = "id" } = useHTableContext();
   const { rowData = [], keys = [] } = selectedRowData;
   const key = data[rowKey];
@@ -103,11 +107,14 @@ export const RowSelectionBox = ({ data }: RowSelectionBoxProps) => {
       newKeys.push(key);
       newRowData.push(data);
       rowOnChange(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);
   };
   return <Checkbox checked={keys.indexOf(key) !== -1} onChange={check} />;
 };

package/src/components/HTableBody/hooks.tsx

@@ -4,9 +4,11 @@ import { useEffect, useMemo } from "react";
 import { useHTableContext } from "../context";
 import type { GetRowKey } from "rc-table/lib/interface";
 import { RowSelectionBox, RowSelectionTitle } from "./RowSelection";
-const rowSelectionCol = (allPageCheck?: boolean) => {
+import {HRowSelection} from "../modal";
+const rowSelectionCol = (rowSelection?:HRowSelection) => {
+  const { allPageCheck ,onChange} = rowSelection || {};
   return {
-    title: <RowSelectionTitle allPageCheck={allPageCheck} />,
+    title: <RowSelectionTitle allPageCheck={allPageCheck} onChange={onChange}/>,
     dataIndex: "rowSelectionTitle",
     width: 32,
     render: (dom, data) => {
@@ -18,8 +20,7 @@ export const useCols = ({ configData, rowSelection, table }: HTableProps) => {
   return useMemo(() => {
     const colsArray = [...configData];
     if (rowSelection !== false) {
-      const { allPageCheck } = rowSelection || {};
-      colsArray.splice(0, 0, rowSelectionCol(allPageCheck));
+      colsArray.splice(0, 0, rowSelectionCol(rowSelection));
     }
     return colsArray.map((item) => {
       const { render } = item;

package/src/components/HTableBody/index.tsx

@@ -11,7 +11,8 @@ import { useHTableConfigContext } from "../TableConfig";
 import HTablePagination from "../HTablePagination";
 import { useClassName } from "../hooks";
 import AlertMsg from "./AlertMsg";
-interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource"> {
+import {HRowSelection} from "../modal";
+interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource"|"rowSelection"> {
   configData?: ConfigDataModal;
   onPageChange?: (params: ParamsModal) => void;
   emptyRender?: (tableInstance: HTableInstance) => React.ReactNode;
@@ -22,6 +23,7 @@ interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource"> {
   tableStyle?: React.CSSProperties;
   paginationStyle?: React.CSSProperties;
   actionRender?:ActionRenderFn
+  rowSelection?:HRowSelection
 }
 const defaultRender = () => {
   return <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />;

package/src/components/modal.ts

@@ -7,6 +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";
 
 export interface RowObj {
   keys?: React.Key[];
@@ -57,7 +58,9 @@ export interface RowSelectionOuter {
   allPageCheck?: boolean;
 }
 export type HRowSelection = RowSelectionOuter &
-  ProTableProps<any, any>["rowSelection"];
+    (TableProps<any>['rowSelection'] & {
+      alwaysShowAlert?: boolean;
+    })
 export interface HTableProps
   extends Omit<
     ProTableProps<any, any>,
@@ -86,7 +89,7 @@ export interface HTableProps
   paginationStyle?: React.CSSProperties;
   rowKey?: string;
   allPageCheck?: boolean;
-  rowSelection?: HRowSelection;
+  rowSelection?: HRowSelection|false;
 }
 export interface TableInstance {
   reload: (params?: ParamsModal) => Promise<any>;