@hw-component/table 1.2.1 → 1.2.3

package/src/pages/Table/index.tsx

@@ -1,7 +1,7 @@
-import { HTable, useHTable } from "@/components";
-import {Button, Tooltip} from "antd";
+import { HTable, useHTable ,HTableConfig} from "@/components";
+import {Button, Card, Tooltip} from "antd";
 import { HFormConfigProvider } from "@hw-component/form";
-import {SettingOutlined} from "@ant-design/icons";
+import { SettingOutlined } from "@ant-design/icons";
 
 const configData = [
   {
@@ -9,7 +9,6 @@ const configData = [
     showSearch: true,
     searchType: "rangePicker",
     dataIndex: "id",
-    searchLabel: "fff",
     sorter: true,
     itemProps: {
       options: [{ label: "1", value: 1 }],
@@ -22,7 +21,6 @@ const configData = [
   },
   {
     title: "座位断开",
-    showSearch: true,
     dataIndex: "name1",
     childrenDataIndex: [
       {
@@ -41,7 +39,6 @@ const configData = [
   {
     title: <div>座位fff</div>,
     titleStr: "座位",
-    showSearch: true,
     dataIndex: "name2",
     searchType: "select",
     sorter: true,
@@ -54,9 +51,8 @@ const configData = [
     name: "aaa",
     fixed: "right",
     width: 200,
-    showSearch: true,
     render: () => {
-      return <div>fff</div>;
+      return <Card>fff</Card>;
     },
   },
 ];
@@ -67,7 +63,9 @@ const Test = ({ name, selectedRowData }) => {
 export default () => {
   const hTable = useHTable();
   return (
-    <HFormConfigProvider>
+    <HFormConfigProvider
+
+    >
       <div>
         <div
           onClick={() => {
@@ -76,78 +74,86 @@ export default () => {
         >
           获取
         </div>
-        <HTable
-          configData={configData}
-          rowKey={"id"}
-          table={hTable}
-          onReset={() => {
-            hTable.form.setFieldsValue({
-              name1: "ffff",
-            });
-          }}
-          hideLabel={false}
-          labelWidth={88}
-          action={{
-            test: (params) => {
-              console.log(params, "lllll");
-            },
-          }}
-          rowSelection={{
-            allPageCheck: false,
-          }}
-          affixProps={{
-            target: () => document.querySelector(".body"),
-          }}
-          scroll={{
-            x: 1000,
-          }}
-          columnsState={{
-            persistenceKey: "test",
-            persistenceType: "localStorage",
-          }}
-          formInitValues={{
-            name2: 1,
-          }}
-          headerTitle={
-            <Button
-              type={"primary"}
-              onClick={() => {
-                console.log(hTable.table.getColSettingKeys());
+        <HTableConfig>
+          <HTable
+              configData={configData}
+              rowKey={(data,index)=>{
+                 return index;
               }}
-            >
-              操作
-            </Button>
-          }
-          paginationActionRender={() => {
-            return <div>你大爷</div>;
-          }}
-          request={(params) => {
-            const { current = 1, size = "10" } = params;
-            const arrayData = [];
-            for (let i = 0; i < 100; i = i + 1) {
-              arrayData.push({
-                id: i,
-                name: "11",
-              });
-            }
-            return new Promise((resolve, reject) => {
-              setTimeout(() => {
-                // reject(new Error("错误"));
-                resolve({
-                  size: size,
-                  current: current.toString(10),
-                  total: "1000",
-                  records: arrayData,
+              table={hTable}
+              onReset={() => {
+                hTable.form.setFieldsValue({
+                  name1: "ffff",
                 });
-              }, 2000);
-            });
-          }}
-          options={{
-            settingRender:()=>{
-              return <Tooltip title="321312312312321"><SettingOutlined width={24} /></Tooltip>
-            }
-          }}
-        />
+              }}
+              hideLabel={false}
+              labelWidth={88}
+              action={{
+                test: (params) => {
+                  console.log(params, "lllll");
+                },
+              }}
+              rowSelection={{
+                allPageCheck: false,
+              }}
+              affixProps={{
+                target: () => document.querySelector(".body"),
+              }}
+              scroll={{
+                x: 1000,
+              }}
+              columnsState={{
+                persistenceKey: "test",
+                persistenceType: "localStorage",
+              }}
+              formInitValues={{
+                name2: 1,
+              }}
+              headerTitle={
+                <Button
+                    type={"primary"}
+                    onClick={() => {
+                      console.log(hTable.table.getColSettingKeys());
+                    }}
+                >
+                  操作
+                </Button>
+              }
+              paginationActionRender={() => {
+                return <div>你大爷</div>;
+              }}
+              request={(params) => {
+                const { current = 1, size = "10" } = params;
+                const arrayData = [];
+                for (let i = 0; i < 100; i = i + 1) {
+                  arrayData.push({
+                    id: i,
+                    name: "11",
+                  });
+                }
+                return new Promise((resolve, reject) => {
+                  setTimeout(() => {
+                    // reject(new Error("错误"));
+                    resolve({
+                      size: size,
+                      current: current.toString(10),
+                      total: "1000",
+                      records: arrayData,
+                    });
+                  }, 2000);
+                });
+              }}
+              options={{
+                settingRender: () => {
+                  return (
+                      <Tooltip title="321312312312321">
+                        <SettingOutlined width={24} />
+                      </Tooltip>
+                  );
+                },
+              }}
+          />
+        </HTableConfig>
       </div>
     </HFormConfigProvider>
   );