@hw-component/table 0.0.2-beta-v1 → 0.0.2-beta-v2

package/lib/hooks/useHTable.js

@@ -1,11 +1,11 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require("react");
-var form = require("@hw-component/form");
+var React = require('react');
+var form = require('@hw-component/form');
 
-var useHTable = function () {
+var useHTable = (function () {
   var form$1 = form.useHForm();
   var table = React.useMemo(function () {
     return {
@@ -13,14 +13,14 @@ var useHTable = function () {
         return params;
       },
       setSelectedRowData: function setSelectedRowData() {},
-      dispatch: function dispatch() {},
+      dispatch: function dispatch() {}
     };
   }, []);
   return {
     form: form$1,
-    table: table,
+    table: table
   };
-};
+});
 
 exports.default = useHTable;
 // powered by h

package/lib/hooks/useRowObj.d.ts

@@ -1,7 +1,7 @@
 import type React from "react";
 import type { RowObj } from "../modal";
 declare const _default: () => {
-  rowOnChange: (keys: React.Key[], rowData: any[]) => void;
-  selectedRowData: RowObj;
+    rowOnChange: (keys: React.Key[], rowData: any[]) => void;
+    selectedRowData: RowObj;
 };
 export default _default;

package/lib/hooks/useRowObj.js

@@ -1,11 +1,11 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _slicedToArray = require("@babel/runtime-corejs3/helpers/slicedToArray");
-var React = require("react");
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var React = require('react');
 
-var useRowObj = function () {
+var useRowObj = (function () {
   var _useState = React.useState({}),
     _useState2 = _slicedToArray(_useState, 2),
     selectedRowData = _useState2[0],
@@ -13,14 +13,14 @@ var useRowObj = function () {
   var rowOnChange = function rowOnChange(keys, rowData) {
     setSelectedRowData({
       keys: keys,
-      rowData: rowData,
+      rowData: rowData
     });
   };
   return {
     rowOnChange: rowOnChange,
-    selectedRowData: selectedRowData,
+    selectedRowData: selectedRowData
   };
-};
+});
 
 exports.default = useRowObj;
 // powered by h

package/lib/index.js

@@ -1,8 +1,10 @@
-"use strict";
+'use strict';
+
+var Table = require('./Table.js');
+var useHTable = require('./hooks/useHTable.js');
+var TableConfig = require('./TableConfig.js');
+
 
-var Table = require("./Table.js");
-var useHTable = require("./hooks/useHTable.js");
-var TableConfig = require("./TableConfig.js");
 
 exports.HTable = Table.default;
 exports.useHTable = useHTable.default;

package/lib/modal.d.ts

@@ -1,76 +1,57 @@
 import type { ProColumns } from "@ant-design/pro-table/lib/typing";
 import type { ProTableProps } from "@ant-design/pro-table";
-import type {
-  HItemProps,
-  HFormInstance,
-} from "@hw-component/form/es/Form/modal";
+import type { HItemProps, HFormInstance } from "@hw-component/form/es/Form/modal";
 import type { ColProps } from "antd";
 import type React from "react";
 export interface RowObj {
-  keys?: React.Key[];
-  rowData?: any[];
+    keys?: React.Key[];
+    rowData?: any[];
 }
 export interface ResultModal {
-  records: any[];
-  current: string;
-  size: string;
-  total: string;
+    records: any[];
+    current: string;
+    size: string;
+    total: string;
 }
 export interface ParamsModal extends Record<string, any> {
-  size?: number;
-  current?: number;
+    size?: number;
+    current?: number;
 }
 interface HColumns extends Omit<ProColumns, "render"> {
-  render?: (
-    dom: React.ReactNode,
-    data: any,
-    index: number,
-    tableInstance: HTableInstance
-  ) => React.ReactNode;
-  showSearch?: boolean;
-  searchType?: HItemProps["type"];
-  searchRender?: HItemProps["render"];
+    render?: (dom: React.ReactNode, data: any, index: number, tableInstance: HTableInstance) => React.ReactNode;
+    showSearch?: boolean;
+    searchType?: HItemProps["type"];
+    searchRender?: HItemProps["render"];
 }
 export type ConfigItemModal = Omit<HItemProps, "render" | "type"> & HColumns;
 export type ConfigDataModal = ConfigItemModal[];
-export type ActionRenderFn = (
-  allCheck: boolean,
-  selectedRowKeys: RowObj,
-  tableInstance: HTableInstance
-) => React.ReactNode;
+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;
+type FooterRenderFn = (tableInstance: HTableInstance, selectedRowData: RowObj, data?: ResultModal) => React.ReactNode;
 export interface HTableProps extends Omit<ProTableProps<any, any>, "request"> {
-  request: (params: ParamsModal) => Promise<ResultModal>;
-  configData: ConfigDataModal;
-  searchSpan?: ColProps;
-  table?: HTableInstance;
-  actionRender?: ActionRenderFn;
-  emptyRender?: (tableInstance: HTableInstance) => React.ReactNode;
-  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;
-  className?: string;
+    request: (params: ParamsModal) => Promise<ResultModal>;
+    configData: ConfigDataModal;
+    searchSpan?: ColProps;
+    table?: HTableInstance;
+    actionRender?: ActionRenderFn;
+    emptyRender?: (tableInstance: HTableInstance) => React.ReactNode;
+    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;
+    className?: string;
 }
 export interface TableInstance {
-  reload: (params?: ParamsModal) => void;
-  setSelectedRowData: (keys: React.Key[], data: any) => void;
-  dispatch: (key: string, params: any) => void;
+    reload: (params?: ParamsModal) => void;
+    setSelectedRowData: (keys: React.Key[], data: any) => void;
+    dispatch: (key: string, params: any) => void;
 }
 export interface HTableInstance {
-  form: HFormInstance;
-  table: TableInstance;
+    form: HFormInstance;
+    table: TableInstance;
 }
 export {};

package/package.json

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

package/src/components/Body/index.tsx

@@ -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

@@ -26,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

@@ -34,6 +34,7 @@ export default ({
     <Card
       style={{ borderRadius: 4, ...headerStyle }}
       bordered={false}
+      className="hw_table_header"
       bodyStyle={{ paddingBottom: 0 }}
     >
       <HForm