@hw-component/table 0.0.1-beta-v8 → 0.0.1-beta-v9

package/es/Body/index.d.ts

@@ -7,6 +7,7 @@ interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource"> {
     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/es/Body/index.js

@@ -18,7 +18,7 @@ import { useHTableContext } from '../context.js';
 import { ConfigProvider, Empty } from 'antd';
 import { useHTableConfigContext } from '../TableConfig.js';
 
-var _excluded = ["loading", "configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender"];
+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() {
@@ -38,6 +38,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;
@@ -73,10 +74,10 @@ var Body = (function (_ref) {
     rowKey: rowKey
   });
   return jsx("div", {
-    style: {
+    style: _objectSpread({
       borderRadius: 4,
       overflow: "hidden"
-    },
+    }, tableStyle),
     children: jsx(ConfigProvider, {
       renderEmpty: function renderEmpty() {
         if (error) {

package/es/Footer/index.d.ts

@@ -4,6 +4,7 @@ import type { HTableInstance, ResultModal, RowObj } from "../modal";
 interface IFooterProps {
     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/es/Footer/index.js

@@ -1,17 +1,29 @@
 // welcome to hoo hoo hoo
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
 import _Number$parseInt from '@babel/runtime-corejs3/core-js/number/parse-int';
 import _Number$isNaN from '@babel/runtime-corejs3/core-js/number/is-nan';
+import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
+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 { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { Typography, Card, Row, Space, Button, Affix } from 'antd';
 import { useHTableContext } from '../context.js';
 import { useState } from '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 = Typography.Text,
   Link = Typography.Link;
 var Footer = (function (_ref) {
   var actionRender = _ref.actionRender,
-    footerRender = _ref.footerRender;
+    footerRender = _ref.footerRender,
+    footerStyle = _ref.footerStyle;
   var _useHTableContext = useHTableContext(),
     data = _useHTableContext.data,
     selectedRowData = _useHTableContext.selectedRowData,
@@ -33,9 +45,9 @@ var Footer = (function (_ref) {
     });
   }
   var dom = jsx(Card, {
-    style: {
+    style: _objectSpread({
       borderRadius: 4
-    },
+    }, footerStyle),
     bordered: false,
     children: jsxs(Row, {
       justify: "space-between",

package/es/Header/index.d.ts

@@ -1,10 +1,12 @@
 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;
+    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;

package/es/Header/index.js

@@ -1,4 +1,13 @@
 // welcome to hoo hoo hoo
+import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
+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 _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
 import { jsx } from 'react/jsx-runtime';
 import { Card } from 'antd';
 import { useHTableContext } from '../context.js';
@@ -6,6 +15,8 @@ import { HForm } from '@hw-component/form';
 import { useMemo } from 'react';
 import { formConfigDataProvider } from './utils.js';
 
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Header = (function (_ref) {
   var configData = _ref.configData,
     onFinish = _ref.onFinish,
@@ -13,7 +24,8 @@ var Header = (function (_ref) {
     searchSpan = _ref$searchSpan === void 0 ? {
       span: 6
     } : _ref$searchSpan,
-    loading = _ref.loading;
+    loading = _ref.loading,
+    headerStyle = _ref.headerStyle;
   var _useHTableContext = useHTableContext(),
     tableInstance = _useHTableContext.tableInstance;
   var form = tableInstance.form;
@@ -21,9 +33,9 @@ var Header = (function (_ref) {
     return formConfigDataProvider(configData);
   }, [configData]);
   return jsx(Card, {
-    style: {
+    style: _objectSpread({
       borderRadius: 4
-    },
+    }, headerStyle),
     bordered: false,
     bodyStyle: {
       paddingBottom: 0

package/es/Table.d.ts

@@ -1,3 +1,3 @@
 import type { HTableProps } from "./modal";
-declare const _default: ({ request, configData, searchSpan, table, actionRender, footerRender, hideHeader, action, ...props }: HTableProps) => JSX.Element;
+declare const _default: ({ request, configData, searchSpan, table, actionRender, footerRender, hideHeader, headerStyle, footerStyle, tableStyle, action, spaceSize, ...props }: HTableProps) => JSX.Element;
 export default _default;

package/es/Table.js

@@ -20,7 +20,7 @@ import useRowObj from './hooks/useRowObj.js';
 import { HTableContext } from './context.js';
 import { Space } from 'antd';
 
-var _excluded = ["request", "configData", "searchSpan", "table", "actionRender", "footerRender", "hideHeader", "action"],
+var _excluded = ["request", "configData", "searchSpan", "table", "actionRender", "footerRender", "hideHeader", "headerStyle", "footerStyle", "tableStyle", "action", "spaceSize"],
   _excluded2 = ["size", "current"];
 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; }
@@ -32,8 +32,16 @@ var Table = (function (_ref) {
     actionRender = _ref.actionRender,
     footerRender = _ref.footerRender,
     hideHeader = _ref.hideHeader,
+    _ref$headerStyle = _ref.headerStyle,
+    headerStyle = _ref$headerStyle === void 0 ? {} : _ref$headerStyle,
+    _ref$footerStyle = _ref.footerStyle,
+    footerStyle = _ref$footerStyle === void 0 ? {} : _ref$footerStyle,
+    _ref$tableStyle = _ref.tableStyle,
+    tableStyle = _ref$tableStyle === void 0 ? {} : _ref$tableStyle,
     _ref$action = _ref.action,
     action = _ref$action === void 0 ? {} : _ref$action,
+    _ref$spaceSize = _ref.spaceSize,
+    spaceSize = _ref$spaceSize === void 0 ? 20 : _ref$spaceSize,
     props = _objectWithoutProperties(_ref, _excluded);
   var saveParams = useMemo(function () {
     return {
@@ -83,7 +91,7 @@ var Table = (function (_ref) {
       error: error
     },
     children: jsxs(Space, {
-      size: 20,
+      size: spaceSize,
       direction: "vertical",
       style: {
         width: "100%"
@@ -92,16 +100,19 @@ var Table = (function (_ref) {
         configData: configData,
         onFinish: run,
         loading: loading,
-        searchSpan: searchSpan
+        searchSpan: searchSpan,
+        headerStyle: headerStyle
       }), jsx(Body, _objectSpread({
         loading: loading,
         configData: configData,
+        tableStyle: tableStyle,
         onPageChange: function onPageChange(page) {
           run(_objectSpread(_objectSpread({}, saveParams.params), page));
         }
       }, props)), footerRender !== false && jsx(Footer, {
         actionRender: actionRender,
-        footerRender: footerRender
+        footerRender: footerRender,
+        footerStyle: footerStyle
       })]
     })
   });

package/es/modal.d.ts

@@ -39,6 +39,10 @@ export interface HTableProps extends Omit<ProTableProps<any, any>, "request"> {
     footerRender?: FooterRenderFn | false;
     hideHeader?: boolean;
     action?: Record<string, actionFn>;
+    headerStyle?: React.CSSProperties;
+    tableStyle?: React.CSSProperties;
+    footerStyle?: React.CSSProperties;
+    spaceSize?: number;
 }
 export interface TableInstance {
     reload: (params?: ParamsModal) => void;

package/lib/Body/index.d.ts

@@ -7,6 +7,7 @@ interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource"> {
     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

@@ -21,7 +21,7 @@ var context = require('../context.js');
 var antd = require('antd');
 var TableConfig = require('../TableConfig.js');
 
-var _excluded = ["loading", "configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender"];
+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() {
@@ -41,6 +41,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;
@@ -76,10 +77,10 @@ var Body = (function (_ref) {
     rowKey: rowKey
   });
   return jsxRuntime.jsx("div", {
-    style: {
+    style: _objectSpread({
       borderRadius: 4,
       overflow: "hidden"
-    },
+    }, tableStyle),
     children: jsxRuntime.jsx(antd.ConfigProvider, {
       renderEmpty: function renderEmpty() {
         if (error) {

package/lib/Footer/index.d.ts

@@ -4,6 +4,7 @@ import type { HTableInstance, ResultModal, RowObj } from "../modal";
 interface IFooterProps {
     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

@@ -2,19 +2,31 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+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 actionRender = _ref.actionRender,
-    footerRender = _ref.footerRender;
+    footerRender = _ref.footerRender,
+    footerStyle = _ref.footerStyle;
   var _useHTableContext = context.useHTableContext(),
     data = _useHTableContext.data,
     selectedRowData = _useHTableContext.selectedRowData,
@@ -36,9 +48,9 @@ var Footer = (function (_ref) {
     });
   }
   var dom = jsxRuntime.jsx(antd.Card, {
-    style: {
+    style: _objectSpread({
       borderRadius: 4
-    },
+    }, footerStyle),
     bordered: false,
     children: jsxRuntime.jsxs(antd.Row, {
       justify: "space-between",

package/lib/Header/index.d.ts

@@ -1,10 +1,12 @@
 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;
+    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;

package/lib/Header/index.js

@@ -2,6 +2,15 @@
 
 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 jsxRuntime = require('react/jsx-runtime');
 var antd = require('antd');
 var context = require('../context.js');
@@ -9,6 +18,8 @@ var form = require('@hw-component/form');
 var React = require('react');
 var utils = require('./utils.js');
 
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Header = (function (_ref) {
   var configData = _ref.configData,
     onFinish = _ref.onFinish,
@@ -16,7 +27,8 @@ var Header = (function (_ref) {
     searchSpan = _ref$searchSpan === void 0 ? {
       span: 6
     } : _ref$searchSpan,
-    loading = _ref.loading;
+    loading = _ref.loading,
+    headerStyle = _ref.headerStyle;
   var _useHTableContext = context.useHTableContext(),
     tableInstance = _useHTableContext.tableInstance;
   var form$1 = tableInstance.form;
@@ -24,9 +36,9 @@ var Header = (function (_ref) {
     return utils.formConfigDataProvider(configData);
   }, [configData]);
   return jsxRuntime.jsx(antd.Card, {
-    style: {
+    style: _objectSpread({
       borderRadius: 4
-    },
+    }, headerStyle),
     bordered: false,
     bodyStyle: {
       paddingBottom: 0

package/lib/Table.d.ts

@@ -1,3 +1,3 @@
 import type { HTableProps } from "./modal";
-declare const _default: ({ request, configData, searchSpan, table, actionRender, footerRender, hideHeader, action, ...props }: HTableProps) => JSX.Element;
+declare const _default: ({ request, configData, searchSpan, table, actionRender, footerRender, hideHeader, headerStyle, footerStyle, tableStyle, action, spaceSize, ...props }: HTableProps) => JSX.Element;
 export default _default;

package/lib/Table.js

@@ -23,7 +23,7 @@ var useRowObj = require('./hooks/useRowObj.js');
 var context = require('./context.js');
 var antd = require('antd');
 
-var _excluded = ["request", "configData", "searchSpan", "table", "actionRender", "footerRender", "hideHeader", "action"],
+var _excluded = ["request", "configData", "searchSpan", "table", "actionRender", "footerRender", "hideHeader", "headerStyle", "footerStyle", "tableStyle", "action", "spaceSize"],
   _excluded2 = ["size", "current"];
 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; }
@@ -35,8 +35,16 @@ var Table = (function (_ref) {
     actionRender = _ref.actionRender,
     footerRender = _ref.footerRender,
     hideHeader = _ref.hideHeader,
+    _ref$headerStyle = _ref.headerStyle,
+    headerStyle = _ref$headerStyle === void 0 ? {} : _ref$headerStyle,
+    _ref$footerStyle = _ref.footerStyle,
+    footerStyle = _ref$footerStyle === void 0 ? {} : _ref$footerStyle,
+    _ref$tableStyle = _ref.tableStyle,
+    tableStyle = _ref$tableStyle === void 0 ? {} : _ref$tableStyle,
     _ref$action = _ref.action,
     action = _ref$action === void 0 ? {} : _ref$action,
+    _ref$spaceSize = _ref.spaceSize,
+    spaceSize = _ref$spaceSize === void 0 ? 20 : _ref$spaceSize,
     props = _objectWithoutProperties(_ref, _excluded);
   var saveParams = React.useMemo(function () {
     return {
@@ -86,7 +94,7 @@ var Table = (function (_ref) {
       error: error
     },
     children: jsxRuntime.jsxs(antd.Space, {
-      size: 20,
+      size: spaceSize,
       direction: "vertical",
       style: {
         width: "100%"
@@ -95,16 +103,19 @@ var Table = (function (_ref) {
         configData: configData,
         onFinish: run,
         loading: loading,
-        searchSpan: searchSpan
+        searchSpan: searchSpan,
+        headerStyle: headerStyle
       }), jsxRuntime.jsx(index$1.default, _objectSpread({
         loading: loading,
         configData: configData,
+        tableStyle: tableStyle,
         onPageChange: function onPageChange(page) {
           run(_objectSpread(_objectSpread({}, saveParams.params), page));
         }
       }, props)), footerRender !== false && jsxRuntime.jsx(index$2.default, {
         actionRender: actionRender,
-        footerRender: footerRender
+        footerRender: footerRender,
+        footerStyle: footerStyle
       })]
     })
   });

package/lib/modal.d.ts

@@ -39,6 +39,10 @@ export interface HTableProps extends Omit<ProTableProps<any, any>, "request"> {
     footerRender?: FooterRenderFn | false;
     hideHeader?: boolean;
     action?: Record<string, actionFn>;
+    headerStyle?: React.CSSProperties;
+    tableStyle?: React.CSSProperties;
+    footerStyle?: React.CSSProperties;
+    spaceSize?: number;
 }
 export interface TableInstance {
     reload: (params?: ParamsModal) => void;

package/package.json

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

package/src/components/Body/index.tsx

@@ -16,6 +16,7 @@ interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource"> {
     tableInstance: HTableInstance,
     error: Error
   ) => React.ReactNode;
+  tableStyle?:React.CSSProperties;
 }
 const defaultRender = () => {
   return <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />;
@@ -29,6 +30,7 @@ export default ({
   rowKey = "id",
   emptyRender,
   errorRender,
+                  tableStyle,
   ...props
 }: HTableBodyProps) => {
   // @ts-ignore
@@ -49,7 +51,7 @@ export default ({
   };
   useSynchronousKeys({ selectedRowKeys, records, rowKey });
   return (
-    <div style={{ borderRadius: 4, overflow: "hidden" }}>
+    <div style={{ borderRadius: 4, overflow: "hidden" ,...tableStyle}}>
       <ConfigProvider
         renderEmpty={() => {
           if (error) {

package/src/components/Footer/index.tsx

@@ -13,8 +13,10 @@ interface IFooterProps {
     selectedRowData: RowObj,
     data?: ResultModal
   ) => React.ReactNode;
+  footerStyle?:React.CSSProperties
+
 }
-export default ({ actionRender, footerRender }: IFooterProps) => {
+export default ({ actionRender, footerRender ,footerStyle}: IFooterProps) => {
   const { data, selectedRowData, tableInstance, error } = useHTableContext();
   const [allCheck, setAllCheck] = useState<boolean>(false);
   const { total = "0" } = data || {};
@@ -25,7 +27,7 @@ export default ({ actionRender, footerRender }: IFooterProps) => {
     return <>{footerRender(tableInstance, selectedRowData, data)}</>;
   }
   const dom = (
-    <Card style={{ borderRadius: 4 }} bordered={false}>
+    <Card style={{ borderRadius: 4 ,...footerStyle}} bordered={false}>
       <Row justify="space-between">
         <Space size={20}>
           <Button

package/src/components/Header/index.tsx

@@ -3,7 +3,7 @@ import { Card } from "antd";
 import type { ConfigDataModal } from "../modal";
 import { useHTableContext } from "../context";
 import { HForm } from "@hw-component/form";
-import { useMemo } from "react";
+import React, { useMemo } from "react";
 import { formConfigDataProvider } from "./utils";
 import type { HItemProps } from "@hw-component/form/lib/Form/modal";
 
@@ -12,6 +12,7 @@ interface IHeaderProps {
   onFinish: (value: Record<string, any>) => Promise<any>;
   searchSpan?: ColProps;
   loading?: boolean;
+  headerStyle?:React.CSSProperties
 }
 
 export default ({
@@ -19,6 +20,7 @@ export default ({
   onFinish,
   searchSpan = { span: 6 },
   loading,
+                  headerStyle
 }: IHeaderProps) => {
   const { tableInstance } = useHTableContext();
   const { form } = tableInstance;
@@ -30,7 +32,7 @@ export default ({
 
   return (
     <Card
-      style={{ borderRadius: 4 }}
+      style={{ borderRadius: 4 ,...headerStyle}}
       bordered={false}
       bodyStyle={{ paddingBottom: 0 }}
     >

package/src/components/Table.tsx

@@ -16,7 +16,11 @@ export default ({
   actionRender,
   footerRender,
   hideHeader,
+                  headerStyle={},
+    footerStyle={},
+    tableStyle={},
   action = {},
+                  spaceSize=20,
   ...props
 }: HTableProps) => {
   const saveParams = useMemo(() => {
@@ -54,25 +58,27 @@ export default ({
         error,
       }}
     >
-      <Space size={20} direction={"vertical"} style={{ width: "100%" }}>
+      <Space size={spaceSize} direction={"vertical"} style={{ width: "100%" }}>
         {!hideHeader && (
           <Header
             configData={configData}
             onFinish={run}
             loading={loading}
             searchSpan={searchSpan}
+            headerStyle={headerStyle}
           />
         )}
         <Body
           loading={loading}
           configData={configData}
+          tableStyle={tableStyle}
           onPageChange={(page) => {
             run({ ...saveParams.params, ...page });
           }}
           {...props}
         />
         {footerRender !== false && (
-          <Footer actionRender={actionRender} footerRender={footerRender} />
+          <Footer actionRender={actionRender} footerRender={footerRender} footerStyle={footerStyle}/>
         )}
       </Space>
     </HTableContext.Provider>

package/src/components/modal.ts

@@ -59,6 +59,10 @@ export interface HTableProps extends Omit<ProTableProps<any, any>, "request"> {
   footerRender?: FooterRenderFn | false;
   hideHeader?: boolean;
   action?: Record<string, actionFn>;
+  headerStyle?:React.CSSProperties;
+  tableStyle?:React.CSSProperties;
+  footerStyle?:React.CSSProperties
+  spaceSize?:number;
 }
 export interface TableInstance {
   reload: (params?: ParamsModal) => void;

package/src/pages/Test/index.tsx

@@ -28,6 +28,10 @@ export default () => {
       <HTable
         configData={configData}
         rowKey={"id"}
+        headerStyle={{borderRadius:0}}
+        tableStyle={{borderRadius:0,background:"#fff"}}
+        spaceSize={0}
+        footerStyle={{marginTop:20}}
         table={hTable}
         actionRender={(allCheck, selectedRowKeys, xjTable) => {
           console.log(allCheck, selectedRowKeys, xjTable);