@hw-component/table 1.7.3 → 1.7.4

package/src/components/HTableBody/hooks.tsx

@@ -111,7 +111,7 @@ export const useColumnsStateType = ({
     Record<string, ColumnsState> | undefined
   >(defaultValue);
   const initTableColsVal = useMemo(() => {
-    return selfValue||{};
+    return selfValue || {};
   }, []);
   useEffect(() => {
     tableInstance.table.getColSettingKeys = () => {

package/src/components/HTableBody/index.tsx

@@ -77,7 +77,7 @@ export default (bodyProps: HTableBodyProps) => {
     columnsState,
     tableExtraRender,
     ...props
-  }=bodyProps;
+  } = bodyProps;
   const { selectedRowKeys, alwaysShowAlert: configAlwaysShowAlert } =
     rowSelection || {};
   const {
@@ -133,7 +133,7 @@ export default (bodyProps: HTableBodyProps) => {
   return (
     <div style={defaultTableStyle} className={`hw_table_body  ${className}`}>
       <Space size={16} direction={"vertical"} style={{ width: "100%" }}>
-        {tableExtraRender?tableExtraRender(props,records||[]):null}
+        {tableExtraRender ? tableExtraRender(props, records || []) : null}
         {alwaysShowAlert && (
           <Alert
             message={<AlertMsg actionRender={actionRender} />}

package/src/components/modal.ts

@@ -11,7 +11,7 @@ import type { TableProps } from "antd/lib/table";
 import type { AffixProps } from "antd/lib/affix";
 import type { OptionModal } from "./HTableBody";
 import { GetRowKey } from "rc-table/lib/interface";
-import {DrawerProps} from "antd";
+import type { DrawerProps } from "antd";
 
 export interface RowObj {
   keys?: React.Key[];
@@ -147,13 +147,13 @@ export interface HDiaLogTableInstance {
   hide: () => void;
   params: any;
 }
-export interface DwTableProps  extends DrawerProps{
+export interface DwTableProps extends DrawerProps {
   tableProps?: Omit<HTableProps, "configData" | "request">;
   dialogTable?: HDiaLogTableInstance;
   params?: Record<string, any>;
   configData?: HTableProps["configData"];
   request?: HTableProps["request"];
-  contentRender?:(node:React.ReactNode)=>React.ReactNode;
+  contentRender?: (node: React.ReactNode) => React.ReactNode;
 }
 
 export interface ModalTableProps extends ModalProps {
@@ -162,7 +162,7 @@ export interface ModalTableProps extends ModalProps {
   params?: Record<string, any>;
   configData?: HTableProps["configData"];
   request?: HTableProps["request"];
-  contentRender?:(node:React.ReactNode)=>React.ReactNode;
+  contentRender?: (node: React.ReactNode) => React.ReactNode;
 }
 
 export type ValueTypeConfigRenderFn = (

package/src/components/render/CopyComponent.tsx

@@ -1,24 +1,26 @@
 import copy from "copy-to-clipboard";
-import {message,Typography} from "antd";
-import {EllipsisConfig} from "antd/lib/typography/Base";
-import {useClassName} from "../hooks";
-const {Paragraph}=Typography;
+import { message, Typography } from "antd";
+import type { EllipsisConfig } from "antd/lib/typography/Base";
+import { useClassName } from "../hooks";
+const { Paragraph } = Typography;
 interface IProps {
-    text:string;
-    cpText?:string;
-    successMsg:string;
-    ellipsis?:boolean | EllipsisConfig;
+  text: string;
+  cpText?: string;
+  successMsg: string;
+  ellipsis?: boolean | EllipsisConfig;
 }
-export default ({cpText,text,successMsg,ellipsis}:IProps)=>{
-    const className=useClassName("hw-table-render-copy");
-    return  <Paragraph
-        ellipsis={ellipsis}
-        className={className}
-        onClick={() => {
-            copy(cpText || text);
-            message.success(successMsg);
-        }}
+export default ({ cpText, text, successMsg, ellipsis }: IProps) => {
+  const className = useClassName("hw-table-render-copy");
+  return (
+    <Paragraph
+      ellipsis={ellipsis}
+      className={className}
+      onClick={() => {
+        copy(cpText || text);
+        message.success(successMsg);
+      }}
     >
-        {text}
+      {text}
     </Paragraph>
-}
+  );
+};

package/src/components/render/Text.tsx

@@ -1,8 +1,6 @@
-import {useClassName} from "@/components/hooks";
+import { useClassName } from "@/components/hooks";
 
-export default ()=>{
-    const className=useClassName("hw-table-render-text-basic");
-    return <div className={className}>
-
-    </div>
-}
+export default () => {
+  const className = useClassName("hw-table-render-text-basic");
+  return <div className={className} />;
+};

package/src/components/render/config.tsx

@@ -42,7 +42,7 @@ const tagsRender = (
 };
 const copyRender = (config: ConfigItemModal, itemData: any) => {
   const { valueTypeProps = {}, title, titleStr } = config;
-  const { successMsg, text ,ellipsis} = valueTypeProps;
+  const { successMsg, text, ellipsis } = valueTypeProps;
   const msg = successMsg || `复制${title || titleStr}成功!`;
   const tableVal = getTableVal(config, itemData);
   if (!tableVal) {
@@ -52,12 +52,14 @@ const copyRender = (config: ConfigItemModal, itemData: any) => {
   if (typeof text === "function") {
     cpText = text(itemData);
   }
-  return  <CopyComponent
-       ellipsis={ellipsis}
-       successMsg={msg}
-       text={tableVal}
-       cpText={cpText}
-  />
+  return (
+    <CopyComponent
+      ellipsis={ellipsis}
+      successMsg={msg}
+      text={tableVal}
+      cpText={cpText}
+    />
+  );
 };
 const linkRender = (config: ConfigItemModal, itemData: any) => {
   const { valueTypeProps = {} } = config;
@@ -82,7 +84,7 @@ const textRender = (config: ConfigItemModal, itemData: any) => {
   const { addonBefore, addonAfter, type, ellipsis } = valueTypeProps;
   const tableVal = getTableVal(config, itemData);
   return (
-    <Paragraph type={type} ellipsis={ellipsis} style={{marginBottom:0}}>
+    <Paragraph type={type} ellipsis={ellipsis} style={{ marginBottom: 0 }}>
       {addonBefore}
       {tableVal}
       {addonAfter}

package/src/pages/DwTable/index.tsx

@@ -1,152 +1,154 @@
 import { Button } from "antd";
 import { HDwTable, HTable, useHDialogTable } from "@/components";
 const configData = [
-    {
-        title: "座位",
-        showSearch: true,
-        searchType: "select",
-        dataIndex: "name",
-        itemProps: {
-            options: [{ label: "1", value: 1 }],
-        },
+  {
+    title: "座位",
+    showSearch: true,
+    searchType: "select",
+    dataIndex: "name",
+    itemProps: {
+      options: [{ label: "1", value: 1 }],
     },
-    {
-        title: "操作",
-        name: "aaa",
-        fixed: "right",
-        width: 200,
-        showSearch: true,
-        render: () => {
-            return <div>fff</div>;
-        },
+  },
+  {
+    title: "操作",
+    name: "aaa",
+    fixed: "right",
+    width: 200,
+    showSearch: true,
+    render: () => {
+      return <div>fff</div>;
     },
+  },
 ];
 const req1 = (params) => {
-    console.log(params, "req1");
-    const { current = 1 } = 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);
-    });
+  console.log(params, "req1");
+  const { current = 1 } = 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);
+  });
 };
 
 const req2 = (params) => {
-    const { current = 1 } = params;
-    console.log("请求")
-    return new Promise((resolve, reject) => {
-        setTimeout(() => {
-            // reject(new Error("错误"));
-            resolve({
-                size: "10",
-                current: current.toString(10),
-                total: "100",
-                records: [
-                    {
-                        id: 1,
-                        name: "111",
-                    },
-                    {
-                        id: 2,
-                        name: "111",
-                    },
-                    {
-                        id: 3,
-                        name: "111",
-                    },
-                    {
-                        id: 4,
-                        name: "111",
-                    },
-                    {
-                        id: 5,
-                        name: "111",
-                    },
-                    {
-                        id: 6,
-                        name: "111",
-                    },
-                    {
-                        id: 7,
-                        name: "111",
-                    },
-                    {
-                        id: 8,
-                        name: "111",
-                    },
-                ],
-            });
-        }, 2000);
-    });
+  const { current = 1 } = params;
+  console.log("请求");
+  return new Promise((resolve, reject) => {
+    setTimeout(() => {
+      // reject(new Error("错误"));
+      resolve({
+        size: "10",
+        current: current.toString(10),
+        total: "100",
+        records: [
+          {
+            id: 1,
+            name: "111",
+          },
+          {
+            id: 2,
+            name: "111",
+          },
+          {
+            id: 3,
+            name: "111",
+          },
+          {
+            id: 4,
+            name: "111",
+          },
+          {
+            id: 5,
+            name: "111",
+          },
+          {
+            id: 6,
+            name: "111",
+          },
+          {
+            id: 7,
+            name: "111",
+          },
+          {
+            id: 8,
+            name: "111",
+          },
+        ],
+      });
+    }, 2000);
+  });
 };
 const Test = () => {
-    const dialogTable1 = useHDialogTable();
+  const dialogTable1 = useHDialogTable();
 
-    return (
-        <>
-            <HDwTable
-                dialogTable={dialogTable1}
-                title="111"
-                configData={configData}
-                request={req2}
-                contentRender={(node)=>{
-                    return <>
-                        <div>fsafsfsa</div>
-                        {node}
-                    </>
-                }}
-            />
-            <Button
-                onClick={() => {
-                    dialogTable1.show();
-                }}
-            >
-                点我
-            </Button>
-        </>
-    );
+  return (
+    <>
+      <HDwTable
+        dialogTable={dialogTable1}
+        title="111"
+        configData={configData}
+        request={req2}
+        contentRender={(node) => {
+          return (
+            <>
+              <div>fsafsfsa</div>
+              {node}
+            </>
+          );
+        }}
+      />
+      <Button
+        onClick={() => {
+          dialogTable1.show();
+        }}
+      >
+        点我
+      </Button>
+    </>
+  );
 };
 export default () => {
-    const dialogTable = useHDialogTable();
-    const dialogTable1 = useHDialogTable();
-    return (
-        <>
-            <Button
-                onClick={() => {
-                    dialogTable.show({ title: "3333", params: { id: 1 } });
-                }}
+  const dialogTable = useHDialogTable();
+  const dialogTable1 = useHDialogTable();
+  return (
+    <>
+      <Button
+        onClick={() => {
+          dialogTable.show({ title: "3333", params: { id: 1 } });
+        }}
+      >
+        点我333
+      </Button>
+      <HDwTable
+        dialogTable={dialogTable}
+        request={req2}
+        width={1200}
+        configData={configData}
+        tableProps={{
+          headerTitle: (
+            <div
+              onClick={() => {
+                console.log(dialogTable.params);
+              }}
             >
-                点我333
-            </Button>
-            <HDwTable
-                dialogTable={dialogTable}
-                request={req2}
-                width={1200}
-                configData={configData}
-                tableProps={{
-                    headerTitle: (
-                        <div
-                            onClick={() => {
-                                console.log(dialogTable.params);
-                            }}
-                        >
-                            点我
-                        </div>
-                    ),
-                }}
-            />
-            <HTable configData={configData} headerTitle={<Test />} />
-        </>
-    );
+              点我
+            </div>
+          ),
+        }}
+      />
+      <HTable configData={configData} headerTitle={<Test />} />
+    </>
+  );
 };

package/src/pages/ModalTable/index.tsx

@@ -44,7 +44,7 @@ const req1 = (params) => {
 
 const req2 = (params) => {
   const { current = 1 } = params;
-  console.log("请求")
+  console.log("请求");
   return new Promise((resolve, reject) => {
     setTimeout(() => {
       // reject(new Error("错误"));
@@ -100,11 +100,13 @@ const Test = () => {
         title="111"
         configData={configData}
         request={req2}
-        contentRender={(node)=>{
-           return <>
-             <div>fsafsfsa</div>
-             {node}
-           </>
+        contentRender={(node) => {
+          return (
+            <>
+              <div>fsafsfsa</div>
+              {node}
+            </>
+          );
         }}
       />
       <Button