@hw-component/table 0.0.6-beta-v2 → 0.0.6-beta-v8

package/es/HTableHeader/index.js

@@ -18,13 +18,18 @@ import { useClassName } from '../hooks/index.js';
 
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+var defaultSearchSpan = {
+  xxl: 4,
+  xl: 6,
+  lg: 6,
+  md: 8,
+  sm: 12
+};
 var Header = (function (_ref) {
   var configData = _ref.configData,
     onFinish = _ref.onFinish,
     _ref$searchSpan = _ref.searchSpan,
-    searchSpan = _ref$searchSpan === void 0 ? {
-      span: 6
-    } : _ref$searchSpan,
+    searchSpan = _ref$searchSpan === void 0 ? defaultSearchSpan : _ref$searchSpan,
     headerStyle = _ref.headerStyle;
   var _useHTableContext = useHTableContext(),
     tableInstance = _useHTableContext.tableInstance,

package/lib/HTableHeader/index.js

@@ -21,13 +21,18 @@ var index = require('../hooks/index.js');
 
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+var defaultSearchSpan = {
+  xxl: 4,
+  xl: 6,
+  lg: 6,
+  md: 8,
+  sm: 12
+};
 var Header = (function (_ref) {
   var configData = _ref.configData,
     onFinish = _ref.onFinish,
     _ref$searchSpan = _ref.searchSpan,
-    searchSpan = _ref$searchSpan === void 0 ? {
-      span: 6
-    } : _ref$searchSpan,
+    searchSpan = _ref$searchSpan === void 0 ? defaultSearchSpan : _ref$searchSpan,
     headerStyle = _ref.headerStyle;
   var _useHTableContext = context.useHTableContext(),
     tableInstance = _useHTableContext.tableInstance,

package/package.json

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

package/src/components/HTableHeader/index.tsx

@@ -15,11 +15,17 @@ interface IHeaderProps {
   loading?: boolean;
   headerStyle?: React.CSSProperties;
 }
-
+const defaultSearchSpan = {
+  xxl: 4,
+  xl: 6,
+  lg: 6,
+  md: 8,
+  sm: 12,
+};
 export default ({
   configData,
   onFinish,
-  searchSpan = { span: 6 },
+  searchSpan = defaultSearchSpan,
   headerStyle,
 }: IHeaderProps) => {
   const {

package/src/components/ModalTable/hooks.ts

@@ -4,18 +4,18 @@ import type {
   HOnDiaLogTableInstance,
   ModalTableProps,
 } from "../modal";
-import {useEffect, useMemo, useState} from "react";
+import { useEffect, useMemo, useState } from "react";
 import type { DialogParamsModal } from "../modal";
 
 export const useHDialogTable = () => {
   const tableInstance = useHTable();
-  return useMemo(()=>{
+  return useMemo(() => {
     return {
       ...tableInstance,
       show: (params: DialogParamsModal) => {},
       hide: () => {},
     } as HDiaLogTableInstance;
-  },[]);
+  }, []);
 };
 interface ParamsModal extends HOnDiaLogTableInstance {
   dialogTable?: HDiaLogTableInstance;

package/src/components/ModalTable/index.tsx

@@ -9,8 +9,8 @@ export default ({
   dialogTable,
   visible = false,
   onCancel,
-  bodyStyle={},
-    afterClose,
+  bodyStyle = {},
+  afterClose,
   ...props
 }: ModalTableProps) => {
   const { modalVisible, setModalVisible } = useVisible(visible);
@@ -61,8 +61,8 @@ export default ({
       }}
       destroyOnClose
       title={title}
-      bodyStyle={{padding:0,paddingBottom:24,...bodyStyle}}
-      afterClose={()=>{
+      bodyStyle={{ padding: 0, paddingBottom: 24, ...bodyStyle }}
+      afterClose={() => {
         currentTable.form.resetFields();
         afterClose?.();
       }}

package/src/components/Table.tsx

@@ -68,7 +68,9 @@ export default ({
           <Header searchSpan={searchSpan} headerStyle={headerStyle} />
         )}
         <Body
-          tableStyle={hideHeader?{paddingTop:24,...tableStyle}:tableStyle}
+          tableStyle={
+            hideHeader ? { paddingTop: 24, ...tableStyle } : tableStyle
+          }
           paginationStyle={paginationStyle}
           rowKey={rowKey}
           {...props}

package/src/pages/ModalTable/index.tsx

@@ -1,5 +1,5 @@
 import { Button } from "antd";
-import {HModalTable, HTable, useHDialogTable} from "../../components";
+import { HModalTable, HTable, useHDialogTable } from "../../components";
 const configData = [
   {
     title: "座位",
@@ -62,20 +62,26 @@ const req2 = (params) => {
     }, 2000);
   });
 };
-const Test=()=>{
+const Test = () => {
   const dialogTable1 = useHDialogTable();
 
-  return <>
-    <HModalTable dialogTable={dialogTable1} title="111" configData={configData} />
-    <Button
+  return (
+    <>
+      <HModalTable
+        dialogTable={dialogTable1}
+        title="111"
+        configData={configData}
+      />
+      <Button
         onClick={() => {
           dialogTable1.show();
         }}
-    >
-      点我
-    </Button>
-  </>
-}
+      >
+        点我
+      </Button>
+    </>
+  );
+};
 export default () => {
   const dialogTable = useHDialogTable();
   const dialogTable1 = useHDialogTable();
@@ -89,8 +95,7 @@ export default () => {
         点我333
       </Button>
       <HModalTable dialogTable={dialogTable} configData={configData} />
-     <HTable configData={[]}
-             headerTitle={<Test/>}/>
+      <HTable configData={[]} headerTitle={<Test />} />
     </>
   );
 };

package/src/pages/Table/index.tsx

@@ -37,11 +37,11 @@ export default () => {
           rowKey={"id"}
           table={hTable}
           rowSelection={{
-            getCheckboxProps:(item)=>{
+            getCheckboxProps: (item) => {
               return {
-                disabled:item.id===2
-              }
-            }
+                disabled: item.id === 2,
+              };
+            },
           }}
           affixProps={{
             target: () => document.querySelector(".body"),

package/src/pages/TableCustomize/index.tsx

@@ -45,7 +45,7 @@ export default () => {
             size: "10",
             current: current.toString(10),
             total: "100",
-            records:arrayData
+            records: arrayData,
           });
         }, 2000);
       });