@hw-component/table 1.9.62 → 1.9.63

package/es/HTableBody/RowCheckBox/RowItem.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { HRowSelection } from "../../modal";
+interface RowSelectionBoxProps {
+    data: any;
+    onChange?: HRowSelection["onChange"];
+    getCheckboxProps?: HRowSelection["getCheckboxProps"];
+    index: number;
+}
+declare const _default: ({ data, onChange, index, getCheckboxProps, }: RowSelectionBoxProps) => JSX.Element;
+export default _default;

package/es/HTableBody/RowCheckBox/RowItem.js

@@ -0,0 +1,62 @@
+// welcome to hoo hoo hoo
+import _toConsumableArray from '@babel/runtime-corejs3/helpers/toConsumableArray';
+import _keysInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/keys';
+import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/index-of';
+import _spliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/splice';
+import { jsx } from 'react/jsx-runtime';
+import { useHTableContext } from '../../context.js';
+import { Checkbox } from 'antd';
+
+var RowCheckBoxSelection = (function (_ref) {
+  var data = _ref.data,
+    onChange = _ref.onChange,
+    index = _ref.index,
+    getCheckboxProps = _ref.getCheckboxProps;
+  var _useHTableContext = useHTableContext(),
+    selectedRowData = _useHTableContext.selectedRowData,
+    rowOnChange = _useHTableContext.rowOnChange,
+    _useHTableContext$row = _useHTableContext.rowKey,
+    rowKey = _useHTableContext$row === void 0 ? "id" : _useHTableContext$row;
+  var _selectedRowData$rowD = selectedRowData.rowData,
+    rowData = _selectedRowData$rowD === void 0 ? [] : _selectedRowData$rowD,
+    _selectedRowData$keys = _keysInstanceProperty(selectedRowData),
+    keys = _selectedRowData$keys === void 0 ? [] : _selectedRowData$keys;
+  var key = typeof rowKey === "function" ? rowKey(data, index) : data[rowKey];
+  var add = function add() {
+    var newKeys = _toConsumableArray(keys);
+    var newRowData = _toConsumableArray(rowData);
+    newKeys.push(key);
+    newRowData.push(data);
+    rowOnChange(newKeys, newRowData);
+    onChange === null || onChange === void 0 || onChange(newKeys, newRowData);
+  };
+  var cancel = function cancel() {
+    var newKeys = _toConsumableArray(keys);
+    var newRowData = _toConsumableArray(rowData);
+    var keyIndex = _indexOfInstanceProperty(newKeys).call(newKeys, key);
+    _spliceInstanceProperty(newKeys).call(newKeys, keyIndex, 1);
+    _spliceInstanceProperty(newRowData).call(newRowData, keyIndex, 1);
+    rowOnChange(newKeys, newRowData);
+    onChange === null || onChange === void 0 || onChange(newKeys, newRowData);
+  };
+  var check = function check(e) {
+    var checked = e.target.checked;
+    if (checked) {
+      add();
+      return;
+    }
+    cancel();
+  };
+  var _ref2 = (getCheckboxProps === null || getCheckboxProps === void 0 ? void 0 : getCheckboxProps(data)) || {},
+    _ref2$disabled = _ref2.disabled,
+    disabled = _ref2$disabled === void 0 ? false : _ref2$disabled;
+  var checked = _indexOfInstanceProperty(keys).call(keys, key) !== -1;
+  return jsx(Checkbox, {
+    checked: checked,
+    onChange: check,
+    disabled: disabled
+  });
+});
+
+export { RowCheckBoxSelection as default };
+// powered by hdj

package/es/HTableBody/RowCheckBox/Title.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { HRowSelection } from "@/components/modal";
+declare const _default: ({ allPageCheck, onChange, getCheckboxProps, }: HRowSelection) => JSX.Element;
+export default _default;

package/es/HTableBody/RowCheckBox/Title.js

