@hw-component/table 0.0.1-beta-v7 → 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",
@@ -44,7 +56,7 @@ var Footer = (function (_ref) {
         children: [jsx(Button, {
           type: "primary",
           ghost: true,
-          disabled: num == 0,
+          disabled: showTotalNum == 0,
           style: {
             padding: "4px 24px",
             borderRadius: "4px"

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, ...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"],
+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,6 +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 {
@@ -56,6 +66,10 @@ var Table = (function (_ref) {
     loading = _useRequest.loading,
     data = _useRequest.data,
     error = _useRequest.error;
+  var dispatch = function dispatch(key, params) {
+    var fn = action[key];
+    fn === null || fn === void 0 || fn(params);
+  };
   var _useRowObj = useRowObj(),
     selectedRowData = _useRowObj.selectedRowData,
     rowOnChange = _useRowObj.rowOnChange;
@@ -65,7 +79,8 @@ var Table = (function (_ref) {
       var reqParams = params || saveParams.params;
       run(_objectSpread({}, reqParams));
     },
-    changeRowData: rowOnChange
+    changeRowData: rowOnChange,
+    dispatch: dispatch
   });
   return jsx(HTableContext.Provider, {
     value: {
@@ -76,7 +91,7 @@ var Table = (function (_ref) {
       error: error
     },
     children: jsxs(Space, {
-      size: 20,
+      size: spaceSize,
       direction: "vertical",
       style: {
         width: "100%"
@@ -85,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/hooks/useCurrentTable.d.ts

@@ -4,6 +4,7 @@ interface currentTableParams {
     table?: HTableInstance;
     reload: (params?: ParamsModal) => void;
     changeRowData: (keys: React.Key[], data: any) => void;
+    dispatch: (key: string, params: any) => void;
 }
-declare const _default: ({ table, reload, changeRowData }: currentTableParams) => HTableInstance;
+declare const _default: ({ table, reload, changeRowData, dispatch, }: currentTableParams) => HTableInstance;
 export default _default;

package/es/hooks/useCurrentTable.js

@@ -5,12 +5,14 @@ import useHTable from './useHTable.js';
 var useCurrentTable = (function (_ref) {
   var table = _ref.table,
     reload = _ref.reload,
-    changeRowData = _ref.changeRowData;
+    changeRowData = _ref.changeRowData,
+    dispatch = _ref.dispatch;
   var useCurrentTable = useHTable();
   return useMemo(function () {
     var resultTable = table || useCurrentTable;
     resultTable.table.reload = reload;
     resultTable.table.setSelectedRowData = changeRowData;
+    resultTable.table.dispatch = dispatch;
     return resultTable;
   }, [table]);
 });

package/es/hooks/useHTable.d.ts

@@ -4,6 +4,7 @@ declare const _default: () => {
     table: {
         reload: (params?: ParamsModal) => ParamsModal | undefined;
         setSelectedRowData: () => void;
+        dispatch: () => void;
     };
 };
 export default _default;

package/es/hooks/useHTable.js

@@ -9,7 +9,8 @@ var useHTable = (function () {
       reload: function reload(params) {
         return params;
       },
-      setSelectedRowData: function setSelectedRowData() {}
+      setSelectedRowData: function setSelectedRowData() {},
+      dispatch: function dispatch() {}
     };
   }, []);
   return {

package/es/modal.d.ts

@@ -26,6 +26,7 @@ interface HColumns extends Omit<ProColumns, "render"> {
 export type ConfigItemModal = Omit<HItemProps, "render" | "type"> & HColumns;
 export type ConfigDataModal = ConfigItemModal[];
 export type ActionRenderFn = (allCheck: boolean, selectedRowKeys: RowObj, tableInstance: HTableInstance) => React.ReactNode;
+type actionFn = (...arg: any[]) => void;
 type FooterRenderFn = (tableInstance: HTableInstance, selectedRowData: RowObj, data?: ResultModal) => React.ReactNode;
 export interface HTableProps extends Omit<ProTableProps<any, any>, "request"> {
     request: (params: ParamsModal) => Promise<ResultModal>;
@@ -37,10 +38,16 @@ export interface HTableProps extends Omit<ProTableProps<any, any>, "request"> {
     errorRender?: (tableInstance: HTableInstance, error: Error) => React.ReactNode;
     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;
     setSelectedRowData: (keys: React.Key[], data: any) => void;
+    dispatch: (key: string, params: any) => void;
 }
 export interface HTableInstance {
     form: HFormInstance;

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",
@@ -47,7 +59,7 @@ var Footer = (function (_ref) {
         children: [jsxRuntime.jsx(antd.Button, {
           type: "primary",
           ghost: true,
-          disabled: num == 0,
+          disabled: showTotalNum == 0,
           style: {
             padding: "4px 24px",
             borderRadius: "4px"

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, ...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"],
+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,6 +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 {
@@ -59,6 +69,10 @@ var Table = (function (_ref) {
     loading = _useRequest.loading,
     data = _useRequest.data,
     error = _useRequest.error;
+  var dispatch = function dispatch(key, params) {
+    var fn = action[key];
+    fn === null || fn === void 0 || fn(params);
+  };
   var _useRowObj = useRowObj.default(),
     selectedRowData = _useRowObj.selectedRowData,
     rowOnChange = _useRowObj.rowOnChange;
@@ -68,7 +82,8 @@ var Table = (function (_ref) {
       var reqParams = params || saveParams.params;
       run(_objectSpread({}, reqParams));
     },
-    changeRowData: rowOnChange
+    changeRowData: rowOnChange,
+    dispatch: dispatch
   });
   return jsxRuntime.jsx(context.HTableContext.Provider, {
     value: {
@@ -79,7 +94,7 @@ var Table = (function (_ref) {
       error: error
     },
     children: jsxRuntime.jsxs(antd.Space, {
-      size: 20,
+      size: spaceSize,
       direction: "vertical",
       style: {
         width: "100%"
@@ -88,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/hooks/useCurrentTable.d.ts

@@ -4,6 +4,7 @@ interface currentTableParams {
     table?: HTableInstance;
     reload: (params?: ParamsModal) => void;
     changeRowData: (keys: React.Key[], data: any) => void;
+    dispatch: (key: string, params: any) => void;
 }
-declare const _default: ({ table, reload, changeRowData }: currentTableParams) => HTableInstance;
+declare const _default: ({ table, reload, changeRowData, dispatch, }: currentTableParams) => HTableInstance;
 export default _default;

package/lib/hooks/useCurrentTable.js

@@ -8,12 +8,14 @@ var useHTable = require('./useHTable.js');
 var useCurrentTable = (function (_ref) {
   var table = _ref.table,
     reload = _ref.reload,
-    changeRowData = _ref.changeRowData;
+    changeRowData = _ref.changeRowData,
+    dispatch = _ref.dispatch;
   var useCurrentTable = useHTable.default();
   return React.useMemo(function () {
     var resultTable = table || useCurrentTable;
     resultTable.table.reload = reload;
     resultTable.table.setSelectedRowData = changeRowData;
+    resultTable.table.dispatch = dispatch;
     return resultTable;
   }, [table]);
 });

package/lib/hooks/useHTable.d.ts

@@ -4,6 +4,7 @@ declare const _default: () => {
     table: {
         reload: (params?: ParamsModal) => ParamsModal | undefined;
         setSelectedRowData: () => void;
+        dispatch: () => void;
     };
 };
 export default _default;

package/lib/hooks/useHTable.js

@@ -12,7 +12,8 @@ var useHTable = (function () {
       reload: function reload(params) {
         return params;
       },
-      setSelectedRowData: function setSelectedRowData() {}
+      setSelectedRowData: function setSelectedRowData() {},
+      dispatch: function dispatch() {}
     };
   }, []);
   return {

package/lib/modal.d.ts

@@ -26,6 +26,7 @@ interface HColumns extends Omit<ProColumns, "render"> {
 export type ConfigItemModal = Omit<HItemProps, "render" | "type"> & HColumns;
 export type ConfigDataModal = ConfigItemModal[];
 export type ActionRenderFn = (allCheck: boolean, selectedRowKeys: RowObj, tableInstance: HTableInstance) => React.ReactNode;
+type actionFn = (...arg: any[]) => void;
 type FooterRenderFn = (tableInstance: HTableInstance, selectedRowData: RowObj, data?: ResultModal) => React.ReactNode;
 export interface HTableProps extends Omit<ProTableProps<any, any>, "request"> {
     request: (params: ParamsModal) => Promise<ResultModal>;
@@ -37,10 +38,16 @@ export interface HTableProps extends Omit<ProTableProps<any, any>, "request"> {
     errorRender?: (tableInstance: HTableInstance, error: Error) => React.ReactNode;
     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;
     setSelectedRowData: (keys: React.Key[], data: any) => void;
+    dispatch: (key: string, params: any) => void;
 }
 export interface HTableInstance {
     form: HFormInstance;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/table",
-  "version": "0.0.1-beta-v7",
+  "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,25 +13,27 @@ interface IFooterProps {
     selectedRowData: RowObj,
     data?: ResultModal
   ) => React.ReactNode;
+  footerStyle?:React.CSSProperties
+
 }
-export default ({ actionRender, footerRender }: IFooterProps) => {
-  const { data, selectedRowData, tableInstance,error } = useHTableContext();
+export default ({ actionRender, footerRender ,footerStyle}: IFooterProps) => {
+  const { data, selectedRowData, tableInstance, error } = useHTableContext();
   const [allCheck, setAllCheck] = useState<boolean>(false);
-  const { total="0" } = data || {};
-  const totalNum=Number.parseInt(total,10);
-  const showTotalNum=Number.isNaN(totalNum)?0:totalNum;
-  const num = allCheck ? showTotalNum:0;
+  const { total = "0" } = data || {};
+  const totalNum = Number.parseInt(total, 10);
+  const showTotalNum = Number.isNaN(totalNum) ? 0 : totalNum;
+  const num = allCheck ? showTotalNum : 0;
   if (footerRender) {
     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
             type={"primary"}
             ghost
-            disabled={num==0}
+            disabled={showTotalNum == 0}
             style={{ padding: "4px 24px", borderRadius: "4px" }}
             onClick={() => {
               setAllCheck(!allCheck);

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,6 +16,11 @@ export default ({
   actionRender,
   footerRender,
   hideHeader,
+                  headerStyle={},
+    footerStyle={},
+    tableStyle={},
+  action = {},
+                  spaceSize=20,
   ...props
 }: HTableProps) => {
   const saveParams = useMemo(() => {
@@ -29,6 +34,10 @@ export default ({
     saveParams.params = reqParams;
     return request(reqParams);
   });
+  const dispatch = (key: string, params: any) => {
+    const fn = action[key];
+    fn?.(params);
+  };
   const { selectedRowData, rowOnChange } = useRowObj();
   const tableInstance = useCurrentTable({
     table,
@@ -37,6 +46,7 @@ export default ({
       run({ ...reqParams });
     },
     changeRowData: rowOnChange,
+    dispatch,
   });
   return (
     <HTableContext.Provider
@@ -48,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/hooks/useCurrentTable.ts

@@ -7,13 +7,20 @@ interface currentTableParams {
   table?: HTableInstance;
   reload: (params?: ParamsModal) => void;
   changeRowData: (keys: React.Key[], data: any) => void;
+  dispatch: (key: string, params: any) => void;
 }
-export default ({ table, reload, changeRowData }: currentTableParams) => {
+export default ({
+  table,
+  reload,
+  changeRowData,
+  dispatch,
+}: currentTableParams) => {
   const useCurrentTable = useHTable();
   return useMemo(() => {
     const resultTable = table || useCurrentTable;
     resultTable.table.reload = reload;
     resultTable.table.setSelectedRowData = changeRowData;
+    resultTable.table.dispatch = dispatch;
     return resultTable;
   }, [table]);
 };

package/src/components/hooks/useHTable.tsx

@@ -10,6 +10,7 @@ export default () => {
         return params;
       },
       setSelectedRowData: () => {},
+      dispatch: () => {},
     };
   }, []);
   return {

package/src/components/modal.ts

@@ -39,6 +39,7 @@ export type ActionRenderFn = (
   selectedRowKeys: RowObj,
   tableInstance: HTableInstance
 ) => React.ReactNode;
+type actionFn = (...arg) => void;
 type FooterRenderFn = (
   tableInstance: HTableInstance,
   selectedRowData: RowObj,
@@ -57,10 +58,16 @@ export interface HTableProps extends Omit<ProTableProps<any, any>, "request"> {
   ) => React.ReactNode;
   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;
   setSelectedRowData: (keys: React.Key[], data: any) => void;
+  dispatch: (key: string, params: any) => void;
 }
 export interface HTableInstance {
   form: HFormInstance;

package/src/pages/Test/index.tsx

@@ -23,34 +23,36 @@ export default () => {
           hTable.table.reload();
         }}
       >
-        {" "}
         点我
       </div>
       <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);
           return <Button>点我</Button>;
         }}
-        footerRender={false}
         request={(a) => {
           console.log(a);
           return new Promise((resolve, reject) => {
             setTimeout(() => {
-              reject(new Error("错误"));
-              // resolve({
-              //   size: "10",
-              //   current: "1",
-              //   total: "100",
-              //   records: [
-              //     {
-              //       id: 1,
-              //       name: "111",
-              //     },
-              //   ],
-              // });
+              // reject(new Error("错误"));
+              resolve({
+                size: "10",
+                current: "1",
+                total: "100",
+                records: [
+                  {
+                    id: 1,
+                    name: "111",
+                  },
+                ],
+              });
             }, 2000);
           });
         }}