@hw-component/table 0.0.1-beta-v8 → 0.0.2-beta-v1

package/lib/Body/hooks.js

@@ -1,35 +1,78 @@
-'use strict';
+"use strict";
 
-var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
-var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js/object/get-own-property-symbols');
-var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptor');
-var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
-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 _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
-var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
-var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
-var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/index-of');
-var React = require('react');
-var context = require('../context.js');
+var _Object$keys = require("@babel/runtime-corejs3/core-js/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js/object/get-own-property-symbols");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/for-each");
+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 _defineProperty = require("@babel/runtime-corejs3/helpers/defineProperty");
+var _mapInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/map");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/filter");
+var _indexOfInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/index-of");
+var React = require("react");
+var context = require("../context.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; }
+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 useCols = function useCols(cols, table) {
-  return React.useMemo(function () {
-    return _mapInstanceProperty(cols).call(cols, function (item) {
-      var _render = item.render;
-      return _objectSpread(_objectSpread({}, item), {}, {
-        render: function render(dom, data, index) {
-          if (!_render) {
-            return dom;
+  return React.useMemo(
+    function () {
+      return _mapInstanceProperty(cols).call(cols, function (item) {
+        var _render = item.render;
+        return _objectSpread(
+          _objectSpread({}, item),
+          {},
+          {
+            render: function render(dom, data, index) {
+              if (!_render) {
+                return dom;
+              }
+              return _render(dom, data, index, table);
+            },
           }
-          return _render(dom, data, index, table);
-        }
+        );
       });
-    });
-  }, [cols, table]);
+    },
+    [cols, table]
+  );
 };
 var useSynchronousKeys = function useSynchronousKeys(_ref) {
   var selectedRowKeys = _ref.selectedRowKeys,
@@ -37,15 +80,27 @@ var useSynchronousKeys = function useSynchronousKeys(_ref) {
     rowKey = _ref.rowKey;
   var _useHTableContext = context.useHTableContext(),
     rowOnChange = _useHTableContext.rowOnChange;
-  React.useEffect(function () {
-    if (selectedRowKeys && records && rowKey) {
-      var resultData = _filterInstanceProperty(records).call(records, function (item, index) {
-        var id = typeof rowKey === "function" ? rowKey(item, index) : item[rowKey];
-        return _indexOfInstanceProperty(selectedRowKeys).call(selectedRowKeys, id) !== -1;
-      });
-      rowOnChange(selectedRowKeys, resultData);
-    }
-  }, [selectedRowKeys, records, rowKey]);
+  React.useEffect(
+    function () {
+      if (selectedRowKeys && records && rowKey) {
+        var resultData = _filterInstanceProperty(records).call(
+          records,
+          function (item, index) {
+            var id =
+              typeof rowKey === "function" ? rowKey(item, index) : item[rowKey];
+            return (
+              _indexOfInstanceProperty(selectedRowKeys).call(
+                selectedRowKeys,
+                id
+              ) !== -1
+            );
+          }
+        );
+        rowOnChange(selectedRowKeys, resultData);
+      }
+    },
+    [selectedRowKeys, records, rowKey]
+  );
 };
 
 exports.useCols = useCols;

package/lib/Body/index.d.ts

@@ -3,10 +3,25 @@ import type { ConfigDataModal, ParamsModal } from "../modal";
 import React from "react";
 import type { HTableInstance } from "../modal";
 interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource"> {
-    configData: ConfigDataModal;
-    onPageChange: (params: ParamsModal) => void;
-    emptyRender?: (tableInstance: HTableInstance) => React.ReactNode;
-    errorRender?: (tableInstance: HTableInstance, error: Error) => React.ReactNode;
+  configData: ConfigDataModal;
+  onPageChange: (params: ParamsModal) => void;
+  emptyRender?: (tableInstance: HTableInstance) => React.ReactNode;
+  errorRender?: (
+    tableInstance: HTableInstance,
+    error: Error
+  ) => React.ReactNode;
+  tableStyle?: React.CSSProperties;
 }
-declare const _default: ({ loading, configData, pagination, onPageChange, rowSelection, rowKey, emptyRender, errorRender, ...props }: HTableBodyProps) => JSX.Element;
+declare const _default: ({
+  loading,
+  configData,
+  pagination,
+  onPageChange,
+  rowSelection,
+  rowKey,
+  emptyRender,
+  errorRender,
+  tableStyle,
+  ...props
+}: HTableBodyProps) => JSX.Element;
 export default _default;

package/lib/Body/index.js

@@ -1,35 +1,81 @@
-'use strict';
+"use strict";
 
-Object.defineProperty(exports, '__esModule', { value: true });
+Object.defineProperty(exports, "__esModule", { value: true });
 
-var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
-var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js/object/get-own-property-symbols');
-var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
-var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptor');
-var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
-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 _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
-var _keysInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/keys');
-var _Number$parseInt = require('@babel/runtime-corejs3/core-js/number/parse-int');
-var jsxRuntime = require('react/jsx-runtime');
-var ProTable = require('@ant-design/pro-table');
-var hooks = require('./hooks.js');
-var context = require('../context.js');
-var antd = require('antd');
-var TableConfig = require('../TableConfig.js');
+var _Object$keys = require("@babel/runtime-corejs3/core-js/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/for-each");
+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 _defineProperty = require("@babel/runtime-corejs3/helpers/defineProperty");
+var _objectWithoutProperties = require("@babel/runtime-corejs3/helpers/objectWithoutProperties");
+var _keysInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/keys");
+var _Number$parseInt = require("@babel/runtime-corejs3/core-js/number/parse-int");
+var jsxRuntime = require("react/jsx-runtime");
+var ProTable = require("@ant-design/pro-table");
+var hooks = require("./hooks.js");
+var context = require("../context.js");
+var antd = require("antd");
+var TableConfig = require("../TableConfig.js");
 
-var _excluded = ["loading", "configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender"];
-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 _excluded = [
+  "loading",
+  "configData",
+  "pagination",
+  "onPageChange",
+  "rowSelection",
+  "rowKey",
+  "emptyRender",
+  "errorRender",
+  "tableStyle",
+];
+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 defaultRender = function defaultRender() {
   return jsxRuntime.jsx(antd.Empty, {
-    image: antd.Empty.PRESENTED_IMAGE_SIMPLE
+    image: antd.Empty.PRESENTED_IMAGE_SIMPLE,
   });
 };
-var Body = (function (_ref) {
+var Body = function (_ref) {
   var loading = _ref.loading,
     configData = _ref.configData,
     _ref$pagination = _ref.pagination,
@@ -41,6 +87,7 @@ var Body = (function (_ref) {
     rowKey = _ref$rowKey === void 0 ? "id" : _ref$rowKey,
     emptyRender = _ref.emptyRender,
     errorRender = _ref.errorRender,
+    tableStyle = _ref.tableStyle,
     props = _objectWithoutProperties(_ref, _excluded);
   var selectedRowKeys = rowSelection.selectedRowKeys,
     onChange = rowSelection.onChange;
@@ -52,12 +99,18 @@ var Body = (function (_ref) {
     error = _useHTableContext.error;
   var _useHTableConfigConte = TableConfig.useHTableConfigContext({
       emptyRender: emptyRender,
-      errorRender: errorRender
+      errorRender: errorRender,
     }),
     _useHTableConfigConte2 = _useHTableConfigConte.emptyRender,
-    tableEmptyRender = _useHTableConfigConte2 === void 0 ? defaultRender : _useHTableConfigConte2,
+    tableEmptyRender =
+      _useHTableConfigConte2 === void 0
+        ? defaultRender
+        : _useHTableConfigConte2,
     _useHTableConfigConte3 = _useHTableConfigConte.errorRender,
-    tableErrorRender = _useHTableConfigConte3 === void 0 ? defaultRender : _useHTableConfigConte3;
+    tableErrorRender =
+      _useHTableConfigConte3 === void 0
+        ? defaultRender
+        : _useHTableConfigConte3;
   var _ref2 = data || {},
     records = _ref2.records,
     size = _ref2.size,
@@ -73,49 +126,70 @@ var Body = (function (_ref) {
   hooks.useSynchronousKeys({
     selectedRowKeys: selectedRowKeys,
     records: records,
-    rowKey: rowKey
+    rowKey: rowKey,
   });
   return jsxRuntime.jsx("div", {
-    style: {
-      borderRadius: 4,
-      overflow: "hidden"
-    },
+    style: _objectSpread(
+      {
+        borderRadius: 4,
+        overflow: "hidden",
+      },
+      tableStyle
+    ),
     children: jsxRuntime.jsx(antd.ConfigProvider, {
       renderEmpty: function renderEmpty() {
         if (error) {
-          return tableErrorRender === null || tableErrorRender === void 0 ? void 0 : tableErrorRender(tableInstance, error);
+          return tableErrorRender === null || tableErrorRender === void 0
+            ? void 0
+            : tableErrorRender(tableInstance, error);
         }
-        return tableEmptyRender === null || tableEmptyRender === void 0 ? void 0 : tableEmptyRender(tableInstance);
+        return tableEmptyRender === null || tableEmptyRender === void 0
+          ? void 0
+          : tableEmptyRender(tableInstance);
       },
-      children: jsxRuntime.jsx(ProTable, _objectSpread(_objectSpread({}, props), {}, {
-        columns: cols,
-        tableAlertRender: false,
-        search: false,
-        rowSelection: _objectSpread(_objectSpread({}, rowSelection), {}, {
-          selectedRowKeys: _keysInstanceProperty(selectedRowData),
-          onChange: change
-        }),
-        loading: loading,
-        rowKey: rowKey,
-        dataSource: records,
-        onChange: function onChange(paginationData) {
-          var ps = paginationData.pageSize,
-            pn = paginationData.current;
-          onPageChange({
-            size: ps,
-            current: pn
-          });
-        },
-        pagination: _objectSpread({
-          current: _Number$parseInt(current || "1", 10),
-          total: _Number$parseInt(total || "0", 10),
-          pageSize: _Number$parseInt(size || "10", 10),
-          showQuickJumper: true
-        }, pagination)
-      }))
-    })
+      children: jsxRuntime.jsx(
+        ProTable,
+        _objectSpread(
+          _objectSpread({}, props),
+          {},
+          {
+            columns: cols,
+            tableAlertRender: false,
+            search: false,
+            rowSelection: _objectSpread(
+              _objectSpread({}, rowSelection),
+              {},
+              {
+                selectedRowKeys: _keysInstanceProperty(selectedRowData),
+                onChange: change,
+              }
+            ),
+            loading: loading,
+            rowKey: rowKey,
+            dataSource: records,
+            onChange: function onChange(paginationData) {
+              var ps = paginationData.pageSize,
+                pn = paginationData.current;
+              onPageChange({
+                size: ps,
+                current: pn,
+              });
+            },
+            pagination: _objectSpread(
+              {
+                current: _Number$parseInt(current || "1", 10),
+                total: _Number$parseInt(total || "0", 10),
+                pageSize: _Number$parseInt(size || "10", 10),
+                showQuickJumper: true,
+              },
+              pagination
+            ),
+          }
+        )
+      ),
+    }),
   });
-});
+};
 
 exports.default = Body;
 // powered by h

package/lib/Footer/index.d.ts

@@ -2,8 +2,17 @@ import type { ActionRenderFn } from "../modal";
 import React from "react";
 import type { HTableInstance, ResultModal, RowObj } from "../modal";
 interface IFooterProps {
-    actionRender?: ActionRenderFn;
-    footerRender?: (tableInstance: HTableInstance, selectedRowData: RowObj, data?: ResultModal) => React.ReactNode;
+  actionRender?: ActionRenderFn;
+  footerRender?: (
+    tableInstance: HTableInstance,
+    selectedRowData: RowObj,
+    data?: ResultModal
+  ) => React.ReactNode;
+  footerStyle?: React.CSSProperties;
 }
-declare const _default: ({ actionRender, footerRender }: IFooterProps) => JSX.Element;
+declare const _default: ({
+  actionRender,
+  footerRender,
+  footerStyle,
+}: IFooterProps) => JSX.Element;
 export default _default;

package/lib/Footer/index.js

@@ -1,25 +1,73 @@
-'use strict';
+"use strict";
 
-Object.defineProperty(exports, '__esModule', { value: true });
+Object.defineProperty(exports, "__esModule", { value: true });
 
-var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
-var _Number$parseInt = require('@babel/runtime-corejs3/core-js/number/parse-int');
-var _Number$isNaN = require('@babel/runtime-corejs3/core-js/number/is-nan');
-var jsxRuntime = require('react/jsx-runtime');
-var antd = require('antd');
-var context = require('../context.js');
-var React = require('react');
+var _defineProperty = require("@babel/runtime-corejs3/helpers/defineProperty");
+var _slicedToArray = require("@babel/runtime-corejs3/helpers/slicedToArray");
+var _Number$parseInt = require("@babel/runtime-corejs3/core-js/number/parse-int");
+var _Number$isNaN = require("@babel/runtime-corejs3/core-js/number/is-nan");
+var _Object$keys = require("@babel/runtime-corejs3/core-js/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/for-each");
+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 jsxRuntime = require("react/jsx-runtime");
+var antd = require("antd");
+var context = require("../context.js");
+var React = require("react");
 
+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 Text = antd.Typography.Text,
   Link = antd.Typography.Link;
-var Footer = (function (_ref) {
+var Footer = function (_ref) {
   var actionRender = _ref.actionRender,
-    footerRender = _ref.footerRender;
+    footerRender = _ref.footerRender,
+    footerStyle = _ref.footerStyle;
   var _useHTableContext = context.useHTableContext(),
     data = _useHTableContext.data,
     selectedRowData = _useHTableContext.selectedRowData,
     tableInstance = _useHTableContext.tableInstance;
-    _useHTableContext.error;
+  _useHTableContext.error;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     allCheck = _useState2[0],
@@ -32,50 +80,66 @@ var Footer = (function (_ref) {
   var num = allCheck ? showTotalNum : 0;
   if (footerRender) {
     return jsxRuntime.jsx(jsxRuntime.Fragment, {
-      children: footerRender(tableInstance, selectedRowData, data)
+      children: footerRender(tableInstance, selectedRowData, data),
     });
   }
   var dom = jsxRuntime.jsx(antd.Card, {
-    style: {
-      borderRadius: 4
-    },
+    style: _objectSpread(
+      {
+        borderRadius: 4,
+      },
+      footerStyle
+    ),
     bordered: false,
     children: jsxRuntime.jsxs(antd.Row, {
       justify: "space-between",
-      children: [jsxRuntime.jsxs(antd.Space, {
-        size: 20,
-        children: [jsxRuntime.jsx(antd.Button, {
-          type: "primary",
-          ghost: true,
-          disabled: showTotalNum == 0,
-          style: {
-            padding: "4px 24px",
-            borderRadius: "4px"
-          },
-          onClick: function onClick() {
-            setAllCheck(!allCheck);
-          },
-          children: !allCheck ? "选择全部" : "取消选择"
-        }), jsxRuntime.jsxs(Text, {
-          type: "secondary",
-          children: ["\u5171", total, "\u6761"]
-        }), jsxRuntime.jsxs(Text, {
-          type: "secondary",
-          children: ["\u5DF2\u9009\u62E9", jsxRuntime.jsx(Link, {
-            children: num
-          }), "\u6761"]
-        })]
-      }), actionRender === null || actionRender === void 0 ? void 0 : actionRender(allCheck, selectedRowData, tableInstance)]
-    })
+      children: [
+        jsxRuntime.jsxs(antd.Space, {
+          size: 20,
+          children: [
+            jsxRuntime.jsx(antd.Button, {
+              type: "primary",
+              ghost: true,
+              disabled: showTotalNum == 0,
+              style: {
+                padding: "4px 24px",
+                borderRadius: "4px",
+              },
+              onClick: function onClick() {
+                setAllCheck(!allCheck);
+              },
+              children: !allCheck ? "选择全部" : "取消选择",
+            }),
+            jsxRuntime.jsxs(Text, {
+              type: "secondary",
+              children: ["\u5171", total, "\u6761"],
+            }),
+            jsxRuntime.jsxs(Text, {
+              type: "secondary",
+              children: [
+                "\u5DF2\u9009\u62E9",
+                jsxRuntime.jsx(Link, {
+                  children: num,
+                }),
+                "\u6761",
+              ],
+            }),
+          ],
+        }),
+        actionRender === null || actionRender === void 0
+          ? void 0
+          : actionRender(allCheck, selectedRowData, tableInstance),
+      ],
+    }),
   });
   if (!data) {
     return dom;
   }
   return jsxRuntime.jsx(antd.Affix, {
     offsetBottom: 10,
-    children: dom
+    children: dom,
   });
-});
+};
 
 exports.default = Footer;
 // powered by h

package/lib/Header/index.d.ts

@@ -1,10 +1,18 @@
 import type { ColProps } from "antd";
 import type { ConfigDataModal } from "../modal";
+import React from "react";
 interface IHeaderProps {
-    configData: ConfigDataModal;
-    onFinish: (value: Record<string, any>) => Promise<any>;
-    searchSpan?: ColProps;
-    loading?: boolean;
+  configData: ConfigDataModal;
+  onFinish: (value: Record<string, any>) => Promise<any>;
+  searchSpan?: ColProps;
+  loading?: boolean;
+  headerStyle?: React.CSSProperties;
 }
-declare const _default: ({ configData, onFinish, searchSpan, loading, }: IHeaderProps) => JSX.Element;
+declare const _default: ({
+  configData,
+  onFinish,
+  searchSpan,
+  loading,
+  headerStyle,
+}: IHeaderProps) => JSX.Element;
 export default _default;