@@ -0,0 +1,81 @@
+// welcome to hoo hoo hoo
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import _keysInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/keys';
+import { jsx } from 'react/jsx-runtime';
+import { useHTableContext } from '../../context.js';
+import { useMemo } from 'react';
+import { Dropdown, Checkbox, Menu } from 'antd';
+import { useCheckControl, useAllChecked } from './hooks.js';
+
+var RowCheckBoxSelectionTitle = (function (_ref) {
+  var _ref$allPageCheck = _ref.allPageCheck,
+    allPageCheck = _ref$allPageCheck === void 0 ? true : _ref$allPageCheck,
+    onChange = _ref.onChange,
+    getCheckboxProps = _ref.getCheckboxProps;
+  var _useHTableContext = useHTableContext(),
+    data = _useHTableContext.data,
+    selectedRowData = _useHTableContext.selectedRowData;
+    _useHTableContext.rowKey;
+  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(item)) || {},
+      _ref3$disabled = _ref3.disabled,
+      disabled = _ref3$disabled === void 0 ? false : _ref3$disabled;
+    return !disabled;
+  });
+  var keys = _keysInstanceProperty(selectedRowData),
+    selectAll = selectedRowData.selectAll;
+  var _useCheckControl = useCheckControl(newData, onChange),
+    checkChange = _useCheckControl.checkChange,
+    menuClick = _useCheckControl.menuClick;
+  var dataLen = (newData === null || newData === void 0 ? void 0 : newData.length) || 0;
+  var checked = useAllChecked(keys, newData);
+  var configItems = useMemo(function () {
+    var fsArray = checked ? {
+      label: "取消此页数据",
+      key: "cancel"
+    } : {
+      label: "选择此页数据",
+      key: "check"
+    };
+    var enArray = selectAll ? {
+      label: "取消全部数据",
+      key: "cancelAll"
+    } : {
+      label: "选择全部数据",
+      key: "checkAll"
+    };
+    return [fsArray, enArray];
+  }, [checked, selectAll]);
+  var menu = function menu() {
+    var MenuEle = Menu;
+    return jsx(MenuEle, {
+      onClick: menuClick,
+      items: configItems
+    });
+  };
+  var disabled = dataLen === 0;
+  if (allPageCheck) {
+    return jsx(Dropdown, {
+      overlay: menu,
+      arrow: true,
+      placement: "bottom",
+      disabled: disabled,
+      children: jsx(Checkbox, {
+        checked: checked,
+        onChange: checkChange,
+        disabled: disabled
+      })
+    });
+  }
+  return jsx(Checkbox, {
+    checked: checked,
+    onChange: checkChange,
+    disabled: disabled
+  });
+});
+
+export { RowCheckBoxSelectionTitle as default };
+// powered by hdj

package/es/HTableBody/RowCheckBox/hooks.d.ts

@@ -0,0 +1,9 @@
+import { Key } from "react";
+import type { HRowSelection } from "../../modal";
+export declare const useAllChecked: (keys?: Key[], data?: any[]) => boolean;
+export declare const useCheckControl: (data: any[] | undefined, onChange: HRowSelection["onChange"]) => {
+    checkChange: (e: any) => void;
+    menuClick: ({ key }: {
+        key: any;
+    }) => void;
+};

package/es/HTableBody/RowCheckBox/hooks.js

