@hw-component/table 1.10.52 → 1.10.53

package/es/HTableBody/index.js

@@ -9,6 +9,7 @@ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/obje
 import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
 import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import ProTable from '@ant-design/pro-table';
 import { useSize, useSynchronousKeys, useAlwaysShowAlert, useTableChange } from './hooks/useControl.js';
@@ -25,11 +26,12 @@ import { emptyDefaultRender, errorDefaultRender } from './defaultRender.js';
 import useRowClassName from './hooks/useRowClassName.js';
 import useColMk from './hooks/useColMk.js';
 
-var _excluded = ["configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle", "paginationStyle", "headerTitle", "options", "actionRender", "affixProps", "goTop", "size", "optionsRender", "paginationActionRender", "localSorter", "columnsState", "tableExtraRender", "table", "onChange", "bordered", "rowClassName", "configItemRender"],
+var _excluded = ["configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle", "paginationStyle", "headerTitle", "options", "actionRender", "affixProps", "goTop", "size", "optionsRender", "paginationActionRender", "localSorter", "columnsState", "tableExtraRender", "table", "onChange", "bordered", "rowClassName", "configItemRender", "className", "footerClassName"],
   _excluded2 = ["value", "onChange", "resetCol", "dropChange"];
 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 _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Body = (function (bodyProps) {
+  var _context;
   var configData = bodyProps.configData,
     _bodyProps$pagination = bodyProps.pagination,
     pagination = _bodyProps$pagination === void 0 ? {} : _bodyProps$pagination,
@@ -59,6 +61,9 @@ var Body = (function (bodyProps) {
     bordered = bodyProps.bordered;
     bodyProps.rowClassName;
     var configItemRender = bodyProps.configItemRender,
+    className = bodyProps.className,
+    _bodyProps$footerClas = bodyProps.footerClassName,
+    footerClassName = _bodyProps$footerClas === void 0 ? "" : _bodyProps$footerClas,
     props = _objectWithoutProperties(bodyProps, _excluded);
   var _ref = rowSelection || {},
     selectedRowKeys = _ref.selectedRowKeys,
@@ -128,7 +133,7 @@ var Body = (function (bodyProps) {
   }));
   var defaultOptionsNode = optionsRender ? optionsRender(optionsNode) : optionsNode;
   var alwaysShowAlert = useAlwaysShowAlert(selectedRowData, configAlwaysShowAlert);
-  var className = useClassName("hw-table-body");
+  var bodyClassName = useClassName("hw-table-body");
   var _useHTableConfigConte4 = useHTableConfigContext({
       tableStyle: tableStyle
     }),
@@ -142,7 +147,7 @@ var Body = (function (bodyProps) {
   var rowClassNameFn = useRowClassName(bodyProps);
   return jsx("div", {
     style: defaultTableStyle,
-    className: "hw_table_body  ".concat(className),
+    className: _concatInstanceProperty(_context = "hw_table_body  ".concat(bodyClassName, " ")).call(_context, className),
     children: jsxs(Space, {
       size: 16,
       direction: "vertical",
@@ -191,6 +196,7 @@ var Body = (function (bodyProps) {
           }
         }) : jsx(HTablePagination, _objectSpread({
           onPageChange: onPageChange,
+          className: footerClassName,
           paginationStyle: paginationStyle,
           affixProps: affixProps,
           goTop: goTop,

package/es/HTableBody/modal.d.ts

@@ -26,6 +26,8 @@ export interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSour
     table?: HTableInstance;
     pagination?: IPaginationProps | false;
     configItemRender?: (data: ConfigItemModal) => ConfigItemModal;
+    className?: string;
+    footerClassName?: string;
 }
 export interface RowRadioSelectionProps {
     data: any;

package/es/HTableHeader/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { IHeaderProps } from "./modal";
-declare const _default: ({ searchSpan, headerStyle, initValues, onReset, ...props }: IHeaderProps) => JSX.Element;
+declare const _default: ({ searchSpan, headerStyle, initValues, onReset, className, ...props }: IHeaderProps) => JSX.Element;
 export default _default;

package/es/HTableHeader/index.js

@@ -1,5 +1,6 @@
 // welcome to hoo hoo hoo
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import { jsx } from 'react/jsx-runtime';
 import { Card } from 'antd';
 import { HForm } from '@hw-component/form';
@@ -9,7 +10,7 @@ import { HeaderProvider } from './Context.js';
 import { useHTableConfigContext } from '../TableConfig.js';
 import useHideMoreTitle from './hooks/useHideMoreTitle.js';
 
-var _excluded = ["searchSpan", "headerStyle", "initValues", "onReset"];
+var _excluded = ["searchSpan", "headerStyle", "initValues", "onReset", "className"];
 var defaultSearchSpan = {
   xxl: 4,
   xl: 6,
@@ -18,11 +19,13 @@ var defaultSearchSpan = {
   sm: 24
 };
 var Header = (function (_ref) {
+  var _context;
   var _ref$searchSpan = _ref.searchSpan,
     searchSpan = _ref$searchSpan === void 0 ? defaultSearchSpan : _ref$searchSpan,
     headerStyle = _ref.headerStyle,
     initValues = _ref.initValues,
     onReset = _ref.onReset,
+    className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useHeaderDefaultProp = useHeaderDefaultProps(props),
     tableLabelWidth = _useHeaderDefaultProp.tableLabelWidth,
@@ -37,7 +40,7 @@ var Header = (function (_ref) {
     configData: headerConfigData,
     table: tableInstance
   });
-  var className = useClassName("hw-table-header");
+  var defaultClassName = useClassName("hw-table-header");
   var _useHTableConfigConte = useHTableConfigContext({
       headerStyle: headerStyle
     }),
@@ -45,7 +48,7 @@ var Header = (function (_ref) {
   return jsx(Card, {
     style: defaultHeaderStyle,
     bordered: false,
-    className: "hw_table_header ".concat(className),
+    className: _concatInstanceProperty(_context = "hw_table_header ".concat(defaultClassName, " ")).call(_context, className),
     bodyStyle: {
       paddingBottom: 0
     },

package/es/HTableHeader/modal.d.ts

@@ -12,6 +12,7 @@ export interface IHeaderProps {
     hideLabel?: boolean;
     labelWidth?: number;
     onReset?: VoidFunction;
+    className?: string;
 }
 export interface FormConfigDataItemProviderModal extends ConfigItemModal {
     className?: string;

package/es/HTablePagination/index.d.ts

@@ -11,6 +11,7 @@ export interface IPaginationProps extends Omit<PaginationProps, "showTotal"> {
     table?: HTableInstance;
     showTotal?: false | PaginationProps["showTotal"];
     data?: Record<string, any>;
+    className?: string;
 }
-declare const _default: ({ onPageChange, paginationStyle, affixProps, goTop, actionRender, table, showTotal, data, ...props }: IPaginationProps) => JSX.Element;
+declare const _default: ({ onPageChange, paginationStyle, affixProps, goTop, actionRender, table, showTotal, data, className, ...props }: IPaginationProps) => JSX.Element;
 export default _default;

package/es/HTablePagination/index.js

@@ -20,10 +20,10 @@ import { useState } from 'react';
 import GoTop from '../GoTop/index.js';
 import { useHTableConfigContext } from '../TableConfig.js';
 
-var _excluded = ["onPageChange", "paginationStyle", "affixProps", "goTop", "actionRender", "table", "showTotal", "data"],
+var _excluded = ["onPageChange", "paginationStyle", "affixProps", "goTop", "actionRender", "table", "showTotal", "data", "className"],
   _excluded2 = ["offsetBottom"];
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context5 = ownKeys(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context6 = ownKeys(Object(t))).call(_context6, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var defaultShowTotal = function defaultShowTotal(totalNum, _ref) {
   var _context, _context2;
   var _ref2 = _slicedToArray(_ref, 2),
@@ -32,6 +32,7 @@ var defaultShowTotal = function defaultShowTotal(totalNum, _ref) {
   return _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = "\u7B2C".concat(showCurrent, "-")).call(_context2, showCurrentEnd, "/\u603B\u5171")).call(_context, totalNum, "\u6761");
 };
 var HTablePagination = (function (_ref3) {
+  var _context4;
   var onPageChange = _ref3.onPageChange,
     paginationStyle = _ref3.paginationStyle,
     affixProps = _ref3.affixProps,
@@ -41,6 +42,7 @@ var HTablePagination = (function (_ref3) {
     _ref3$showTotal = _ref3.showTotal,
     showTotal = _ref3$showTotal === void 0 ? defaultShowTotal : _ref3$showTotal,
     data = _ref3.data,
+    className = _ref3.className,
     props = _objectWithoutProperties(_ref3, _excluded);
   var _useHTableContext = useHTableContext(),
     contextOnPageChange = _useHTableContext.onPageChange,
@@ -60,7 +62,7 @@ var HTablePagination = (function (_ref3) {
   var pageCurrent = _Number$parseInt(current || "1", 10);
   var pageSize = _Number$parseInt(size || "10", 10);
   var pageTotal = _Number$parseInt(total || "0", 10);
-  var className = useClassName("hw-table-pagination");
+  var footerClassName = useClassName("hw-table-pagination");
   var _useState = useState({}),
     _useState2 = _slicedToArray(_useState, 2),
     style = _useState2[0],
@@ -70,10 +72,11 @@ var HTablePagination = (function (_ref3) {
     return jsx(Fragment, {});
   }
   if (affixProps === false) {
+    var _context3;
     return jsxs(Row, {
       justify: "space-between",
       align: "middle",
-      className: className,
+      className: _concatInstanceProperty(_context3 = "".concat(footerClassName, " ")).call(_context3, className),
       style: defaultPaginationStyle,
       children: [jsx("div", {
         children: actionRender === null || actionRender === void 0 ? void 0 : actionRender(tableInstance)
@@ -112,7 +115,7 @@ var HTablePagination = (function (_ref3) {
   }, afProps), {}, {
     children: jsxs(Row, {
       justify: "space-between",
-      className: className,
+      className: _concatInstanceProperty(_context4 = "".concat(footerClassName, " ")).call(_context4, className),
       align: "middle",
       style: _objectSpread(_objectSpread({}, defaultPaginationStyle), style),
       children: [jsx("div", {

package/es/Table.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { HTableProps } from "./modal";
-declare const _default: ({ request, searchSpan, table, hideHeader, headerStyle, tableStyle, action, spaceSize, className, paginationStyle, rowKey, onFinish, manual, formInitValues, onReset, style, dataSource, reload, loading: propsLoading, error: propsError, rowSelection, defaultHeaderOpen, ...props }: HTableProps) => JSX.Element;
+declare const _default: ({ request, searchSpan, table, hideHeader, headerStyle, tableStyle, action, spaceSize, className, paginationStyle, rowKey, onFinish, manual, formInitValues, onReset, style, dataSource, reload, loading: propsLoading, error: propsError, rowSelection, defaultHeaderOpen, headerClassName, bodyClassName, onOpenChange, ...props }: HTableProps) => JSX.Element;
 export default _default;

package/es/Table.js

@@ -22,7 +22,7 @@ import { useState } from 'react';
 import { useClassName } from './hooks/index.js';
 import Index from './TableProvider.js';
 
-var _excluded = ["request", "searchSpan", "table", "hideHeader", "headerStyle", "tableStyle", "action", "spaceSize", "className", "paginationStyle", "rowKey", "onFinish", "manual", "formInitValues", "onReset", "style", "dataSource", "reload", "loading", "error", "rowSelection", "defaultHeaderOpen"];
+var _excluded = ["request", "searchSpan", "table", "hideHeader", "headerStyle", "tableStyle", "action", "spaceSize", "className", "paginationStyle", "rowKey", "onFinish", "manual", "formInitValues", "onReset", "style", "dataSource", "reload", "loading", "error", "rowSelection", "defaultHeaderOpen", "headerClassName", "bodyClassName", "onOpenChange"];
 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 _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Table = (function (_ref) {
@@ -52,6 +52,11 @@ var Table = (function (_ref) {
     propsError = _ref.error,
     rowSelection = _ref.rowSelection,
     defaultHeaderOpen = _ref.defaultHeaderOpen,
+    _ref$headerClassName = _ref.headerClassName,
+    headerClassName = _ref$headerClassName === void 0 ? "" : _ref$headerClassName,
+    _ref$bodyClassName = _ref.bodyClassName,
+    bodyClassName = _ref$bodyClassName === void 0 ? "" : _ref$bodyClassName,
+    onOpenChange = _ref.onOpenChange,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useReq = useReq({
       request: request,
@@ -104,6 +109,10 @@ var Table = (function (_ref) {
     dataSource: data
   });
   var contentClassName = useClassName("hw-table-content");
+  var setHeaderOpen = function setHeaderOpen(open) {
+    setOpen(open);
+    onOpenChange === null || onOpenChange === void 0 || onOpenChange(open);
+  };
   return jsx(Index, _objectSpread(_objectSpread({}, props), {}, {
     tableInstance: tableInstance,
     onFinish: function onFinish(value) {
@@ -126,7 +135,7 @@ var Table = (function (_ref) {
     setSelectedRowData: setSelectedRowData,
     rowKey: rowKey,
     headerOpen: open,
-    setHeaderOpen: setOpen,
+    setHeaderOpen: setHeaderOpen,
     rowSelection: rowSelection,
     children: jsxs("div", {
       style: _objectSpread({}, style),
@@ -136,12 +145,14 @@ var Table = (function (_ref) {
         headerStyle: headerStyle,
         onFinish: onFinish,
         initValues: formInitValues,
-        onReset: onReset
+        onReset: onReset,
+        className: headerClassName
       }), jsx(Body, _objectSpread({
         tableStyle: hideHeader ? _objectSpread({
           paddingTop: 24
         }, tableStyle) : tableStyle,
         paginationStyle: paginationStyle,
+        className: bodyClassName,
         rowKey: rowKey,
         rowSelection: rowSelection
       }, props))]

package/es/modal.d.ts

@@ -89,6 +89,10 @@ export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "
     options?: OptionModal | false;
     pagination?: IPaginationProps | false;
     defaultHeaderOpen?: boolean;
+    headerClassName?: string;
+    bodyClassName?: string;
+    footerClassName?: string;
+    onOpenChange?: (open: boolean) => void;
 }
 interface ColCheckResultKeys {
     keys?: string[];

package/lib/HTableBody/index.js

@@ -12,6 +12,7 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var jsxRuntime = require('react/jsx-runtime');
 var ProTable = require('@ant-design/pro-table');
 var useControl = require('./hooks/useControl.js');
@@ -28,11 +29,12 @@ var defaultRender = require('./defaultRender.js');
 var useRowClassName = require('./hooks/useRowClassName.js');
 var useColMk = require('./hooks/useColMk.js');
 
-var _excluded = ["configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle", "paginationStyle", "headerTitle", "options", "actionRender", "affixProps", "goTop", "size", "optionsRender", "paginationActionRender", "localSorter", "columnsState", "tableExtraRender", "table", "onChange", "bordered", "rowClassName", "configItemRender"],
+var _excluded = ["configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle", "paginationStyle", "headerTitle", "options", "actionRender", "affixProps", "goTop", "size", "optionsRender", "paginationActionRender", "localSorter", "columnsState", "tableExtraRender", "table", "onChange", "bordered", "rowClassName", "configItemRender", "className", "footerClassName"],
   _excluded2 = ["value", "onChange", "resetCol", "dropChange"];
 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 _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Body = (function (bodyProps) {
+  var _context;
   var configData = bodyProps.configData,
     _bodyProps$pagination = bodyProps.pagination,
     pagination = _bodyProps$pagination === void 0 ? {} : _bodyProps$pagination,
@@ -62,6 +64,9 @@ var Body = (function (bodyProps) {
     bordered = bodyProps.bordered;
     bodyProps.rowClassName;
     var configItemRender = bodyProps.configItemRender,
+    className = bodyProps.className,
+    _bodyProps$footerClas = bodyProps.footerClassName,
+    footerClassName = _bodyProps$footerClas === void 0 ? "" : _bodyProps$footerClas,
     props = _objectWithoutProperties(bodyProps, _excluded);
   var _ref = rowSelection || {},
     selectedRowKeys = _ref.selectedRowKeys,
@@ -131,7 +136,7 @@ var Body = (function (bodyProps) {
   }));
   var defaultOptionsNode = optionsRender ? optionsRender(optionsNode) : optionsNode;
   var alwaysShowAlert = useControl.useAlwaysShowAlert(selectedRowData, configAlwaysShowAlert);
-  var className = index$1.useClassName("hw-table-body");
+  var bodyClassName = index$1.useClassName("hw-table-body");
   var _useHTableConfigConte4 = TableConfig.useHTableConfigContext({
       tableStyle: tableStyle
     }),
@@ -145,7 +150,7 @@ var Body = (function (bodyProps) {
   var rowClassNameFn = useRowClassName.default(bodyProps);
   return jsxRuntime.jsx("div", {
     style: defaultTableStyle,
-    className: "hw_table_body  ".concat(className),
+    className: _concatInstanceProperty(_context = "hw_table_body  ".concat(bodyClassName, " ")).call(_context, className),
     children: jsxRuntime.jsxs(antd.Space, {
       size: 16,
       direction: "vertical",
@@ -194,6 +199,7 @@ var Body = (function (bodyProps) {
           }
         }) : jsxRuntime.jsx(index$3.default, _objectSpread({
           onPageChange: onPageChange,
+          className: footerClassName,
           paginationStyle: paginationStyle,
           affixProps: affixProps,
           goTop: goTop,

package/lib/HTableBody/modal.d.ts

@@ -26,6 +26,8 @@ export interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSour
     table?: HTableInstance;
     pagination?: IPaginationProps | false;
     configItemRender?: (data: ConfigItemModal) => ConfigItemModal;
+    className?: string;
+    footerClassName?: string;
 }
 export interface RowRadioSelectionProps {
     data: any;

package/lib/HTableHeader/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { IHeaderProps } from "./modal";
-declare const _default: ({ searchSpan, headerStyle, initValues, onReset, ...props }: IHeaderProps) => JSX.Element;
+declare const _default: ({ searchSpan, headerStyle, initValues, onReset, className, ...props }: IHeaderProps) => JSX.Element;
 export default _default;

package/lib/HTableHeader/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var jsxRuntime = require('react/jsx-runtime');
 var antd = require('antd');
 var form = require('@hw-component/form');
@@ -12,7 +13,7 @@ var Context = require('./Context.js');
 var TableConfig = require('../TableConfig.js');
 var useHideMoreTitle = require('./hooks/useHideMoreTitle.js');
 
-var _excluded = ["searchSpan", "headerStyle", "initValues", "onReset"];
+var _excluded = ["searchSpan", "headerStyle", "initValues", "onReset", "className"];
 var defaultSearchSpan = {
   xxl: 4,
   xl: 6,
@@ -21,11 +22,13 @@ var defaultSearchSpan = {
   sm: 24
 };
 var Header = (function (_ref) {
+  var _context;
   var _ref$searchSpan = _ref.searchSpan,
     searchSpan = _ref$searchSpan === void 0 ? defaultSearchSpan : _ref$searchSpan,
     headerStyle = _ref.headerStyle,
     initValues = _ref.initValues,
     onReset = _ref.onReset,
+    className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useHeaderDefaultProp = useHeaderDefaultProps.default(props),
     tableLabelWidth = _useHeaderDefaultProp.tableLabelWidth,
@@ -40,7 +43,7 @@ var Header = (function (_ref) {
     configData: headerConfigData,
     table: tableInstance
   });
-  var className = index.useClassName("hw-table-header");
+  var defaultClassName = index.useClassName("hw-table-header");
   var _useHTableConfigConte = TableConfig.useHTableConfigContext({
       headerStyle: headerStyle
     }),
@@ -48,7 +51,7 @@ var Header = (function (_ref) {
   return jsxRuntime.jsx(antd.Card, {
     style: defaultHeaderStyle,
     bordered: false,
-    className: "hw_table_header ".concat(className),
+    className: _concatInstanceProperty(_context = "hw_table_header ".concat(defaultClassName, " ")).call(_context, className),
     bodyStyle: {
       paddingBottom: 0
     },

package/lib/HTableHeader/modal.d.ts

@@ -12,6 +12,7 @@ export interface IHeaderProps {
     hideLabel?: boolean;
     labelWidth?: number;
     onReset?: VoidFunction;
+    className?: string;
 }
 export interface FormConfigDataItemProviderModal extends ConfigItemModal {
     className?: string;

package/lib/HTablePagination/index.d.ts

@@ -11,6 +11,7 @@ export interface IPaginationProps extends Omit<PaginationProps, "showTotal"> {
     table?: HTableInstance;
     showTotal?: false | PaginationProps["showTotal"];
     data?: Record<string, any>;
+    className?: string;
 }
-declare const _default: ({ onPageChange, paginationStyle, affixProps, goTop, actionRender, table, showTotal, data, ...props }: IPaginationProps) => JSX.Element;
+declare const _default: ({ onPageChange, paginationStyle, affixProps, goTop, actionRender, table, showTotal, data, className, ...props }: IPaginationProps) => JSX.Element;
 export default _default;

package/lib/HTablePagination/index.js

@@ -23,10 +23,10 @@ var React = require('react');
 var index$1 = require('../GoTop/index.js');
 var TableConfig = require('../TableConfig.js');
 
-var _excluded = ["onPageChange", "paginationStyle", "affixProps", "goTop", "actionRender", "table", "showTotal", "data"],
+var _excluded = ["onPageChange", "paginationStyle", "affixProps", "goTop", "actionRender", "table", "showTotal", "data", "className"],
   _excluded2 = ["offsetBottom"];
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context5 = ownKeys(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context6 = ownKeys(Object(t))).call(_context6, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var defaultShowTotal = function defaultShowTotal(totalNum, _ref) {
   var _context, _context2;
   var _ref2 = _slicedToArray(_ref, 2),
@@ -35,6 +35,7 @@ var defaultShowTotal = function defaultShowTotal(totalNum, _ref) {
   return _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = "\u7B2C".concat(showCurrent, "-")).call(_context2, showCurrentEnd, "/\u603B\u5171")).call(_context, totalNum, "\u6761");
 };
 var HTablePagination = (function (_ref3) {
+  var _context4;
   var onPageChange = _ref3.onPageChange,
     paginationStyle = _ref3.paginationStyle,
     affixProps = _ref3.affixProps,
@@ -44,6 +45,7 @@ var HTablePagination = (function (_ref3) {
     _ref3$showTotal = _ref3.showTotal,
     showTotal = _ref3$showTotal === void 0 ? defaultShowTotal : _ref3$showTotal,
     data = _ref3.data,
+    className = _ref3.className,
     props = _objectWithoutProperties(_ref3, _excluded);
   var _useHTableContext = context.useHTableContext(),
     contextOnPageChange = _useHTableContext.onPageChange,
@@ -63,7 +65,7 @@ var HTablePagination = (function (_ref3) {
   var pageCurrent = _Number$parseInt(current || "1", 10);
   var pageSize = _Number$parseInt(size || "10", 10);
   var pageTotal = _Number$parseInt(total || "0", 10);
-  var className = index.useClassName("hw-table-pagination");
+  var footerClassName = index.useClassName("hw-table-pagination");
   var _useState = React.useState({}),
     _useState2 = _slicedToArray(_useState, 2),
     style = _useState2[0],
@@ -73,10 +75,11 @@ var HTablePagination = (function (_ref3) {
     return jsxRuntime.jsx(jsxRuntime.Fragment, {});
   }
   if (affixProps === false) {
+    var _context3;
     return jsxRuntime.jsxs(antd.Row, {
       justify: "space-between",
       align: "middle",
-      className: className,
+      className: _concatInstanceProperty(_context3 = "".concat(footerClassName, " ")).call(_context3, className),
       style: defaultPaginationStyle,
       children: [jsxRuntime.jsx("div", {
         children: actionRender === null || actionRender === void 0 ? void 0 : actionRender(tableInstance)
@@ -115,7 +118,7 @@ var HTablePagination = (function (_ref3) {
   }, afProps), {}, {
     children: jsxRuntime.jsxs(antd.Row, {
       justify: "space-between",
-      className: className,
+      className: _concatInstanceProperty(_context4 = "".concat(footerClassName, " ")).call(_context4, className),
       align: "middle",
       style: _objectSpread(_objectSpread({}, defaultPaginationStyle), style),
       children: [jsxRuntime.jsx("div", {

package/lib/Table.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { HTableProps } from "./modal";
-declare const _default: ({ request, searchSpan, table, hideHeader, headerStyle, tableStyle, action, spaceSize, className, paginationStyle, rowKey, onFinish, manual, formInitValues, onReset, style, dataSource, reload, loading: propsLoading, error: propsError, rowSelection, defaultHeaderOpen, ...props }: HTableProps) => JSX.Element;
+declare const _default: ({ request, searchSpan, table, hideHeader, headerStyle, tableStyle, action, spaceSize, className, paginationStyle, rowKey, onFinish, manual, formInitValues, onReset, style, dataSource, reload, loading: propsLoading, error: propsError, rowSelection, defaultHeaderOpen, headerClassName, bodyClassName, onOpenChange, ...props }: HTableProps) => JSX.Element;
 export default _default;

package/lib/Table.js

@@ -25,7 +25,7 @@ var React = require('react');
 var index = require('./hooks/index.js');
 var TableProvider = require('./TableProvider.js');
 
-var _excluded = ["request", "searchSpan", "table", "hideHeader", "headerStyle", "tableStyle", "action", "spaceSize", "className", "paginationStyle", "rowKey", "onFinish", "manual", "formInitValues", "onReset", "style", "dataSource", "reload", "loading", "error", "rowSelection", "defaultHeaderOpen"];
+var _excluded = ["request", "searchSpan", "table", "hideHeader", "headerStyle", "tableStyle", "action", "spaceSize", "className", "paginationStyle", "rowKey", "onFinish", "manual", "formInitValues", "onReset", "style", "dataSource", "reload", "loading", "error", "rowSelection", "defaultHeaderOpen", "headerClassName", "bodyClassName", "onOpenChange"];
 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 _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Table = (function (_ref) {
@@ -55,6 +55,11 @@ var Table = (function (_ref) {
     propsError = _ref.error,
     rowSelection = _ref.rowSelection,
     defaultHeaderOpen = _ref.defaultHeaderOpen,
+    _ref$headerClassName = _ref.headerClassName,
+    headerClassName = _ref$headerClassName === void 0 ? "" : _ref$headerClassName,
+    _ref$bodyClassName = _ref.bodyClassName,
+    bodyClassName = _ref$bodyClassName === void 0 ? "" : _ref$bodyClassName,
+    onOpenChange = _ref.onOpenChange,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useReq = useReq.default({
       request: request,
@@ -107,6 +112,10 @@ var Table = (function (_ref) {
     dataSource: data
   });
   var contentClassName = index.useClassName("hw-table-content");
+  var setHeaderOpen = function setHeaderOpen(open) {
+    setOpen(open);
+    onOpenChange === null || onOpenChange === void 0 || onOpenChange(open);
+  };
   return jsxRuntime.jsx(TableProvider.default, _objectSpread(_objectSpread({}, props), {}, {
     tableInstance: tableInstance,
     onFinish: function onFinish(value) {
@@ -129,7 +138,7 @@ var Table = (function (_ref) {
     setSelectedRowData: setSelectedRowData,
     rowKey: rowKey,
     headerOpen: open,
-    setHeaderOpen: setOpen,
+    setHeaderOpen: setHeaderOpen,
     rowSelection: rowSelection,
     children: jsxRuntime.jsxs("div", {
       style: _objectSpread({}, style),
@@ -139,12 +148,14 @@ var Table = (function (_ref) {
         headerStyle: headerStyle,
         onFinish: onFinish,
         initValues: formInitValues,
-        onReset: onReset
+        onReset: onReset,
+        className: headerClassName
       }), jsxRuntime.jsx(index$2.default, _objectSpread({
         tableStyle: hideHeader ? _objectSpread({
           paddingTop: 24
         }, tableStyle) : tableStyle,
         paginationStyle: paginationStyle,
+        className: bodyClassName,
         rowKey: rowKey,
         rowSelection: rowSelection
       }, props))]

package/lib/modal.d.ts

@@ -89,6 +89,10 @@ export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "
     options?: OptionModal | false;
     pagination?: IPaginationProps | false;
     defaultHeaderOpen?: boolean;
+    headerClassName?: string;
+    bodyClassName?: string;
+    footerClassName?: string;
+    onOpenChange?: (open: boolean) => void;
 }
 interface ColCheckResultKeys {
     keys?: string[];

package/package.json

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

package/src/components/HTableBody/index.tsx

@@ -47,6 +47,8 @@ export default (bodyProps: HTableBodyProps) => {
     bordered,
     rowClassName = "",
     configItemRender,
+    className,
+    footerClassName="",
     ...props
   } = bodyProps;
 
@@ -122,7 +124,7 @@ export default (bodyProps: HTableBodyProps) => {
     selectedRowData,
     configAlwaysShowAlert
   );
-  const className = useClassName("hw-table-body");
+  const bodyClassName = useClassName("hw-table-body");
   const { tableStyle: defaultTableStyle } = useHTableConfigContext({
     tableStyle,
   });
@@ -134,7 +136,7 @@ export default (bodyProps: HTableBodyProps) => {
   });
   const rowClassNameFn = useRowClassName(bodyProps);
   return (
-    <div style={defaultTableStyle} className={`hw_table_body  ${className}`}>
+    <div style={defaultTableStyle} className={`hw_table_body  ${bodyClassName} ${className}`}>
       <Space size={16} direction={"vertical"} style={{ width: "100%" }}>
         {tableExtraRender ? tableExtraRender(props, records || []) : null}
         {alwaysShowAlert && (
@@ -178,6 +180,7 @@ export default (bodyProps: HTableBodyProps) => {
           ) : (
             <HTablePagination
               onPageChange={onPageChange}
+              className={footerClassName}
               paginationStyle={paginationStyle}
               affixProps={affixProps}
               goTop={goTop}

package/src/components/HTableBody/modal.ts

@@ -40,6 +40,8 @@ export interface HTableBodyProps
   table?: HTableInstance;
   pagination?: IPaginationProps | false;
   configItemRender?: (data: ConfigItemModal) => ConfigItemModal;
+  className?: string;
+  footerClassName?: string;
 }
 
 export interface RowRadioSelectionProps {

package/src/components/HTableHeader/index.tsx

@@ -20,6 +20,7 @@ export default ({
   headerStyle,
   initValues,
   onReset,
+    className,
   ...props
 }: IHeaderProps) => {
   const {
@@ -36,7 +37,7 @@ export default ({
     configData: headerConfigData,
     table: tableInstance,
   });
-  const className = useClassName("hw-table-header");
+  const defaultClassName = useClassName("hw-table-header");
   const { headerStyle: defaultHeaderStyle } = useHTableConfigContext({
     headerStyle,
   });
@@ -44,7 +45,7 @@ export default ({
     <Card
       style={defaultHeaderStyle}
       bordered={false}
-      className={`hw_table_header ${className}`}
+      className={`hw_table_header ${defaultClassName} ${className}`}
       bodyStyle={{ paddingBottom: 0 }}
     >
       <HeaderProvider value={{ onReset }}>

package/src/components/HTableHeader/modal.ts

@@ -17,6 +17,7 @@ export interface IHeaderProps {
   hideLabel?: boolean;
   labelWidth?: number;
   onReset?: VoidFunction;
+  className?: string;
 }
 
 export interface FormConfigDataItemProviderModal extends ConfigItemModal {

package/src/components/HTablePagination/index.tsx

@@ -17,6 +17,7 @@ export interface IPaginationProps extends Omit<PaginationProps, "showTotal"> {
   table?: HTableInstance;
   showTotal?: false | PaginationProps["showTotal"];
   data?: Record<string, any>;
+  className?: string;
 }
 const defaultShowTotal = (totalNum: number, [showCurrent, showCurrentEnd]) => {
   return `第${showCurrent}-${showCurrentEnd}/总共${totalNum}条`;
@@ -30,6 +31,7 @@ export default ({
   table,
   showTotal = defaultShowTotal,
   data,
+                  className,
   ...props
 }: IPaginationProps) => {
   const {
@@ -47,7 +49,7 @@ export default ({
   const pageCurrent = Number.parseInt(current || "1", 10);
   const pageSize = Number.parseInt(size || "10", 10);
   const pageTotal = Number.parseInt(total || "0", 10);
-  const className = useClassName("hw-table-pagination");
+  const footerClassName = useClassName("hw-table-pagination");
   const [style, setStyle] = useState({});
   const cuShowTotal = showTotal === false ? undefined : showTotal;
   if (!cuData) {
@@ -58,7 +60,7 @@ export default ({
       <Row
         justify={"space-between"}
         align={"middle"}
-        className={className}
+        className={`${footerClassName} ${className}`}
         style={defaultPaginationStyle}
       >
         <div>{actionRender?.(tableInstance)}</div>
@@ -95,7 +97,7 @@ export default ({
     >
       <Row
         justify={"space-between"}
-        className={className}
+        className={`${footerClassName} ${className}`}
         align={"middle"}
         style={{ ...defaultPaginationStyle, ...style }}
       >

package/src/components/Table.tsx

@@ -32,6 +32,9 @@ export default ({
   error: propsError,
   rowSelection,
   defaultHeaderOpen,
+                  headerClassName="",
+    bodyClassName="",
+                  onOpenChange,
   ...props
 }: HTableProps) => {
   const { run, loading, data, error, saveParams } = useReq({
@@ -82,6 +85,10 @@ export default ({
     dataSource: data,
   });
   const contentClassName = useClassName("hw-table-content");
+  const setHeaderOpen = (open)=>{
+    setOpen(open);
+    onOpenChange?.(open);
+  }
   return (
     <TableProvider
       {...props}
@@ -103,7 +110,7 @@ export default ({
       setSelectedRowData={setSelectedRowData}
       rowKey={rowKey}
       headerOpen={open}
-      setHeaderOpen={setOpen}
+      setHeaderOpen={setHeaderOpen}
       rowSelection={rowSelection}
     >
       <div style={{ ...style }} className={`${contentClassName} ${className}`}>
@@ -114,6 +121,7 @@ export default ({
             onFinish={onFinish}
             initValues={formInitValues}
             onReset={onReset}
+            className={headerClassName}
           />
         )}
         <Body
@@ -121,6 +129,7 @@ export default ({
             hideHeader ? { paddingTop: 24, ...tableStyle } : tableStyle
           }
           paginationStyle={paginationStyle}
+          className={bodyClassName}
           rowKey={rowKey}
           rowSelection={rowSelection}
           {...props}

package/src/components/modal.ts

@@ -122,6 +122,10 @@ export interface HTableProps
   options?: OptionModal | false;
   pagination?: IPaginationProps | false;
   defaultHeaderOpen?: boolean;
+  headerClassName?: string;
+  bodyClassName?: string;
+  footerClassName?: string;
+  onOpenChange?: (open:boolean) => void;
 }
 interface ColCheckResultKeys {
   keys?: string[];

package/src/pages/Table/index.tsx

@@ -171,7 +171,6 @@ export default () => {
     },
   ]);
   const [keys, setKeys] = useState(["1-1"]);
-
   return (
     <HFormConfigProvider>
       <div