@hw-component/table 0.0.4-beta-v3 → 0.0.4-beta-v7

package/es/HTableFooter/index.d.ts

@@ -8,5 +8,5 @@ interface IFooterProps {
     footerStyle?: React.CSSProperties;
     footerBtnRender?: FooterBtnRenderFn;
 }
-declare const _default: ({ actionRender, footerRender, footerStyle, footerBtnRender }: IFooterProps) => JSX.Element;
+declare const _default: ({ actionRender, footerRender, footerStyle, footerBtnRender, }: IFooterProps) => JSX.Element;
 export default _default;

package/es/ModalTable/hooks.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import type { HDiaLogTableInstance, HOnDiaLogTableInstance, ModalTableProps } from "../modal";
+export declare const useHDialogTable: () => HDiaLogTableInstance;
+interface ParamsModal extends HOnDiaLogTableInstance {
+    dialogTable?: HDiaLogTableInstance;
+}
+export declare const useTableProps: ({ configData, params, title, request, }: Omit<ModalTableProps, "tableProps">) => {
+    modalTableParams: {
+        params: Record<string, any> | undefined;
+        title: import("react").ReactNode;
+        configData: import("../modal").ConfigDataModal | undefined;
+        request: ((params: import("../modal").ParamsModal) => Promise<import("../modal").ResultModal>) | undefined;
+    };
+    setModalTableParams: import("react").Dispatch<import("react").SetStateAction<{
+        params: Record<string, any> | undefined;
+        title: import("react").ReactNode;
+        configData: import("../modal").ConfigDataModal | undefined;
+        request: ((params: import("../modal").ParamsModal) => Promise<import("../modal").ResultModal>) | undefined;
+    }>>;
+};
+export declare const useCurrentTable: ({ show, hide, dialogTable }: ParamsModal) => HDiaLogTableInstance;
+export declare const useVisible: (visible: boolean) => {
+    modalVisible: boolean;
+    setModalVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+};
+export {};

package/es/ModalTable/hooks.js

