@hw-component/table 1.2.6 → 1.2.8

package/es/render/config.js

@@ -0,0 +1,137 @@
+// 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, 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';
+
+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 Link = Typography.Link,
+  Paragraph = Typography.Paragraph;
+var getTableVal = function getTableVal(config, itemData) {
+  var dataIndex = config.dataIndex;
+  var tableDataIndex = dataIndex;
+  return itemData[tableDataIndex];
+};
+var dateRender = function dateRender(config, itemData) {
+  var _config$valueTypeProp = config.valueTypeProps,
+    valueTypeProps = _config$valueTypeProp === void 0 ? {} : _config$valueTypeProp;
+  var tableVal = getTableVal(config, itemData);
+  var _valueTypeProps$forma = valueTypeProps.format,
+    format = _valueTypeProps$forma === void 0 ? "YYYY-MM-DD HH:mm:ss" : _valueTypeProps$forma,
+    _valueTypeProps$timeS = valueTypeProps.timeStampType,
+    timeStampType = _valueTypeProps$timeS === void 0 ? "X" : _valueTypeProps$timeS;
+  if (!tableVal) {
+    return "-";
+  }
+  var time = moment(tableVal, timeStampType);
+  return time.format(format);
+};
+var tagsRender = function tagsRender(config, itemData, index, tableInstance) {
+  var _config$valueTypeProp2 = config.valueTypeProps,
+    valueTypeProps = _config$valueTypeProp2 === void 0 ? {} : _config$valueTypeProp2;
+  var tableVal = getTableVal(config, itemData);
+  if (!tableVal) {
+    return "-";
+  }
+  return jsx(TagsComponent, _objectSpread(_objectSpread({
+    data: tableVal
+  }, valueTypeProps), {}, {
+    tableInstance: tableInstance
+  }));
+};
+var copyRender = function copyRender(config, itemData) {
+  var _config$valueTypeProp3 = config.valueTypeProps,
+    valueTypeProps = _config$valueTypeProp3 === void 0 ? {} : _config$valueTypeProp3,
+    title = config.title,
+    titleStr = config.titleStr;
+  var successMsg = valueTypeProps.successMsg,
+    text = valueTypeProps.text;
+  var msg = successMsg || "\u590D\u5236".concat(title || titleStr, "\u6210\u529F!");
+  var tableVal = getTableVal(config, itemData);
+  if (!tableVal) {
+    return "-";
+  }
+  var cpText = text;
+  if (typeof text === "function") {
+    cpText = text(itemData);
+  }
+  return jsx(Link, {
+    onClick: function onClick() {
+      copy(cpText || tableVal);
+      message.success(msg);
+    },
+    children: tableVal
+  });
+};
+var linkRender = function linkRender(config, itemData) {
+  var _config$valueTypeProp4 = config.valueTypeProps,
+    valueTypeProps = _config$valueTypeProp4 === void 0 ? {} : _config$valueTypeProp4;
+  var href = valueTypeProps.href,
+    _valueTypeProps$targe = valueTypeProps.target,
+    target = _valueTypeProps$targe === void 0 ? "_blank" : _valueTypeProps$targe;
+  var tableVal = getTableVal(config, itemData);
+  var hrefUrl = href;
+  if (typeof href === "function") {
+    hrefUrl = href(itemData);
+  }
+  return jsx(Link, {
+    href: hrefUrl || tableVal,
+    target: target,
+    children: tableVal
+  });
+};
+var textRender = function textRender(config, itemData) {
+  var _config$valueTypeProp5 = config.valueTypeProps,
+    valueTypeProps = _config$valueTypeProp5 === void 0 ? {} : _config$valueTypeProp5;
+  var addonBefore = valueTypeProps.addonBefore,
+    addonAfter = valueTypeProps.addonAfter,
+    type = valueTypeProps.type,
+    ellipsis = valueTypeProps.ellipsis;
+  var tableVal = getTableVal(config, itemData);
+  return jsxs(Paragraph, {
+    type: type,
+    ellipsis: ellipsis,
+    children: [addonBefore, tableVal, addonAfter]
+  });
+};
+var imageRender = function imageRender(config, itemData) {
+  var _config$valueTypeProp6 = config.valueTypeProps,
+    valueTypeProps = _config$valueTypeProp6 === void 0 ? {} : _config$valueTypeProp6;
+  var tableVal = getTableVal(config, itemData);
+  return jsx(Image, _objectSpread({
+    src: tableVal,
+    width: 48
+  }, valueTypeProps));
+};
+var avatarRender = function avatarRender(config, itemData) {
+  var _config$valueTypeProp7 = config.valueTypeProps,
+    valueTypeProps = _config$valueTypeProp7 === void 0 ? {} : _config$valueTypeProp7;
+  var tableVal = getTableVal(config, itemData);
+  return jsx(Avatar, _objectSpread({
+    src: tableVal,
+    size: 32
+  }, valueTypeProps));
+};
+var config = {
+  date: dateRender,
+  tags: tagsRender,
+  copy: copyRender,
+  link: linkRender,
+  text: textRender,
+  image: imageRender,
+  avatar: avatarRender
+};
+
+export { config as default };
+// powered by hdj