@@ -0,0 +1,73 @@
+// welcome to hoo hoo hoo
+import _everyInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/every';
+import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/index-of';
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
+import { useHTableContext } from '../../context.js';
+
+var getRowKey = function getRowKey(item, index, rowKey) {
+  return typeof rowKey === "function" ? rowKey(item, index) : item[rowKey];
+};
+var useAllChecked = function useAllChecked() {
+  var keys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var _useHTableContext = useHTableContext(),
+    _useHTableContext$row = _useHTableContext.rowKey,
+    rowKey = _useHTableContext$row === void 0 ? "id" : _useHTableContext$row;
+  return _everyInstanceProperty(data).call(data, function (item, index) {
+    var itemKey = getRowKey(item, index, rowKey);
+    return _indexOfInstanceProperty(keys).call(keys, itemKey) !== -1;
+  });
+};
+var useCheckControl = function useCheckControl() {
+  var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var onChange = arguments.length > 1 ? arguments[1] : undefined;
+  var _useHTableContext2 = useHTableContext(),
+    rowOnChange = _useHTableContext2.rowOnChange,
+    _useHTableContext2$ro = _useHTableContext2.rowKey,
+    rowKey = _useHTableContext2$ro === void 0 ? "id" : _useHTableContext2$ro,
+    allSelectChange = _useHTableContext2.allSelectChange;
+  var allCheck = function allCheck() {
+    var setKeys = _mapInstanceProperty(data).call(data, function (item, index) {
+      return getRowKey(item, index, rowKey);
+    });
+    rowOnChange(setKeys, data);
+    onChange === null || onChange === void 0 || onChange(setKeys, data);
+  };
+  var allCancel = function allCancel() {
+    rowOnChange([], []);
+    onChange === null || onChange === void 0 || onChange([], []);
+  };
+  var checkChange = function checkChange(e) {
+    var checked = e.target.checked;
+    if (checked) {
+      allCheck();
+      return;
+    }
+    allCancel();
+  };
+  var menuClick = function menuClick(_ref) {
+    var key = _ref.key;
+    if (key === "check") {
+      allCheck();
+      return;
+    }
+    if (key === "cancel") {
+      allCancel();
+      return;
+    }
+    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([], []);
+  };
+  return {
+    checkChange: checkChange,
+    menuClick: menuClick
+  };
+};
+
+export { useAllChecked, useCheckControl };
+// powered by hdj

package/es/HTableBody/hooks/colsMk.js

@@ -1,7 +1,8 @@
 // welcome to hoo hoo hoo
 import { jsx } from 'react/jsx-runtime';
-import { RowCheckBoxSelectionTitle, RowCheckBoxSelection } from '../RowCheckBoxSelection.js';
 import { RowRadioSelection } from '../RowRadioBoxSelection.js';