@@ -0,0 +1,70 @@
+// welcome to hoo hoo hoo
+import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define-property';
+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';
+
+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() {}
+  });
+};
+var useTableProps = function useTableProps(_ref) {
+  var configData = _ref.configData,
+    params = _ref.params,
+    title = _ref.title,
+    request = _ref.request;
+  var _useState = useState({
+      params: params,
+      title: title,
+      configData: configData,
+      request: request
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    modalTableParams = _useState2[0],
+    setModalTableParams = _useState2[1];
+  return {
+    modalTableParams: modalTableParams,
+    setModalTableParams: setModalTableParams
+  };
+};
+var useCurrentTable = function useCurrentTable(_ref2) {
+  var show = _ref2.show,
+    hide = _ref2.hide,
+    dialogTable = _ref2.dialogTable;
+  var cuDialogTableInstance = useHDialogTable();
+  var dialogTableInstance = dialogTable || cuDialogTableInstance;
+  useEffect(function () {
+    dialogTableInstance.show = show;
+    dialogTableInstance.hide = hide;
+  }, []);
+  return dialogTableInstance;
+};
+var useVisible = function useVisible(visible) {
+  var _useState3 = useState(visible),
+    _useState4 = _slicedToArray(_useState3, 2),
+    modalVisible = _useState4[0],
+    setModalVisible = _useState4[1];
+  useEffect(function () {
+    setModalVisible(visible);
+  }, [visible]);
+  return {
+    modalVisible: modalVisible,
+    setModalVisible: setModalVisible
+  };
+};
+
+export { useCurrentTable, useHDialogTable, useTableProps, useVisible };
+// powered by hdj

package/es/ModalTable/index.d.ts

@@ -0,0 +1,3 @@
+import type { ModalTableProps } from "../modal";
+declare const _default: ({ configData: configDataProps, request: requestProps, tableProps, dialogTable, visible, onCancel, ...props }: ModalTableProps) => JSX.Element;
+export default _default;

package/es/ModalTable/index.js

@@ -0,0 +1,91 @@
+// welcome to hoo hoo hoo
+import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define-property';
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import { jsx } from 'react/jsx-runtime';
+import { Modal } from 'antd';
+import Table from '../Table.js';
+import { useVisible, useTableProps, useCurrentTable } from './hooks.js';
+
+var _excluded = ["configData", "request", "tableProps", "dialogTable", "visible", "onCancel"];
+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 index = (function (_ref) {
+  var configDataProps = _ref.configData,
+    requestProps = _ref.request,
+    tableProps = _ref.tableProps,
+    dialogTable = _ref.dialogTable,
+    _ref$visible = _ref.visible,
+    visible = _ref$visible === void 0 ? false : _ref$visible,
+    _onCancel = _ref.onCancel,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useVisible = useVisible(visible),
+    modalVisible = _useVisible.modalVisible,
+    setModalVisible = _useVisible.setModalVisible;
+  var _useTableProps = useTableProps(_objectSpread(_objectSpread({}, props), {}, {
+      configData: configDataProps,
+      request: requestProps
+    })),
+    modalTableParams = _useTableProps.modalTableParams,
+    setModalTableParams = _useTableProps.setModalTableParams;
+  var currentTable = useCurrentTable({
+    show: function show(showParams) {
+      if (showParams) {
+        setModalTableParams(function (oldParams) {
+          var configData = oldParams.configData,
+            request = oldParams.request,
+            title = oldParams.title;
+          var _showParams$title = showParams.title,
+            showTitle = _showParams$title === void 0 ? title : _showParams$title,
+            _showParams$configDat = showParams.configData,
+            showConfigData = _showParams$configDat === void 0 ? configData : _showParams$configDat,
+            showReq = showParams.request,
+            _showParams$params = showParams.params,
+            params = _showParams$params === void 0 ? request : _showParams$params;
+          return {
+            title: showTitle,
+            request: showReq,
+            configData: showConfigData,
+            params: params
+          };
+        });
+      }
+      setModalVisible(true);
+    },
+    hide: function hide() {
+      setModalVisible(false);
+    },
+    dialogTable: dialogTable
+  });
+  var configData = modalTableParams.configData,
+    request = modalTableParams.request,
+    title = modalTableParams.title,
+    params = modalTableParams.params;
+  var req = request ? function (reqParams) {
+    return request(_objectSpread(_objectSpread({}, params), reqParams));
+  } : undefined;
+  return jsx(Modal, _objectSpread(_objectSpread({}, props), {}, {
+    visible: modalVisible,
+    onCancel: function onCancel(e) {
+      setModalVisible(false);
+      _onCancel === null || _onCancel === void 0 || _onCancel(e);
+    },
+    destroyOnClose: true,
+    title: title,
+    children: jsx(Table, _objectSpread(_objectSpread({}, tableProps), {}, {
+      configData: configData || [],
+      table: currentTable,
+      request: req
+    }))
+  }));
+});
+
+export { index as default };
+// powered by hdj

package/es/Table.js

@@ -98,7 +98,7 @@ var Table = (function (_ref) {
       direction: "vertical",
       size: spaceSize,
       style: {
-        width: '100%'
+        width: "100%"
       },
       children: [!hideHeader && jsx(Header, {
         searchSpan: searchSpan,

package/es/hooks/useReq.d.ts

@@ -7,7 +7,7 @@ export interface IParamsModal {
     dataSource?: any;
     manual?: boolean;
 }
-declare const _default: ({ request, loading, error, reload, dataSource, manual }: IParamsModal) => {
+declare const _default: ({ request, loading, error, reload, dataSource, manual, }: IParamsModal) => {
     saveParams: {
         old: {};
     };

package/es/index.d.ts

@@ -7,3 +7,5 @@ export { default as HTableBody } from "./HTableBody";
 export { default as HTableFooter } from "./HTableFooter";
 export { default as HTableHeader } from "./HTableHeader";
 export { default as HTablePagination } from "./HTablePagination";
+export { default as HModalTable } from "./ModalTable";
+export { useHDialogTable } from "./ModalTable/hooks";

package/es/index.js

@@ -7,4 +7,6 @@ export { default as HTableBody } from './HTableBody/index.js';
 export { default as HTableFooter } from './HTableFooter/index.js';
 export { default as HTableHeader } from './HTableHeader/index.js';
 export { default as HTablePagination } from './HTablePagination/index.js';
+export { default as HModalTable } from './ModalTable/index.js';
+export { useHDialogTable } from './ModalTable/hooks.js';
 // powered by hdj

package/es/modal.d.ts

@@ -3,6 +3,7 @@ import type { ProTableProps } from "@ant-design/pro-table";
 import type { HItemProps, HFormInstance } from "@hw-component/form/es/Form/modal";
 import type { ColProps } from "antd";
 import type React from "react";
+import type { ModalProps } from "antd";
 export interface RowObj {
     keys?: React.Key[];
     rowData?: any[];
@@ -64,4 +65,27 @@ export interface HTableInstance {
     form: HFormInstance;
     table: TableInstance;
 }
+export interface DialogParamsModal {
+    configData?: HTableProps["configData"];
+    request?: HTableProps["request"];
+    params?: Record<string, any>;
+    title?: string;
+}
+export interface HOnDiaLogTableInstance {
+    show: (params?: DialogParamsModal) => void;
+    hide: () => void;
+}
+export interface HDiaLogTableInstance {
+    form: HFormInstance;
+    table: TableInstance;
+    show: (params?: DialogParamsModal) => void;
+    hide: () => void;
+}
+export interface ModalTableProps extends ModalProps {
+    tableProps: HTableProps;
+    dialogTable?: HDiaLogTableInstance;
+    params?: Record<string, any>;
+    configData?: HTableProps["configData"];
+    request?: HTableProps["request"];
+}
 export {};

package/lib/HTableFooter/index.d.ts

@@ -8,5 +8,5 @@ interface IFooterProps {
     footerStyle?: React.CSSProperties;
     footerBtnRender?: FooterBtnRenderFn;
 }
-declare const _default: ({ actionRender, footerRender, footerStyle, footerBtnRender }: IFooterProps) => JSX.Element;
+declare const _default: ({ actionRender, footerRender, footerStyle, footerBtnRender, }: IFooterProps) => JSX.Element;
 export default _default;

package/lib/ModalTable/hooks.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import type { HDiaLogTableInstance, HOnDiaLogTableInstance, ModalTableProps } from "../modal";
+export declare const useHDialogTable: () => HDiaLogTableInstance;
+interface ParamsModal extends HOnDiaLogTableInstance {
+    dialogTable?: HDiaLogTableInstance;
+}
+export declare const useTableProps: ({ configData, params, title, request, }: Omit<ModalTableProps, "tableProps">) => {
+    modalTableParams: {
+        params: Record<string, any> | undefined;
+        title: import("react").ReactNode;
+        configData: import("../modal").ConfigDataModal | undefined;
+        request: ((params: import("../modal").ParamsModal) => Promise<import("../modal").ResultModal>) | undefined;
+    };
+    setModalTableParams: import("react").Dispatch<import("react").SetStateAction<{
+        params: Record<string, any> | undefined;
+        title: import("react").ReactNode;
+        configData: import("../modal").ConfigDataModal | undefined;
+        request: ((params: import("../modal").ParamsModal) => Promise<import("../modal").ResultModal>) | undefined;
+    }>>;
+};
+export declare const useCurrentTable: ({ show, hide, dialogTable }: ParamsModal) => HDiaLogTableInstance;
+export declare const useVisible: (visible: boolean) => {
+    modalVisible: boolean;
+    setModalVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+};
+export {};

package/lib/ModalTable/hooks.js

@@ -0,0 +1,74 @@
+'use strict';
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js/object/define-property');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var useHTable = require('../hooks/useHTable.js');
+var React = require('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.default();
+  return _objectSpread(_objectSpread({}, tableInstance), {}, {
+    show: function show(params) {},
+    hide: function hide() {}
+  });
+};
+var useTableProps = function useTableProps(_ref) {
+  var configData = _ref.configData,
+    params = _ref.params,
+    title = _ref.title,
+    request = _ref.request;
+  var _useState = React.useState({
+      params: params,
+      title: title,
+      configData: configData,
+      request: request
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    modalTableParams = _useState2[0],
+    setModalTableParams = _useState2[1];
+  return {
+    modalTableParams: modalTableParams,
+    setModalTableParams: setModalTableParams
+  };
+};
+var useCurrentTable = function useCurrentTable(_ref2) {
+  var show = _ref2.show,
+    hide = _ref2.hide,
+    dialogTable = _ref2.dialogTable;
+  var cuDialogTableInstance = useHDialogTable();
+  var dialogTableInstance = dialogTable || cuDialogTableInstance;
+  React.useEffect(function () {
+    dialogTableInstance.show = show;
+    dialogTableInstance.hide = hide;
+  }, []);
+  return dialogTableInstance;
+};
+var useVisible = function useVisible(visible) {
+  var _useState3 = React.useState(visible),
+    _useState4 = _slicedToArray(_useState3, 2),
+    modalVisible = _useState4[0],
+    setModalVisible = _useState4[1];
+  React.useEffect(function () {
+    setModalVisible(visible);
+  }, [visible]);
+  return {
+    modalVisible: modalVisible,
+    setModalVisible: setModalVisible
+  };
+};
+
+exports.useCurrentTable = useCurrentTable;
+exports.useHDialogTable = useHDialogTable;
+exports.useTableProps = useTableProps;
+exports.useVisible = useVisible;
+// powered by h

package/lib/ModalTable/index.d.ts

@@ -0,0 +1,3 @@
+import type { ModalTableProps } from "../modal";
+declare const _default: ({ configData: configDataProps, request: requestProps, tableProps, dialogTable, visible, onCancel, ...props }: ModalTableProps) => JSX.Element;
+export default _default;

package/lib/ModalTable/index.js

@@ -0,0 +1,94 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var jsxRuntime = require('react/jsx-runtime');
+var antd = require('antd');
+var Table = require('../Table.js');
+var hooks = require('./hooks.js');
+
+var _excluded = ["configData", "request", "tableProps", "dialogTable", "visible", "onCancel"];
+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 index = (function (_ref) {
+  var configDataProps = _ref.configData,
+    requestProps = _ref.request,
+    tableProps = _ref.tableProps,
+    dialogTable = _ref.dialogTable,
+    _ref$visible = _ref.visible,
+    visible = _ref$visible === void 0 ? false : _ref$visible,
+    _onCancel = _ref.onCancel,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useVisible = hooks.useVisible(visible),
+    modalVisible = _useVisible.modalVisible,
+    setModalVisible = _useVisible.setModalVisible;
+  var _useTableProps = hooks.useTableProps(_objectSpread(_objectSpread({}, props), {}, {
+      configData: configDataProps,
+      request: requestProps
+    })),
+    modalTableParams = _useTableProps.modalTableParams,
+    setModalTableParams = _useTableProps.setModalTableParams;
+  var currentTable = hooks.useCurrentTable({
+    show: function show(showParams) {
+      if (showParams) {
+        setModalTableParams(function (oldParams) {
+          var configData = oldParams.configData,
+            request = oldParams.request,
+            title = oldParams.title;
+          var _showParams$title = showParams.title,
+            showTitle = _showParams$title === void 0 ? title : _showParams$title,
+            _showParams$configDat = showParams.configData,
+            showConfigData = _showParams$configDat === void 0 ? configData : _showParams$configDat,
+            showReq = showParams.request,
+            _showParams$params = showParams.params,
+            params = _showParams$params === void 0 ? request : _showParams$params;
+          return {
+            title: showTitle,
+            request: showReq,
+            configData: showConfigData,
+            params: params
+          };
+        });
+      }
+      setModalVisible(true);
+    },
+    hide: function hide() {
+      setModalVisible(false);
+    },
+    dialogTable: dialogTable
+  });
+  var configData = modalTableParams.configData,
+    request = modalTableParams.request,
+    title = modalTableParams.title,
+    params = modalTableParams.params;
+  var req = request ? function (reqParams) {
+    return request(_objectSpread(_objectSpread({}, params), reqParams));
+  } : undefined;
+  return jsxRuntime.jsx(antd.Modal, _objectSpread(_objectSpread({}, props), {}, {
+    visible: modalVisible,
+    onCancel: function onCancel(e) {
+      setModalVisible(false);
+      _onCancel === null || _onCancel === void 0 || _onCancel(e);
+    },
+    destroyOnClose: true,
+    title: title,
+    children: jsxRuntime.jsx(Table.default, _objectSpread(_objectSpread({}, tableProps), {}, {
+      configData: configData || [],
+      table: currentTable,
+      request: req
+    }))
+  }));
+});
+
+exports.default = index;
+// powered by h

package/lib/Table.js

@@ -101,7 +101,7 @@ var Table = (function (_ref) {
       direction: "vertical",
       size: spaceSize,
       style: {
-        width: '100%'
+        width: "100%"
       },
       children: [!hideHeader && jsxRuntime.jsx(index.default, {
         searchSpan: searchSpan,

package/lib/hooks/useReq.d.ts

@@ -7,7 +7,7 @@ export interface IParamsModal {
     dataSource?: any;
     manual?: boolean;
 }
-declare const _default: ({ request, loading, error, reload, dataSource, manual }: IParamsModal) => {
+declare const _default: ({ request, loading, error, reload, dataSource, manual, }: IParamsModal) => {
     saveParams: {
         old: {};
     };

package/lib/index.d.ts

@@ -7,3 +7,5 @@ export { default as HTableBody } from "./HTableBody";
 export { default as HTableFooter } from "./HTableFooter";
 export { default as HTableHeader } from "./HTableHeader";
 export { default as HTablePagination } from "./HTablePagination";
+export { default as HModalTable } from "./ModalTable";
+export { useHDialogTable } from "./ModalTable/hooks";

package/lib/index.js

@@ -8,6 +8,8 @@ var index = require('./HTableBody/index.js');
 var index$1 = require('./HTableFooter/index.js');
 var index$2 = require('./HTableHeader/index.js');
 var index$3 = require('./HTablePagination/index.js');
+var index$4 = require('./ModalTable/index.js');
+var hooks = require('./ModalTable/hooks.js');
 
 
 
@@ -19,4 +21,6 @@ exports.HTableBody = index.default;
 exports.HTableFooter = index$1.default;
 exports.HTableHeader = index$2.default;
 exports.HTablePagination = index$3.default;
+exports.HModalTable = index$4.default;
+exports.useHDialogTable = hooks.useHDialogTable;
 // powered by h

package/lib/modal.d.ts

@@ -3,6 +3,7 @@ import type { ProTableProps } from "@ant-design/pro-table";
 import type { HItemProps, HFormInstance } from "@hw-component/form/es/Form/modal";
 import type { ColProps } from "antd";
 import type React from "react";
+import type { ModalProps } from "antd";
 export interface RowObj {
     keys?: React.Key[];
     rowData?: any[];
@@ -64,4 +65,27 @@ export interface HTableInstance {
     form: HFormInstance;
     table: TableInstance;
 }
+export interface DialogParamsModal {
+    configData?: HTableProps["configData"];
+    request?: HTableProps["request"];
+    params?: Record<string, any>;
+    title?: string;
+}
+export interface HOnDiaLogTableInstance {
+    show: (params?: DialogParamsModal) => void;
+    hide: () => void;
+}
+export interface HDiaLogTableInstance {
+    form: HFormInstance;
+    table: TableInstance;
+    show: (params?: DialogParamsModal) => void;
+    hide: () => void;
+}
+export interface ModalTableProps extends ModalProps {
+    tableProps: HTableProps;
+    dialogTable?: HDiaLogTableInstance;
+    params?: Record<string, any>;
+    configData?: HTableProps["configData"];
+    request?: HTableProps["request"];
+}
 export {};

package/package.json

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

package/src/components/HTableBody/index.tsx

@@ -3,13 +3,14 @@ import ProTable from "@ant-design/pro-table";
 import type { ConfigDataModal, ParamsModal } from "../modal";
 import { useCols, useSynchronousKeys } from "./hooks";
 import { useHTableContext } from "../context";
-import React, {DetailedReactHTMLElement} from "react";
+import type { DetailedReactHTMLElement } from "react";
+import React from "react";
 import { ConfigProvider, Empty } from "antd";
 import type { HTableInstance } from "../modal";
 import { useHTableConfigContext } from "../TableConfig";
 import HTablePagination from "../HTablePagination";
 import { useClassName } from "../hooks";
-import {ActionRenderFn} from "../modal";
+import { ActionRenderFn } from "../modal";
 interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource"> {
   configData?: ConfigDataModal;
   onPageChange?: (params: ParamsModal) => void;
@@ -47,7 +48,7 @@ export default ({
     rowOnChange,
     error,
     loading,
-    allSelectChange
+    allSelectChange,
   } = useHTableContext();
   const {
     emptyRender: tableEmptyRender = defaultRender,
@@ -79,27 +80,42 @@ export default ({
           columns={cols}
           tableAlertRender={false}
           search={false}
-          headerTitle={headerTitle?React.cloneElement((headerTitle as DetailedReactHTMLElement<any,any>),{selectedRowData,allSelectChange,rowOnChange}):null}
+          headerTitle={
+            headerTitle
+              ? React.cloneElement(
+                  headerTitle as DetailedReactHTMLElement<any, any>,
+                  { selectedRowData, allSelectChange, rowOnChange }
+                )
+              : null
+          }
           options={{
-            reload:()=>{
+            reload: () => {
               tableInstance.table.reloadWithParams();
-            }
+            },
           }}
           tableStyle={{
             paddingBottom: 0,
           }}
-          rowSelection={rowSelection===false?rowSelection:{
-            ...rowSelection,
-            selectedRowKeys: selectedRowData.keys,
-            onChange: change,
-          }}
+          rowSelection={
+            rowSelection === false
+              ? rowSelection
+              : {
+                  ...rowSelection,
+                  selectedRowKeys: selectedRowData.keys,
+                  onChange: change,
+                }
+          }
           loading={loading}
           rowKey={rowKey}
           dataSource={records}
           pagination={false}
         />
         {pagination !== false && (
-          <HTablePagination onPageChange={onPageChange} paginationStyle={paginationStyle} {...pagination} />
+          <HTablePagination
+            onPageChange={onPageChange}
+            paginationStyle={paginationStyle}
+            {...pagination}
+          />
         )}
       </ConfigProvider>
     </div>