@hw-component/table 0.0.4-beta-v3 → 0.0.4-beta-v7

package/src/pages/TableCustomize/index.tsx

@@ -5,8 +5,8 @@ import {
   HTableFooter,
   HTablePagination,
 } from "../../components";
-import {useRequest} from "ahooks";
-import {Space} from "antd";
+import { useRequest } from "ahooks";
+import { Space } from "antd";
 
 const configData = [
   {
@@ -19,31 +19,34 @@ const configData = [
     title: "操作",
     name: "aaa",
     showSearch: true,
-    fixed:"right",
+    fixed: "right",
     searchType: "rangePicker",
   },
 ];
 export default () => {
-  const {run,loading,error,data}=useRequest((params)=>{
-    const { current = 1 } = params;
-    console.log(params,"params")
-    return new Promise((resolve, reject) => {
-      setTimeout(() => {
-        // reject(new Error("错误"));
-        resolve({
-          size: "10",
-          current: current.toString(10),
-          total: "100",
-          records: [
-            {
-              id: 1,
-              name: "111",
-            },
-          ],
-        });
-      }, 2000);
-    });
-  },{manual:true});
+  const { run, loading, error, data } = useRequest(
+    (params) => {
+      const { current = 1 } = params;
+      console.log(params, "params");
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          // reject(new Error("错误"));
+          resolve({
+            size: "10",
+            current: current.toString(10),
+            total: "100",
+            records: [
+              {
+                id: 1,
+                name: "111",
+              },
+            ],
+          });
+        }, 2000);
+      });
+    },
+    { manual: true }
+  );
   return (
     <TableCustomize
       configData={configData}
@@ -52,9 +55,9 @@ export default () => {
       dataSource={data}
       reload={run}
     >
-      <Space direction={"vertical"} style={{width:"100%"}}>
+      <Space direction={"vertical"} style={{ width: "100%" }}>
         <HTableHeader />
-        <HTableBody pagination={false} scroll={{x:1000,y:100}}/>
+        <HTableBody pagination={false} scroll={{ x: 1000, y: 100 }} />
         <HTablePagination />
         <HTableFooter />
       </Space>

package/src/routes.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import { Navigate } from "react-router-dom";
 import Table from "./pages/Table";
 import TableCustomize from "./pages/TableCustomize";
-
+import ModalTable from "./pages/ModalTable";
 export interface RouteModal {
   path?: string;
   name?: string;
@@ -27,6 +27,11 @@ const routes: RouteModal[] = [
     name: "tableCustomize",
     element: <TableCustomize />,
   },
+  {
+    path: "/modalTable",
+    name: "ModalTable",
+    element: <ModalTable />,
+  },
 ];
 
 export default routes;