@hw-component/table 1.9.93 → 1.9.95

package/es/HTableBody/defaultRender.d.ts

@@ -1,4 +1,10 @@
 /// <reference types="react" />
 import type { HTableInstance } from "../modal";
 export declare const emptyDefaultRender: () => JSX.Element;
-export declare const errorDefaultRender: (tableInstance: HTableInstance, error: Error) => JSX.Element;
+interface errorDefaultRenderParams {
+    reload?: () => void;
+    error: Error;
+    tableInstance?: HTableInstance;
+}
+export declare const errorDefaultRender: ({ error, tableInstance, reload, }: errorDefaultRenderParams) => JSX.Element;
+export {};

package/es/HTableBody/defaultRender.js

@@ -29,7 +29,16 @@ var emptyDefaultRender = function emptyDefaultRender() {
     description: "\u6682\u65E0\u6570\u636E~"
   }, pubProps));
 };
-var errorDefaultRender = function errorDefaultRender(tableInstance, error) {
+var errorDefaultRender = function errorDefaultRender(_ref) {
+  var error = _ref.error,
+    tableInstance = _ref.tableInstance,
+    reload = _ref.reload;
+  var pageReload = function pageReload() {
+    if (tableInstance) {
+      return tableInstance.table.reloadWithParams();
+    }
+    return reload === null || reload === void 0 ? void 0 : reload();
+  };
   return jsx(Empty, _objectSpread(_objectSpread({
     image: img,
     description: error.message
@@ -40,9 +49,7 @@ var errorDefaultRender = function errorDefaultRender(tableInstance, error) {
       style: {
         borderRadius: 16
       },
-      onClick: function onClick() {
-        tableInstance.table.reloadWithParams();
-      },
+      onClick: pageReload,
       children: "\u5237\u65B0"
     })
   }));

package/es/HTableBody/index.js

@@ -155,7 +155,10 @@ var Body = (function (bodyProps) {
       }), jsxs(ConfigProvider, {
         renderEmpty: function renderEmpty() {
           if (error) {
-            return tableErrorRender === null || tableErrorRender === void 0 ? void 0 : tableErrorRender(tableInstance, error);
+            return tableErrorRender === null || tableErrorRender === void 0 ? void 0 : tableErrorRender({
+              tableInstance: tableInstance,
+              error: error
+            });
           }
           return tableEmptyRender === null || tableEmptyRender === void 0 ? void 0 : tableEmptyRender(tableInstance);
         },

package/es/HTableBody/modal.d.ts

@@ -2,7 +2,7 @@ import type { OptionConfig } from "@ant-design/pro-table/lib/components/ToolBar"
 import type { Key } from "react";
 import type React from "react";
 import type { ProTableProps } from "@ant-design/pro-table";
-import type { ActionRenderFn, ConfigDataModal, HRowSelection, HTableInstance, ParamsModal } from "@/components/modal";
+import { ActionRenderFn, ConfigDataModal, EmptyPageRender, ErrorPageRender, HRowSelection, HTableInstance, ParamsModal } from "../modal";
 import type { AffixProps } from "antd/lib/affix";
 import type { IPaginationProps } from "@/components/HTablePagination";
 export interface OptionModal extends OptionConfig {
@@ -11,8 +11,8 @@ export interface OptionModal extends OptionConfig {
 export interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource" | "rowSelection" | "options" | "pagination"> {
     configData?: ConfigDataModal;
     onPageChange?: (params: ParamsModal) => void;
-    emptyRender?: (tableInstance: HTableInstance) => React.ReactNode;
-    errorRender?: (tableInstance: HTableInstance, error: Error) => React.ReactNode;
+    emptyRender?: EmptyPageRender;
+    errorRender?: ErrorPageRender;
     tableStyle?: React.CSSProperties;
     paginationStyle?: React.CSSProperties;
     actionRender?: ActionRenderFn;

package/es/HTablePagination/index.d.ts

@@ -10,6 +10,7 @@ export interface IPaginationProps extends Omit<PaginationProps, "showTotal"> {
     actionRender?: (tableInstance: HTableInstance) => React.ReactNode;
     table?: HTableInstance;
     showTotal?: false | PaginationProps["showTotal"];
+    data?: Record<string, any>;
 }
-declare const _default: ({ onPageChange, paginationStyle, affixProps, goTop, actionRender, table, showTotal, ...props }: IPaginationProps) => JSX.Element;
+declare const _default: ({ onPageChange, paginationStyle, affixProps, goTop, actionRender, table, showTotal, data, ...props }: IPaginationProps) => JSX.Element;
 export default _default;

package/es/HTablePagination/index.js

@@ -20,7 +20,7 @@ import { useState } from 'react';
 import GoTop from '../GoTop/index.js';
 import { useHTableConfigContext } from '../TableConfig.js';
 
-var _excluded = ["onPageChange", "paginationStyle", "affixProps", "goTop", "actionRender", "table", "showTotal"],
+var _excluded = ["onPageChange", "paginationStyle", "affixProps", "goTop", "actionRender", "table", "showTotal", "data"],
   _excluded2 = ["offsetBottom"];
 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 _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -40,18 +40,20 @@ var HTablePagination = (function (_ref3) {
     table = _ref3.table,
     _ref3$showTotal = _ref3.showTotal,
     showTotal = _ref3$showTotal === void 0 ? defaultShowTotal : _ref3$showTotal,
+    data = _ref3.data,
     props = _objectWithoutProperties(_ref3, _excluded);
   var _useHTableContext = useHTableContext(),
     contextOnPageChange = _useHTableContext.onPageChange,
-    data = _useHTableContext.data,
+    contextData = _useHTableContext.data,
     contextTableInstance = _useHTableContext.tableInstance;
   var _useHTableConfigConte = useHTableConfigContext({
       paginationStyle: paginationStyle
     }),
     defaultPaginationStyle = _useHTableConfigConte.paginationStyle;
+  var cuData = data || contextData;
   var tableInstance = table || contextTableInstance;
   var tableOnPageChange = onPageChange || contextOnPageChange;
-  var _ref4 = data || {},
+  var _ref4 = cuData || {},
     size = _ref4.size,
     current = _ref4.current,
     total = _ref4.total;
@@ -64,7 +66,7 @@ var HTablePagination = (function (_ref3) {
     style = _useState2[0],
     setStyle = _useState2[1];
   var cuShowTotal = showTotal === false ? undefined : showTotal;
-  if (!data) {
+  if (!cuData) {
     return jsx(Fragment, {});
   }
   if (affixProps === false) {

package/es/TableConfig.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-import type { HTableInstance, ValueTypeConfigModal } from "./modal";
+import { EmptyPageRender, ErrorPageRender, ValueTypeConfigModal } from "./modal";
 interface HTableConfigContextModal {
-    emptyRender?: (table: HTableInstance) => React.ReactNode;
-    errorRender?: (table: HTableInstance, error: Error) => React.ReactNode;
+    emptyRender?: EmptyPageRender;
+    errorRender?: ErrorPageRender;
     headerStyle?: React.CSSProperties;
     tableStyle?: React.CSSProperties;
     paginationStyle?: React.CSSProperties;
@@ -11,8 +11,8 @@ interface HTableConfigContextModal {
 }
 export declare const HTableConfigContext: React.Context<HTableConfigContextModal | null>;
 export declare const useHTableConfigContext: ({ emptyRender, errorRender, headerStyle, tableStyle, paginationStyle, }: HTableConfigContextModal) => {
-    errorRender: ((table: HTableInstance, error: Error) => React.ReactNode) | undefined;
-    emptyRender: ((table: HTableInstance) => React.ReactNode) | undefined;
+    errorRender: ErrorPageRender | undefined;
+    emptyRender: EmptyPageRender | undefined;
     headerStyle: React.CSSProperties | undefined;
     tableStyle: React.CSSProperties | undefined;
     paginationStyle: React.CSSProperties | undefined;

package/es/index.d.ts

@@ -12,3 +12,6 @@ export { default as HModalTable } from "./DialogTable/ModalTable";
 export { useHDialogTable } from "./DialogTable/hooks";
 export { default as HDwTable } from "./DialogTable/DwTable";
 export { DefaultSubComponent as HTableHeaderSubBtn } from "./HTableHeader/defaultSubComponent";
+export { default as EditTable } from "./EditTable";
+export { default as HModalEditTable } from "./DialogTable/ModalEditTable";
+export { default as HDwEditTable } from "./DialogTable/DwEditTable";

package/es/index.js

@@ -11,4 +11,7 @@ export { default as HModalTable } from './DialogTable/ModalTable.js';
 export { useHDialogTable } from './DialogTable/hooks.js';
 export { default as HDwTable } from './DialogTable/DwTable.js';
 export { DefaultSubComponent as HTableHeaderSubBtn } from './HTableHeader/defaultSubComponent.js';
+export { default as EditTable } from './EditTable/index.js';
+export { default as HModalEditTable } from './DialogTable/ModalEditTable.js';
+export { default as HDwEditTable } from './DialogTable/DwEditTable.js';
 // powered by hdj

package/es/modal.d.ts

@@ -9,7 +9,8 @@ import type { TableProps } from "antd/lib/table";
 import type { AffixProps } from "antd/lib/affix";
 import type { OptionModal } from "./HTableBody/modal";
 import type { DrawerProps } from "antd";
-import type { IPaginationProps } from "@/components/HTablePagination";
+import type { IPaginationProps } from "./HTablePagination";
+import { EditTableProps } from "./EditTable/modal";
 export interface RowObj {
     keys?: React.Key[];
     rowData?: any[];
@@ -56,8 +57,8 @@ export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "
     searchSpan?: ColProps;
     table?: HTableInstance;
     actionRender?: ActionRenderFn;
-    emptyRender?: (tableInstance: HTableInstance) => React.ReactNode;
-    errorRender?: (tableInstance: HTableInstance, error: Error) => React.ReactNode;
+    emptyRender?: EmptyPageRender;
+    errorRender?: ErrorPageRender;
     hideHeader?: boolean;
     action?: Record<string, actionFn>;
     headerStyle?: React.CSSProperties;
@@ -120,24 +121,34 @@ export interface HDiaLogTableInstance {
     hide: () => void;
     params: any;
 }
-export interface DwTableProps extends DrawerProps {
+export interface DwTableProps<T = HTableProps["configData"]> extends DrawerProps {
     tableProps?: Omit<HTableProps, "configData" | "request">;
     dialogTable?: HDiaLogTableInstance;
     params?: Record<string, any>;
-    configData?: HTableProps["configData"];
+    configData?: T;
     request?: HTableProps["request"];
     contentRender?: (node: React.ReactNode) => React.ReactNode;
+    editTableProps?: Omit<EditTableProps, "configData" | "request">;
+    dataSource?: any[];
 }
-export interface ModalTableProps extends Omit<ModalProps, "onOk"> {
+export interface ModalTableProps<T = HTableProps["configData"]> extends Omit<ModalProps, "onOk"> {
     tableProps?: Omit<HTableProps, "configData" | "request">;
     dialogTable?: HDiaLogTableInstance;
     params?: Record<string, any>;
-    configData?: HTableProps["configData"];
+    configData?: T;
     request?: HTableProps["request"];
     contentRender?: (node: React.ReactNode) => React.ReactNode;
     dataSource?: any[];
     onOk?: (e?: React.MouseEvent<HTMLElement>) => void;
+    editTableProps?: Omit<EditTableProps, "configData" | "request">;
 }
 export type ValueTypeConfigRenderFn = (config: ConfigItemModal, itemData: any, index: number, tableInstance: HTableInstance) => React.ReactNode;
 export type ValueTypeConfigModal = Record<string, ValueTypeConfigRenderFn>;
+interface ErrorRenderParams {
+    error: Error;
+    tableInstance?: HTableInstance;
+    reload?: VoidFunction;
+}
+export type ErrorPageRender = (params: ErrorRenderParams) => React.ReactNode;
+export type EmptyPageRender = (tableInstance?: HTableInstance) => React.ReactNode;
 export {};

package/es/render/Text.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 export default _default;

package/lib/DialogTable/Content.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
-import type { ModalTableProps } from "@/components/modal";
-declare const _default: ({ tableProps, configData, dialogTable, request, contentRender, dataSource, }: ModalTableProps) => JSX.Element;
-export default _default;
+import type { ModalTableProps } from "../modal";
+import { ProColumns } from "@ant-design/pro-table/lib/typing";
+export declare const TableContent: ({ tableProps, configData, dialogTable, request, contentRender, dataSource, }: ModalTableProps) => JSX.Element;
+export declare const EditTableContent: ({ editTableProps, configData, request, contentRender, dataSource, }: ModalTableProps<ProColumns[]>) => JSX.Element;

package/lib/DialogTable/Content.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -13,10 +11,41 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var jsxRuntime = require('react/jsx-runtime');
 var Table = require('../Table.js');
+require('@babel/runtime-corejs3/core-js-stable/promise');
+require('react');
+require('@hw-component/form');
+require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+require('@babel/runtime-corejs3/helpers/slicedToArray');
+require('@babel/runtime-corejs3/helpers/asyncToGenerator');
+require('@babel/runtime-corejs3/regenerator');
+require('@babel/runtime-corejs3/core-js-stable/number/parse-int');
+require('@babel/runtime-corejs3/core-js-stable/instance/slice');
+require('@babel/runtime-corejs3/core-js-stable/array/is-array');
+require('ahooks');
+require('@ant-design/pro-table');
+require('@babel/runtime-corejs3/core-js-stable/instance/find-index');
+require('@babel/runtime-corejs3/core-js-stable/instance/map');
+require('@babel/runtime-corejs3/core-js-stable/instance/keys');
+require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('@babel/runtime-corejs3/core-js-stable/instance/splice');
+require('antd/es/config-provider');
+require('../render/config.js');
+require('@babel/runtime-corejs3/helpers/toConsumableArray');
+require('@babel/runtime-corejs3/helpers/typeof');
+require('antd');
+require('@babel/runtime-corejs3/core-js-stable/instance/every');
+require('../HTableBody/AlertMsg.js');
+require('@ant-design/icons');
+require('../HTableBody/Options/Title.js');
+require('../HTableFooter/index.js');
+require('../HTableHeader/Context.js');
+require('../HTableHeader/RangePickerSearch.js');
+var index = require('../EditTable/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 Content = (function (_ref) {
+var TableContent = function TableContent(_ref) {
   var tableProps = _ref.tableProps,
     configData = _ref.configData,
     dialogTable = _ref.dialogTable,
@@ -33,7 +62,26 @@ var Content = (function (_ref) {
   return jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: contentRender ? contentRender(node) : node
   });
-});
+};
+var EditTableContent = function EditTableContent(_ref2) {
+  var editTableProps = _ref2.editTableProps,
+    configData = _ref2.configData,
+    request = _ref2.request,
+    contentRender = _ref2.contentRender,
+    dataSource = _ref2.dataSource;
+  var node = jsxRuntime.jsx(index.default, _objectSpread(_objectSpread({}, editTableProps), {}, {
+    configData: configData || [],
+    request: request,
+    pagination: {
+      affixProps: false
+    },
+    dataSource: dataSource
+  }));
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: contentRender ? contentRender(node) : node
+  });
+};
 
-exports.default = Content;
+exports.EditTableContent = EditTableContent;
+exports.TableContent = TableContent;
 // powered by h

package/lib/DialogTable/DwEditTable.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { DwTableProps } from "../modal";
+import { ProColumns } from "@ant-design/pro-table/lib/typing";
+declare const _default: ({ configData: configDataProps, request: requestProps, editTableProps, dialogTable, visible, bodyStyle, onClose, afterVisibleChange, contentRender, width, footer, ...props }: DwTableProps<ProColumns[]>) => JSX.Element;
+export default _default;

package/lib/DialogTable/DwEditTable.js

@@ -0,0 +1,137 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/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 hooks = require('./hooks.js');
+var Content = require('./Content.js');
+var icons = require('@ant-design/icons');
+var index = require('../hooks/index.js');
+
+var _excluded = ["configData", "request", "editTableProps", "dialogTable", "visible", "bodyStyle", "onClose", "afterVisibleChange", "contentRender", "width", "footer"];
+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 DwEditTable = (function (_ref) {
+  var configDataProps = _ref.configData,
+    requestProps = _ref.request,
+    _ref$editTableProps = _ref.editTableProps,
+    editTableProps = _ref$editTableProps === void 0 ? {} : _ref$editTableProps,
+    dialogTable = _ref.dialogTable,
+    _ref$visible = _ref.visible,
+    visible = _ref$visible === void 0 ? false : _ref$visible,
+    _ref$bodyStyle = _ref.bodyStyle,
+    bodyStyle = _ref$bodyStyle === void 0 ? {} : _ref$bodyStyle,
+    _onClose = _ref.onClose,
+    _afterVisibleChange = _ref.afterVisibleChange,
+    contentRender = _ref.contentRender,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 888 : _ref$width,
+    _ref$footer = _ref.footer,
+    footer = _ref$footer === void 0 ? null : _ref$footer,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useVisible = hooks.useVisible(visible),
+    modalVisible = _useVisible.modalVisible,
+    setModalVisible = _useVisible.setModalVisible;
+  var className = index.useClassName("hw-table-pointer-not-hover");
+  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,
+            oldP = oldParams.params,
+            oldDataSource = oldParams.dataSource;
+          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,
+            _showParams$request = showParams.request,
+            showReq = _showParams$request === void 0 ? request : _showParams$request,
+            _showParams$params = showParams.params,
+            params = _showParams$params === void 0 ? oldP : _showParams$params,
+            _showParams$dataSourc = showParams.dataSource,
+            dataSource = _showParams$dataSourc === void 0 ? oldDataSource : _showParams$dataSourc;
+          currentTable.params = params;
+          return {
+            title: showTitle,
+            request: showReq,
+            configData: showConfigData,
+            params: params,
+            dataSource: dataSource
+          };
+        });
+      }
+      setModalVisible(true);
+    },
+    hide: function hide() {
+      setModalVisible(false);
+    },
+    dialogTable: dialogTable
+  });
+  var configData = modalTableParams.configData,
+    request = modalTableParams.request,
+    dataSource = modalTableParams.dataSource,
+    title = modalTableParams.title,
+    params = modalTableParams.params;
+  var req = request ? function (reqParams) {
+    return request(_objectSpread(_objectSpread({}, params), reqParams));
+  } : undefined;
+  return jsxRuntime.jsx(antd.Drawer, _objectSpread(_objectSpread({}, props), {}, {
+    footer: footer,
+    visible: modalVisible,
+    onClose: function onClose(e) {
+      setModalVisible(false);
+      _onClose === null || _onClose === void 0 || _onClose(e);
+    },
+    destroyOnClose: true,
+    title: title,
+    closable: false,
+    extra: jsxRuntime.jsx(icons.CloseOutlined, {
+      className: className,
+      onClick: function onClick(e) {
+        setModalVisible(false);
+        _onClose === null || _onClose === void 0 || _onClose(e);
+      }
+    }),
+    width: width,
+    bodyStyle: _objectSpread({
+      padding: 0,
+      paddingBottom: 12
+    }, bodyStyle),
+    afterVisibleChange: function afterVisibleChange(changeVisible) {
+      if (!changeVisible) {
+        currentTable.form.resetFields();
+      }
+      _afterVisibleChange === null || _afterVisibleChange === void 0 || _afterVisibleChange(changeVisible);
+    },
+    children: jsxRuntime.jsx(Content.EditTableContent, {
+      contentRender: contentRender,
+      editTableProps: editTableProps,
+      configData: configData || [],
+      dialogTable: currentTable,
+      request: req,
+      dataSource: dataSource
+    })
+  }));
+});
+
+exports.default = DwEditTable;
+// powered by h

package/lib/DialogTable/DwTable.js

@@ -122,7 +122,7 @@ var DwTable = (function (_ref) {
       }
       _afterVisibleChange === null || _afterVisibleChange === void 0 || _afterVisibleChange(changeVisible);
     },
-    children: jsxRuntime.jsx(Content.default, {
+    children: jsxRuntime.jsx(Content.TableContent, {
       contentRender: contentRender,
       tableProps: tableProps,
       configData: configData || [],

package/lib/DialogTable/ModalEditTable.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { ModalTableProps } from "../modal";
+import { ProColumns } from "@ant-design/pro-table/lib/typing";
+declare const _default: ({ configData: configDataProps, request: requestProps, editTableProps, dialogTable, visible, onCancel, bodyStyle, afterClose, contentRender, width, footer, ...props }: ModalTableProps<ProColumns[]>) => JSX.Element;
+export default _default;

package/lib/DialogTable/ModalEditTable.js

@@ -0,0 +1,123 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/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 hooks = require('./hooks.js');
+var Content = require('./Content.js');
+
+var _excluded = ["configData", "request", "editTableProps", "dialogTable", "visible", "onCancel", "bodyStyle", "afterClose", "contentRender", "width", "footer"];
+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 ModalEditTable = (function (_ref) {
+  var configDataProps = _ref.configData,
+    requestProps = _ref.request,
+    _ref$editTableProps = _ref.editTableProps,
+    editTableProps = _ref$editTableProps === void 0 ? {} : _ref$editTableProps,
+    dialogTable = _ref.dialogTable,
+    _ref$visible = _ref.visible,
+    visible = _ref$visible === void 0 ? false : _ref$visible,
+    _onCancel = _ref.onCancel,
+    _ref$bodyStyle = _ref.bodyStyle,
+    bodyStyle = _ref$bodyStyle === void 0 ? {} : _ref$bodyStyle,
+    _afterClose = _ref.afterClose,
+    contentRender = _ref.contentRender,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 666 : _ref$width,
+    _ref$footer = _ref.footer,
+    footer = _ref$footer === void 0 ? null : _ref$footer,
+    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,
+            oldP = oldParams.params,
+            oldDataSource = oldParams.dataSource;
+          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,
+            _showParams$request = showParams.request,
+            showReq = _showParams$request === void 0 ? request : _showParams$request,
+            _showParams$dataSourc = showParams.dataSource,
+            dataSource = _showParams$dataSourc === void 0 ? oldDataSource : _showParams$dataSourc,
+            _showParams$params = showParams.params,
+            params = _showParams$params === void 0 ? oldP : _showParams$params;
+          currentTable.params = params;
+          return {
+            title: showTitle,
+            request: showReq,
+            configData: showConfigData,
+            params: params,
+            dataSource: dataSource
+          };
+        });
+      }
+      setModalVisible(true);
+    },
+    hide: function hide() {
+      setModalVisible(false);
+    },
+    dialogTable: dialogTable
+  });
+  var configData = modalTableParams.configData,
+    dataSource = modalTableParams.dataSource,
+    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), {}, {
+    footer: footer,
+    visible: modalVisible,
+    onCancel: function onCancel(e) {
+      setModalVisible(false);
+      _onCancel === null || _onCancel === void 0 || _onCancel(e);
+    },
+    destroyOnClose: true,
+    title: title,
+    width: width,
+    bodyStyle: _objectSpread({
+      padding: "0px 0px 12px"
+    }, bodyStyle),
+    afterClose: function afterClose() {
+      currentTable.form.resetFields();
+      _afterClose === null || _afterClose === void 0 || _afterClose();
+    },
+    children: jsxRuntime.jsx(Content.EditTableContent, {
+      contentRender: contentRender,
+      editTableProps: editTableProps,
+      configData: configData || [],
+      dialogTable: currentTable,
+      request: req,
+      dataSource: dataSource
+    })
+  }));
+});
+
+exports.default = ModalEditTable;
+// powered by h

package/lib/DialogTable/ModalTable.js

@@ -108,7 +108,7 @@ var ModalTable = (function (_ref) {
       currentTable.form.resetFields();
       _afterClose === null || _afterClose === void 0 || _afterClose();
     },
-    children: jsxRuntime.jsx(Content.default, {
+    children: jsxRuntime.jsx(Content.TableContent, {
       contentRender: contentRender,
       tableProps: tableProps,
       configData: configData || [],

package/lib/DialogTable/hooks.d.ts

@@ -4,21 +4,10 @@ export declare const useHDialogTable: () => HDiaLogTableInstance;
 interface ParamsModal extends HOnDiaLogTableInstance {
     dialogTable?: HDiaLogTableInstance;
 }
-export declare const useTableProps: ({ configData, params, title, request, dataSource, }: 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;
-        dataSource: any[] | 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;
-        dataSource: any[] | undefined;
-    }>>;
+type TablePropsModal<T> = Omit<ModalTableProps<T>, "tableProps">;
+export declare function useTableProps<T>({ configData, params, title, request, dataSource, }: TablePropsModal<T>): {
+    modalTableParams: TablePropsModal<T>;
+    setModalTableParams: import("react").Dispatch<import("react").SetStateAction<TablePropsModal<T>>>;
 };
 export declare const useCurrentTable: ({ show, hide, dialogTable }: ParamsModal) => HDiaLogTableInstance;
 export declare const useVisible: (visible: boolean) => {