+import RowCheckBoxSelectionTitle from '../RowCheckBox/Title.js';
+import RowCheckBoxSelection from '../RowCheckBox/RowItem.js';
 
 var checkBoxSelectionCol = function checkBoxSelectionCol(rowSelection) {
   var allPageCheck = rowSelection.allPageCheck,

package/lib/HTableBody/RowCheckBox/RowItem.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { HRowSelection } from "../../modal";
+interface RowSelectionBoxProps {
+    data: any;
+    onChange?: HRowSelection["onChange"];
+    getCheckboxProps?: HRowSelection["getCheckboxProps"];
+    index: number;
+}
+declare const _default: ({ data, onChange, index, getCheckboxProps, }: RowSelectionBoxProps) => JSX.Element;
+export default _default;

package/lib/HTableBody/RowCheckBox/RowItem.js

@@ -0,0 +1,65 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
+var _keysInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/keys');
+var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
+var _spliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/splice');
+var jsxRuntime = require('react/jsx-runtime');
+var context = require('../../context.js');
+var antd = require('antd');
+
+var RowCheckBoxSelection = (function (_ref) {
+  var data = _ref.data,
+    onChange = _ref.onChange,
+    index = _ref.index,
+    getCheckboxProps = _ref.getCheckboxProps;
+  var _useHTableContext = context.useHTableContext(),
+    selectedRowData = _useHTableContext.selectedRowData,
+    rowOnChange = _useHTableContext.rowOnChange,
+    _useHTableContext$row = _useHTableContext.rowKey,
+    rowKey = _useHTableContext$row === void 0 ? "id" : _useHTableContext$row;
+  var _selectedRowData$rowD = selectedRowData.rowData,
+    rowData = _selectedRowData$rowD === void 0 ? [] : _selectedRowData$rowD,
+    _selectedRowData$keys = _keysInstanceProperty(selectedRowData),
+    keys = _selectedRowData$keys === void 0 ? [] : _selectedRowData$keys;
+  var key = typeof rowKey === "function" ? rowKey(data, index) : data[rowKey];
+  var add = function add() {
+    var newKeys = _toConsumableArray(keys);
+    var newRowData = _toConsumableArray(rowData);
+    newKeys.push(key);
+    newRowData.push(data);
+    rowOnChange(newKeys, newRowData);
+    onChange === null || onChange === void 0 || onChange(newKeys, newRowData);
+  };
+  var cancel = function cancel() {
+    var newKeys = _toConsumableArray(keys);
+    var newRowData = _toConsumableArray(rowData);
+    var keyIndex = _indexOfInstanceProperty(newKeys).call(newKeys, key);
+    _spliceInstanceProperty(newKeys).call(newKeys, keyIndex, 1);
+    _spliceInstanceProperty(newRowData).call(newRowData, keyIndex, 1);
+    rowOnChange(newKeys, newRowData);
+    onChange === null || onChange === void 0 || onChange(newKeys, newRowData);
+  };
+  var check = function check(e) {
+    var checked = e.target.checked;
+    if (checked) {
+      add();
+      return;
+    }
+    cancel();
+  };
+  var _ref2 = (getCheckboxProps === null || getCheckboxProps === void 0 ? void 0 : getCheckboxProps(data)) || {},
+    _ref2$disabled = _ref2.disabled,
+    disabled = _ref2$disabled === void 0 ? false : _ref2$disabled;
+  var checked = _indexOfInstanceProperty(keys).call(keys, key) !== -1;
+  return jsxRuntime.jsx(antd.Checkbox, {
+    checked: checked,
+    onChange: check,
+    disabled: disabled
+  });
+});
+
+exports.default = RowCheckBoxSelection;
+// powered by h

package/lib/HTableBody/RowCheckBox/Title.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { HRowSelection } from "@/components/modal";
+declare const _default: ({ allPageCheck, onChange, getCheckboxProps, }: HRowSelection) => JSX.Element;
+export default _default;

package/lib/HTableBody/RowCheckBox/Title.js

@@ -0,0 +1,84 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _keysInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/keys');
+var jsxRuntime = require('react/jsx-runtime');
+var context = require('../../context.js');
+var React = require('react');
+var antd = require('antd');
+var hooks = require('./hooks.js');
+
+var RowCheckBoxSelectionTitle = (function (_ref) {
+  var _ref$allPageCheck = _ref.allPageCheck,
+    allPageCheck = _ref$allPageCheck === void 0 ? true : _ref$allPageCheck,
+    onChange = _ref.onChange,
+    getCheckboxProps = _ref.getCheckboxProps;
+  var _useHTableContext = context.useHTableContext(),
+    data = _useHTableContext.data,
+    selectedRowData = _useHTableContext.selectedRowData;
+    _useHTableContext.rowKey;
+  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(item)) || {},
+      _ref3$disabled = _ref3.disabled,
+      disabled = _ref3$disabled === void 0 ? false : _ref3$disabled;
+    return !disabled;
+  });
+  var keys = _keysInstanceProperty(selectedRowData),
+    selectAll = selectedRowData.selectAll;
+  var _useCheckControl = hooks.useCheckControl(newData, onChange),
+    checkChange = _useCheckControl.checkChange,
+    menuClick = _useCheckControl.menuClick;
+  var dataLen = (newData === null || newData === void 0 ? void 0 : newData.length) || 0;
+  var checked = hooks.useAllChecked(keys, newData);
+  var configItems = React.useMemo(function () {
+    var fsArray = checked ? {
+      label: "取消此页数据",
+      key: "cancel"
+    } : {
+      label: "选择此页数据",
+      key: "check"
+    };
+    var enArray = selectAll ? {
+      label: "取消全部数据",
+      key: "cancelAll"
+    } : {
+      label: "选择全部数据",
+      key: "checkAll"
+    };
+    return [fsArray, enArray];
+  }, [checked, selectAll]);
+  var menu = function menu() {
+    var MenuEle = antd.Menu;
+    return jsxRuntime.jsx(MenuEle, {
+      onClick: menuClick,
+      items: configItems
+    });
+  };
+  var disabled = dataLen === 0;
+  if (allPageCheck) {
+    return jsxRuntime.jsx(antd.Dropdown, {
+      overlay: menu,
+      arrow: true,
+      placement: "bottom",
+      disabled: disabled,
+      children: jsxRuntime.jsx(antd.Checkbox, {
+        checked: checked,
+        onChange: checkChange,
+        disabled: disabled
+      })
+    });
+  }
+  return jsxRuntime.jsx(antd.Checkbox, {
+    checked: checked,
+    onChange: checkChange,
+    disabled: disabled
+  });
+});
+
+exports.default = RowCheckBoxSelectionTitle;
+// powered by h

