@hw-component/table 1.6.7 → 1.6.9

package/es/DialogTable/Content.d.ts

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

package/es/DialogTable/Content.js

@@ -0,0 +1,34 @@
+// 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 { jsx, Fragment } from 'react/jsx-runtime';
+import Table from '../Table.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 tableProps = _ref.tableProps,
+    configData = _ref.configData,
+    dialogTable = _ref.dialogTable,
+    request = _ref.request,
+    contentRender = _ref.contentRender;
+  var node = jsx(Table, _objectSpread(_objectSpread({}, tableProps), {}, {
+    configData: configData || [],
+    table: dialogTable,
+    request: request,
+    affixProps: false
+  }));
+  return jsx(Fragment, {
+    children: contentRender ? contentRender(node) : node
+  });
+});
+
+export { Content as default };
+// powered by hdj

package/es/DialogTable/DwTable.d.ts

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

package/es/DialogTable/DwTable.js

@@ -0,0 +1,121 @@
+// 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 { Drawer } from 'antd';
+import { useVisible, useTableProps, useCurrentTable } from './hooks.js';
+import Content from './Content.js';
+import { CloseOutlined } from '@ant-design/icons';
+import { useClassName } from '../hooks/index.js';
+
+var _excluded = ["configData", "request", "tableProps", "dialogTable", "visible", "bodyStyle", "onClose", "afterVisibleChange", "contentRender", "width"];
+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 DwTable = (function (_ref) {
+  var configDataProps = _ref.configData,
+    requestProps = _ref.request,
+    _ref$tableProps = _ref.tableProps,
+    tableProps = _ref$tableProps === void 0 ? {} : _ref$tableProps,
+    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 ? 666 : _ref$width,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useVisible = useVisible(visible),
+    modalVisible = _useVisible.modalVisible,
+    setModalVisible = _useVisible.setModalVisible;
+  var className = useClassName('hw-table-pointer-not-hover');
+  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,
+            oldP = oldParams.params;
+          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;
+          currentTable.params = 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(Drawer, _objectSpread(_objectSpread({}, props), {}, {
+    visible: modalVisible,
+    onClose: function onClose(e) {
+      setModalVisible(false);
+      _onClose === null || _onClose === void 0 || _onClose(e);
+    },
+    destroyOnClose: true,
+    title: title,
+    closable: false,
+    extra: jsx(CloseOutlined, {
+      className: className
+    }),
+    width: width,
+    bodyStyle: _objectSpread({
+      padding: 0,
+      paddingBottom: 12
+    }, bodyStyle),
+    afterVisibleChange: function afterVisibleChange(visible) {
+      if (!visible) {
+        currentTable.form.resetFields();
+      }
+      _afterVisibleChange === null || _afterVisibleChange === void 0 || _afterVisibleChange(visible);
+    },
+    children: jsx(Content, {
+      contentRender: contentRender,
+      tableProps: tableProps,
+      configData: configData || [],
+      dialogTable: currentTable,
+      request: req
+    })
+  }));
+});
+
+export { DwTable as default };
+// powered by hdj

package/{lib/ModalTable/index.d.ts → es/DialogTable/ModalTable.d.ts}

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

package/es/{ModalTable/index.js → DialogTable/ModalTable.js}

@@ -11,13 +11,13 @@ 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';
+import Content from './Content.js';
 