package/es/render/index.d.ts

@@ -0,0 +1,5 @@
+import type { ConfigItemModal, HTableInstance } from "@/components/modal";
+import type React from "react";
+import type { ValueTypeConfigModal } from "../modal";
+declare const _default: (item: ConfigItemModal, tableInstance: HTableInstance, valueTypeConfig: ValueTypeConfigModal) => (dom: React.ReactNode, itemData: any, index: number) => React.ReactNode;
+export default _default;

package/es/render/index.js

@@ -0,0 +1,25 @@
+// welcome to hoo hoo hoo
+import config from './config.js';
+
+var configRender = (function (item, tableInstance, valueTypeConfig) {
+  var render = item.render,
+    _item$valueType = item.valueType,
+    valueType = _item$valueType === void 0 ? "" : _item$valueType;
+  return function (dom, itemData, index) {
+    var valType = valueType;
+    var node = dom;
+    if (config[valType]) {
+      node = config[valType](item, itemData, index, tableInstance);
+    }
+    if (valueTypeConfig[valType]) {
+      node = valueTypeConfig[valType](item, itemData, index, tableInstance);
+    }
+    if (render) {
+      return render(node, itemData, index, tableInstance);
+    }
+    return node;
+  };
+});
+
+export { configRender as default };
+// powered by hdj

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

@@ -57,6 +57,7 @@ export declare const getItemValue: (data: ConfigItemModal) => {
     searchType?: string | undefined;
     searchRender?: ((item: import("@hw-component/form/es/Form/modal").HItemProps, node: React.ReactNode, form: import("antd").FormInstance<any>, tableInstance: import("../../modal").HTableInstance) => React.ReactNode) | undefined;
     rowSelectionTitle?: boolean | undefined;
+    valueTypeProps?: Record<string, any> | undefined;
     index?: number | undefined;
     filters?: boolean | import("antd/lib/table/interface").ColumnFilterItem[] | undefined;
     onFilter?: boolean | ((value: string | number | boolean, record: any) => boolean) | undefined;

package/lib/HTableBody/RowSelection.js

@@ -144,9 +144,9 @@ var RowSelectionBox = function RowSelectionBox(_ref5) {
       onChange === null || onChange === void 0 || onChange(newKeys, newRowData);
       return;
     }
-    var index = _indexOfInstanceProperty(newKeys).call(newKeys, key);
-    _spliceInstanceProperty(newKeys).call(newKeys, index, 1);
-    _spliceInstanceProperty(newRowData).call(newRowData, index, 1);
+    var keyIndex = _indexOfInstanceProperty(newKeys).call(newKeys, key);
+    _spliceInstanceProperty(newKeys).call(newKeys, keyIndex, 1);
+    _spliceInstanceProperty(newRowData).call(newRowData, keyIndex, 1);
     rowOnChange(newKeys, newRowData);
     onChange === null || onChange === void 0 || onChange(newKeys, newRowData);
   };

