@hw-component/table 0.0.3-beta-v1 → 0.0.3-beta-v2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/table",
-  "version": "0.0.3-beta-v1",
+  "version": "0.0.3-beta-v2",
   "description": "基于antd二次开发table组件",
   "keywords": [
     "table"
@@ -31,7 +31,7 @@
   },
   "dependencies": {
     "@ant-design/pro-table": "2.70.0",
-    "@hw-component/form": "0.0.9-beta-v9",
+    "@hw-component/form": "0.0.9-beta-v10",
     "ahooks": "2.10.9",
     "antd": "4.20.7",
     "core-js": "3",

package/src/components/HTableBody/index.tsx

@@ -34,7 +34,7 @@ export default ({
 }: HTableBodyProps) => {
   // @ts-ignore
   const { selectedRowKeys, onChange } = rowSelection;
-  const { tableInstance, data, selectedRowData, rowOnChange, error,loading } =
+  const { tableInstance, data, selectedRowData, rowOnChange, error, loading } =
     useHTableContext();
   const {
     emptyRender: tableEmptyRender = defaultRender,
@@ -79,13 +79,17 @@ export default ({
             const { pageSize: ps, current: pn } = paginationData;
             onPageChange?.({ size: ps, current: pn });
           }}
-          pagination={pagination===false?pagination:{
-            current: Number.parseInt(current || "1", 10),
-            total: Number.parseInt(total || "0", 10),
-            pageSize: Number.parseInt(size || "10", 10),
-            showQuickJumper: true,
-            ...pagination,
-          }}
+          pagination={
+            pagination === false
+              ? pagination
+              : {
+                  current: Number.parseInt(current || "1", 10),
+                  total: Number.parseInt(total || "0", 10),
+                  pageSize: Number.parseInt(size || "10", 10),
+                  showQuickJumper: true,
+                  ...pagination,
+                }
+          }
         />
       </ConfigProvider>
     </div>

package/src/components/HTableFooter/index.tsx

@@ -2,7 +2,7 @@ import { Card, Affix, Row, Space, Button } from "antd";
 import { Typography } from "antd";
 import type { ActionRenderFn } from "../modal";
 import { useHTableContext } from "../context";
-import React, {useEffect, useState} from "react";
+import React, { useEffect, useState } from "react";
 import type { HTableInstance, ResultModal, RowObj } from "../modal";
 
 const { Text, Link } = Typography;
@@ -16,11 +16,17 @@ interface IFooterProps {
   footerStyle?: React.CSSProperties;
 }
 export default ({ actionRender, footerRender, footerStyle }: IFooterProps) => {
-  const { data, selectedRowData={},allSelectChange, tableInstance, error } = useHTableContext();
+  const {
+    data,
+    selectedRowData = {},
+    allSelectChange,
+    tableInstance,
+    error,
+  } = useHTableContext();
   const { total = "0" } = data || {};
   const totalNum = Number.parseInt(total, 10);
   const showTotalNum = Number.isNaN(totalNum) ? 0 : totalNum;
-  const {keys=[],selectAll=false}=selectedRowData;
+  const { keys = [], selectAll = false } = selectedRowData;
   const num = selectAll ? showTotalNum : keys.length;
   if (footerRender) {
     return <>{footerRender(tableInstance, selectedRowData, data)}</>;

package/src/components/HTableHeader/index.tsx

@@ -21,7 +21,7 @@ export default ({
   searchSpan = { span: 6 },
   headerStyle,
 }: IHeaderProps) => {
-  const { tableInstance ,loading} = useHTableContext();
+  const { tableInstance, loading } = useHTableContext();
   const { form } = tableInstance;
 
   const nConfigData: HItemProps[] = useMemo(

package/src/components/HTableHeader/utils.ts

@@ -6,7 +6,7 @@ const defaultSubItem = {
   itemProps: {
     extraList: ["submit", "reset"],
     style: { padding: "4px 24px", borderRadius: "4px" },
-    text:"查询"
+    text: "查询",
   },
 };
 

package/src/components/Table.tsx

@@ -39,7 +39,7 @@ export default ({
     const fn = action[key];
     fn?.(params);
   };
-  const { selectedRowData, rowOnChange ,allSelectChange} = useRowObj();
+  const { selectedRowData, rowOnChange, allSelectChange } = useRowObj();
   const tableInstance = useCurrentTable({
     table,
     reload: (params) => {
@@ -58,7 +58,7 @@ export default ({
         data,
         error,
         loading,
-        allSelectChange
+        allSelectChange,
       }}
     >
       <Space

package/src/components/context.ts

@@ -7,8 +7,8 @@ interface HContextModal {
   selectedRowData: RowObj;
   rowOnChange: (keys: React.Key[], rowData: any[]) => void;
   error?: Error;
-  loading?:boolean;
-  allSelectChange?:VoidFunction;
+  loading?: boolean;
+  allSelectChange?: VoidFunction;
 }
 
 export const HTableContext = React.createContext<HContextModal | null>(null);

package/src/components/hooks/useRowObj.ts

@@ -4,21 +4,21 @@ import type { RowObj } from "../modal";
 
 export default () => {
   const [selectedRowData, setSelectedRowData] = useState<RowObj>({});
-  const {selectAll=false}=selectedRowData;
+  const { selectAll = false } = selectedRowData;
   const rowOnChange = (keys: React.Key[], rowData: any[]) => {
     setSelectedRowData({
       keys,
       rowData,
     });
   };
-  const allSelectChange=()=>{
-      setSelectedRowData({
-        selectAll:!selectAll
-      })
-  }
+  const allSelectChange = () => {
+    setSelectedRowData({
+      selectAll: !selectAll,
+    });
+  };
   return {
     rowOnChange,
     selectedRowData,
-    allSelectChange
+    allSelectChange,
   };
 };

package/src/components/index.tsx

@@ -1,4 +1,3 @@
 export { default as HTable } from "./Table";
 export { default as useHTable } from "./hooks/useHTable";
 export { default as HTableConfig } from "./TableConfig";
-

package/src/components/modal.ts

@@ -10,7 +10,7 @@ import type React from "react";
 export interface RowObj {
   keys?: React.Key[];
   rowData?: any[];
-  selectAll?:boolean;
+  selectAll?: boolean;
 }
 export interface ResultModal {
   records: any[];