@hw-component/table 0.0.5-beta-v12 → 0.0.5-beta-v13

package/es/ModalTable/hooks.js

@@ -10,16 +10,18 @@ import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define
 import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
 import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
 import useHTable from '../hooks/useHTable.js';
-import { useState, useEffect } from 'react';
+import { useMemo, useState, useEffect } from 'react';
 
 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 useHDialogTable = function useHDialogTable() {
   var tableInstance = useHTable();
-  return _objectSpread(_objectSpread({}, tableInstance), {}, {
-    show: function show(params) {},
-    hide: function hide() {}
-  });
+  return useMemo(function () {
+    return _objectSpread(_objectSpread({}, tableInstance), {}, {
+      show: function show(params) {},
+      hide: function hide() {}
+    });
+  }, []);
 };
 var useTableProps = function useTableProps(_ref) {
   var configData = _ref.configData,

package/lib/ModalTable/hooks.js

@@ -17,10 +17,12 @@ function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymb
 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 useHDialogTable = function useHDialogTable() {
   var tableInstance = useHTable.default();
-  return _objectSpread(_objectSpread({}, tableInstance), {}, {
-    show: function show(params) {},
-    hide: function hide() {}
-  });
+  return React.useMemo(function () {
+    return _objectSpread(_objectSpread({}, tableInstance), {}, {
+      show: function show(params) {},
+      hide: function hide() {}
+    });
+  }, []);
 };
 var useTableProps = function useTableProps(_ref) {
   var configData = _ref.configData,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/table",
-  "version": "0.0.5-beta-v12",
+  "version": "0.0.5-beta-v13",
   "description": "基于antd二次开发table组件",
   "keywords": [
     "table"

package/src/components/ModalTable/hooks.ts

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

package/src/pages/ModalTable/index.tsx

@@ -1,5 +1,5 @@
 import { Button } from "antd";
-import { HModalTable, useHDialogTable } from "../../components";
+import {HModalTable, HTable, useHDialogTable} from "../../components";
 const configData = [
   {
     title: "座位",
@@ -62,21 +62,25 @@ const req2 = (params) => {
     }, 2000);
   });
 };
+const Test=()=>{
+  const dialogTable1 = useHDialogTable();
+
+  return <>
+    <HModalTable dialogTable={dialogTable1} title="111" configData={configData} />
+    <Button
+        onClick={() => {
+          dialogTable1.show();
+        }}
+    >
+      点我
+    </Button>
+  </>
+}
 export default () => {
   const dialogTable = useHDialogTable();
+  const dialogTable1 = useHDialogTable();
   return (
     <>
-      <Button
-        onClick={() => {
-          dialogTable.show({
-            title: "12312",
-            request: req1,
-            params: { name: 23123 },
-          });
-        }}
-      >
-        点我
-      </Button>
       <Button
         onClick={() => {
           dialogTable.show({ title: "3333", request: req2 });
@@ -85,6 +89,8 @@ export default () => {
         点我333
       </Button>
       <HModalTable dialogTable={dialogTable} configData={configData} />
+     <HTable configData={[]}
+             headerTitle={<Test/>}/>
     </>
   );
 };