@hw-component/table 1.6.7 → 1.6.8

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/ModalTable/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/ModalTable/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/ModalTable/index.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

@@ -11,10 +11,10 @@ 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) {
@@ -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,12 +98,13 @@ 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
+    })
   }));
 });
 

package/es/index.css

@@ -118,3 +118,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/modal.d.ts

@@ -119,6 +119,7 @@ export interface ModalTableProps extends ModalProps {
     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/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/lib/ModalTable/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/ModalTable/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/ModalTable/index.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

@@ -14,10 +14,10 @@ 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) {
@@ -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,12 +101,13 @@ 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
+    })
   }));
 });
 

package/lib/index.css

@@ -118,3 +118,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/lib/modal.d.ts

@@ -119,6 +119,7 @@ export interface ModalTableProps extends ModalProps {
     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/lib/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/lib/render/CopyComponent.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var copy = require('copy-to-clipboard');
+var antd = require('antd');
+var index = require('../hooks/index.js');
+
+var Paragraph = antd.Typography.Paragraph;
+var CopyComponent = (function (_ref) {
+  var cpText = _ref.cpText,
+    text = _ref.text,
+    successMsg = _ref.successMsg,
+    ellipsis = _ref.ellipsis;
+  var className = index.useClassName("hw-table-render-copy");
+  return jsxRuntime.jsx(Paragraph, {
+    ellipsis: ellipsis,
+    className: className,
+    onClick: function onClick() {
+      copy(cpText || text);
+      antd.message.success(successMsg);
+    },
+    children: text
+  });
+});
+
+exports.default = CopyComponent;
+// powered by h

package/lib/render/Text.d.ts

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

package/lib/render/config.js

@@ -14,8 +14,8 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var jsxRuntime = require('react/jsx-runtime');
 var moment = require('moment');
 var TagsComponent = require('./TagsComponent.js');
-var copy = require('copy-to-clipboard');
 var antd = require('antd');
+var CopyComponent = require('./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; }
@@ -59,7 +59,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) {
@@ -69,15 +70,11 @@ var copyRender = function copyRender(config, itemData) {
   if (typeof text === "function") {
     cpText = text(itemData);
   }
-  return jsxRuntime.jsx(Link, {
-    style: {
-      wordBreak: "break-all"
-    },
-    onClick: function onClick() {
-      copy(cpText || tableVal);
-      antd.message.success(msg);
-    },
-    children: tableVal
+  return jsxRuntime.jsx(CopyComponent.default, {
+    ellipsis: ellipsis,
+    successMsg: msg,
+    text: tableVal,
+    cpText: cpText
   });
 };
 var linkRender = function linkRender(config, itemData) {

package/package.json

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

package/src/components/ModalTable/Content.tsx

@@ -0,0 +1,15 @@
+import Table from "@/components/Table";
+import {ModalTableProps} from "@/components/modal";
+
+export default ({tableProps,configData,dialogTable,request,contentRender}:ModalTableProps)=>{
+    const node=<Table
+        {...tableProps}
+        configData={configData || []}
+        table={dialogTable}
+        request={request}
+        affixProps={false}
+    />
+    return  <>
+        {contentRender?contentRender(node):node}
+    </>
+}

package/src/components/ModalTable/hooks.ts

@@ -6,7 +6,6 @@ import type {
   DialogParamsModal,
 } from "../modal";
 import { useEffect, useMemo, useState } from "react";
-import { HTableProps } from "../modal";
 
 export const useHDialogTable = () => {
   const tableInstance = useHTable();

package/src/components/ModalTable/index.tsx

@@ -1,7 +1,7 @@
 import { Modal } from "antd";
-import Table from "../Table";
 import type { ModalTableProps } from "../modal";
 import { useCurrentTable, useTableProps, useVisible } from "./hooks";
+import Content from './Content';
 export default ({
   configData: configDataProps,
   request: requestProps,
@@ -11,6 +11,8 @@ export default ({
   onCancel,
   bodyStyle = {},
   afterClose,
+ contentRender,
+  width=666,
   ...props
 }: ModalTableProps) => {
   const { modalVisible, setModalVisible } = useVisible(visible);
@@ -63,18 +65,19 @@ export default ({
       }}
       destroyOnClose
       title={title}
+      width={width}
       bodyStyle={{ padding: 0, paddingBottom: 12, ...bodyStyle }}
       afterClose={() => {
         currentTable.form.resetFields();
         afterClose?.();
       }}
     >
-      <Table
-        {...tableProps}
-        configData={configData || []}
-        table={currentTable}
-        request={req}
-        affixProps={false}
+      <Content
+          contentRender={contentRender}
+          tableProps={tableProps}
+          configData={configData||[]}
+          dialogTable={currentTable}
+          request={req}
       />
     </Modal>
   );

package/src/components/index.less

@@ -114,3 +114,14 @@
   margin-right: 12px;
 }
 
+.@{ant-prefix}-hw-table-render-copy{
+ margin-bottom: 0 !important;
+ color:#1890ff !important;
+ cursor: pointer;
+}
+
+.@{ant-prefix}-hw-table-render-text-basic{
+  width: 100%;
+
+}
+

package/src/components/modal.ts

@@ -152,6 +152,7 @@ export interface ModalTableProps extends ModalProps {
   params?: Record<string, any>;
   configData?: HTableProps["configData"];
   request?: HTableProps["request"];
+  contentRender?:(node:React.ReactNode)=>React.ReactNode;
 }
 
 export type ValueTypeConfigRenderFn = (

package/src/components/render/CopyComponent.tsx

@@ -0,0 +1,24 @@
+import copy from "copy-to-clipboard";
+import {message,Typography} from "antd";
+import {EllipsisConfig} from "antd/lib/typography/Base";
+import {useClassName} from "../hooks";
+const {Paragraph}=Typography;
+interface IProps {
+    text:string;
+    cpText?:string;
+    successMsg:string;
+    ellipsis?:boolean | EllipsisConfig;
+}
+export default ({cpText,text,successMsg,ellipsis}:IProps)=>{
+    const className=useClassName("hw-table-render-copy");
+    return  <Paragraph
+        ellipsis={ellipsis}
+        className={className}
+        onClick={() => {
+            copy(cpText || text);
+            message.success(successMsg);
+        }}
+    >
+        {text}
+    </Paragraph>
+}

package/src/components/render/Text.tsx

@@ -0,0 +1,8 @@
+import {useClassName} from "@/components/hooks";
+
+export default ()=>{
+    const className=useClassName("hw-table-render-text-basic");
+    return <div className={className}>
+
+    </div>
+}

package/src/components/render/config.tsx

@@ -1,8 +1,8 @@
 import moment from "moment";
 import type { ConfigItemModal, HTableInstance } from "@/components/modal";
 import TagsComponent from "./TagsComponent";
-import copy from "copy-to-clipboard";
-import { Image, message, Typography, Avatar } from "antd";
+import { Image, Typography, Avatar } from "antd";
+import CopyComponent from "./CopyComponent";
 
 const { Link, Paragraph } = Typography;
 const getTableVal = (config: ConfigItemModal, itemData: any) => {
@@ -42,7 +42,7 @@ const tagsRender = (
 };
 const copyRender = (config: ConfigItemModal, itemData: any) => {
   const { valueTypeProps = {}, title, titleStr } = config;
-  const { successMsg, text } = valueTypeProps;
+  const { successMsg, text ,ellipsis} = valueTypeProps;
   const msg = successMsg || `复制${title || titleStr}成功!`;
   const tableVal = getTableVal(config, itemData);
   if (!tableVal) {
@@ -52,17 +52,12 @@ const copyRender = (config: ConfigItemModal, itemData: any) => {
   if (typeof text === "function") {
     cpText = text(itemData);
   }
-  return (
-    <Link
-      style={{ wordBreak: "break-all" }}
-      onClick={() => {
-        copy(cpText || tableVal);
-        message.success(msg);
-      }}
-    >
-      {tableVal}
-    </Link>
-  );
+  return  <CopyComponent
+       ellipsis={ellipsis}
+       successMsg={msg}
+       text={tableVal}
+       cpText={cpText}
+  />
 };
 const linkRender = (config: ConfigItemModal, itemData: any) => {
   const { valueTypeProps = {} } = config;

package/src/pages/ModalTable/index.tsx

@@ -44,6 +44,7 @@ const req1 = (params) => {
 
 const req2 = (params) => {
   const { current = 1 } = params;
+  console.log("请求")
   return new Promise((resolve, reject) => {
     setTimeout(() => {
       // reject(new Error("错误"));
@@ -98,6 +99,13 @@ const Test = () => {
         dialogTable={dialogTable1}
         title="111"
         configData={configData}
+        request={req2}
+        contentRender={(node)=>{
+           return <>
+             <div>fsafsfsa</div>
+             {node}
+           </>
+        }}
       />
       <Button
         onClick={() => {

package/src/pages/Table/index.tsx

@@ -31,12 +31,24 @@ export const configData =[
     title: '报警联系人名称',
     width: 120,
     dataIndex: 'name',
+    valueType: "copy",
+    valueTypeProps: {
+      ellipsis:{
+        rows:1,
+        tooltip:true
+      }
+    }
   },
   {
     title:"短信接收手机号",
     dataIndex: 'mobileList',
     width: 120,
     valueType:"tags",
+    valueTypeProps:{
+      fieldNames:{
+        label:"name"
+      }
+    }
   },
   {
     title:"邮箱",
@@ -86,7 +98,7 @@ export default () => {
     for (let i = 0; i < 1; i = i + 1) {
       arrayData.push({
         "id": i,
-        "name": "仙人",
+        "name": "仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人",
         "mobileList": null,
         "mailList": null,
         "openidList": [
@@ -176,8 +188,8 @@ export default () => {
               for (let i = 0; i < 1; i = i + 1) {
                 arrayData.push({
                   "id": i,
-                  "name": "仙人",
-                  "mobileList": null,
+                  "name": "仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人仙人",
+                  "mobileList": [{name:"1"},{name:"2"}],
                   "mailList": null,
                   "openidList": [
                     "okSMy58P_PE9sQkAG03gkpiTk-hs"