@hw-component/table 1.10.5 → 1.10.7

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,26 @@ 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,
+    rowSelection: rowSelection,
     children: jsxRuntime.jsxs("div", {
       style: _objectSpread({}, style),
       className: _concatInstanceProperty(_context = "".concat(contentClassName, " ")).call(_context, className),
@@ -144,7 +136,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,60 @@
+'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,
+    rowSelection = props.rowSelection;
+  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,
+      rowSelection: rowSelection
+    },
+    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

@@ -50,10 +50,12 @@ export interface RowSelectionOuter {
 }
 export type HRowSelection = RowSelectionOuter & (TableProps<any>["rowSelection"] & {
     alwaysShowAlert?: boolean;
+    allCheckType?: "batch" | "single";
 });
 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.5",
+  "version": "1.10.7",
   "description": "基于antd二次开发table组件",
   "keywords": [
     "table"

package/src/components/EditTable/modal.ts

@@ -4,16 +4,15 @@ import { IPaginationProps } from "../HTablePagination";
 import { EmptyPageRender, ErrorPageRender } from "../modal";
 import { ProColumns } from "@ant-design/pro-table/lib/typing";
 
-
 export interface HEditTableProps<T = any>
-    extends Omit<
-        EditableProTableProps<T, ParamsType>,
-        "recordCreatorProps" | "request" | "pagination"
-    > {
+  extends Omit<
+    EditableProTableProps<T, ParamsType>,
+    "recordCreatorProps" | "request" | "pagination"
+  > {
   creatorButtonText?: string;
   defaultRecordValue?: T;
   recordCreatorProps?: Partial<
-      EditableProTableProps<T, ParamsType>["recordCreatorProps"]
+    EditableProTableProps<T, ParamsType>["recordCreatorProps"]
   >;
   dataSource?: any[];
   request?: (params: Record<string, any>) => Promise<T>;

package/src/components/HTableBody/RowCheckBox/hooks.ts

@@ -8,6 +8,31 @@ const getRowKey = (item: any, index: number, rowKey: HTableProps["rowKey"]) => {
     ? rowKey(item, index)
     : item[rowKey as string];
 };
+const getCuData=(data,rowKey)=>{
+  const rowKeys:Key[]=[];
+  const rowObjs:Record<string, any>={};
+  data.forEach((item,index) => {
+     const key=getRowKey(item, index, rowKey);
+     rowKeys.push(key);
+    rowObjs[key]=item;
+  });
+  return {
+    rowKeys,
+    rowObjs
+  }
+}
+const newRowDataMr=(data,rowObj)=>{
+   return data.map((item)=>{
+         return rowObj[item];
+   })
+}
+
+const mkRowObj=(rowObj:Record<string, any>)=>{
+   const keys=Object.keys(rowObj);
+   return keys.map((key)=>{
+      return rowObj[key];
+   })
+}
 export const useAllChecked = (keys: Key[] = [], data: any[] = []) => {
   const { rowKey = "id" } = useHTableContext();
   const len = data?.length;
@@ -24,17 +49,61 @@ export const useCheckControl = (
   data: any[] = [],
   onChange: RowRadioSelectionProps["onChange"]
 ) => {
-  const { rowOnChange, rowKey = "id", allSelectChange } = useHTableContext();
+  const {
+    rowOnChange,
+    rowKey = "id",
+    allSelectChange,
+    rowSelection,
+    selectedRowData,
+  } = useHTableContext();
+  const getPreKeys = () => {
+    if (rowSelection === false) {
+      return {
+        rowKeys:[],
+        rowObjs:[]
+      };
+    }
+    const { allCheckType = "single" } = rowSelection || {};
+    const { keys = [],rowData=[] } = selectedRowData;
+    if (allCheckType === "single") {
+      const {rowKeys,rowObjs}=getCuData(data,rowKey);
+      return  {
+        rowKeys,
+        rowObjs:mkRowObj(rowObjs)
+      }
+    }
+    const {rowKeys,rowObjs} =  getCuData(data, rowKey);
+    const {rowObjs:oldRowObjs}=getCuData(rowData,rowKey);
+    const newKeys = new Set([...keys, ...rowKeys]);
+    return {
+      rowKeys:[...newKeys],
+      rowObjs:mkRowObj({...oldRowObjs,...rowObjs}),
+    }
+  };
   const allCheck = () => {
-    const setKeys = data.map((item, index) => {
-      return getRowKey(item, index, rowKey);
-    });
-    rowOnChange(setKeys, data);
-    onChange?.(setKeys, data);
+    const {rowKeys,rowObjs} = getPreKeys();
+    rowOnChange(rowKeys, rowObjs);
+    onChange?.(rowKeys, rowObjs);
   };
   const allCancel = () => {
-    rowOnChange([], []);
-    onChange?.([], []);
+    if (rowSelection === false) {
+      return;
+    }
+    const { allCheckType = "single" } = rowSelection || {};
+    if (allCheckType === "single") {
+      rowOnChange([], []);
+      onChange?.([], []);
+      return;
+    }
+    const {rowKeys} = getCuData(data, rowKey);
+    const { keys = [] ,rowData=[]} = selectedRowData;
+    const newKeys = keys.filter((item) => {
+      return rowKeys.indexOf(item) === -1;
+    });
+    const {rowObjs:oldRowObjs}=getCuData(rowData,rowKey);
+    const newRow = newRowDataMr(newKeys,oldRowObjs);
+    rowOnChange(newKeys, newRow);
+    onChange?.(newKeys, newRow);
   };
 
   const checkChange = (e) => {

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,33 @@ 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 +64,14 @@ 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 +81,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,13 @@ export default (bodyProps: HTableBodyProps) => {
     onChange: tableOnchange,
     bordered,
     rowClassName = "",
+    configItemRender,
     ...props
   } = bodyProps;
+
   const { selectedRowKeys, alwaysShowAlert: configAlwaysShowAlert } =
     rowSelection || {};
+
   const {
     tableInstance: contextTableInstance,
     configData: contextConfigData,
@@ -56,11 +59,19 @@ 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 +82,7 @@ export default (bodyProps: HTableBodyProps) => {
     table: tableInstance,
     rowSelection,
     bordered,
+    configItemRender: tableConfigItemRender,
   });
   const { value, onChange, resetCheckCol, ...selfColStatus } =
     useColumnsStateType({

package/src/components/HTableBody/modal.ts

@@ -5,6 +5,7 @@ import type { ProTableProps } from "@ant-design/pro-table";
 import {
   ActionRenderFn,
   ConfigDataModal,
+  ConfigItemModal,
   EmptyPageRender,
   ErrorPageRender,
   HRowSelection,
@@ -38,6 +39,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,25 @@ 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) => {
-          rowSelectionReload();
-          return run({ ...value, current: 1 });
-        },
-        onPageChange: tableInstance.table.reloadWithParams,
-        setSelectedRowData,
-        rowKey,
-        headerOpen: open,
-        setHeaderOpen: setOpen,
-        hideLabel,
-        labelWidth,
+    <TableProvider
+      {...props}
+      tableInstance={tableInstance}
+      onFinish={(value) => {
+        rowSelectionReload();
+        return run({ ...value, current: 1 });
       }}
+      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}
+      rowSelection={rowSelection}
     >
       <div style={{ ...style }} className={`${contentClassName} ${className}`}>
         {!hideHeader && (
@@ -116,6 +109,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}