@hw-component/table 1.1.7 → 1.1.9

package/src/components/modal.ts

@@ -9,6 +9,7 @@ import type React from "react";
 import type { ModalProps } from "antd";
 import type { TableProps } from "antd/lib/table";
 import type { AffixProps } from "antd/lib/affix";
+import {OptionModal} from "./HTableBody";
 
 export interface RowObj {
   keys?: React.Key[];
@@ -62,12 +63,6 @@ export type FooterBtnRenderFn = (
   setAllCheck: (row: RowObj) => void
 ) => React.ReactNode;
 export type actionFn = (...arg) => void;
-type FooterRenderFn = (
-  tableInstance: HTableInstance,
-  selectedRowData: RowObj,
-  data?: ResultModal
-) => React.ReactNode;
-
 export interface RowSelectionOuter {
   allPageCheck?: boolean;
 }
@@ -113,6 +108,11 @@ export interface HTableProps
   formInitValues?: Record<string, any>;
   labelWidth?: number;
   hideLabel?: boolean;
+  options?:OptionModal|false
+}
+interface ColCheckResultKeys {
+  keys?: string[];
+  checkCols?: ConfigDataModal;
 }
 export interface TableInstance {
   reload: (params?: ParamsModal) => Promise<any>;
@@ -120,12 +120,9 @@ export interface TableInstance {
   dispatch: (key: string, params: any) => void;
   reloadWithParams: (params?: ParamsModal) => Promise<any>;
   getParams: () => any;
-  settingKeys: {
-    keys?: string[];
-    checkCols?: ConfigDataModal;
-  };
   getSelectedRowData: () => RowObj;
   getTableSourceData: () => any;
+  getColSettingKeys: () => ColCheckResultKeys;
 }
 export interface HTableInstance {
   form: HFormInstance;

package/src/pages/Table/index.tsx

@@ -1,6 +1,7 @@
 import { HTable, useHTable } from "@/components";
-import { Button } from "antd";
+import {Button, Tooltip} from "antd";
 import { HFormConfigProvider } from "@hw-component/form";
+import {SettingOutlined} from "@ant-design/icons";
 
 const configData = [
   {
@@ -79,10 +80,10 @@ export default () => {
           configData={configData}
           rowKey={"id"}
           table={hTable}
-          onReset={()=>{
-           hTable.form.setFieldsValue({
-             name1:"ffff"
-           })
+          onReset={() => {
+            hTable.form.setFieldsValue({
+              name1: "ffff",
+            });
           }}
           hideLabel={false}
           labelWidth={88}
@@ -100,16 +101,28 @@ export default () => {
           scroll={{
             x: 1000,
           }}
+          columnsState={{
+            persistenceKey: "test",
+            persistenceType: "localStorage",
+          }}
           formInitValues={{
             name2: 1,
           }}
-          headerTitle={<Button type={"primary"}>操作</Button>}
-          options={false}
+          headerTitle={
+            <Button
+              type={"primary"}
+              onClick={() => {
+                console.log(hTable.table.getColSettingKeys());
+              }}
+            >
+              操作
+            </Button>
+          }
           paginationActionRender={() => {
             return <div>你大爷</div>;
           }}
           request={(params) => {
-            const { current = 1 ,size="10"} = params;
+            const { current = 1, size = "10" } = params;
             const arrayData = [];
             for (let i = 0; i < 100; i = i + 1) {
               arrayData.push({
@@ -121,7 +134,7 @@ export default () => {
               setTimeout(() => {
                 // reject(new Error("错误"));
                 resolve({
-                  size:size,
+                  size: size,
                   current: current.toString(10),
                   total: "1000",
                   records: arrayData,
@@ -129,6 +142,11 @@ export default () => {
               }, 2000);
             });
           }}
+          options={{
+            settingRender:()=>{
+              return <Tooltip title="321312312312321"><SettingOutlined width={24} /></Tooltip>
+            }
+          }}
         />
       </div>
     </HFormConfigProvider>

package/src/pages/TableCustomize/index.tsx

@@ -4,6 +4,7 @@ import {
   HTableBody,
   HTableFooter,
   HTablePagination,
+  useHTable,
 } from "@/components";
 import { useRequest } from "ahooks";
 import { Space } from "antd";
@@ -28,6 +29,7 @@ const AddBtn = (props) => {
   return <div>fff</div>;
 };
 export default () => {
+  const hTable = useHTable();
   const { run, loading, error, data } = useRequest(
     (params) => {
       const { current = 1 } = params;
@@ -57,14 +59,26 @@ export default () => {
       configData={configData}
       loading={loading}
       error={error}
+      table={hTable}
       dataSource={data}
       reload={run}
-      manual={true}
     >
       <Space direction={"vertical"} style={{ width: "100%" }}>
         <HTableHeader />
         <HTableBody
-          headerTitle={<AddBtn />}
+          headerTitle={
+            <div
+              onClick={() => {
+                console.log(hTable.table.getColSettingKeys());
+              }}
+            >
+              点我获取
+            </div>
+          }
+          columnsState={{
+            persistenceKey: "zd",
+            persistenceType: "localStorage",
+          }}
           affixProps={{
             target: () => document.querySelector(".body"),
           }}