-var _excluded = ["configData", "request", "tableProps", "dialogTable", "visible", "onCancel", "bodyStyle", "afterClose"];
+var _excluded = ["configData", "request", "tableProps", "dialogTable", "visible", "onCancel", "bodyStyle", "afterClose", "contentRender", "width"];
 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 ModalTable = (function (_ref) {
   var configDataProps = _ref.configData,
     requestProps = _ref.request,
     _ref$tableProps = _ref.tableProps,
@@ -29,6 +29,9 @@ var index = (function (_ref) {
     _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,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useVisible = useVisible(visible),
     modalVisible = _useVisible.modalVisible,
@@ -86,6 +89,7 @@ var index = (function (_ref) {
     },
     destroyOnClose: true,
     title: title,
+    width: width,
     bodyStyle: _objectSpread({
       padding: 0,
       paddingBottom: 12
@@ -94,14 +98,15 @@ var index = (function (_ref) {
       currentTable.form.resetFields();
       _afterClose === null || _afterClose === void 0 || _afterClose();
     },
-    children: jsx(Table, _objectSpread(_objectSpread({}, tableProps), {}, {
+    children: jsx(Content, {
+      contentRender: contentRender,
+      tableProps: tableProps,
       configData: configData || [],
-      table: currentTable,
-      request: req,
-      affixProps: false
-    }))
+      dialogTable: currentTable,
+      request: req
+    })
   }));
 });
 
-export { index as default };
+export { ModalTable as default };
 // powered by hdj

package/es/HTableBody/Options/utils.d.ts

@@ -44,7 +44,7 @@ export declare const getItemValue: (data: ConfigItemModal) => {
     status?: "" | "success" | "warning" | "error" | "validating" | undefined;
     help?: React.ReactNode;
     itemProps?: import("@hw-component/form/es/Form/modal").ItemPropsType | undefined;
-    helper?: string | import("@hw-component/form/es/Form/modal").HelperModal | undefined;
+    helper?: React.ReactNode | import("@hw-component/form/es/Form/modal").HelperModal;
     hover?: string | import("@hw-component/form/es/Form/modal").HoverModal | undefined;
     labelWidth?: number | undefined;
     hide?: boolean | import("@hw-component/form/es/Form/modal").HideModal | undefined;

package/es/index.css

@@ -106,6 +106,9 @@
 .ant-hw-table-pointer:hover {
   color: #1890ff;
 }
+.ant-hw-table-pointer-not-hover {
+  cursor: pointer;
+}
 .ant-hw-table-header-title-box {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
@@ -118,3 +121,11 @@
   position: relative;
   margin-right: 12px;
 }
+.ant-hw-table-render-copy {
+  margin-bottom: 0 !important;
+  color: #1890ff !important;
+  cursor: pointer;
+}
+.ant-hw-table-render-text-basic {
+  width: 100%;
+}

package/es/index.d.ts

@@ -8,5 +8,6 @@ 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";
+export { default as HModalTable } from "./DialogTable/ModalTable";
+export { useHDialogTable } from "./DialogTable/hooks";
+export { default as DwTable } from "./DialogTable/DwTable";

package/es/index.js

@@ -7,6 +7,7 @@ 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';
+export { default as HModalTable } from './DialogTable/ModalTable.js';
+export { useHDialogTable } from './DialogTable/hooks.js';
+export { default as DwTable } from './DialogTable/DwTable.js';
 // powered by hdj

package/es/modal.d.ts

@@ -7,6 +7,7 @@ import type { ModalProps } from "antd";
 import type { TableProps } from "antd/lib/table";
 import type { AffixProps } from "antd/lib/affix";
 import type { OptionModal } from "./HTableBody";
+import { DrawerProps } from "antd";
 export interface RowObj {
     keys?: React.Key[];
     rowData?: any[];
@@ -113,12 +114,21 @@ export interface HDiaLogTableInstance {
     hide: () => void;
     params: any;
 }
+export interface DwTableProps extends DrawerProps {
+    tableProps?: Omit<HTableProps, "configData" | "request">;
+    dialogTable?: HDiaLogTableInstance;
+    params?: Record<string, any>;
+    configData?: HTableProps["configData"];
+    request?: HTableProps["request"];
+    contentRender?: (node: React.ReactNode) => React.ReactNode;
+}
 export interface ModalTableProps extends ModalProps {
     tableProps?: Omit<HTableProps, "configData" | "request">;
     dialogTable?: HDiaLogTableInstance;
     params?: Record<string, any>;
     configData?: HTableProps["configData"];
     request?: HTableProps["request"];
+    contentRender?: (node: React.ReactNode) => React.ReactNode;
 }
 export type ValueTypeConfigRenderFn = (config: ConfigItemModal, itemData: any, index: number, tableInstance: HTableInstance) => React.ReactNode;
 export type ValueTypeConfigModal = Record<string, ValueTypeConfigRenderFn>;

package/es/render/CopyComponent.d.ts

@@ -0,0 +1,9 @@
+import { EllipsisConfig } from "antd/lib/typography/Base";
+interface IProps {
+    text: string;
+    cpText?: string;
+    successMsg: string;
+    ellipsis?: boolean | EllipsisConfig;
+}
+declare const _default: ({ cpText, text, successMsg, ellipsis }: IProps) => JSX.Element;
+export default _default;

package/es/render/CopyComponent.js

@@ -0,0 +1,26 @@
+// welcome to hoo hoo hoo
+import { jsx } from 'react/jsx-runtime';
+import copy from 'copy-to-clipboard';
+import { Typography, message } from 'antd';
+import { useClassName } from '../hooks/index.js';
+
+var Paragraph = Typography.Paragraph;
+var CopyComponent = (function (_ref) {
+  var cpText = _ref.cpText,
+    text = _ref.text,
+    successMsg = _ref.successMsg,
+    ellipsis = _ref.ellipsis;
+  var className = useClassName("hw-table-render-copy");
+  return jsx(Paragraph, {
+    ellipsis: ellipsis,
+    className: className,
+    onClick: function onClick() {
+      copy(cpText || text);
+      message.success(successMsg);
+    },
+    children: text
+  });
+});
+
+export { CopyComponent as default };
+// powered by hdj

package/es/render/Text.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => JSX.Element;
+export default _default;

package/es/render/config.js

@@ -11,8 +11,8 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import moment from 'moment';
 import TagsComponent from './TagsComponent.js';
-import copy from 'copy-to-clipboard';
-import { Typography, message, Image, Avatar } from 'antd';
+import { Typography, Image, Avatar } from 'antd';
+import CopyComponent from './CopyComponent.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; }
@@ -56,7 +56,8 @@ var copyRender = function copyRender(config, itemData) {
     title = config.title,
     titleStr = config.titleStr;
   var successMsg = valueTypeProps.successMsg,
-    text = valueTypeProps.text;
+    text = valueTypeProps.text,
+    ellipsis = valueTypeProps.ellipsis;
   var msg = successMsg || "\u590D\u5236".concat(title || titleStr, "\u6210\u529F!");
   var tableVal = getTableVal(config, itemData);
   if (!tableVal) {
@@ -66,15 +67,11 @@ var copyRender = function copyRender(config, itemData) {
   if (typeof text === "function") {
     cpText = text(itemData);
   }
-  return jsx(Link, {
-    style: {
-      wordBreak: "break-all"
-    },
-    onClick: function onClick() {
-      copy(cpText || tableVal);
-      message.success(msg);
-    },
-    children: tableVal
+  return jsx(CopyComponent, {
+    ellipsis: ellipsis,
+    successMsg: msg,
+    text: tableVal,
+    cpText: cpText
   });
 };
 var linkRender = function linkRender(config, itemData) {

package/lib/DialogTable/Content.d.ts

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

package/lib/DialogTable/Content.js

@@ -0,0 +1,37 @@
+'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 jsxRuntime = require('react/jsx-runtime');
+var Table = require('../Table.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 tableProps = _ref.tableProps,
+    configData = _ref.configData,
+    dialogTable = _ref.dialogTable,
+    request = _ref.request,
+    contentRender = _ref.contentRender;
+  var node = jsxRuntime.jsx(Table.default, _objectSpread(_objectSpread({}, tableProps), {}, {
+    configData: configData || [],
+    table: dialogTable,
+    request: request,
+    affixProps: false
+  }));
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: contentRender ? contentRender(node) : node
+  });
+});
+
+exports.default = Content;
+// powered by h

package/lib/DialogTable/DwTable.d.ts

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

package/lib/DialogTable/DwTable.js

@@ -0,0 +1,124 @@
+'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 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", "tableProps", "dialogTable", "visible", "bodyStyle", "onClose", "afterVisibleChange", "contentRender", "width"];
+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 DwTable = (function (_ref) {
+  var configDataProps = _ref.configData,
+    requestProps = _ref.request,
+    _ref$tableProps = _ref.tableProps,
+    tableProps = _ref$tableProps === void 0 ? {} : _ref$tableProps,
+    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 ? 666 : _ref$width,
+    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;
+          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;
+          currentTable.params = 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.Drawer, _objectSpread(_objectSpread({}, props), {}, {
+    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
+    }),
+    width: width,
+    bodyStyle: _objectSpread({
+      padding: 0,
+      paddingBottom: 12
+    }, bodyStyle),
+    afterVisibleChange: function afterVisibleChange(visible) {
+      if (!visible) {
+        currentTable.form.resetFields();
+      }
+      _afterVisibleChange === null || _afterVisibleChange === void 0 || _afterVisibleChange(visible);
+    },
+    children: jsxRuntime.jsx(Content.default, {
+      contentRender: contentRender,
+      tableProps: tableProps,
+      configData: configData || [],
+      dialogTable: currentTable,
+      request: req
+    })
+  }));
+});
+
+exports.default = DwTable;
+// powered by h

package/{es/ModalTable/index.d.ts → lib/DialogTable/ModalTable.d.ts}

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

package/lib/{ModalTable/index.js → DialogTable/ModalTable.js}

@@ -14,13 +14,13 @@ 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 Content = require('./Content.js');
 
-var _excluded = ["configData", "request", "tableProps", "dialogTable", "visible", "onCancel", "bodyStyle", "afterClose"];
+var _excluded = ["configData", "request", "tableProps", "dialogTable", "visible", "onCancel", "bodyStyle", "afterClose", "contentRender", "width"];
 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 ModalTable = (function (_ref) {
   var configDataProps = _ref.configData,
     requestProps = _ref.request,
     _ref$tableProps = _ref.tableProps,
@@ -32,6 +32,9 @@ var index = (function (_ref) {
     _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,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useVisible = hooks.useVisible(visible),
     modalVisible = _useVisible.modalVisible,
@@ -89,6 +92,7 @@ var index = (function (_ref) {
     },
     destroyOnClose: true,
     title: title,
+    width: width,
     bodyStyle: _objectSpread({
       padding: 0,
       paddingBottom: 12
@@ -97,14 +101,15 @@ var index = (function (_ref) {
       currentTable.form.resetFields();
       _afterClose === null || _afterClose === void 0 || _afterClose();
     },
-    children: jsxRuntime.jsx(Table.default, _objectSpread(_objectSpread({}, tableProps), {}, {
+    children: jsxRuntime.jsx(Content.default, {
+      contentRender: contentRender,
+      tableProps: tableProps,
       configData: configData || [],
-      table: currentTable,
-      request: req,
-      affixProps: false
-    }))
+      dialogTable: currentTable,
+      request: req
+    })
   }));
 });
 
-exports.default = index;
+exports.default = ModalTable;
 // powered by h

package/lib/HTableBody/Options/utils.d.ts

@@ -44,7 +44,7 @@ export declare const getItemValue: (data: ConfigItemModal) => {
     status?: "" | "success" | "warning" | "error" | "validating" | undefined;
     help?: React.ReactNode;
     itemProps?: import("@hw-component/form/es/Form/modal").ItemPropsType | undefined;
-    helper?: string | import("@hw-component/form/es/Form/modal").HelperModal | undefined;
+    helper?: React.ReactNode | import("@hw-component/form/es/Form/modal").HelperModal;
     hover?: string | import("@hw-component/form/es/Form/modal").HoverModal | undefined;
     labelWidth?: number | undefined;
     hide?: boolean | import("@hw-component/form/es/Form/modal").HideModal | undefined;