@hw-component/table 0.0.1-beta-v9 → 0.0.2-beta-v2

package/es/Body/index.js

@@ -78,6 +78,7 @@ var Body = (function (_ref) {
       borderRadius: 4,
       overflow: "hidden"
     }, tableStyle),
+    className: "hw_table_body",
     children: jsx(ConfigProvider, {
       renderEmpty: function renderEmpty() {
         if (error) {

package/es/Footer/index.js

@@ -49,6 +49,7 @@ var Footer = (function (_ref) {
       borderRadius: 4
     }, footerStyle),
     bordered: false,
+    className: "hw_table_footer",
     children: jsxs(Row, {
       justify: "space-between",
       children: [jsxs(Space, {

package/es/Header/index.d.ts

@@ -8,5 +8,5 @@ interface IHeaderProps {
     loading?: boolean;
     headerStyle?: React.CSSProperties;
 }
-declare const _default: ({ configData, onFinish, searchSpan, loading, headerStyle }: IHeaderProps) => JSX.Element;
+declare const _default: ({ configData, onFinish, searchSpan, loading, headerStyle, }: IHeaderProps) => JSX.Element;
 export default _default;

package/es/Header/index.js

@@ -37,6 +37,7 @@ var Header = (function (_ref) {
       borderRadius: 4
     }, headerStyle),
     bordered: false,
+    className: "hw_table_header",
     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, headerStyle, footerStyle, tableStyle, action, spaceSize, ...props }: HTableProps) => JSX.Element;
+declare const _default: ({ request, configData, searchSpan, table, actionRender, footerRender, hideHeader, headerStyle, footerStyle, tableStyle, action, spaceSize, className, ...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", "headerStyle", "footerStyle", "tableStyle", "action", "spaceSize"],
+var _excluded = ["request", "configData", "searchSpan", "table", "actionRender", "footerRender", "hideHeader", "headerStyle", "footerStyle", "tableStyle", "action", "spaceSize", "className"],
   _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; }
@@ -42,6 +42,7 @@ var Table = (function (_ref) {
     action = _ref$action === void 0 ? {} : _ref$action,
     _ref$spaceSize = _ref.spaceSize,
     spaceSize = _ref$spaceSize === void 0 ? 20 : _ref$spaceSize,
+    className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded);
   var saveParams = useMemo(function () {
     return {
@@ -96,6 +97,7 @@ var Table = (function (_ref) {
       style: {
         width: "100%"
       },
+      className: className,
       children: [!hideHeader && jsx(Header, {
         configData: configData,
         onFinish: run,

package/es/modal.d.ts

@@ -43,6 +43,7 @@ export interface HTableProps extends Omit<ProTableProps<any, any>, "request"> {
     tableStyle?: React.CSSProperties;
     footerStyle?: React.CSSProperties;
     spaceSize?: number;
+    className?: string;
 }
 export interface TableInstance {
     reload: (params?: ParamsModal) => void;

package/lib/Body/index.js

@@ -81,6 +81,7 @@ var Body = (function (_ref) {
       borderRadius: 4,
       overflow: "hidden"
     }, tableStyle),
+    className: "hw_table_body",
     children: jsxRuntime.jsx(antd.ConfigProvider, {
       renderEmpty: function renderEmpty() {
         if (error) {

package/lib/Footer/index.js

@@ -52,6 +52,7 @@ var Footer = (function (_ref) {
       borderRadius: 4
     }, footerStyle),
     bordered: false,
+    className: "hw_table_footer",
     children: jsxRuntime.jsxs(antd.Row, {
       justify: "space-between",
       children: [jsxRuntime.jsxs(antd.Space, {

package/lib/Header/index.d.ts

@@ -8,5 +8,5 @@ interface IHeaderProps {
     loading?: boolean;
     headerStyle?: React.CSSProperties;
 }
-declare const _default: ({ configData, onFinish, searchSpan, loading, headerStyle }: IHeaderProps) => JSX.Element;
+declare const _default: ({ configData, onFinish, searchSpan, loading, headerStyle, }: IHeaderProps) => JSX.Element;
 export default _default;

package/lib/Header/index.js

@@ -40,6 +40,7 @@ var Header = (function (_ref) {
       borderRadius: 4
     }, headerStyle),
     bordered: false,
+    className: "hw_table_header",
     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, headerStyle, footerStyle, tableStyle, action, spaceSize, ...props }: HTableProps) => JSX.Element;
+declare const _default: ({ request, configData, searchSpan, table, actionRender, footerRender, hideHeader, headerStyle, footerStyle, tableStyle, action, spaceSize, className, ...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", "headerStyle", "footerStyle", "tableStyle", "action", "spaceSize"],
+var _excluded = ["request", "configData", "searchSpan", "table", "actionRender", "footerRender", "hideHeader", "headerStyle", "footerStyle", "tableStyle", "action", "spaceSize", "className"],
   _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; }
@@ -45,6 +45,7 @@ var Table = (function (_ref) {
     action = _ref$action === void 0 ? {} : _ref$action,
     _ref$spaceSize = _ref.spaceSize,
     spaceSize = _ref$spaceSize === void 0 ? 20 : _ref$spaceSize,
+    className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded);
   var saveParams = React.useMemo(function () {
     return {
@@ -99,6 +100,7 @@ var Table = (function (_ref) {
       style: {
         width: "100%"
       },
+      className: className,
       children: [!hideHeader && jsxRuntime.jsx(index.default, {
         configData: configData,
         onFinish: run,

package/lib/modal.d.ts

@@ -43,6 +43,7 @@ export interface HTableProps extends Omit<ProTableProps<any, any>, "request"> {
     tableStyle?: React.CSSProperties;
     footerStyle?: React.CSSProperties;
     spaceSize?: number;
+    className?: string;
 }
 export interface TableInstance {
     reload: (params?: ParamsModal) => void;

package/package.json

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

package/src/components/Body/index.tsx

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

package/src/components/Footer/index.tsx

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

package/src/components/Header/index.tsx

@@ -12,7 +12,7 @@ interface IHeaderProps {
   onFinish: (value: Record<string, any>) => Promise<any>;
   searchSpan?: ColProps;
   loading?: boolean;
-  headerStyle?:React.CSSProperties
+  headerStyle?: React.CSSProperties;
 }
 
 export default ({
@@ -20,7 +20,7 @@ export default ({
   onFinish,
   searchSpan = { span: 6 },
   loading,
-                  headerStyle
+  headerStyle,
 }: IHeaderProps) => {
   const { tableInstance } = useHTableContext();
   const { form } = tableInstance;
@@ -32,8 +32,9 @@ export default ({
 
   return (
     <Card
-      style={{ borderRadius: 4 ,...headerStyle}}
+      style={{ borderRadius: 4, ...headerStyle }}
       bordered={false}
+      className="hw_table_header"
       bodyStyle={{ paddingBottom: 0 }}
     >
       <HForm

package/src/components/Table.tsx

@@ -16,11 +16,12 @@ export default ({
   actionRender,
   footerRender,
   hideHeader,
-                  headerStyle={},
-    footerStyle={},
-    tableStyle={},
+  headerStyle = {},
+  footerStyle = {},
+  tableStyle = {},
   action = {},
-                  spaceSize=20,
+  spaceSize = 20,
+  className,
   ...props
 }: HTableProps) => {
   const saveParams = useMemo(() => {
@@ -58,7 +59,12 @@ export default ({
         error,
       }}
     >
-      <Space size={spaceSize} direction={"vertical"} style={{ width: "100%" }}>
+      <Space
+        size={spaceSize}
+        direction={"vertical"}
+        style={{ width: "100%" }}
+        className={className}
+      >
         {!hideHeader && (
           <Header
             configData={configData}
@@ -78,7 +84,11 @@ export default ({
           {...props}
         />
         {footerRender !== false && (
-          <Footer actionRender={actionRender} footerRender={footerRender} footerStyle={footerStyle}/>
+          <Footer
+            actionRender={actionRender}
+            footerRender={footerRender}
+            footerStyle={footerStyle}
+          />
         )}
       </Space>
     </HTableContext.Provider>

package/src/components/modal.ts

@@ -59,10 +59,11 @@ 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;
+  headerStyle?: React.CSSProperties;
+  tableStyle?: React.CSSProperties;
+  footerStyle?: React.CSSProperties;
+  spaceSize?: number;
+  className?: string;
 }
 export interface TableInstance {
   reload: (params?: ParamsModal) => void;

package/src/pages/Test/index.tsx

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