package/lib/HTableBody/hooks.js

@@ -18,6 +18,8 @@ var React = require('react');
 var context = require('../context.js');
 var RowSelection = require('./RowSelection.js');
 var utils = require('./utils.js');
+var index = require('../render/index.js');
+var TableConfig = require('../TableConfig.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; }
@@ -53,6 +55,8 @@ var useCols = function useCols(_ref2) {
     _useState2 = _slicedToArray(_useState, 2),
     cols = _useState2[0],
     setCols = _useState2[1];
+  var _useHTableConfigConte = TableConfig.useHTableConfigContext({}),
+    valueTypeConfig = _useHTableConfigConte.valueTypeConfig;
   var changeConfigData = function changeConfigData(data) {
     var colsArray = _filterInstanceProperty(data).call(data, function (item) {
       return !item.hideInTable;
@@ -61,14 +65,8 @@ var useCols = function useCols(_ref2) {
       _spliceInstanceProperty(colsArray).call(colsArray, 0, 0, rowSelectionCol(rowSelection));
     }
     return _mapInstanceProperty(colsArray).call(colsArray, function (item) {
-      var _render = item.render;
       return _objectSpread(_objectSpread({}, item), {}, {
-        render: function render(dom, itemData, index) {
-          if (!_render) {
-            return dom;
-          }
-          return _render(dom, itemData, index, table);
-        }
+        render: index.default(item, table, valueTypeConfig)
       });
     });
   };

package/lib/TableConfig.d.ts

@@ -1,19 +1,21 @@
 import React from "react";
-import type { HTableInstance } from "src/components/modal";
+import type { HTableInstance, ValueTypeConfigModal } from "./modal";
 interface HTableConfigContextModal {
     emptyRender?: (table: HTableInstance) => React.ReactNode;
     errorRender?: (table: HTableInstance, error: Error) => React.ReactNode;
     headerStyle?: React.CSSProperties;
     tableStyle?: React.CSSProperties;
     paginationStyle?: React.CSSProperties;
+    valueTypeConfig?: ValueTypeConfigModal;
 }
 export declare const HTableConfigContext: React.Context<HTableConfigContextModal | null>;
-export declare const useHTableConfigContext: ({ emptyRender, errorRender, headerStyle, tableStyle, paginationStyle }: HTableConfigContextModal) => {
+export declare const useHTableConfigContext: ({ emptyRender, errorRender, headerStyle, tableStyle, paginationStyle, }: HTableConfigContextModal) => {
     errorRender: ((table: HTableInstance, error: Error) => React.ReactNode) | undefined;
     emptyRender: ((table: HTableInstance) => React.ReactNode) | undefined;
     headerStyle: React.CSSProperties | undefined;
     tableStyle: React.CSSProperties | undefined;
     paginationStyle: React.CSSProperties | undefined;
+    valueTypeConfig: ValueTypeConfigModal;
 };
 declare const Index: React.FC<HTableConfigContextModal>;
 export default Index;

package/lib/TableConfig.js

@@ -19,13 +19,16 @@ var useHTableConfigContext = function useHTableConfigContext(_ref) {
     configEmptyRender = _ref2.emptyRender,
     configHeaderStyle = _ref2.headerStyle,
     configTableStyle = _ref2.tableStyle,
-    configPaginationStyle = _ref2.paginationStyle;
+    configPaginationStyle = _ref2.paginationStyle,
+    _ref2$valueTypeConfig = _ref2.valueTypeConfig,
+    valueTypeConfig = _ref2$valueTypeConfig === void 0 ? {} : _ref2$valueTypeConfig;
   return {
     errorRender: errorRender || configErrorRender,
     emptyRender: emptyRender || configEmptyRender,
     headerStyle: headerStyle || configHeaderStyle,
     tableStyle: tableStyle || configTableStyle,
-    paginationStyle: paginationStyle || configPaginationStyle
+    paginationStyle: paginationStyle || configPaginationStyle,
+    valueTypeConfig: valueTypeConfig
   };
 };
 var Index = function Index(_ref3) {

package/lib/modal.d.ts

@@ -29,6 +29,7 @@ interface HColumns extends Omit<ProColumns, "render" | "title"> {
     searchRender?: (item: HItemProps, node: React.ReactNode, form: FormInstance, tableInstance: HTableInstance) => React.ReactNode;
     rowSelectionTitle?: boolean;
     title?: string | React.ReactNode;
+    valueTypeProps?: Record<string, any>;
 }
 interface BcItemModal {
     childrenDataIndex?: ConfigItemModal[] | string[];
@@ -42,11 +43,10 @@ export type actionFn = (...arg: any[]) => void;
 export interface RowSelectionOuter {
     allPageCheck?: boolean;
 }
-type RowKeyFn = (data: any, index: number) => string;
 export type HRowSelection = RowSelectionOuter & (TableProps<any>["rowSelection"] & {
     alwaysShowAlert?: boolean;
 });
-export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "dataSource" | "rowKey" | "rowSelection"> {
+export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "dataSource" | "rowSelection"> {
     request?: (params: ParamsModal) => Promise<ResultModal>;
     configData: ConfigDataModal;
     searchSpan?: ColProps;
@@ -65,7 +65,6 @@ export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "
     manual?: boolean;
     dataSource?: ResultModal;
     paginationStyle?: React.CSSProperties;
-    rowKey?: string | RowKeyFn;
     allPageCheck?: boolean;
     rowSelection?: HRowSelection | false;
     affixProps?: AffixProps | false;
@@ -121,4 +120,6 @@ export interface ModalTableProps extends ModalProps {
     configData?: HTableProps["configData"];
     request?: HTableProps["request"];
 }
+export type ValueTypeConfigRenderFn = (config: ConfigItemModal, itemData: any, index: number, tableInstance: HTableInstance) => React.ReactNode;
+export type ValueTypeConfigModal = Record<string, ValueTypeConfigRenderFn>;
 export {};

package/lib/render/TagsComponent.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import type { TooltipProps } from "antd/lib/tooltip";
+import type { HTableInstance } from "@/components/modal";
+type CloseFn = (key: string, tableInstance?: HTableInstance) => void;
+interface IProps {
+    data: any[];
+    closable?: boolean;
+    onClose?: CloseFn;
+    color?: string;
+    icon?: React.ReactNode;
+    tooltip?: boolean | TooltipProps;
+    fieldNames?: {
+        label?: string;
+        value?: string;
+    };
+    tableInstance?: HTableInstance;
+    maxLen?: number | null;
+}
+declare const TagsComponent: (props: IProps) => JSX.Element;
+export default TagsComponent;

package/lib/render/TagsComponent.js

@@ -0,0 +1,126 @@
+'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 _Symbol$toPrimitive = require('@babel/runtime-corejs3/core-js/symbol/to-primitive');
+var _typeof = require('@babel/runtime-corejs3/helpers/typeof');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+require('core-js/modules/es.number.constructor.js');
+require('core-js/modules/es.object.to-string.js');
+require('core-js/modules/es.regexp.to-string.js');
+var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/slice');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
+var jsxRuntime = require('react/jsx-runtime');
+var antd = require('antd');
+var React = require('react');
+
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[_Symbol$toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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 _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+var getTooltipProps = function getTooltipProps(title, tooltip) {
+  if (!tooltip) {
+    return {
+      title: null
+    };
+  }
+  if (tooltip === true) {
+    return {
+      title: title
+    };
+  }
+  return _objectSpread(_objectSpread({}, tooltip), {}, {
+    title: title
+  });
+};
+var TagsComponent = function TagsComponent(props) {
+  var data = props.data,
+    closable = props.closable,
+    _onClose = props.onClose,
+    color = props.color,
+    icon = props.icon,
+    _props$fieldNames = props.fieldNames,
+    fieldNames = _props$fieldNames === void 0 ? {} : _props$fieldNames,
+    tooltip = props.tooltip,
+    tableInstance = props.tableInstance,
+    maxLen = props.maxLen;
+  var _fieldNames$label = fieldNames.label,
+    label = _fieldNames$label === void 0 ? "label" : _fieldNames$label,
+    _fieldNames$value = fieldNames.value,
+    value = _fieldNames$value === void 0 ? "value" : _fieldNames$value;
+  var _useMemo = React.useMemo(function () {
+      if (!maxLen || !data) {
+        return {
+          tagData: data
+        };
+      }
+      var resultTagData = _sliceInstanceProperty(data).call(data, 0, maxLen);
+      var resultMoreTag = _sliceInstanceProperty(data).call(data, maxLen);
+      return {
+        tagData: resultTagData,
+        moreTag: resultMoreTag
+      };
+    }, [data, maxLen]),
+    tagData = _useMemo.tagData,
+    moreTag = _useMemo.moreTag;
+  var moreLen = moreTag === null || moreTag === void 0 ? void 0 : moreTag.length;
+  return jsxRuntime.jsxs(antd.Row, {
+    gutter: [8, 8],
+    children: [tagData === null || tagData === void 0 ? void 0 : _mapInstanceProperty(tagData).call(tagData, function (tagItem, index) {
+      var _context;
+      var tagProps = {
+        closable: closable,
+        onClose: _onClose,
+        color: color,
+        icon: icon
+      };
+      var indexKey = index.toString();
+      if (typeof tagItem === "string") {
+        var _tooltipProps = getTooltipProps(tagItem, tooltip);
+        return jsxRuntime.jsx(antd.Tooltip, _objectSpread(_objectSpread({}, _tooltipProps), {}, {
+          children: jsxRuntime.jsx(antd.Tag, _objectSpread(_objectSpread({}, tagProps), {}, {
+            onClose: function onClose(e) {
+              e.preventDefault();
+              _onClose === null || _onClose === void 0 || _onClose(indexKey, tableInstance);
+            },
+            children: tagItem
+          }), indexKey)
+        }));
+      }
+      var tagLabel = tagItem[label],
+        tagValue = tagItem[value],
+        itemProps = _objectWithoutProperties(tagItem, _mapInstanceProperty(_context = [label, value]).call(_context, _toPropertyKey));
+      var tooltipProps = getTooltipProps(tagLabel, tooltip);
+      var cuTagProps = _objectSpread(_objectSpread({}, tagProps), itemProps);
+      var cuKey = tagValue || indexKey;
+      return jsxRuntime.jsx(antd.Tooltip, _objectSpread(_objectSpread({}, tooltipProps), {}, {
+        children: jsxRuntime.jsx(antd.Tag, _objectSpread(_objectSpread({}, cuTagProps), {}, {
+          onClose: function onClose(e) {
+            e.preventDefault();
+            cuTagProps === null || cuTagProps === void 0 || cuTagProps.onClose(cuKey, tableInstance);
+          },
+          children: tagLabel
+        }), cuKey)
+      }));
+    }), !moreLen ? null : jsxRuntime.jsx(antd.Popover, {
+      content: jsxRuntime.jsx(TagsComponent, _objectSpread(_objectSpread({}, props), {}, {
+        maxLen: null
+      })),
+      children: jsxRuntime.jsxs(antd.Tag, {
+        children: ["...\u7B49", data.length, "\u4E2A"]
+      })
+    })]
+  });
+};
+
+exports.default = TagsComponent;
+// powered by h

package/lib/render/config.d.ts

@@ -0,0 +1,11 @@
+import type { ConfigItemModal, HTableInstance } from "@/components/modal";
+declare const _default: {
+    date: (config: ConfigItemModal, itemData: any) => string;
+    tags: (config: ConfigItemModal, itemData: any, index: number, tableInstance: HTableInstance) => "-" | JSX.Element;
+    copy: (config: ConfigItemModal, itemData: any) => "-" | JSX.Element;
+    link: (config: ConfigItemModal, itemData: any) => JSX.Element;
+    text: (config: ConfigItemModal, itemData: any) => JSX.Element;
+    image: (config: ConfigItemModal, itemData: any) => JSX.Element;
+    avatar: (config: ConfigItemModal, itemData: any) => JSX.Element;
+};
+export default _default;

package/lib/render/config.js

@@ -0,0 +1,140 @@
+'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 moment = require('moment');
+var TagsComponent = require('./TagsComponent.js');
+var copy = require('copy-to-clipboard');
+var antd = require('antd');
+
+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 Link = antd.Typography.Link,
+  Paragraph = antd.Typography.Paragraph;
+var getTableVal = function getTableVal(config, itemData) {
+  var dataIndex = config.dataIndex;
+  var tableDataIndex = dataIndex;
+  return itemData[tableDataIndex];
+};
+var dateRender = function dateRender(config, itemData) {
+  var _config$valueTypeProp = config.valueTypeProps,
+    valueTypeProps = _config$valueTypeProp === void 0 ? {} : _config$valueTypeProp;
+  var tableVal = getTableVal(config, itemData);
+  var _valueTypeProps$forma = valueTypeProps.format,
+    format = _valueTypeProps$forma === void 0 ? "YYYY-MM-DD HH:mm:ss" : _valueTypeProps$forma,
+    _valueTypeProps$timeS = valueTypeProps.timeStampType,
+    timeStampType = _valueTypeProps$timeS === void 0 ? "X" : _valueTypeProps$timeS;
+  if (!tableVal) {
+    return "-";
+  }
+  var time = moment(tableVal, timeStampType);
+  return time.format(format);
+};
+var tagsRender = function tagsRender(config, itemData, index, tableInstance) {
+  var _config$valueTypeProp2 = config.valueTypeProps,
+    valueTypeProps = _config$valueTypeProp2 === void 0 ? {} : _config$valueTypeProp2;
+  var tableVal = getTableVal(config, itemData);
+  if (!tableVal) {
+    return "-";
+  }
+  return jsxRuntime.jsx(TagsComponent.default, _objectSpread(_objectSpread({
+    data: tableVal
+  }, valueTypeProps), {}, {
+    tableInstance: tableInstance
+  }));
+};
+var copyRender = function copyRender(config, itemData) {
+  var _config$valueTypeProp3 = config.valueTypeProps,
+    valueTypeProps = _config$valueTypeProp3 === void 0 ? {} : _config$valueTypeProp3,
+    title = config.title,
+    titleStr = config.titleStr;
+  var successMsg = valueTypeProps.successMsg,
+    text = valueTypeProps.text;
+  var msg = successMsg || "\u590D\u5236".concat(title || titleStr, "\u6210\u529F!");
+  var tableVal = getTableVal(config, itemData);
+  if (!tableVal) {
+    return "-";
+  }
+  var cpText = text;
+  if (typeof text === "function") {
+    cpText = text(itemData);
+  }
+  return jsxRuntime.jsx(Link, {
+    onClick: function onClick() {
+      copy(cpText || tableVal);
+      antd.message.success(msg);
+    },
+    children: tableVal
+  });
+};
+var linkRender = function linkRender(config, itemData) {
+  var _config$valueTypeProp4 = config.valueTypeProps,
+    valueTypeProps = _config$valueTypeProp4 === void 0 ? {} : _config$valueTypeProp4;
+  var href = valueTypeProps.href,
+    _valueTypeProps$targe = valueTypeProps.target,
+    target = _valueTypeProps$targe === void 0 ? "_blank" : _valueTypeProps$targe;
+  var tableVal = getTableVal(config, itemData);
+  var hrefUrl = href;
+  if (typeof href === "function") {
+    hrefUrl = href(itemData);
+  }
+  return jsxRuntime.jsx(Link, {
+    href: hrefUrl || tableVal,
+    target: target,
+    children: tableVal
+  });
+};
+var textRender = function textRender(config, itemData) {
+  var _config$valueTypeProp5 = config.valueTypeProps,
+    valueTypeProps = _config$valueTypeProp5 === void 0 ? {} : _config$valueTypeProp5;
+  var addonBefore = valueTypeProps.addonBefore,
+    addonAfter = valueTypeProps.addonAfter,
+    type = valueTypeProps.type,
+    ellipsis = valueTypeProps.ellipsis;
+  var tableVal = getTableVal(config, itemData);
+  return jsxRuntime.jsxs(Paragraph, {
+    type: type,
+    ellipsis: ellipsis,
+    children: [addonBefore, tableVal, addonAfter]
+  });
+};
+var imageRender = function imageRender(config, itemData) {
+  var _config$valueTypeProp6 = config.valueTypeProps,
+    valueTypeProps = _config$valueTypeProp6 === void 0 ? {} : _config$valueTypeProp6;
+  var tableVal = getTableVal(config, itemData);
+  return jsxRuntime.jsx(antd.Image, _objectSpread({
+    src: tableVal,
+    width: 48
+  }, valueTypeProps));
+};
+var avatarRender = function avatarRender(config, itemData) {
+  var _config$valueTypeProp7 = config.valueTypeProps,
+    valueTypeProps = _config$valueTypeProp7 === void 0 ? {} : _config$valueTypeProp7;
+  var tableVal = getTableVal(config, itemData);
+  return jsxRuntime.jsx(antd.Avatar, _objectSpread({
+    src: tableVal,
+    size: 32
+  }, valueTypeProps));
+};
+var config = {
+  date: dateRender,
+  tags: tagsRender,
+  copy: copyRender,
+  link: linkRender,
+  text: textRender,
+  image: imageRender,
+  avatar: avatarRender
+};
+
+exports.default = config;
+// powered by h

package/lib/render/index.d.ts

@@ -0,0 +1,5 @@
+import type { ConfigItemModal, HTableInstance } from "@/components/modal";
+import type React from "react";
+import type { ValueTypeConfigModal } from "../modal";
+declare const _default: (item: ConfigItemModal, tableInstance: HTableInstance, valueTypeConfig: ValueTypeConfigModal) => (dom: React.ReactNode, itemData: any, index: number) => React.ReactNode;
+export default _default;

package/lib/render/index.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var config = require('./config.js');
+
+var configRender = (function (item, tableInstance, valueTypeConfig) {
+  var render = item.render,
+    _item$valueType = item.valueType,
+    valueType = _item$valueType === void 0 ? "" : _item$valueType;
+  return function (dom, itemData, index) {
+    var valType = valueType;
+    var node = dom;
+    if (config.default[valType]) {
+      node = config.default[valType](item, itemData, index, tableInstance);
+    }
+    if (valueTypeConfig[valType]) {
+      node = valueTypeConfig[valType](item, itemData, index, tableInstance);
+    }
+    if (render) {
+      return render(node, itemData, index, tableInstance);
+    }
+    return node;
+  };
+});
+
+exports.default = configRender;
+// powered by h

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/table",
-  "version": "1.2.6",
+  "version": "1.2.8",
   "description": "基于antd二次开发table组件",
   "keywords": [
     "table"
@@ -34,6 +34,7 @@
     "@hw-component/form": "1.5.2",
     "ahooks": "2.10.9",
     "antd": "4.20.7",
+    "copy-to-clipboard": "3.3.1",
     "core-js": "3",
     "react": "17.0.0",
     "react-dom": "17.0.2",