@hw-component/table 1.10.3 → 1.10.6

package/es/HTableBody/hooks/useColData.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import type { ConfigDataModal, HTableProps } from "@/components/modal";
+import type { ConfigDataModal, HTableProps } from "../../modal";
 import type { ColumnsState } from "@ant-design/pro-table/es/container";
 import type { ColumnsStateType } from "@ant-design/pro-table/es/typing";
-export declare const useCols: ({ configData, rowSelection, table, bordered, }: HTableProps) => {
+export declare const useCols: ({ configData, rowSelection, table, bordered, configItemRender, }: HTableProps) => {
     cols: ConfigDataModal;
     setCols: import("react").Dispatch<import("react").SetStateAction<ConfigDataModal>>;
     resetCols: () => void;

package/es/HTableBody/hooks/useColData.js

@@ -35,7 +35,8 @@ var useCols = function useCols(_ref) {
   var configData = _ref.configData,
     rowSelection = _ref.rowSelection,
     table = _ref.table,
-    bordered = _ref.bordered;
+    bordered = _ref.bordered,
+    configItemRender = _ref.configItemRender;
   var trClassname = useClassName("hw-table-col-hr");
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
@@ -86,7 +87,8 @@ var useCols = function useCols(_ref) {
     }
     return _mapInstanceProperty(colsArray).call(colsArray, function (item, index) {
       var lastItem = colsArray[index - 1];
-      return itemProvider(item, lastItem);
+      var resultItem = itemProvider(item, lastItem);
+      return configItemRender ? configItemRender(resultItem) : resultItem;
     });
   };
   useEffect(function () {

package/es/HTableBody/index.js

@@ -24,7 +24,7 @@ import HeaderTitle from './HeaderTitle/index.js';
 import { emptyDefaultRender, errorDefaultRender } from './defaultRender.js';
 import useRowClassName from './hooks/useRowClassName.js';
 
-var _excluded = ["configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle", "paginationStyle", "headerTitle", "options", "actionRender", "affixProps", "goTop", "size", "optionsRender", "paginationActionRender", "localSorter", "columnsState", "tableExtraRender", "table", "onChange", "bordered", "rowClassName"],
+var _excluded = ["configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle", "paginationStyle", "headerTitle", "options", "actionRender", "affixProps", "goTop", "size", "optionsRender", "paginationActionRender", "localSorter", "columnsState", "tableExtraRender", "table", "onChange", "bordered", "rowClassName", "configItemRender"],
   _excluded2 = ["value", "onChange", "resetCheckCol"];
 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; }
@@ -57,7 +57,8 @@ var Body = (function (bodyProps) {
     tableOnchange = bodyProps.onChange,
     bordered = bodyProps.bordered;
     bodyProps.rowClassName;
-    var props = _objectWithoutProperties(bodyProps, _excluded);
+    var configItemRender = bodyProps.configItemRender,
+    props = _objectWithoutProperties(bodyProps, _excluded);
   var _ref = rowSelection || {},
     selectedRowKeys = _ref.selectedRowKeys,
     configAlwaysShowAlert = _ref.alwaysShowAlert;
@@ -67,15 +68,19 @@ var Body = (function (bodyProps) {
     data = _useHTableContext.data,
     selectedRowData = _useHTableContext.selectedRowData,
     error = _useHTableContext.error,
-    loading = _useHTableContext.loading;
+    loading = _useHTableContext.loading,
+    _useHTableContext$con = _useHTableContext.configItemRender,
+    contextConfigItemRender = _useHTableContext$con === void 0 ? configItemRender : _useHTableContext$con;
   var _useHTableConfigConte = useHTableConfigContext({
       emptyRender: emptyRender,
-      errorRender: errorRender
+      errorRender: errorRender,
+      configItemRender: contextConfigItemRender
     }),
     _useHTableConfigConte2 = _useHTableConfigConte.emptyRender,
     tableEmptyRender = _useHTableConfigConte2 === void 0 ? emptyDefaultRender : _useHTableConfigConte2,
     _useHTableConfigConte3 = _useHTableConfigConte.errorRender,
-    tableErrorRender = _useHTableConfigConte3 === void 0 ? errorDefaultRender : _useHTableConfigConte3;
+    tableErrorRender = _useHTableConfigConte3 === void 0 ? errorDefaultRender : _useHTableConfigConte3,
+    tableConfigItemRender = _useHTableConfigConte.configItemRender;
   var _useSize = useSize(size),
     cuSize = _useSize.cuSize,
     setCuSize = _useSize.setCuSize;
@@ -87,7 +92,8 @@ var Body = (function (bodyProps) {
       configData: bodyConfigData,
       table: tableInstance,
       rowSelection: rowSelection,
-      bordered: bordered
+      bordered: bordered,
+      configItemRender: tableConfigItemRender
     }),
     cols = _useCols.cols,
     setCols = _useCols.setCols,

package/es/HTableBody/modal.d.ts

@@ -2,7 +2,7 @@ import type { OptionConfig } from "@ant-design/pro-table/lib/components/ToolBar"
 import type { Key } from "react";
 import type React from "react";
 import type { ProTableProps } from "@ant-design/pro-table";
-import { ActionRenderFn, ConfigDataModal, EmptyPageRender, ErrorPageRender, HRowSelection, HTableInstance, ParamsModal } from "../modal";
+import { ActionRenderFn, ConfigDataModal, ConfigItemModal, EmptyPageRender, ErrorPageRender, HRowSelection, HTableInstance, ParamsModal } from "../modal";
 import type { AffixProps } from "antd/lib/affix";
 import type { IPaginationProps } from "@/components/HTablePagination";
 export interface OptionModal extends OptionConfig {
@@ -25,6 +25,7 @@ export interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSour
     options?: OptionModal | false;
     table?: HTableInstance;
     pagination?: IPaginationProps | false;
+    configItemRender?: (data: ConfigItemModal) => ConfigItemModal;
 }
 export interface RowRadioSelectionProps {
     data: any;

package/es/Table.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { HTableProps } from "./modal";
-declare const _default: ({ request, configData, searchSpan, table, hideHeader, headerStyle, tableStyle, action, spaceSize, className, paginationStyle, rowKey, onFinish, manual, formInitValues, hideLabel, labelWidth, onReset, style, dataSource, reload, loading: propsLoading, error: propsError, rowSelection, ...props }: HTableProps) => JSX.Element;
+declare const _default: ({ request, searchSpan, table, hideHeader, headerStyle, tableStyle, action, spaceSize, className, paginationStyle, rowKey, onFinish, manual, formInitValues, onReset, style, dataSource, reload, loading: propsLoading, error: propsError, rowSelection, ...props }: HTableProps) => JSX.Element;
 export default _default;

package/es/Table.js

@@ -16,19 +16,18 @@ import Header from './HTableHeader/index.js';
 import Body from './HTableBody/index.js';
 import useCurrentTable from './hooks/useCurrentTable.js';
 import useRowObj from './hooks/useRowObj.js';
-import { HTableContext } from './context.js';
 import useReq from './hooks/useReq.js';
 import useDispatch from './hooks/useDispatch.js';
 import { useState } from 'react';
 import { useClassName } from './hooks/index.js';
+import Index from './TableProvider.js';
 
-var _excluded = ["request", "configData", "searchSpan", "table", "hideHeader", "headerStyle", "tableStyle", "action", "spaceSize", "className", "paginationStyle", "rowKey", "onFinish", "manual", "formInitValues", "hideLabel", "labelWidth", "onReset", "style", "dataSource", "reload", "loading", "error", "rowSelection"];
+var _excluded = ["request", "searchSpan", "table", "hideHeader", "headerStyle", "tableStyle", "action", "spaceSize", "className", "paginationStyle", "rowKey", "onFinish", "manual", "formInitValues", "onReset", "style", "dataSource", "reload", "loading", "error", "rowSelection"];
 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 Table = (function (_ref) {
   var _context;
   var request = _ref.request,
-    configData = _ref.configData,
     searchSpan = _ref.searchSpan,
     table = _ref.table,
     hideHeader = _ref.hideHeader,
@@ -45,8 +44,6 @@ var Table = (function (_ref) {
     onFinish = _ref.onFinish,
     manual = _ref.manual,
     formInitValues = _ref.formInitValues,
-    hideLabel = _ref.hideLabel,
-    labelWidth = _ref.labelWidth,
     onReset = _ref.onReset,
     style = _ref.style,
     dataSource = _ref.dataSource,
@@ -98,31 +95,25 @@ var Table = (function (_ref) {
     dataSource: data
   });
   var contentClassName = useClassName("hw-table-content");
-  return jsx(HTableContext.Provider, {
-    value: {
-      tableInstance: tableInstance,
-      selectedRowData: selectedRowData,
-      rowOnChange: rowOnChange,
-      data: data,
-      error: propsError || error,
-      loading: propsLoading || loading,
-      allSelectChange: allSelectChange,
-      action: action,
-      configData: configData,
-      onFinish: function onFinish(value) {
-        rowSelectionReload();
-        return run(_objectSpread(_objectSpread({}, value), {}, {
-          current: 1
-        }));
-      },
-      onPageChange: tableInstance.table.reloadWithParams,
-      setSelectedRowData: setSelectedRowData,
-      rowKey: rowKey,
-      headerOpen: open,
-      setHeaderOpen: setOpen,
-      hideLabel: hideLabel,
-      labelWidth: labelWidth
+  return jsx(Index, _objectSpread(_objectSpread({}, props), {}, {
+    tableInstance: tableInstance,
+    onFinish: function onFinish(value) {
+      rowSelectionReload();
+      return run(_objectSpread(_objectSpread({}, value), {}, {
+        current: 1
+      }));
     },
+    selectedRowData: selectedRowData,
+    rowOnChange: rowOnChange,
+    data: data,
+    error: propsError || error,
+    loading: propsLoading || loading,
+    allSelectChange: allSelectChange,
+    action: action,
+    setSelectedRowData: setSelectedRowData,
+    rowKey: rowKey,
+    headerOpen: open,
+    setHeaderOpen: setOpen,
     children: jsxs("div", {
       style: _objectSpread({}, style),
       className: _concatInstanceProperty(_context = "".concat(contentClassName, " ")).call(_context, className),
@@ -141,7 +132,7 @@ var Table = (function (_ref) {
         rowSelection: rowSelection
       }, props))]
     })
-  });
+  }));
 });
 
 export { Table as default };

package/es/TableConfig.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { EmptyPageRender, ErrorPageRender, ValueTypeConfigModal } from "./modal";
+import { ConfigItemModal, EmptyPageRender, ErrorPageRender, ValueTypeConfigModal } from "./modal";
 interface HTableConfigContextModal {
     emptyRender?: EmptyPageRender;
     errorRender?: ErrorPageRender;
@@ -8,9 +8,10 @@ interface HTableConfigContextModal {
     paginationStyle?: React.CSSProperties;
     valueTypeConfig?: ValueTypeConfigModal;
     defaultSelectedRowClassName?: string | null;
+    configItemRender?: (data: ConfigItemModal) => ConfigItemModal;
 }
 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, configItemRender }: HTableConfigContextModal) => {
     errorRender: ErrorPageRender | undefined;
     emptyRender: EmptyPageRender | undefined;
     headerStyle: React.CSSProperties | undefined;
@@ -18,6 +19,7 @@ export declare const useHTableConfigContext: ({ emptyRender, errorRender, header
     paginationStyle: React.CSSProperties | undefined;
     valueTypeConfig: ValueTypeConfigModal;
     defaultSelectedRowClassName: string | null | undefined;
+    configItemRender: ((data: ConfigItemModal) => ConfigItemModal) | undefined;
 };
 declare const Index: React.FC<HTableConfigContextModal>;
 export default Index;

package/es/TableConfig.js

@@ -10,7 +10,8 @@ var useHTableConfigContext = function useHTableConfigContext(_ref) {
     errorRender = _ref.errorRender,
     headerStyle = _ref.headerStyle,
     tableStyle = _ref.tableStyle,
-    paginationStyle = _ref.paginationStyle;
+    paginationStyle = _ref.paginationStyle,
+    configItemRender = _ref.configItemRender;
   var _ref2 = useContext(HTableConfigContext) || {},
     configErrorRender = _ref2.errorRender,
     configEmptyRender = _ref2.emptyRender,
@@ -19,7 +20,8 @@ var useHTableConfigContext = function useHTableConfigContext(_ref) {
     configPaginationStyle = _ref2.paginationStyle,
     _ref2$valueTypeConfig = _ref2.valueTypeConfig,
     valueTypeConfig = _ref2$valueTypeConfig === void 0 ? {} : _ref2$valueTypeConfig,
-    defaultSelectedRowClassName = _ref2.defaultSelectedRowClassName;
+    defaultSelectedRowClassName = _ref2.defaultSelectedRowClassName,
+    contextConfigItemRender = _ref2.configItemRender;
   return {
     errorRender: errorRender || configErrorRender,
     emptyRender: emptyRender || configEmptyRender,
@@ -27,7 +29,8 @@ var useHTableConfigContext = function useHTableConfigContext(_ref) {
     tableStyle: tableStyle || configTableStyle,
     paginationStyle: paginationStyle || configPaginationStyle,
     valueTypeConfig: valueTypeConfig,
-    defaultSelectedRowClassName: defaultSelectedRowClassName
+    defaultSelectedRowClassName: defaultSelectedRowClassName,
+    configItemRender: configItemRender || contextConfigItemRender
   };
 };
 var Index = function Index(_ref3) {

package/es/TableCustomize.js

@@ -18,7 +18,7 @@ import useReq from './hooks/useReq.js';
 import useDispatch from './hooks/useDispatch.js';
 import { useState } from 'react';
 
-var _excluded = ["request", "configData", "table", "action", "children", "rowKey", "hideLabel", "labelWidth"];
+var _excluded = ["request", "configData", "table", "action", "children", "rowKey", "hideLabel", "labelWidth", "configItemRender"];
 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 Index(_ref) {
@@ -31,6 +31,7 @@ var Index = function Index(_ref) {
     rowKey = _ref.rowKey,
     hideLabel = _ref.hideLabel,
     labelWidth = _ref.labelWidth,
+    configItemRender = _ref.configItemRender,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useReq = useReq(_objectSpread({
       request: request
@@ -93,7 +94,8 @@ var Index = function Index(_ref) {
       headerOpen: open,
       setHeaderOpen: setOpen,
       hideLabel: hideLabel,
-      labelWidth: labelWidth
+      labelWidth: labelWidth,
+      configItemRender: configItemRender
     },
     children: children
   });

package/es/TableProvider.d.ts

@@ -0,0 +1,6 @@
+import { HContextModal } from "./context";
+import type { HTableProps } from "./modal";
+import React from "react";
+type ProviderProps = HTableProps & Omit<HContextModal, "onPageChange">;
+declare const Index: React.FC<ProviderProps>;
+export default Index;

package/es/TableProvider.js

@@ -0,0 +1,55 @@
+// welcome to hoo hoo hoo
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import { jsx } from 'react/jsx-runtime';
+import { HTableContext } from './context.js';
+
+var _excluded = ["children"];
+var Index = function Index(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var configData = props.configData,
+    _props$action = props.action,
+    action = _props$action === void 0 ? {} : _props$action,
+    _props$rowKey = props.rowKey,
+    rowKey = _props$rowKey === void 0 ? "id" : _props$rowKey,
+    hideLabel = props.hideLabel,
+    labelWidth = props.labelWidth,
+    configItemRender = props.configItemRender,
+    tableInstance = props.tableInstance,
+    selectedRowData = props.selectedRowData,
+    rowOnChange = props.rowOnChange,
+    data = props.data,
+    error = props.error,
+    loading = props.loading,
+    allSelectChange = props.allSelectChange,
+    onFinish = props.onFinish,
+    setSelectedRowData = props.setSelectedRowData,
+    headerOpen = props.headerOpen,
+    setHeaderOpen = props.setHeaderOpen;
+  return jsx(HTableContext.Provider, {
+    value: {
+      selectedRowData: selectedRowData,
+      rowOnChange: rowOnChange,
+      data: data,
+      error: error,
+      loading: loading,
+      allSelectChange: allSelectChange,
+      action: action,
+      configData: configData,
+      onFinish: onFinish,
+      onPageChange: tableInstance.table.reloadWithParams,
+      setSelectedRowData: setSelectedRowData,
+      rowKey: rowKey,
+      headerOpen: headerOpen,
+      setHeaderOpen: setHeaderOpen,
+      hideLabel: hideLabel,
+      labelWidth: labelWidth,
+      configItemRender: configItemRender,
+      tableInstance: tableInstance
+    },
+    children: children
+  });
+};
+
+export { Index as default };
+// powered by hdj

package/es/context.d.ts

@@ -1,7 +1,7 @@
 import type { Dispatch, SetStateAction } from "react";
 import React from "react";
 import type { HTableProps, ResultModal, RowObj, HTableInstance } from "./modal";
-interface HContextModal extends Omit<HTableProps, "request"> {
+export interface HContextModal extends Omit<HTableProps, "request"> {
     tableInstance: HTableInstance;
     data?: ResultModal;
     selectedRowData: RowObj;
@@ -18,4 +18,3 @@ interface HContextModal extends Omit<HTableProps, "request"> {
 }
 export declare const HTableContext: React.Context<HContextModal | null>;
 export declare const useHTableContext: () => HContextModal;
-export {};

package/es/modal.d.ts

@@ -54,6 +54,7 @@ export type HRowSelection = RowSelectionOuter & (TableProps<any>["rowSelection"]
 export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "dataSource" | "rowSelection" | "pagination"> {
     request?: (params: ParamsModal) => Promise<ResultModal>;
     configData: ConfigDataModal;
+    configItemRender?: (data: ConfigItemModal) => ConfigItemModal;
     searchSpan?: ColProps;
     table?: HTableInstance;
     actionRender?: ActionRenderFn;

package/lib/HTableBody/hooks/useColData.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import type { ConfigDataModal, HTableProps } from "@/components/modal";
+import type { ConfigDataModal, HTableProps } from "../../modal";
 import type { ColumnsState } from "@ant-design/pro-table/es/container";
 import type { ColumnsStateType } from "@ant-design/pro-table/es/typing";
-export declare const useCols: ({ configData, rowSelection, table, bordered, }: HTableProps) => {
+export declare const useCols: ({ configData, rowSelection, table, bordered, configItemRender, }: HTableProps) => {
     cols: ConfigDataModal;
     setCols: import("react").Dispatch<import("react").SetStateAction<ConfigDataModal>>;
     resetCols: () => void;

package/lib/HTableBody/hooks/useColData.js

@@ -36,7 +36,8 @@ var useCols = function useCols(_ref) {
   var configData = _ref.configData,
     rowSelection = _ref.rowSelection,
     table = _ref.table,
-    bordered = _ref.bordered;
+    bordered = _ref.bordered,
+    configItemRender = _ref.configItemRender;
   var trClassname = index.useClassName("hw-table-col-hr");
   var _useState = React.useState([]),
     _useState2 = _slicedToArray(_useState, 2),
@@ -87,7 +88,8 @@ var useCols = function useCols(_ref) {
     }
     return _mapInstanceProperty(colsArray).call(colsArray, function (item, index) {
       var lastItem = colsArray[index - 1];
-      return itemProvider(item, lastItem);
+      var resultItem = itemProvider(item, lastItem);
+      return configItemRender ? configItemRender(resultItem) : resultItem;
     });
   };
   React.useEffect(function () {

package/lib/HTableBody/index.js

@@ -27,7 +27,7 @@ var index$2 = require('./HeaderTitle/index.js');
 var defaultRender = require('./defaultRender.js');
 var useRowClassName = require('./hooks/useRowClassName.js');
 
-var _excluded = ["configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle", "paginationStyle", "headerTitle", "options", "actionRender", "affixProps", "goTop", "size", "optionsRender", "paginationActionRender", "localSorter", "columnsState", "tableExtraRender", "table", "onChange", "bordered", "rowClassName"],
+var _excluded = ["configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle", "paginationStyle", "headerTitle", "options", "actionRender", "affixProps", "goTop", "size", "optionsRender", "paginationActionRender", "localSorter", "columnsState", "tableExtraRender", "table", "onChange", "bordered", "rowClassName", "configItemRender"],
   _excluded2 = ["value", "onChange", "resetCheckCol"];
 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; }
@@ -60,7 +60,8 @@ var Body = (function (bodyProps) {
     tableOnchange = bodyProps.onChange,
     bordered = bodyProps.bordered;
     bodyProps.rowClassName;
-    var props = _objectWithoutProperties(bodyProps, _excluded);
+    var configItemRender = bodyProps.configItemRender,
+    props = _objectWithoutProperties(bodyProps, _excluded);
   var _ref = rowSelection || {},
     selectedRowKeys = _ref.selectedRowKeys,
     configAlwaysShowAlert = _ref.alwaysShowAlert;
@@ -70,15 +71,19 @@ var Body = (function (bodyProps) {
     data = _useHTableContext.data,
     selectedRowData = _useHTableContext.selectedRowData,
     error = _useHTableContext.error,
-    loading = _useHTableContext.loading;
+    loading = _useHTableContext.loading,
+    _useHTableContext$con = _useHTableContext.configItemRender,
+    contextConfigItemRender = _useHTableContext$con === void 0 ? configItemRender : _useHTableContext$con;
   var _useHTableConfigConte = TableConfig.useHTableConfigContext({
       emptyRender: emptyRender,
-      errorRender: errorRender
+      errorRender: errorRender,
+      configItemRender: contextConfigItemRender
     }),
     _useHTableConfigConte2 = _useHTableConfigConte.emptyRender,
     tableEmptyRender = _useHTableConfigConte2 === void 0 ? defaultRender.emptyDefaultRender : _useHTableConfigConte2,
     _useHTableConfigConte3 = _useHTableConfigConte.errorRender,
-    tableErrorRender = _useHTableConfigConte3 === void 0 ? defaultRender.errorDefaultRender : _useHTableConfigConte3;
+    tableErrorRender = _useHTableConfigConte3 === void 0 ? defaultRender.errorDefaultRender : _useHTableConfigConte3,
+    tableConfigItemRender = _useHTableConfigConte.configItemRender;
   var _useSize = useControl.useSize(size),
     cuSize = _useSize.cuSize,
     setCuSize = _useSize.setCuSize;
@@ -90,7 +95,8 @@ var Body = (function (bodyProps) {
       configData: bodyConfigData,
       table: tableInstance,
       rowSelection: rowSelection,
-      bordered: bordered
+      bordered: bordered,
+      configItemRender: tableConfigItemRender
     }),
     cols = _useCols.cols,
     setCols = _useCols.setCols,

package/lib/HTableBody/modal.d.ts

@@ -2,7 +2,7 @@ import type { OptionConfig } from "@ant-design/pro-table/lib/components/ToolBar"
 import type { Key } from "react";
 import type React from "react";
 import type { ProTableProps } from "@ant-design/pro-table";
-import { ActionRenderFn, ConfigDataModal, EmptyPageRender, ErrorPageRender, HRowSelection, HTableInstance, ParamsModal } from "../modal";
+import { ActionRenderFn, ConfigDataModal, ConfigItemModal, EmptyPageRender, ErrorPageRender, HRowSelection, HTableInstance, ParamsModal } from "../modal";
 import type { AffixProps } from "antd/lib/affix";
 import type { IPaginationProps } from "@/components/HTablePagination";
 export interface OptionModal extends OptionConfig {
@@ -25,6 +25,7 @@ export interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSour
     options?: OptionModal | false;
     table?: HTableInstance;
     pagination?: IPaginationProps | false;
+    configItemRender?: (data: ConfigItemModal) => ConfigItemModal;
 }
 export interface RowRadioSelectionProps {
     data: any;

package/lib/Table.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { HTableProps } from "./modal";
-declare const _default: ({ request, configData, searchSpan, table, hideHeader, headerStyle, tableStyle, action, spaceSize, className, paginationStyle, rowKey, onFinish, manual, formInitValues, hideLabel, labelWidth, onReset, style, dataSource, reload, loading: propsLoading, error: propsError, rowSelection, ...props }: HTableProps) => JSX.Element;
+declare const _default: ({ request, searchSpan, table, hideHeader, headerStyle, tableStyle, action, spaceSize, className, paginationStyle, rowKey, onFinish, manual, formInitValues, onReset, style, dataSource, reload, loading: propsLoading, error: propsError, rowSelection, ...props }: HTableProps) => JSX.Element;
 export default _default;

package/lib/Table.js

@@ -19,19 +19,18 @@ var index$1 = require('./HTableHeader/index.js');
 var index$2 = require('./HTableBody/index.js');
 var useCurrentTable = require('./hooks/useCurrentTable.js');
 var useRowObj = require('./hooks/useRowObj.js');
-var context = require('./context.js');
 var useReq = require('./hooks/useReq.js');
 var useDispatch = require('./hooks/useDispatch.js');
 var React = require('react');
 var index = require('./hooks/index.js');
+var TableProvider = require('./TableProvider.js');
 
-var _excluded = ["request", "configData", "searchSpan", "table", "hideHeader", "headerStyle", "tableStyle", "action", "spaceSize", "className", "paginationStyle", "rowKey", "onFinish", "manual", "formInitValues", "hideLabel", "labelWidth", "onReset", "style", "dataSource", "reload", "loading", "error", "rowSelection"];
+var _excluded = ["request", "searchSpan", "table", "hideHeader", "headerStyle", "tableStyle", "action", "spaceSize", "className", "paginationStyle", "rowKey", "onFinish", "manual", "formInitValues", "onReset", "style", "dataSource", "reload", "loading", "error", "rowSelection"];
 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 Table = (function (_ref) {
   var _context;
   var request = _ref.request,
-    configData = _ref.configData,
     searchSpan = _ref.searchSpan,
     table = _ref.table,
     hideHeader = _ref.hideHeader,
@@ -48,8 +47,6 @@ var Table = (function (_ref) {
     onFinish = _ref.onFinish,
     manual = _ref.manual,
     formInitValues = _ref.formInitValues,
-    hideLabel = _ref.hideLabel,
-    labelWidth = _ref.labelWidth,
     onReset = _ref.onReset,
     style = _ref.style,
     dataSource = _ref.dataSource,
@@ -101,31 +98,25 @@ var Table = (function (_ref) {
     dataSource: data
   });
   var contentClassName = index.useClassName("hw-table-content");
-  return jsxRuntime.jsx(context.HTableContext.Provider, {
-    value: {
-      tableInstance: tableInstance,
-      selectedRowData: selectedRowData,
-      rowOnChange: rowOnChange,
-      data: data,
-      error: propsError || error,
-      loading: propsLoading || loading,
-      allSelectChange: allSelectChange,
-      action: action,
-      configData: configData,
-      onFinish: function onFinish(value) {
-        rowSelectionReload();
-        return run(_objectSpread(_objectSpread({}, value), {}, {
-          current: 1
-        }));
-      },
-      onPageChange: tableInstance.table.reloadWithParams,
-      setSelectedRowData: setSelectedRowData,
-      rowKey: rowKey,
-      headerOpen: open,
-      setHeaderOpen: setOpen,
-      hideLabel: hideLabel,
-      labelWidth: labelWidth
+  return jsxRuntime.jsx(TableProvider.default, _objectSpread(_objectSpread({}, props), {}, {
+    tableInstance: tableInstance,
+    onFinish: function onFinish(value) {
+      rowSelectionReload();
+      return run(_objectSpread(_objectSpread({}, value), {}, {
+        current: 1
+      }));
     },
+    selectedRowData: selectedRowData,
+    rowOnChange: rowOnChange,
+    data: data,
+    error: propsError || error,
+    loading: propsLoading || loading,
+    allSelectChange: allSelectChange,
+    action: action,
+    setSelectedRowData: setSelectedRowData,
+    rowKey: rowKey,
+    headerOpen: open,
+    setHeaderOpen: setOpen,
     children: jsxRuntime.jsxs("div", {
       style: _objectSpread({}, style),
       className: _concatInstanceProperty(_context = "".concat(contentClassName, " ")).call(_context, className),
@@ -144,7 +135,7 @@ var Table = (function (_ref) {
         rowSelection: rowSelection
       }, props))]
     })
-  });
+  }));
 });
 
 exports.default = Table;

package/lib/TableConfig.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { EmptyPageRender, ErrorPageRender, ValueTypeConfigModal } from "./modal";
+import { ConfigItemModal, EmptyPageRender, ErrorPageRender, ValueTypeConfigModal } from "./modal";
 interface HTableConfigContextModal {
     emptyRender?: EmptyPageRender;
     errorRender?: ErrorPageRender;
@@ -8,9 +8,10 @@ interface HTableConfigContextModal {
     paginationStyle?: React.CSSProperties;
     valueTypeConfig?: ValueTypeConfigModal;
     defaultSelectedRowClassName?: string | null;
+    configItemRender?: (data: ConfigItemModal) => ConfigItemModal;
 }
 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, configItemRender }: HTableConfigContextModal) => {
     errorRender: ErrorPageRender | undefined;
     emptyRender: EmptyPageRender | undefined;
     headerStyle: React.CSSProperties | undefined;
@@ -18,6 +19,7 @@ export declare const useHTableConfigContext: ({ emptyRender, errorRender, header
     paginationStyle: React.CSSProperties | undefined;
     valueTypeConfig: ValueTypeConfigModal;
     defaultSelectedRowClassName: string | null | undefined;
+    configItemRender: ((data: ConfigItemModal) => ConfigItemModal) | undefined;
 };
 declare const Index: React.FC<HTableConfigContextModal>;
 export default Index;

package/lib/TableConfig.js

@@ -13,7 +13,8 @@ var useHTableConfigContext = function useHTableConfigContext(_ref) {
     errorRender = _ref.errorRender,
     headerStyle = _ref.headerStyle,
     tableStyle = _ref.tableStyle,
-    paginationStyle = _ref.paginationStyle;
+    paginationStyle = _ref.paginationStyle,
+    configItemRender = _ref.configItemRender;
   var _ref2 = React.useContext(HTableConfigContext) || {},
     configErrorRender = _ref2.errorRender,
     configEmptyRender = _ref2.emptyRender,
@@ -22,7 +23,8 @@ var useHTableConfigContext = function useHTableConfigContext(_ref) {
     configPaginationStyle = _ref2.paginationStyle,
     _ref2$valueTypeConfig = _ref2.valueTypeConfig,
     valueTypeConfig = _ref2$valueTypeConfig === void 0 ? {} : _ref2$valueTypeConfig,
-    defaultSelectedRowClassName = _ref2.defaultSelectedRowClassName;
+    defaultSelectedRowClassName = _ref2.defaultSelectedRowClassName,
+    contextConfigItemRender = _ref2.configItemRender;
   return {
     errorRender: errorRender || configErrorRender,
     emptyRender: emptyRender || configEmptyRender,
@@ -30,7 +32,8 @@ var useHTableConfigContext = function useHTableConfigContext(_ref) {
     tableStyle: tableStyle || configTableStyle,
     paginationStyle: paginationStyle || configPaginationStyle,
     valueTypeConfig: valueTypeConfig,
-    defaultSelectedRowClassName: defaultSelectedRowClassName
+    defaultSelectedRowClassName: defaultSelectedRowClassName,
+    configItemRender: configItemRender || contextConfigItemRender
   };
 };
 var Index = function Index(_ref3) {

package/lib/TableCustomize.js

@@ -21,7 +21,7 @@ var useReq = require('./hooks/useReq.js');
 var useDispatch = require('./hooks/useDispatch.js');
 var React = require('react');
 
-var _excluded = ["request", "configData", "table", "action", "children", "rowKey", "hideLabel", "labelWidth"];
+var _excluded = ["request", "configData", "table", "action", "children", "rowKey", "hideLabel", "labelWidth", "configItemRender"];
 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 Index(_ref) {
@@ -34,6 +34,7 @@ var Index = function Index(_ref) {
     rowKey = _ref.rowKey,
     hideLabel = _ref.hideLabel,
     labelWidth = _ref.labelWidth,
+    configItemRender = _ref.configItemRender,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useReq = useReq.default(_objectSpread({
       request: request
@@ -96,7 +97,8 @@ var Index = function Index(_ref) {
       headerOpen: open,
       setHeaderOpen: setOpen,
       hideLabel: hideLabel,
-      labelWidth: labelWidth
+      labelWidth: labelWidth,
+      configItemRender: configItemRender
     },
     children: children
   });

package/lib/TableProvider.d.ts

@@ -0,0 +1,6 @@
+import { HContextModal } from "./context";
+import type { HTableProps } from "./modal";
+import React from "react";
+type ProviderProps = HTableProps & Omit<HContextModal, "onPageChange">;
+declare const Index: React.FC<ProviderProps>;
+export default Index;

package/lib/TableProvider.js

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var jsxRuntime = require('react/jsx-runtime');
+var context = require('./context.js');
+
+var _excluded = ["children"];
+var Index = function Index(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var configData = props.configData,
+    _props$action = props.action,
+    action = _props$action === void 0 ? {} : _props$action,
+    _props$rowKey = props.rowKey,
+    rowKey = _props$rowKey === void 0 ? "id" : _props$rowKey,
+    hideLabel = props.hideLabel,
+    labelWidth = props.labelWidth,
+    configItemRender = props.configItemRender,
+    tableInstance = props.tableInstance,
+    selectedRowData = props.selectedRowData,
+    rowOnChange = props.rowOnChange,
+    data = props.data,
+    error = props.error,
+    loading = props.loading,
+    allSelectChange = props.allSelectChange,
+    onFinish = props.onFinish,
+    setSelectedRowData = props.setSelectedRowData,
+    headerOpen = props.headerOpen,
+    setHeaderOpen = props.setHeaderOpen;
+  return jsxRuntime.jsx(context.HTableContext.Provider, {
+    value: {
+      selectedRowData: selectedRowData,
+      rowOnChange: rowOnChange,
+      data: data,
+      error: error,
+      loading: loading,
+      allSelectChange: allSelectChange,
+      action: action,
+      configData: configData,
+      onFinish: onFinish,
+      onPageChange: tableInstance.table.reloadWithParams,
+      setSelectedRowData: setSelectedRowData,
+      rowKey: rowKey,
+      headerOpen: headerOpen,
+      setHeaderOpen: setHeaderOpen,
+      hideLabel: hideLabel,
+      labelWidth: labelWidth,
+      configItemRender: configItemRender,
+      tableInstance: tableInstance
+    },
+    children: children
+  });
+};
+
+exports.default = Index;
+// powered by h

package/lib/context.d.ts

@@ -1,7 +1,7 @@
 import type { Dispatch, SetStateAction } from "react";
 import React from "react";
 import type { HTableProps, ResultModal, RowObj, HTableInstance } from "./modal";
-interface HContextModal extends Omit<HTableProps, "request"> {
+export interface HContextModal extends Omit<HTableProps, "request"> {
     tableInstance: HTableInstance;
     data?: ResultModal;
     selectedRowData: RowObj;
@@ -18,4 +18,3 @@ interface HContextModal extends Omit<HTableProps, "request"> {
 }
 export declare const HTableContext: React.Context<HContextModal | null>;
 export declare const useHTableContext: () => HContextModal;
-export {};

package/lib/modal.d.ts

@@ -54,6 +54,7 @@ export type HRowSelection = RowSelectionOuter & (TableProps<any>["rowSelection"]
 export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "dataSource" | "rowSelection" | "pagination"> {
     request?: (params: ParamsModal) => Promise<ResultModal>;
     configData: ConfigDataModal;
+    configItemRender?: (data: ConfigItemModal) => ConfigItemModal;
     searchSpan?: ColProps;
     table?: HTableInstance;
     actionRender?: ActionRenderFn;

package/package.json

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

package/src/components/HTableBody/hooks/useColData.tsx

@@ -6,7 +6,7 @@ import type {
   HRowSelection,
   HTableInstance,
   HTableProps,
-} from "@/components/modal";
+} from "../../modal";
 import { useClassName } from "@/components/hooks";
 import { useHTableConfigContext } from "@/components/TableConfig";
 import { textTypes } from "@/components/render/config";
@@ -15,6 +15,7 @@ import type { ColumnsState } from "@ant-design/pro-table/es/container";
 import { mkChangeValue, outColSetting } from "@/components/HTableBody/utils";
 import type { ColumnsStateType } from "@ant-design/pro-table/es/typing";
 import { radioSelectionCol, checkBoxSelectionCol } from "./colsMk";
+
 const checkBoxMk = (rowSelection: HRowSelection) => {
   const { type } = rowSelection;
   if (type === "radio") {
@@ -27,27 +28,34 @@ export const useCols = ({
   rowSelection,
   table,
   bordered,
+  configItemRender,
 }: HTableProps) => {
   const trClassname = useClassName("hw-table-col-hr");
   const [cols, setCols] = useState<ConfigDataModal>([]);
   const { valueTypeConfig } = useHTableConfigContext({});
+
   const itemClassNameMk = (children: any[], lastChildren: any[]) => {
     const lastChildLen = (lastChildren as any[]).length;
     const childLen = children.length;
     return !childLen && !!lastChildLen ? trClassname : "";
   };
+
   const itemProvider = (item: ConfigItemModal, lastItem?: ConfigItemModal) => {
+
     const { children: lastChildren = [] } = lastItem || {};
+
     const {
       valueType = "",
       valueTypeProps = {},
       className = "",
       children = [],
     } = item;
+
     const trClassName = bordered
       ? ""
       : itemClassNameMk(children as any[], lastChildren as any[]);
     const itemType = valueType as string;
+
     if (textTypes.indexOf(itemType) !== -1) {
       const { ellipsis } = valueTypeProps;
       return {
@@ -57,12 +65,15 @@ export const useCols = ({
         render: configRender(item, table as HTableInstance, valueTypeConfig),
       };
     }
+
     return {
       ...item,
       className: `${className} ${trClassName}`,
       render: configRender(item, table as HTableInstance, valueTypeConfig),
     };
+
   };
+
   const changeConfigData = (data: ConfigDataModal) => {
     const colsArray = data.filter((item) => {
       return !item.hideInTable;
@@ -72,7 +83,8 @@ export const useCols = ({
     }
     return colsArray.map((item, index) => {
       const lastItem = colsArray[index - 1];
-      return itemProvider(item, lastItem);
+      const resultItem=itemProvider(item, lastItem);
+      return configItemRender?configItemRender(resultItem):resultItem;
     });
   };
   useEffect(() => {

package/src/components/HTableBody/index.tsx

@@ -45,10 +45,12 @@ export default (bodyProps: HTableBodyProps) => {
     onChange: tableOnchange,
     bordered,
     rowClassName = "",
+    configItemRender,
     ...props
   } = bodyProps;
-  const { selectedRowKeys, alwaysShowAlert: configAlwaysShowAlert } =
-    rowSelection || {};
+
+  const { selectedRowKeys, alwaysShowAlert: configAlwaysShowAlert } = rowSelection || {};
+
   const {
     tableInstance: contextTableInstance,
     configData: contextConfigData,
@@ -56,11 +58,15 @@ export default (bodyProps: HTableBodyProps) => {
     selectedRowData,
     error,
     loading,
+    configItemRender: contextConfigItemRender=configItemRender,
   } = useHTableContext();
+
   const {
     emptyRender: tableEmptyRender = emptyDefaultRender,
     errorRender: tableErrorRender = errorDefaultRender,
-  } = useHTableConfigContext({ emptyRender, errorRender });
+    configItemRender: tableConfigItemRender,
+  } = useHTableConfigContext({ emptyRender, errorRender ,configItemRender:contextConfigItemRender});
+
   const { cuSize, setCuSize } = useSize(size);
   const bodyConfigData = configData || contextConfigData;
   const { records } = data || {};
@@ -71,6 +77,7 @@ export default (bodyProps: HTableBodyProps) => {
     table: tableInstance,
     rowSelection,
     bordered,
+    configItemRender:tableConfigItemRender
   });
   const { value, onChange, resetCheckCol, ...selfColStatus } =
     useColumnsStateType({

package/src/components/HTableBody/modal.ts

@@ -4,7 +4,7 @@ import type React from "react";
 import type { ProTableProps } from "@ant-design/pro-table";
 import {
   ActionRenderFn,
-  ConfigDataModal,
+  ConfigDataModal, ConfigItemModal,
   EmptyPageRender,
   ErrorPageRender,
   HRowSelection,
@@ -38,6 +38,7 @@ export interface HTableBodyProps
   options?: OptionModal | false;
   table?: HTableInstance;
   pagination?: IPaginationProps | false;
+  configItemRender?: (data:ConfigItemModal) =>ConfigItemModal;
 }
 
 export interface RowRadioSelectionProps {

package/src/components/Table.tsx

@@ -2,16 +2,15 @@ import Header from "./HTableHeader";
 import Body from "./HTableBody";
 import useCurrentTable from "./hooks/useCurrentTable";
 import useRowObj from "./hooks/useRowObj";
-import { HTableContext } from "./context";
 import type { HTableProps } from "./modal";
 import useReq from "./hooks/useReq";
 import useDispatch from "./hooks/useDispatch";
 import { useState } from "react";
 import { useClassName } from "./hooks";
+import TableProvider from './TableProvider';
 
 export default ({
   request,
-  configData,
   searchSpan,
   table,
   hideHeader,
@@ -25,8 +24,6 @@ export default ({
   onFinish,
   manual,
   formInitValues,
-  hideLabel,
-  labelWidth,
   onReset,
   style,
   dataSource,
@@ -72,29 +69,24 @@ export default ({
   });
   const contentClassName = useClassName("hw-table-content");
   return (
-    <HTableContext.Provider
-      value={{
-        tableInstance,
-        selectedRowData,
-        rowOnChange,
-        data,
-        error: propsError || error,
-        loading: (propsLoading as boolean) || loading,
-        allSelectChange,
-        action,
-        configData,
-        onFinish: (value) => {
+    <TableProvider
+      {...props}
+      tableInstance={tableInstance}
+      onFinish={(value)=>{
           rowSelectionReload();
           return run({ ...value, current: 1 });
-        },
-        onPageChange: tableInstance.table.reloadWithParams,
-        setSelectedRowData,
-        rowKey,
-        headerOpen: open,
-        setHeaderOpen: setOpen,
-        hideLabel,
-        labelWidth,
       }}
+      selectedRowData={selectedRowData}
+      rowOnChange={rowOnChange}
+      data={data}
+      error={propsError || error}
+      loading={(propsLoading as boolean) || loading}
+      allSelectChange={allSelectChange}
+      action={action}
+      setSelectedRowData={setSelectedRowData}
+      rowKey={rowKey}
+      headerOpen={open}
+      setHeaderOpen={setOpen}
     >
       <div style={{ ...style }} className={`${contentClassName} ${className}`}>
         {!hideHeader && (
@@ -116,6 +108,6 @@ export default ({
           {...props}
         />
       </div>
-    </HTableContext.Provider>
+    </TableProvider>
   );
 };

package/src/components/TableConfig.tsx

@@ -1,5 +1,6 @@
 import React, { useContext } from "react";
 import {
+  ConfigItemModal,
   EmptyPageRender,
   ErrorPageRender,
   ValueTypeConfigModal,
@@ -13,6 +14,7 @@ interface HTableConfigContextModal {
   paginationStyle?: React.CSSProperties;
   valueTypeConfig?: ValueTypeConfigModal;
   defaultSelectedRowClassName?: string | null;
+  configItemRender?:(data:ConfigItemModal)=>ConfigItemModal;
 }
 export const HTableConfigContext =
   React.createContext<HTableConfigContextModal | null>(null);
@@ -23,6 +25,7 @@ export const useHTableConfigContext = ({
   headerStyle,
   tableStyle,
   paginationStyle,
+  configItemRender
 }: HTableConfigContextModal) => {
   const {
     errorRender: configErrorRender,
@@ -32,6 +35,7 @@ export const useHTableConfigContext = ({
     paginationStyle: configPaginationStyle,
     valueTypeConfig = {},
     defaultSelectedRowClassName,
+    configItemRender:contextConfigItemRender,
   } = useContext(HTableConfigContext) || {};
 
   return {
@@ -42,6 +46,7 @@ export const useHTableConfigContext = ({
     paginationStyle: paginationStyle || configPaginationStyle,
     valueTypeConfig,
     defaultSelectedRowClassName,
+    configItemRender:configItemRender||contextConfigItemRender
   };
 };
 const Index: React.FC<HTableConfigContextModal> = ({ children, ...props }) => {

package/src/components/TableCustomize.tsx

@@ -15,6 +15,7 @@ const Index: React.FC<HTableProps> = ({
   rowKey,
   hideLabel,
   labelWidth,
+  configItemRender,
   ...props
 }) => {
   const { run, loading, data, error, saveParams } = useReq({
@@ -68,6 +69,7 @@ const Index: React.FC<HTableProps> = ({
         setHeaderOpen: setOpen,
         hideLabel,
         labelWidth,
+        configItemRender,
       }}
     >
       {children}

package/src/components/TableProvider.tsx

@@ -0,0 +1,50 @@
+import {HContextModal, HTableContext} from "./context";
+import type {HTableProps} from "./modal";
+import React from "react";
+type ProviderProps=HTableProps&Omit<HContextModal, "onPageChange">;
+
+const Index:React.FC<ProviderProps>=({children,...props})=>{
+     const {
+         configData,
+         action = {},
+         rowKey = "id",
+         hideLabel,
+         labelWidth,
+         configItemRender,
+         tableInstance,
+         selectedRowData,
+         rowOnChange,
+         data,
+         error,
+         loading,
+         allSelectChange,
+         onFinish,
+         setSelectedRowData,
+         headerOpen,
+         setHeaderOpen,
+     } = props;
+     return <HTableContext.Provider value={{
+        selectedRowData,
+        rowOnChange,
+        data,
+        error,
+        loading,
+        allSelectChange,
+        action,
+        configData,
+        onFinish,
+        onPageChange: tableInstance.table.reloadWithParams,
+        setSelectedRowData,
+        rowKey,
+        headerOpen,
+        setHeaderOpen,
+        hideLabel,
+        labelWidth,
+        configItemRender,
+        tableInstance,
+
+    }}>
+         {children}
+    </HTableContext.Provider>
+}
+export default Index;

package/src/components/context.ts

@@ -2,7 +2,7 @@ import type { Dispatch, SetStateAction } from "react";
 import React, { useContext } from "react";
 import type { HTableProps, ResultModal, RowObj, HTableInstance } from "./modal";
 
-interface HContextModal extends Omit<HTableProps, "request"> {
+export interface HContextModal extends Omit<HTableProps, "request"> {
   tableInstance: HTableInstance;
   data?: ResultModal;
   selectedRowData: RowObj;

package/src/components/modal.ts

@@ -87,6 +87,7 @@ export interface HTableProps
   > {
   request?: (params: ParamsModal) => Promise<ResultModal>;
   configData: ConfigDataModal;
+  configItemRender?:(data:ConfigItemModal)=>ConfigItemModal;
   searchSpan?: ColProps;
   table?: HTableInstance;
   actionRender?: ActionRenderFn;

package/src/pages/Table/index.tsx

@@ -20,29 +20,8 @@ import { SettingOutlined } from "@ant-design/icons";
 import ProTable from "@ant-design/pro-table";
 import { useRequest } from "ahooks";
 import { useEffect, useState } from "react";
+import TagsComponent from "@/components/render/TagsComponent";
 
-const TagsComponent = ({ data, labelKey }) => {
-  const len = data?.length;
-  if (!len) {
-    return <>-</>;
-  }
-  return (
-    <>
-      {data?.map((item, index) => {
-        const label =
-          "483607ad55fc115ae45219f661248a42b6c40a487f95469b39ee49420a2dc";
-        console.log(label.length);
-        return (
-          <Tag key={index} style={{ width: 120 }}>
-            <Typography.Text ellipsis copyable>
-              {label}
-            </Typography.Text>
-          </Tag>
-        );
-      })}
-    </>
-  );
-};
 const Testd = (props) => {
   return (
     <div>
@@ -178,6 +157,11 @@ export default () => {
   const [keys, setKeys] = useState([]);
   return (
     <HFormConfigProvider>
+      <TagsComponent data={["213123"]} tooltip={()=>{
+        return {
+          title:"3123"
+        }
+      }}/>
       <div>
         <div
           onClick={() => {
@@ -189,6 +173,10 @@ export default () => {
         <HTableConfig defaultSelectedRowClassName={null}>
           <HTable
             configData={configData}
+            configItemRender={(data)=>{
+               console.log(data)
+              return data;
+            }}
             rowKey={(rowData, index) => {
               return index;
             }}