@hw-component/table 0.0.4-beta-v2 → 0.0.4-beta-v6

package/src/pages/Table/index.tsx

@@ -8,25 +8,25 @@ const configData = [
     showSearch: true,
     searchType: "select",
     dataIndex: "name",
-    itemProps:{
-      options:[{label:"1",value:1}]
-    }
+    itemProps: {
+      options: [{ label: "1", value: 1 }],
+    },
   },
   {
     title: "操作",
     name: "aaa",
-    fixed:"right",
-    width:200,
+    fixed: "right",
+    width: 200,
     showSearch: true,
-    render:()=>{
-      return <div>fff</div>
-    }
+    render: () => {
+      return <div>fff</div>;
+    },
   },
 ];
-const Test=({name,selectedRowData})=>{
-   console.log(selectedRowData);
-   return <div>{name}</div>
-}
+const Test = ({ name, selectedRowData }) => {
+  console.log(selectedRowData);
+  return <div>{name}</div>;
+};
 export default () => {
   const hTable = useHTable();
   return (
@@ -35,9 +35,9 @@ export default () => {
         configData={configData}
         rowKey={"id"}
         table={hTable}
-        scroll={{x:1000,y:100}}
+        scroll={{ x: 1000, y: 100 }}
         rowSelection={false}
-        headerTitle={<Test name="321321"/>}
+        headerTitle={<Test name="321321" />}
         actionRender={(allCheck, selectedRowKeys, xjTable) => {
           console.log(allCheck, selectedRowKeys, xjTable);
           return <Button>点我</Button>;

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;