package/lib/HTableBody/RowCheckBox/hooks.d.ts

@@ -0,0 +1,9 @@
+import { Key } from "react";
+import type { HRowSelection } from "../../modal";
+export declare const useAllChecked: (keys?: Key[], data?: any[]) => boolean;
+export declare const useCheckControl: (data: any[] | undefined, onChange: HRowSelection["onChange"]) => {
+    checkChange: (e: any) => void;
+    menuClick: ({ key }: {
+        key: any;
+    }) => void;
+};

package/lib/HTableBody/RowCheckBox/hooks.js

@@ -0,0 +1,75 @@
+'use strict';
+
+var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/every');
+var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var context = require('../../context.js');
+
+var getRowKey = function getRowKey(item, index, rowKey) {
+  return typeof rowKey === "function" ? rowKey(item, index) : item[rowKey];
+};
+var useAllChecked = function useAllChecked() {
+  var keys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var _useHTableContext = context.useHTableContext(),
+    _useHTableContext$row = _useHTableContext.rowKey,
+    rowKey = _useHTableContext$row === void 0 ? "id" : _useHTableContext$row;
+  return _everyInstanceProperty(data).call(data, function (item, index) {
+    var itemKey = getRowKey(item, index, rowKey);
+    return _indexOfInstanceProperty(keys).call(keys, itemKey) !== -1;
+  });
+};
+var useCheckControl = function useCheckControl() {
+  var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var onChange = arguments.length > 1 ? arguments[1] : undefined;
+  var _useHTableContext2 = context.useHTableContext(),
+    rowOnChange = _useHTableContext2.rowOnChange,
+    _useHTableContext2$ro = _useHTableContext2.rowKey,
+    rowKey = _useHTableContext2$ro === void 0 ? "id" : _useHTableContext2$ro,
+    allSelectChange = _useHTableContext2.allSelectChange;
+  var allCheck = function allCheck() {
+    var setKeys = _mapInstanceProperty(data).call(data, function (item, index) {
+      return getRowKey(item, index, rowKey);
+    });
+    rowOnChange(setKeys, data);
+    onChange === null || onChange === void 0 || onChange(setKeys, data);
+  };
+  var allCancel = function allCancel() {
+    rowOnChange([], []);
+    onChange === null || onChange === void 0 || onChange([], []);
+  };
+  var checkChange = function checkChange(e) {
+    var checked = e.target.checked;
+    if (checked) {
+      allCheck();
+      return;
+    }
+    allCancel();
+  };
+  var menuClick = function menuClick(_ref) {
+    var key = _ref.key;
+    if (key === "check") {
+      allCheck();
+      return;
+    }
+    if (key === "cancel") {
+      allCancel();
+      return;
+    }
+    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([], []);
+  };
+  return {
+    checkChange: checkChange,
+    menuClick: menuClick
+  };
+};
+
+exports.useAllChecked = useAllChecked;
+exports.useCheckControl = useCheckControl;
+// powered by h

package/lib/HTableBody/hooks/colsMk.js

@@ -1,15 +1,16 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var RowCheckBoxSelection = require('../RowCheckBoxSelection.js');
 var RowRadioBoxSelection = require('../RowRadioBoxSelection.js');
