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

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

@@ -32,7 +32,7 @@ var defaultRender = function defaultRender() {
 var contentStyle = {
   paddingLeft: 24,
   paddingRight: 24,
-  marginBottom: 12
+  marginBottom: 16
 };
 var Body = (function (_ref) {
   var configData = _ref.configData,
@@ -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/HTablePagination/index.d.ts

@@ -1,9 +1,11 @@
 import type { PaginationProps } from "antd";
 import type { ParamsModal } from "@/components/modal";
 import React from "react";
+import type { AffixProps } from "antd/lib/affix";
 interface IPaginationProps extends PaginationProps {
     onPageChange?: (params: ParamsModal) => void;
     paginationStyle?: React.CSSProperties;
+    affixProps?: AffixProps | false;
 }
-declare const _default: ({ onPageChange, paginationStyle, ...props }: IPaginationProps) => JSX.Element;
+declare const _default: ({ onPageChange, paginationStyle, affixProps, ...props }: IPaginationProps) => JSX.Element;
 export default _default;

package/es/HTablePagination/index.js

@@ -7,22 +7,25 @@ import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/fo
 import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptors';
 import _Object$defineProperties from '@babel/runtime-corejs3/core-js/object/define-properties';
 import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define-property';
-import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
 import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import _Number$parseInt from '@babel/runtime-corejs3/core-js/number/parse-int';
 import _concatInstanceProperty from '@babel/runtime-corejs3/core-js/instance/concat';
 import { jsx, Fragment } from 'react/jsx-runtime';
-import { Row, Pagination } from 'antd';
+import { Row, Pagination, Affix } from 'antd';
 import { useHTableContext } from '../context.js';
 import { useClassName } from '../hooks/index.js';
+import { useState } from 'react';
 
-var _excluded = ["onPageChange", "paginationStyle"];
+var _excluded = ["onPageChange", "paginationStyle", "affixProps"],
+  _excluded2 = ["offsetBottom"];
 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 _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context5 = ownKeys(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context6 = ownKeys(Object(t))).call(_context6, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HTablePagination = (function (_ref) {
   var onPageChange = _ref.onPageChange,
     paginationStyle = _ref.paginationStyle,
+    affixProps = _ref.affixProps,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useHTableContext = useHTableContext(),
     contextOnPageChange = _useHTableContext.onPageChange,
@@ -36,7 +39,14 @@ var HTablePagination = (function (_ref) {
   var pageSize = _Number$parseInt(size || "10", 10);
   var pageTotal = _Number$parseInt(total || "0", 10);
   var className = useClassName("hw-table-pagination");
-  if (data) {
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    style = _useState2[0],
+    setStyle = _useState2[1];
+  if (!data) {
+    return jsx(Fragment, {});
+  }
+  if (affixProps === false) {
     return jsx(Row, {
       justify: "end",
       className: className,
@@ -63,7 +73,48 @@ var HTablePagination = (function (_ref) {
       }, props))
     });
   }
-  return jsx(Fragment, {});
+  var _ref5 = affixProps || {},
+    _ref5$offsetBottom = _ref5.offsetBottom,
+    offsetBottom = _ref5$offsetBottom === void 0 ? 0 : _ref5$offsetBottom,
+    afProps = _objectWithoutProperties(_ref5, _excluded2);
+  return jsx(Affix, _objectSpread(_objectSpread({
+    offsetBottom: offsetBottom,
+    onChange: function onChange(affixed) {
+      if (!affixed) {
+        setStyle({});
+        return;
+      }
+      setStyle({
+        boxShadow: "0px -3px 10px 1px rgba(165,165,165,0.16)"
+      });
+    }
+  }, afProps), {}, {
+    children: jsx(Row, {
+      justify: "end",
+      className: className,
+      style: _objectSpread(_objectSpread({}, paginationStyle), style),
+      children: jsx(Pagination, _objectSpread({
+        size: "small",
+        showQuickJumper: true,
+        pageSize: pageSize,
+        current: pageCurrent,
+        showTotal: function showTotal(totalNum, _ref6) {
+          var _context3, _context4;
+          var _ref7 = _slicedToArray(_ref6, 2),
+            showCurrent = _ref7[0],
+            showCurrentEnd = _ref7[1];
+          return _concatInstanceProperty(_context3 = _concatInstanceProperty(_context4 = "\u7B2C".concat(showCurrent, "-")).call(_context4, showCurrentEnd, "/\u603B\u5171")).call(_context3, totalNum, "\u6761");
+        },
+        total: pageTotal,
+        onChange: function onChange(pn, ps) {
+          tableOnPageChange({
+            size: ps,
+            current: pn
+          });
+        }
+      }, props))
+    })
+  }));
 });
 
 export { HTablePagination as default };

package/es/index.css

@@ -5,7 +5,15 @@
   overflow: hidden;
 }
 .ant-hw-table-body .ant-hw-table-pagination {
-  padding: 0 24px 24px;
+  padding: 12px 24px;
+  background-color: #ffffff;
+  border-radius: 0px;
+}
+.ant-hw-table-body .ant-pro-card-body {
+  padding-bottom: 0px;
+}
+.ant-hw-table-body .ant-pro-table-list-toolbar-container {
+  padding-top: 0px;
 }
 .ant-hw-table-pagination {
   padding: 24px;

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

@@ -35,7 +35,7 @@ var defaultRender = function defaultRender() {
 var contentStyle = {
   paddingLeft: 24,
   paddingRight: 24,
-  marginBottom: 12
+  marginBottom: 16
 };
 var Body = (function (_ref) {
   var configData = _ref.configData,
@@ -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/HTablePagination/index.d.ts

@@ -1,9 +1,11 @@
 import type { PaginationProps } from "antd";
 import type { ParamsModal } from "@/components/modal";
 import React from "react";
+import type { AffixProps } from "antd/lib/affix";
 interface IPaginationProps extends PaginationProps {
     onPageChange?: (params: ParamsModal) => void;
     paginationStyle?: React.CSSProperties;
+    affixProps?: AffixProps | false;
 }
-declare const _default: ({ onPageChange, paginationStyle, ...props }: IPaginationProps) => JSX.Element;
+declare const _default: ({ onPageChange, paginationStyle, affixProps, ...props }: IPaginationProps) => JSX.Element;
 export default _default;

package/lib/HTablePagination/index.js

@@ -10,8 +10,8 @@ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/
 var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptors');
 var _Object$defineProperties = require('@babel/runtime-corejs3/core-js/object/define-properties');
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js/object/define-property');
-var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var _Number$parseInt = require('@babel/runtime-corejs3/core-js/number/parse-int');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/concat');
@@ -19,13 +19,16 @@ var jsxRuntime = require('react/jsx-runtime');
 var antd = require('antd');
 var context = require('../context.js');
 var index = require('../hooks/index.js');
+var React = require('react');
 
-var _excluded = ["onPageChange", "paginationStyle"];
+var _excluded = ["onPageChange", "paginationStyle", "affixProps"],
+  _excluded2 = ["offsetBottom"];
 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 _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context5 = ownKeys(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context6 = ownKeys(Object(t))).call(_context6, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HTablePagination = (function (_ref) {
   var onPageChange = _ref.onPageChange,
     paginationStyle = _ref.paginationStyle,
+    affixProps = _ref.affixProps,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useHTableContext = context.useHTableContext(),
     contextOnPageChange = _useHTableContext.onPageChange,
@@ -39,7 +42,14 @@ var HTablePagination = (function (_ref) {
   var pageSize = _Number$parseInt(size || "10", 10);
   var pageTotal = _Number$parseInt(total || "0", 10);
   var className = index.useClassName("hw-table-pagination");
-  if (data) {
+  var _useState = React.useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    style = _useState2[0],
+    setStyle = _useState2[1];
+  if (!data) {
+    return jsxRuntime.jsx(jsxRuntime.Fragment, {});
+  }
+  if (affixProps === false) {
     return jsxRuntime.jsx(antd.Row, {
       justify: "end",
       className: className,
@@ -66,7 +76,48 @@ var HTablePagination = (function (_ref) {
       }, props))
     });
   }
-  return jsxRuntime.jsx(jsxRuntime.Fragment, {});
+  var _ref5 = affixProps || {},
+    _ref5$offsetBottom = _ref5.offsetBottom,
+    offsetBottom = _ref5$offsetBottom === void 0 ? 0 : _ref5$offsetBottom,
+    afProps = _objectWithoutProperties(_ref5, _excluded2);
+  return jsxRuntime.jsx(antd.Affix, _objectSpread(_objectSpread({
+    offsetBottom: offsetBottom,
+    onChange: function onChange(affixed) {
+      if (!affixed) {
+        setStyle({});
+        return;
+      }
+      setStyle({
+        boxShadow: "0px -3px 10px 1px rgba(165,165,165,0.16)"
+      });
+    }
+  }, afProps), {}, {
+    children: jsxRuntime.jsx(antd.Row, {
+      justify: "end",
+      className: className,
+      style: _objectSpread(_objectSpread({}, paginationStyle), style),
+      children: jsxRuntime.jsx(antd.Pagination, _objectSpread({
+        size: "small",
+        showQuickJumper: true,
+        pageSize: pageSize,
+        current: pageCurrent,
+        showTotal: function showTotal(totalNum, _ref6) {
+          var _context3, _context4;
+          var _ref7 = _slicedToArray(_ref6, 2),
+            showCurrent = _ref7[0],
+            showCurrentEnd = _ref7[1];
+          return _concatInstanceProperty(_context3 = _concatInstanceProperty(_context4 = "\u7B2C".concat(showCurrent, "-")).call(_context4, showCurrentEnd, "/\u603B\u5171")).call(_context3, totalNum, "\u6761");
+        },
+        total: pageTotal,
+        onChange: function onChange(pn, ps) {
+          tableOnPageChange({
+            size: ps,
+            current: pn
+          });
+        }
+      }, props))
+    })
+  }));
 });
 
 exports.default = HTablePagination;

package/lib/index.css

@@ -5,7 +5,15 @@
   overflow: hidden;
 }
 .ant-hw-table-body .ant-hw-table-pagination {
-  padding: 0 24px 24px;
+  padding: 12px 24px;
+  background-color: #ffffff;
+  border-radius: 0px;
+}
+.ant-hw-table-body .ant-pro-card-body {
+  padding-bottom: 0px;
+}
+.ant-hw-table-body .ant-pro-table-list-toolbar-container {
+  padding-top: 0px;
 }
 .ant-hw-table-pagination {
   padding: 24px;

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-v3",
   "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,18 +1,19 @@
 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";
-import React from "react";
+import React, { useRef } from "react";
 import { ConfigProvider, Empty, Row, Alert } from "antd";
 import type { HTableInstance } from "../modal";
 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} />;
@@ -31,7 +32,7 @@ const defaultRender = () => {
 const contentStyle = {
   paddingLeft: 24,
   paddingRight: 24,
-  marginBottom: 12,
+  marginBottom: 16,
 };
 export default ({
   configData,
@@ -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,
@@ -78,7 +79,6 @@ export default ({
 
   const alwaysShowAlert = keys.length > 0 || selectAll;
   const className = useClassName("hw-table-body");
-
   return (
     <div style={tableStyle} className={`hw_table_body  ${className}`}>
       <ConfigProvider
@@ -99,7 +99,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/HTablePagination/index.tsx

@@ -1,16 +1,19 @@
 import type { PaginationProps } from "antd";
-import { Button, Pagination, Row, Space, Typography } from "antd";
+import { Affix, Button, Pagination, Row, Space, Typography } from "antd";
 import { useHTableContext } from "../context";
 import type { ParamsModal } from "@/components/modal";
 import { useClassName } from "../hooks";
-import React from "react";
+import React, { useState } from "react";
+import type { AffixProps } from "antd/lib/affix";
 interface IPaginationProps extends PaginationProps {
   onPageChange?: (params: ParamsModal) => void;
   paginationStyle?: React.CSSProperties;
+  affixProps?: AffixProps | false;
 }
 export default ({
   onPageChange,
   paginationStyle,
+  affixProps,
   ...props
 }: IPaginationProps) => {
   const { onPageChange: contextOnPageChange, data } = useHTableContext();
@@ -20,7 +23,11 @@ export default ({
   const pageSize = Number.parseInt(size || "10", 10);
   const pageTotal = Number.parseInt(total || "0", 10);
   const className = useClassName("hw-table-pagination");
-  if (data) {
+  const [style, setStyle] = useState({});
+  if (!data) {
+    return <></>;
+  }
+  if (affixProps === false) {
     return (
       <Row justify={"end"} className={className} style={paginationStyle}>
         <Pagination
@@ -40,5 +47,41 @@ export default ({
       </Row>
     );
   }
-  return <></>;
+  const { offsetBottom = 0, ...afProps } = affixProps || {};
+  return (
+    <Affix
+      offsetBottom={offsetBottom}
+      onChange={(affixed) => {
+        if (!affixed) {
+          setStyle({});
+          return;
+        }
+        setStyle({
+          boxShadow: "0px -3px 10px 1px rgba(165,165,165,0.16)",
+        });
+      }}
+      {...afProps}
+    >
+      <Row
+        justify={"end"}
+        className={className}
+        style={{ ...paginationStyle, ...style }}
+      >
+        <Pagination
+          size={"small"}
+          showQuickJumper={true}
+          pageSize={pageSize}
+          current={pageCurrent}
+          showTotal={(totalNum, [showCurrent, showCurrentEnd]) => {
+            return `第${showCurrent}-${showCurrentEnd}/总共${totalNum}条`;
+          }}
+          total={pageTotal}
+          onChange={(pn, ps) => {
+            tableOnPageChange({ size: ps, current: pn });
+          }}
+          {...props}
+        />
+      </Row>
+    </Affix>
+  );
 };

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/index.less

@@ -5,7 +5,15 @@
   background-color: #fff;
   overflow: hidden;
   .@{ant-prefix}-hw-table-pagination{
-    padding: 0 24px 24px;
+    padding: 12px 24px;
+    background-color:#ffffff;
+    border-radius: 0px;
+  }
+  .@{ant-prefix}-pro-card-body{
+   padding-bottom: 0px;
+  }
+  .@{ant-prefix}-pro-table-list-toolbar-container{
+        padding-top: 0px;
   }
 }
 .@{ant-prefix}-hw-table-pagination{

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,22 +36,20 @@ 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) => {
             const { current = 1 } = params;
             const arrayData = [];
-            for (let i = 0; i < 10; i = i + 1) {
+            for (let i = 0; i < 100; i = i + 1) {
               arrayData.push({
                 id: i,
                 name: "11",

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;