@hw-component/table 1.1.8 → 1.1.9

package/es/HTableBody/Options/index.js

@@ -18,7 +18,8 @@ var Options = (function (_ref) {
     columns = _ref.columns,
     onChange = _ref.onChange,
     colStatusValue = _ref.colStatusValue,
-    reset = _ref.reset;
+    reset = _ref.reset,
+    settingRender = _ref.settingRender;
   var pointer = useClassName(["hw-table-pointer", "hw-table-body-option-icon"]);
   var ref = useRef(null);
   var checkKeys = useCheckKeys({
@@ -54,9 +55,8 @@ var Options = (function (_ref) {
   };
   return jsx(Row, {
     justify: "end",
-    ref: ref,
     children: jsxs(Space, {
-      size: 20,
+      size: 15,
       children: [reload && jsx(Tooltip, {
         title: "\u5237\u65B0",
         children: jsx(ReloadOutlined, {
@@ -80,25 +80,26 @@ var Options = (function (_ref) {
             width: 24
           })
         })
-      }), jsx(Tooltip, {
-        title: "\u5217\u8BBE\u7F6E",
-        children: jsx(Popover, {
-          content: jsx(ColsSettingContent, {
-            columns: columns,
-            checkKeys: checkKeys,
-            onCheck: onChange
-          }),
-          title: jsx(Title, {
-            columns: columns,
-            reset: reset,
-            checkKeys: checkKeys,
-            onCheck: onChange
-          }),
-          placement: "bottomLeft",
-          getPopupContainer: function getPopupContainer() {
-            return ref.current || document.body;
-          },
-          trigger: "click",
+      }), jsx(Popover, {
+        content: jsx(ColsSettingContent, {
+          columns: columns,
+          checkKeys: checkKeys,
+          onCheck: onChange
+        }),
+        title: jsx(Title, {
+          columns: columns,
+          reset: reset,
+          checkKeys: checkKeys,
+          onCheck: onChange
+        }),
+        placement: "bottomRight",
+        getPopupContainer: function getPopupContainer() {
+          return ref.current || document.body;
+        },
+        arrowPointAtCenter: true,
+        trigger: "click",
+        children: settingRender ? settingRender() : jsx(Tooltip, {
+          title: "\u5217\u8BBE\u7F6E",
           children: jsx(SettingOutlined, {
             className: pointer,
             width: 24

package/es/HTableBody/hooks.d.ts

@@ -2,8 +2,8 @@ import type { HTableProps, ConfigDataModal } from "../modal";
 import React from "react";
 import type { GetRowKey } from "rc-table/lib/interface";
 import type { SizeType } from "antd/lib/config-provider/SizeContext";
-import { ColumnsStateType } from "@ant-design/pro-table/es/typing";
-import { ColumnsState } from "@ant-design/pro-table/es/container";
+import type { ColumnsStateType } from "@ant-design/pro-table/es/typing";
+import type { ColumnsState } from "@ant-design/pro-table/es/container";
 export declare const useCols: ({ configData, rowSelection, table }: HTableProps) => {
     cols: ConfigDataModal;
 };
@@ -21,7 +21,7 @@ interface useColumnsStateTypeModal {
     columnsState?: ColumnsStateType;
     columns: ConfigDataModal;
 }
-export declare const useColumnsStateType: ({ columnsState, columns }: useColumnsStateTypeModal) => {
+export declare const useColumnsStateType: ({ columnsState, columns, }: useColumnsStateTypeModal) => {
     persistenceType: "localStorage" | "sessionStorage" | undefined;
     persistenceKey: string | undefined;
     value: Record<string, ColumnsState> | undefined;

package/es/HTableBody/index.d.ts

@@ -2,7 +2,11 @@ import type { ProTableProps } from "@ant-design/pro-table";
 import type { ActionRenderFn, ConfigDataModal, ParamsModal, HTableInstance, HRowSelection } from "../modal";
 import React from "react";
 import type { AffixProps } from "antd/lib/affix";
-export interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource" | "rowSelection"> {
+import { OptionConfig } from "@ant-design/pro-table/lib/components/ToolBar";
+export interface OptionModal extends OptionConfig {
+    settingRender?: () => React.ReactNode;
+}
+export interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource" | "rowSelection" | "options"> {
     configData?: ConfigDataModal;
     onPageChange?: (params: ParamsModal) => void;
     emptyRender?: (tableInstance: HTableInstance) => React.ReactNode;
@@ -16,6 +20,7 @@ export interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSour
     optionsRender?: (node: React.ReactNode) => React.ReactNode;
     paginationActionRender?: (tableInstance: HTableInstance) => React.ReactNode;
     localSorter?: boolean;
+    options?: OptionModal | false;
 }
 declare const _default: ({ configData, pagination, onPageChange, rowSelection, rowKey, emptyRender, errorRender, tableStyle, paginationStyle, headerTitle, options, actionRender, affixProps, goTop, size, optionsRender, paginationActionRender, localSorter, columnsState, ...props }: HTableBodyProps) => JSX.Element;
 export default _default;

package/es/HTableBody/utils.d.ts

@@ -1,5 +1,5 @@
-import { ColumnsStateType } from "@ant-design/pro-table/es/typing";
-import { ConfigDataModal } from "@/components/modal";
+import type { ColumnsStateType } from "@ant-design/pro-table/es/typing";
+import type { ConfigDataModal } from "@/components/modal";
 export declare const mkChangeValue: (columnsState?: ColumnsStateType) => any;
 export declare const outColSetting: (columns: ConfigDataModal, columnsState?: ColumnsStateType) => {
     checkCols: ConfigDataModal;

package/es/HTableHeader/Context.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import { IHeaderProps } from "./modal";
+import type { IHeaderProps } from "./modal";
 export declare const HeaderProvider: React.Provider<IHeaderProps>;
 export declare const useHeaderContext: () => IHeaderProps;

package/es/HTableHeader/defaultSubComponent.js

@@ -81,7 +81,11 @@ var DefaultSubComponent = function DefaultSubComponent(_ref) {
           borderRadius: 4
         },
         onClick: function onClick() {
-          onReset ? onReset() : form.resetFields();
+          if (onReset) {
+            onReset();
+            return;
+          }
+          form.resetFields();
         },
         children: "\u91CD\u7F6E"
       }), hide ? null : jsx(OpenComponent, {})]

package/es/HTableHeader/index.d.ts

@@ -1,3 +1,3 @@
 import type { IHeaderProps } from "./modal";
-declare const _default: ({ configData, onFinish, searchSpan, headerStyle, initValues, hideLabel, labelWidth, onReset }: IHeaderProps) => JSX.Element;
+declare const _default: ({ configData, onFinish, searchSpan, headerStyle, initValues, hideLabel, labelWidth, onReset, }: IHeaderProps) => JSX.Element;
 export default _default;

package/es/modal.d.ts

@@ -6,6 +6,7 @@ import type React from "react";
 import type { ModalProps } from "antd";
 import type { TableProps } from "antd/lib/table";
 import type { AffixProps } from "antd/lib/affix";
+import { OptionModal } from "./HTableBody";
 export interface RowObj {
     keys?: React.Key[];
     rowData?: any[];
@@ -75,6 +76,7 @@ export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "
     formInitValues?: Record<string, any>;
     labelWidth?: number;
     hideLabel?: boolean;
+    options?: OptionModal | false;
 }
 interface ColCheckResultKeys {
     keys?: string[];

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

@@ -1,2 +1,2 @@
-import { IProps } from "@/components/HTableBody/Options/modal";
-export declare const useCheckKeys: ({ columns, colStatusValue }: Pick<IProps, "colStatusValue" | "columns">) => string[];
+import type { IProps } from "@/components/HTableBody/Options/modal";
+export declare const useCheckKeys: ({ columns, colStatusValue, }: Pick<IProps, "colStatusValue" | "columns">) => string[];

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

@@ -1,3 +1,3 @@
 import type { IProps } from "./modal";
-declare const _default: ({ reload, size, density, setSizeChange, columns, onChange, colStatusValue, reset }: IProps) => JSX.Element;
+declare const _default: ({ reload, size, density, setSizeChange, columns, onChange, colStatusValue, reset, settingRender, }: IProps) => JSX.Element;
 export default _default;

package/lib/HTableBody/Options/index.js

@@ -21,7 +21,8 @@ var Options = (function (_ref) {
     columns = _ref.columns,
     onChange = _ref.onChange,
     colStatusValue = _ref.colStatusValue,
-    reset = _ref.reset;
+    reset = _ref.reset,
+    settingRender = _ref.settingRender;
   var pointer = index.useClassName(["hw-table-pointer", "hw-table-body-option-icon"]);
   var ref = React.useRef(null);
   var checkKeys = hooks.useCheckKeys({
@@ -57,9 +58,8 @@ var Options = (function (_ref) {
   };
   return jsxRuntime.jsx(antd.Row, {
     justify: "end",
-    ref: ref,
     children: jsxRuntime.jsxs(antd.Space, {
-      size: 20,
+      size: 15,
       children: [reload && jsxRuntime.jsx(antd.Tooltip, {
         title: "\u5237\u65B0",
         children: jsxRuntime.jsx(icons.ReloadOutlined, {
@@ -83,25 +83,26 @@ var Options = (function (_ref) {
             width: 24
           })
         })
-      }), jsxRuntime.jsx(antd.Tooltip, {
-        title: "\u5217\u8BBE\u7F6E",
-        children: jsxRuntime.jsx(antd.Popover, {
-          content: jsxRuntime.jsx(Content.ColsSettingContent, {
-            columns: columns,
-            checkKeys: checkKeys,
-            onCheck: onChange
-          }),
-          title: jsxRuntime.jsx(Title.Title, {
-            columns: columns,
-            reset: reset,
-            checkKeys: checkKeys,
-            onCheck: onChange
-          }),
-          placement: "bottomLeft",
-          getPopupContainer: function getPopupContainer() {
-            return ref.current || document.body;
-          },
-          trigger: "click",
+      }), jsxRuntime.jsx(antd.Popover, {
+        content: jsxRuntime.jsx(Content.ColsSettingContent, {
+          columns: columns,
+          checkKeys: checkKeys,
+          onCheck: onChange
+        }),
+        title: jsxRuntime.jsx(Title.Title, {
+          columns: columns,
+          reset: reset,
+          checkKeys: checkKeys,
+          onCheck: onChange
+        }),
+        placement: "bottomRight",
+        getPopupContainer: function getPopupContainer() {
+          return ref.current || document.body;
+        },
+        arrowPointAtCenter: true,
+        trigger: "click",
+        children: settingRender ? settingRender() : jsxRuntime.jsx(antd.Tooltip, {
+          title: "\u5217\u8BBE\u7F6E",
           children: jsxRuntime.jsx(icons.SettingOutlined, {
             className: pointer,
             width: 24

package/lib/HTableBody/hooks.d.ts

@@ -2,8 +2,8 @@ import type { HTableProps, ConfigDataModal } from "../modal";
 import React from "react";
 import type { GetRowKey } from "rc-table/lib/interface";
 import type { SizeType } from "antd/lib/config-provider/SizeContext";
-import { ColumnsStateType } from "@ant-design/pro-table/es/typing";
-import { ColumnsState } from "@ant-design/pro-table/es/container";
+import type { ColumnsStateType } from "@ant-design/pro-table/es/typing";
+import type { ColumnsState } from "@ant-design/pro-table/es/container";
 export declare const useCols: ({ configData, rowSelection, table }: HTableProps) => {
     cols: ConfigDataModal;
 };
@@ -21,7 +21,7 @@ interface useColumnsStateTypeModal {
     columnsState?: ColumnsStateType;
     columns: ConfigDataModal;
 }
-export declare const useColumnsStateType: ({ columnsState, columns }: useColumnsStateTypeModal) => {
+export declare const useColumnsStateType: ({ columnsState, columns, }: useColumnsStateTypeModal) => {
     persistenceType: "localStorage" | "sessionStorage" | undefined;
     persistenceKey: string | undefined;
     value: Record<string, ColumnsState> | undefined;

package/lib/HTableBody/index.d.ts

@@ -2,7 +2,11 @@ import type { ProTableProps } from "@ant-design/pro-table";
 import type { ActionRenderFn, ConfigDataModal, ParamsModal, HTableInstance, HRowSelection } from "../modal";
 import React from "react";
 import type { AffixProps } from "antd/lib/affix";
-export interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource" | "rowSelection"> {
+import { OptionConfig } from "@ant-design/pro-table/lib/components/ToolBar";
+export interface OptionModal extends OptionConfig {
+    settingRender?: () => React.ReactNode;
+}
+export interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource" | "rowSelection" | "options"> {
     configData?: ConfigDataModal;
     onPageChange?: (params: ParamsModal) => void;
     emptyRender?: (tableInstance: HTableInstance) => React.ReactNode;
@@ -16,6 +20,7 @@ export interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSour
     optionsRender?: (node: React.ReactNode) => React.ReactNode;
     paginationActionRender?: (tableInstance: HTableInstance) => React.ReactNode;
     localSorter?: boolean;
+    options?: OptionModal | false;
 }
 declare const _default: ({ configData, pagination, onPageChange, rowSelection, rowKey, emptyRender, errorRender, tableStyle, paginationStyle, headerTitle, options, actionRender, affixProps, goTop, size, optionsRender, paginationActionRender, localSorter, columnsState, ...props }: HTableBodyProps) => JSX.Element;
 export default _default;

package/lib/HTableBody/utils.d.ts

@@ -1,5 +1,5 @@
-import { ColumnsStateType } from "@ant-design/pro-table/es/typing";
-import { ConfigDataModal } from "@/components/modal";
+import type { ColumnsStateType } from "@ant-design/pro-table/es/typing";
+import type { ConfigDataModal } from "@/components/modal";
 export declare const mkChangeValue: (columnsState?: ColumnsStateType) => any;
 export declare const outColSetting: (columns: ConfigDataModal, columnsState?: ColumnsStateType) => {
     checkCols: ConfigDataModal;

package/lib/HTableHeader/Context.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import { IHeaderProps } from "./modal";
+import type { IHeaderProps } from "./modal";
 export declare const HeaderProvider: React.Provider<IHeaderProps>;
 export declare const useHeaderContext: () => IHeaderProps;

package/lib/HTableHeader/defaultSubComponent.js

@@ -82,7 +82,11 @@ var DefaultSubComponent = function DefaultSubComponent(_ref) {
           borderRadius: 4
         },
         onClick: function onClick() {
-          onReset ? onReset() : form.resetFields();
+          if (onReset) {
+            onReset();
+            return;
+          }
+          form.resetFields();
         },
         children: "\u91CD\u7F6E"
       }), hide ? null : jsxRuntime.jsx(OpenComponent, {})]

package/lib/HTableHeader/index.d.ts

@@ -1,3 +1,3 @@
 import type { IHeaderProps } from "./modal";
-declare const _default: ({ configData, onFinish, searchSpan, headerStyle, initValues, hideLabel, labelWidth, onReset }: IHeaderProps) => JSX.Element;
+declare const _default: ({ configData, onFinish, searchSpan, headerStyle, initValues, hideLabel, labelWidth, onReset, }: IHeaderProps) => JSX.Element;
 export default _default;

package/lib/modal.d.ts

@@ -6,6 +6,7 @@ import type React from "react";
 import type { ModalProps } from "antd";
 import type { TableProps } from "antd/lib/table";
 import type { AffixProps } from "antd/lib/affix";
+import { OptionModal } from "./HTableBody";
 export interface RowObj {
     keys?: React.Key[];
     rowData?: any[];
@@ -75,6 +76,7 @@ export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "
     formInitValues?: Record<string, any>;
     labelWidth?: number;
     hideLabel?: boolean;
+    options?: OptionModal | false;
 }
 interface ColCheckResultKeys {
     keys?: string[];

package/package.json

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

package/src/components/HTableBody/Options/Content.tsx

@@ -29,17 +29,17 @@ export const ColsSettingContent = ({
     });
     return treeData;
   }, [columns]);
-  const check=(keys:string[])=>{
-    const notCheck:string[]=[];
-    contentTreeData.forEach(({key})=>{
-       const cuKey=(key as string);
-       const index=keys.indexOf(cuKey);
-       if (index===-1){
-          notCheck.push(cuKey)
-       }
-    })
-    onCheck(keys,notCheck)
-  }
+  const check = (keys: string[]) => {
+    const notCheck: string[] = [];
+    contentTreeData.forEach(({ key }) => {
+      const cuKey = key as string;
+      const index = keys.indexOf(cuKey);
+      if (index === -1) {
+        notCheck.push(cuKey);
+      }
+    });
+    onCheck(keys, notCheck);
+  };
   return (
     <div className={content}>
       <div style={{ paddingTop: 6, paddingBottom: 6 }}>
@@ -47,8 +47,8 @@ export const ColsSettingContent = ({
           checkable
           className={treeClass}
           checkedKeys={checkKeys}
-          onCheck={(key)=>{
-            check((key as string[]))
+          onCheck={(key) => {
+            check(key as string[]);
           }}
           height={268}
           treeData={contentTreeData}

package/src/components/HTableBody/Options/Title.tsx

@@ -3,28 +3,28 @@ import { Checkbox, Row, Space, Typography } from "antd";
 import type { ItemProps } from "./modal";
 import { useMemo } from "react";
 const { Link } = Typography;
-export const Title = ({ columns, onCheck, checkKeys,reset }: ItemProps) => {
+export const Title = ({ columns, onCheck, checkKeys, reset }: ItemProps) => {
   const title = useClassName("hw-table-body-option-setting-title");
   const relArrayKeys = useMemo(() => {
-    const keys:string[]=[];
-    columns.forEach((value)=>{
-      const {dataIndex,hideInTable}=value;
-      if (hideInTable || !dataIndex){
+    const keys: string[] = [];
+    columns.forEach((value) => {
+      const { dataIndex, hideInTable } = value;
+      if (hideInTable || !dataIndex) {
         return;
       }
-      const dataIndexStr=dataIndex.toString();
+      const dataIndexStr = dataIndex.toString();
       keys.push(dataIndexStr);
-    })
+    });
     return keys;
   }, [columns]);
-  const allKeys=columns
+  const allKeys = columns;
   const allCheck = () => {
-      onCheck(relArrayKeys,[]);
+    onCheck(relArrayKeys, []);
   };
-  const allNotCheck=()=>{
-    onCheck([],relArrayKeys);
-  }
-  const relLen=relArrayKeys.length;
+  const allNotCheck = () => {
+    onCheck([], relArrayKeys);
+  };
+  const relLen = relArrayKeys.length;
   const indeterminate = relLen !== checkKeys.length && checkKeys.length > 0;
   return (
     <Row className={title} justify={"space-between"}>
@@ -33,11 +33,11 @@ export const Title = ({ columns, onCheck, checkKeys,reset }: ItemProps) => {
           checked={relLen === checkKeys.length}
           indeterminate={indeterminate}
           onChange={(e) => {
-             if (e.target.checked){
-                allCheck();
-                return;
-             }
-             allNotCheck();
+            if (e.target.checked) {
+              allCheck();
+              return;
+            }
+            allNotCheck();
           }}
         />
         <span>列展示</span>

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

@@ -1,21 +1,24 @@
-import {useMemo} from "react";
-import {IProps} from "@/components/HTableBody/Options/modal";
+import { useMemo } from "react";
+import type { IProps } from "@/components/HTableBody/Options/modal";
 
-export const useCheckKeys=({columns,colStatusValue}:Pick<IProps, "colStatusValue"|"columns">)=>{
-    return useMemo(()=>{
-        const keys:string[]=[];
-        columns.forEach((value)=>{
-            const {dataIndex,hideInTable}=value;
-            if (hideInTable || !dataIndex){
-                return;
-            }
-            const dataIndexStr=dataIndex.toString();
-            const {show=true}=colStatusValue[dataIndexStr]||{};
-            if (!show){
-                return;
-            }
-            keys.push(dataIndexStr);
-        })
-        return keys;
-    },[colStatusValue,columns])
-}
+export const useCheckKeys = ({
+  columns,
+  colStatusValue,
+}: Pick<IProps, "colStatusValue" | "columns">) => {
+  return useMemo(() => {
+    const keys: string[] = [];
+    columns.forEach((value) => {
+      const { dataIndex, hideInTable } = value;
+      if (hideInTable || !dataIndex) {
+        return;
+      }
+      const dataIndexStr = dataIndex.toString();
+      const { show = true } = colStatusValue[dataIndexStr] || {};
+      if (!show) {
+        return;
+      }
+      keys.push(dataIndexStr);
+    });
+    return keys;
+  }, [colStatusValue, columns]);
+};

package/src/components/HTableBody/Options/index.tsx

@@ -6,11 +6,11 @@ import {
   SettingOutlined,
 } from "@ant-design/icons";
 import type { SizeType } from "antd/lib/config-provider/SizeContext";
-import {useRef} from "react";
+import { useRef } from "react";
 import { ColsSettingContent } from "./Content";
 import { Title } from "./Title";
 import type { IProps } from "./modal";
-import {useCheckKeys} from "@/components/HTableBody/Options/hooks";
+import { useCheckKeys } from "@/components/HTableBody/Options/hooks";
 export default ({
   reload,
   size = "middle",
@@ -18,15 +18,16 @@ export default ({
   setSizeChange,
   columns,
   onChange,
-                  colStatusValue,
-    reset
+  colStatusValue,
+  reset,
+  settingRender,
 }: IProps) => {
   const pointer = useClassName([
     "hw-table-pointer",
     "hw-table-body-option-icon",
   ]);
   const ref = useRef<HTMLDivElement>(null);
-  const checkKeys = useCheckKeys({columns,colStatusValue})
+  const checkKeys = useCheckKeys({ columns, colStatusValue });
   const SizeItem = () => {
     const MenuComponent = Menu as any;
     const MenuItem = Menu.Item as any;
@@ -50,8 +51,8 @@ export default ({
     );
   };
   return (
-    <Row justify={"end"} ref={ref}>
-      <Space size={20}>
+    <Row justify={"end"}>
+      <Space size={15}>
         {reload && (
           <Tooltip title="刷新">
             <ReloadOutlined
@@ -77,25 +78,29 @@ export default ({
             </Dropdown>
           </Tooltip>
         )}
-        <Tooltip title="列设置">
-          <Popover
+        <Popover
             content={
               <ColsSettingContent
-                columns={columns}
-                checkKeys={checkKeys}
-                onCheck={onChange}
+                  columns={columns}
+                  checkKeys={checkKeys}
+                  onCheck={onChange}
               />
             }
             title={
-              <Title columns={columns} reset={reset} checkKeys={checkKeys} onCheck={onChange} />
+              <Title
+                  columns={columns}
+                  reset={reset}
+                  checkKeys={checkKeys}
+                  onCheck={onChange}
+              />
             }
-            placement="bottomLeft"
+            placement="bottomRight"
             getPopupContainer={() => ref.current || document.body}
+            arrowPointAtCenter
             trigger="click"
-          >
-            <SettingOutlined className={pointer} width={24} />
-          </Popover>
-        </Tooltip>
+        >
+          {settingRender?settingRender():<Tooltip title="列设置"><SettingOutlined className={pointer} width={24} /></Tooltip>}
+        </Popover>
       </Space>
     </Row>
   );

package/src/components/HTableBody/Options/modal.d.ts

@@ -1,20 +1,22 @@
 import type { OptionConfig } from "@ant-design/pro-table/lib/components/ToolBar";
 import type { SizeType } from "antd/lib/config-provider/SizeContext";
 import type { ConfigDataModal } from "../../modal";
-import {ColumnsState} from "@ant-design/pro-table/es/container";
+import type { ColumnsState } from "@ant-design/pro-table/es/container";
+import React from "react";
 
 export interface IProps extends OptionConfig {
   size?: SizeType;
   setSizeChange: (size: SizeType) => void;
   columns: ConfigDataModal;
-  onChange: (keys:string[],notCheck:string[]) => void;
-  colStatusValue:Record<string, ColumnsState>
-  reset:VoidFunction;
+  onChange: (keys: string[], notCheck: string[]) => void;
+  colStatusValue: Record<string, ColumnsState>;
+  reset: VoidFunction;
+  settingRender?:()=>React.ReactNode
 }
 
 export interface ItemProps {
   checkKeys: string[];
-  onCheck:(keys:string[],notCheck:string[])=>void;
+  onCheck: (keys: string[], notCheck: string[]) => void;
   columns: ConfigDataModal;
-  reset?:VoidFunction;
+  reset?: VoidFunction;
 }

package/src/components/HTableBody/Options/utils.ts

@@ -1,6 +1,6 @@
 import type { ConfigDataModal, ConfigItemModal } from "../../modal";
 import React from "react";
-import {ColumnsState} from "@ant-design/pro-table/es/container";
+import { ColumnsState } from "@ant-design/pro-table/es/container";
 export const getItemValue = (data: ConfigItemModal) => {
   const { dataIndex, title, titleStr, ...oData } = data;
   let resultTitle = React.isValidElement(title) ? title.props.children : title;
@@ -12,4 +12,4 @@ export const getItemValue = (data: ConfigItemModal) => {
     dataIndex,
     ...oData,
   };
-};
+};