+var Title = require('../RowCheckBox/Title.js');
+var RowItem = require('../RowCheckBox/RowItem.js');
 
 var checkBoxSelectionCol = function checkBoxSelectionCol(rowSelection) {
   var allPageCheck = rowSelection.allPageCheck,
     onChange = rowSelection.onChange,
     getCheckboxProps = rowSelection.getCheckboxProps;
   return {
-    title: jsxRuntime.jsx(RowCheckBoxSelection.RowCheckBoxSelectionTitle, {
+    title: jsxRuntime.jsx(Title.default, {
       allPageCheck: allPageCheck,
       onChange: onChange,
       getCheckboxProps: getCheckboxProps
@@ -19,7 +20,7 @@ var checkBoxSelectionCol = function checkBoxSelectionCol(rowSelection) {
     fixed: "left",
     align: "center",
     render: function render(dom, data, index) {
-      return jsxRuntime.jsx(RowCheckBoxSelection.RowCheckBoxSelection, {
+      return jsxRuntime.jsx(RowItem.default, {
         data: data,
         index: index,
         onChange: onChange,

package/package.json

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

package/src/components/HTableBody/RowCheckBox/RowItem.tsx

@@ -0,0 +1,49 @@
+import { useHTableContext } from "../../context";
+import { Checkbox } from "antd";
+import type { HRowSelection } from "../../modal";
+
+
+interface RowSelectionBoxProps {
+    data: any;
+    onChange?: HRowSelection["onChange"];
+    getCheckboxProps?: HRowSelection["getCheckboxProps"];
+    index: number;
+}
+export default ({
+                                         data,
+                                         onChange,
+                                         index,
+                                         getCheckboxProps,
+                                     }: RowSelectionBoxProps) => {
+    const { selectedRowData, rowOnChange, rowKey = "id" } = useHTableContext();
+    const { rowData = [], keys = [] } = selectedRowData;
+    const key = typeof rowKey === "function" ? rowKey(data, index) : data[rowKey];
+    const add = () => {
+        const newKeys = [...keys];
+        const newRowData = [...rowData];
+        newKeys.push(key);
+        newRowData.push(data);
+        rowOnChange(newKeys, newRowData);
+        onChange?.(newKeys, newRowData);
+    };
+    const cancel = () => {
+        const newKeys = [...keys];
+        const newRowData = [...rowData];
+        const keyIndex = newKeys.indexOf(key);
+        newKeys.splice(keyIndex, 1);
+        newRowData.splice(keyIndex, 1);
+        rowOnChange(newKeys, newRowData);
+        onChange?.(newKeys, newRowData);
+    };
+    const check = (e) => {
+        const checked = e.target.checked;
+        if (checked) {
+            add();
+            return;
+        }
+        cancel();
+    };
+    const { disabled = false } = getCheckboxProps?.(data) || {};
+    const checked = keys.indexOf(key) !== -1;
+    return <Checkbox checked={checked} onChange={check} disabled={disabled} />;
+};

package/src/components/HTableBody/RowCheckBox/Title.tsx

@@ -0,0 +1,66 @@
+import {HRowSelection} from "@/components/modal";
+import {useHTableContext} from "@/components/context";
+import {useMemo} from "react";
+import {Checkbox, Dropdown, Menu} from "antd";
+import {useAllChecked, useCheckControl} from "./hooks";
+export default  ({
+                                              allPageCheck = true,
+                                              onChange,
+                                              getCheckboxProps,
+                                          }: HRowSelection) => {
+    const {
+        data,
+        selectedRowData,
+        rowKey = "id",
+    } = useHTableContext();
+    const { records = [] } = data || {};
+    const newData = records?.filter((item) => {
+        const { disabled = false } = getCheckboxProps?.(item) || {};
+        return !disabled;
+    });
+    const { keys, selectAll } = selectedRowData;
+    const {checkChange,menuClick}=useCheckControl(newData,onChange);
+    const dataLen = newData?.length || 0;
+    const checked = useAllChecked(keys,newData);
+    const configItems = useMemo(() => {
+        const fsArray = checked
+            ? {
+                label: "取消此页数据",
+                key: "cancel",
+            }
+            : {
+                label: "选择此页数据",
+                key: "check",
+            };
+        const enArray = selectAll
+            ? {
+                label: "取消全部数据",
+                key: "cancelAll",
+            }
+            : {
+                label: "选择全部数据",
+                key: "checkAll",
+            };
+        return [fsArray, enArray];
+    }, [checked, selectAll]);
+
+    const menu = () => {
+        const MenuEle = Menu as any;
+        return <MenuEle onClick={menuClick} items={configItems} />;
+    };
+    const disabled = dataLen === 0;
+    if (allPageCheck) {
+        return (
+            <Dropdown overlay={menu} arrow placement={"bottom"} disabled={disabled}>
+                <Checkbox
+                    checked={checked}
+                    onChange={checkChange}
+                    disabled={disabled}
+                />
+            </Dropdown>
+        );
+    }
+    return (
+        <Checkbox checked={checked} onChange={checkChange} disabled={disabled} />
+    );
+};