@hw-component/table 1.2.7 → 1.2.9

package/es/HTableBody/RowSelection.js

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

package/es/TableConfig.d.ts

@@ -9,7 +9,7 @@ interface HTableConfigContextModal {
     valueTypeConfig?: ValueTypeConfigModal;
 }
 export declare const HTableConfigContext: React.Context<HTableConfigContextModal | null>;
-export declare const useHTableConfigContext: ({ emptyRender, errorRender, headerStyle, tableStyle, paginationStyle }: HTableConfigContextModal) => {
+export declare const useHTableConfigContext: ({ emptyRender, errorRender, headerStyle, tableStyle, paginationStyle, }: HTableConfigContextModal) => {
     errorRender: ((table: HTableInstance, error: Error) => React.ReactNode) | undefined;
     emptyRender: ((table: HTableInstance) => React.ReactNode) | undefined;
     headerStyle: React.CSSProperties | undefined;

package/es/render/TagsComponent.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { TooltipProps } from "antd/lib/tooltip";
-import { HTableInstance } from "@/components/modal";
+import type { TooltipProps } from "antd/lib/tooltip";
+import type { HTableInstance } from "@/components/modal";
 type CloseFn = (key: string, tableInstance?: HTableInstance) => void;
 interface IProps {
     data: any[];

package/es/render/TagsComponent.js

@@ -60,11 +60,11 @@ var TagsComponent = function TagsComponent(props) {
           tagData: data
         };
       }
-      var tagData = _sliceInstanceProperty(data).call(data, 0, maxLen);
-      var moreTag = _sliceInstanceProperty(data).call(data, maxLen);
+      var resultTagData = _sliceInstanceProperty(data).call(data, 0, maxLen);
+      var resultMoreTag = _sliceInstanceProperty(data).call(data, maxLen);
       return {
-        tagData: tagData,
-        moreTag: moreTag
+        tagData: resultTagData,
+        moreTag: resultMoreTag
       };
     }, [data, maxLen]),
     tagData = _useMemo.tagData,
@@ -95,9 +95,9 @@ var TagsComponent = function TagsComponent(props) {
       }
       var tagLabel = tagItem[label],
         tagValue = tagItem[value],
-        props = _objectWithoutProperties(tagItem, _mapInstanceProperty(_context = [label, value]).call(_context, _toPropertyKey));
+        itemProps = _objectWithoutProperties(tagItem, _mapInstanceProperty(_context = [label, value]).call(_context, _toPropertyKey));
       var tooltipProps = getTooltipProps(tagLabel, tooltip);
-      var cuTagProps = _objectSpread(_objectSpread({}, tagProps), props);
+      var cuTagProps = _objectSpread(_objectSpread({}, tagProps), itemProps);
       var cuKey = tagValue || indexKey;
       return jsx(Tooltip, _objectSpread(_objectSpread({}, tooltipProps), {}, {
         children: jsx(Tag, _objectSpread(_objectSpread({}, cuTagProps), {}, {

package/es/render/config.d.ts

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

package/es/render/config.js

@@ -12,7 +12,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import moment from 'moment';
 import TagsComponent from './TagsComponent.js';
 import copy from 'copy-to-clipboard';
-import { Typography, message } from 'antd';
+import { Typography, message, Image, Avatar } from 'antd';
 
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -67,6 +67,9 @@ var copyRender = function copyRender(config, itemData) {
     cpText = text(itemData);
   }
   return jsx(Link, {
+    style: {
+      wordBreak: 'break-all'
+    },
     onClick: function onClick() {
       copy(cpText || tableVal);
       message.success(msg);
@@ -88,6 +91,9 @@ var linkRender = function linkRender(config, itemData) {
   return jsx(Link, {
     href: hrefUrl || tableVal,
     target: target,
+    style: {
+      wordBreak: 'break-all'
+    },
     children: tableVal
   });
 };
@@ -105,12 +111,32 @@ var textRender = function textRender(config, itemData) {
     children: [addonBefore, tableVal, addonAfter]
   });
 };
+var imageRender = function imageRender(config, itemData) {
+  var _config$valueTypeProp6 = config.valueTypeProps,
+    valueTypeProps = _config$valueTypeProp6 === void 0 ? {} : _config$valueTypeProp6;
+  var tableVal = getTableVal(config, itemData);
+  return jsx(Image, _objectSpread({
+    src: tableVal,
+    width: 48
+  }, valueTypeProps));
+};
+var avatarRender = function avatarRender(config, itemData) {
+  var _config$valueTypeProp7 = config.valueTypeProps,
+    valueTypeProps = _config$valueTypeProp7 === void 0 ? {} : _config$valueTypeProp7;
+  var tableVal = getTableVal(config, itemData);
+  return jsx(Avatar, _objectSpread({
+    src: tableVal,
+    size: 32
+  }, valueTypeProps));
+};
 var config = {
   date: dateRender,
   tags: tagsRender,
   copy: copyRender,
   link: linkRender,
-  text: textRender
+  text: textRender,
+  image: imageRender,
+  avatar: avatarRender
 };
 
 export { config as default };

package/es/render/index.d.ts

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

package/es/render/index.js

@@ -7,16 +7,17 @@ var configRender = (function (item, tableInstance, valueTypeConfig) {
     valueType = _item$valueType === void 0 ? "" : _item$valueType;
   return function (dom, itemData, index) {
     var valType = valueType;
-    if (render) {
-      return render(dom, itemData, index, tableInstance);
+    var node = dom;
+    if (config[valType]) {
+      node = config[valType](item, itemData, index, tableInstance);
     }
     if (valueTypeConfig[valType]) {
-      return valueTypeConfig[valType](item, itemData, index, tableInstance);
+      node = valueTypeConfig[valType](item, itemData, index, tableInstance);
     }
-    if (config[valType]) {
-      return config[valType](item, itemData, index, tableInstance);
+    if (render) {
+      return render(node, itemData, index, tableInstance);
     }
-    return dom;
+    return node;
   };
 });
 

package/lib/HTableBody/RowSelection.js

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

package/lib/TableConfig.d.ts

@@ -9,7 +9,7 @@ interface HTableConfigContextModal {
     valueTypeConfig?: ValueTypeConfigModal;
 }
 export declare const HTableConfigContext: React.Context<HTableConfigContextModal | null>;
-export declare const useHTableConfigContext: ({ emptyRender, errorRender, headerStyle, tableStyle, paginationStyle }: HTableConfigContextModal) => {
+export declare const useHTableConfigContext: ({ emptyRender, errorRender, headerStyle, tableStyle, paginationStyle, }: HTableConfigContextModal) => {
     errorRender: ((table: HTableInstance, error: Error) => React.ReactNode) | undefined;
     emptyRender: ((table: HTableInstance) => React.ReactNode) | undefined;
     headerStyle: React.CSSProperties | undefined;

package/lib/render/TagsComponent.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { TooltipProps } from "antd/lib/tooltip";
-import { HTableInstance } from "@/components/modal";
+import type { TooltipProps } from "antd/lib/tooltip";
+import type { HTableInstance } from "@/components/modal";
 type CloseFn = (key: string, tableInstance?: HTableInstance) => void;
 interface IProps {
     data: any[];

package/lib/render/TagsComponent.js

@@ -63,11 +63,11 @@ var TagsComponent = function TagsComponent(props) {
           tagData: data
         };
       }
-      var tagData = _sliceInstanceProperty(data).call(data, 0, maxLen);
-      var moreTag = _sliceInstanceProperty(data).call(data, maxLen);
+      var resultTagData = _sliceInstanceProperty(data).call(data, 0, maxLen);
+      var resultMoreTag = _sliceInstanceProperty(data).call(data, maxLen);
       return {
-        tagData: tagData,
-        moreTag: moreTag
+        tagData: resultTagData,
+        moreTag: resultMoreTag
       };
     }, [data, maxLen]),
     tagData = _useMemo.tagData,
@@ -98,9 +98,9 @@ var TagsComponent = function TagsComponent(props) {
       }
       var tagLabel = tagItem[label],
         tagValue = tagItem[value],
-        props = _objectWithoutProperties(tagItem, _mapInstanceProperty(_context = [label, value]).call(_context, _toPropertyKey));
+        itemProps = _objectWithoutProperties(tagItem, _mapInstanceProperty(_context = [label, value]).call(_context, _toPropertyKey));
       var tooltipProps = getTooltipProps(tagLabel, tooltip);
-      var cuTagProps = _objectSpread(_objectSpread({}, tagProps), props);
+      var cuTagProps = _objectSpread(_objectSpread({}, tagProps), itemProps);
       var cuKey = tagValue || indexKey;
       return jsxRuntime.jsx(antd.Tooltip, _objectSpread(_objectSpread({}, tooltipProps), {}, {
         children: jsxRuntime.jsx(antd.Tag, _objectSpread(_objectSpread({}, cuTagProps), {}, {

package/lib/render/config.d.ts

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

package/lib/render/config.js

@@ -70,6 +70,9 @@ var copyRender = function copyRender(config, itemData) {
     cpText = text(itemData);
   }
   return jsxRuntime.jsx(Link, {
+    style: {
+      wordBreak: 'break-all'
+    },
     onClick: function onClick() {
       copy(cpText || tableVal);
       antd.message.success(msg);
@@ -91,6 +94,9 @@ var linkRender = function linkRender(config, itemData) {
   return jsxRuntime.jsx(Link, {
     href: hrefUrl || tableVal,
     target: target,
+    style: {
+      wordBreak: 'break-all'
+    },
     children: tableVal
   });
 };
@@ -108,12 +114,32 @@ var textRender = function textRender(config, itemData) {
     children: [addonBefore, tableVal, addonAfter]
   });
 };
+var imageRender = function imageRender(config, itemData) {
+  var _config$valueTypeProp6 = config.valueTypeProps,
+    valueTypeProps = _config$valueTypeProp6 === void 0 ? {} : _config$valueTypeProp6;
+  var tableVal = getTableVal(config, itemData);
+  return jsxRuntime.jsx(antd.Image, _objectSpread({
+    src: tableVal,
+    width: 48
+  }, valueTypeProps));
+};
+var avatarRender = function avatarRender(config, itemData) {
+  var _config$valueTypeProp7 = config.valueTypeProps,
+    valueTypeProps = _config$valueTypeProp7 === void 0 ? {} : _config$valueTypeProp7;
+  var tableVal = getTableVal(config, itemData);
+  return jsxRuntime.jsx(antd.Avatar, _objectSpread({
+    src: tableVal,
+    size: 32
+  }, valueTypeProps));
+};
 var config = {
   date: dateRender,
   tags: tagsRender,
   copy: copyRender,
   link: linkRender,
-  text: textRender
+  text: textRender,
+  image: imageRender,
+  avatar: avatarRender
 };
 
 exports.default = config;

package/lib/render/index.d.ts

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

package/lib/render/index.js

@@ -10,16 +10,17 @@ var configRender = (function (item, tableInstance, valueTypeConfig) {
     valueType = _item$valueType === void 0 ? "" : _item$valueType;
   return function (dom, itemData, index) {
     var valType = valueType;
-    if (render) {
-      return render(dom, itemData, index, tableInstance);
+    var node = dom;
+    if (config.default[valType]) {
+      node = config.default[valType](item, itemData, index, tableInstance);
     }
     if (valueTypeConfig[valType]) {
-      return valueTypeConfig[valType](item, itemData, index, tableInstance);
+      node = valueTypeConfig[valType](item, itemData, index, tableInstance);
     }
-    if (config.default[valType]) {
-      return config.default[valType](item, itemData, index, tableInstance);
+    if (render) {
+      return render(node, itemData, index, tableInstance);
     }
-    return dom;
+    return node;
   };
 });
 

package/package.json

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

package/src/components/HTableBody/RowSelection.tsx

@@ -21,8 +21,10 @@ export const RowSelectionTitle = ({
   });
   const { keys, selectAll } = selectedRowData;
   const allCheck = () => {
-    const setKeys = newData.map((item,index) => {
-      return typeof rowKey==="function"?rowKey(item,index):item[(rowKey as string)];
+    const setKeys = newData.map((item, index) => {
+      return typeof rowKey === "function"
+        ? rowKey(item, index)
+        : item[rowKey as string];
     });
     rowOnChange(setKeys, newData);
     onChange?.(setKeys, newData);
@@ -106,17 +108,17 @@ interface RowSelectionBoxProps {
   data: any;
   onChange?: HRowSelection["onChange"];
   getCheckboxProps?: HRowSelection["getCheckboxProps"];
-  index:number;
+  index: number;
 }
 export const RowSelectionBox = ({
   data,
   onChange,
-                                  index,
+  index,
   getCheckboxProps,
 }: RowSelectionBoxProps) => {
   const { selectedRowData, rowOnChange, rowKey = "id" } = useHTableContext();
   const { rowData = [], keys = [] } = selectedRowData;
-  const key = typeof rowKey==="function"?rowKey(data,index):data[rowKey];
+  const key = typeof rowKey === "function" ? rowKey(data, index) : data[rowKey];
   const check = (e) => {
     const checked = e.target.checked;
     const newKeys = [...keys];
@@ -128,9 +130,9 @@ export const RowSelectionBox = ({
       onChange?.(newKeys, newRowData);
       return;
     }
-    const index = newKeys.indexOf(key);
-    newKeys.splice(index, 1);
-    newRowData.splice(index, 1);
+    const keyIndex = newKeys.indexOf(key);
+    newKeys.splice(keyIndex, 1);
+    newRowData.splice(keyIndex, 1);
     rowOnChange(newKeys, newRowData);
     onChange?.(newKeys, newRowData);
   };

package/src/components/HTableBody/hooks.tsx

@@ -13,7 +13,7 @@ import type { ColumnsStateType } from "@ant-design/pro-table/es/typing";
 import type { ColumnsState } from "@ant-design/pro-table/es/container";
 import { mkChangeValue, outColSetting } from "./utils";
 import configRender from "../render";
-import {useHTableConfigContext} from "@/components/TableConfig";
+import { useHTableConfigContext } from "@/components/TableConfig";
 const rowSelectionCol = (rowSelection?: HRowSelection) => {
   const { allPageCheck, onChange, getCheckboxProps } = rowSelection || {};
   return {
@@ -27,7 +27,7 @@ const rowSelectionCol = (rowSelection?: HRowSelection) => {
     width: 32,
     rowSelectionTitle: true,
     fixed: "left",
-    render: (dom, data,index) => {
+    render: (dom, data, index) => {
       return (
         <RowSelectionBox
           data={data}
@@ -41,7 +41,7 @@ const rowSelectionCol = (rowSelection?: HRowSelection) => {
 };
 export const useCols = ({ configData, rowSelection, table }: HTableProps) => {
   const [cols, setCols] = useState<ConfigDataModal>([]);
-  const {valueTypeConfig}=useHTableConfigContext({});
+  const { valueTypeConfig } = useHTableConfigContext({});
   const changeConfigData = (data: ConfigDataModal) => {
     const colsArray = data.filter((item) => {
       return !item.hideInTable;
@@ -52,7 +52,7 @@ export const useCols = ({ configData, rowSelection, table }: HTableProps) => {
     return colsArray.map((item) => {
       return {
         ...item,
-        render:configRender(item,(table as HTableInstance),valueTypeConfig)
+        render: configRender(item, table as HTableInstance, valueTypeConfig),
       };
     });
   };

package/src/components/HTableBody/index.tsx

@@ -15,7 +15,7 @@ import {
 } from "./hooks";
 import { useHTableContext } from "../context";
 import React from "react";
-import {ConfigProvider, Empty, Alert, Space} from "antd";
+import { ConfigProvider, Empty, Alert, Space } from "antd";
 import { useHTableConfigContext } from "../TableConfig";
 import HTablePagination from "../HTablePagination";
 import { useClassName } from "../hooks";
@@ -125,76 +125,73 @@ export default ({
     : optionsNode;
   const alwaysShowAlert = keys.length > 0 || selectAll || configAlwaysShowAlert;
   const className = useClassName("hw-table-body");
-  const {tableStyle:defaultTableStyle}=useHTableConfigContext({tableStyle})
+  const { tableStyle: defaultTableStyle } = useHTableConfigContext({
+    tableStyle,
+  });
   return (
     <div style={defaultTableStyle} className={`hw_table_body  ${className}`}>
-     <Space size={16} direction={"vertical"} style={{width:"100%"}}>
-       {alwaysShowAlert && (
-           <Alert
-               message={<AlertMsg actionRender={actionRender} />}
-               type="info"
-           />
-       )}
-       <HeaderTitle
-           headerTitle={headerTitle}
-           rNode={defaultOptionsNode}
-       />
-       <ConfigProvider
-           renderEmpty={() => {
-             if (error) {
-               return tableErrorRender?.(tableInstance, error);
-             }
-             return tableEmptyRender?.(tableInstance);
-           }}
-       >
+      <Space size={16} direction={"vertical"} style={{ width: "100%" }}>
+        {alwaysShowAlert && (
+          <Alert
+            message={<AlertMsg actionRender={actionRender} />}
+            type="info"
+          />
+        )}
+        <HeaderTitle headerTitle={headerTitle} rNode={defaultOptionsNode} />
+        <ConfigProvider
+          renderEmpty={() => {
+            if (error) {
+              return tableErrorRender?.(tableInstance, error);
+            }
+            return tableEmptyRender?.(tableInstance);
+          }}
+        >
           <ProTable
-              {...props}
-
-              columnsState={{
-                ...selfColStatus,
-                value,
-              }}
-              columns={cols as any}
-              size={cuSize}
-              search={false}
-              onChange={(page, filters, sorter) => {
-                if (localSorter) {
-                  return;
-                }
-                const { field, order } = sorter as any;
-                const orderByField =
-                    typeof order === "undefined" ? undefined : field;
-                const asc =
-                    typeof order === "undefined" ? undefined : order === "ascend";
-                tableInstance.table.reloadWithParams({
-                  current: 1,
-                  orderByField,
-                  asc,
-                });
-              }}
-              tableStyle={{
-                paddingBottom: 0,
-              }}
-              options={false}
-              rowSelection={false}
-              loading={loading}
-              rowKey={rowKey}
-              dataSource={records}
-              pagination={false}
-
+            {...props}
+            columnsState={{
+              ...selfColStatus,
+              value,
+            }}
+            columns={cols as any}
+            size={cuSize}
+            search={false}
+            onChange={(page, filters, sorter) => {
+              if (localSorter) {
+                return;
+              }
+              const { field, order } = sorter as any;
+              const orderByField =
+                typeof order === "undefined" ? undefined : field;
+              const asc =
+                typeof order === "undefined" ? undefined : order === "ascend";
+              tableInstance.table.reloadWithParams({
+                current: 1,
+                orderByField,
+                asc,
+              });
+            }}
+            tableStyle={{
+              paddingBottom: 0,
+            }}
+            options={false}
+            rowSelection={false}
+            loading={loading}
+            rowKey={rowKey}
+            dataSource={records}
+            pagination={false}
           />
-         {pagination !== false && (
-             <HTablePagination
-                 onPageChange={onPageChange}
-                 paginationStyle={paginationStyle}
-                 affixProps={affixProps}
-                 goTop={goTop}
-                 actionRender={paginationActionRender}
-                 {...pagination}
-             />
-         )}
-       </ConfigProvider>
-     </Space>
+          {pagination !== false && (
+            <HTablePagination
+              onPageChange={onPageChange}
+              paginationStyle={paginationStyle}
+              affixProps={affixProps}
+              goTop={goTop}
+              actionRender={paginationActionRender}
+              {...pagination}
+            />
+          )}
+        </ConfigProvider>
+      </Space>
     </div>
   );
 };

package/src/components/HTableHeader/index.tsx

@@ -6,7 +6,7 @@ import { useClassName } from "../hooks";
 import type { IHeaderProps } from "./modal";
 import { useHideMoreTitle } from "./hooks";
 import { HeaderProvider } from "./Context";
-import {useHTableConfigContext} from "../TableConfig";
+import { useHTableConfigContext } from "../TableConfig";
 
 const defaultSearchSpan = {
   xxl: 4,
@@ -45,7 +45,9 @@ export default ({
     typeof hideLabel === "undefined" ? contextHideLabel : hideLabel;
   const tableLabelWidth = labelWidth || contextLabelWidth;
   const className = useClassName("hw-table-header");
-  const {headerStyle:defaultHeaderStyle}=useHTableConfigContext({headerStyle})
+  const { headerStyle: defaultHeaderStyle } = useHTableConfigContext({
+    headerStyle,
+  });
   return (
     <Card
       style={defaultHeaderStyle}

package/src/components/HTablePagination/index.tsx

@@ -6,7 +6,7 @@ import { useClassName } from "../hooks";
 import React, { useState } from "react";
 import type { AffixProps } from "antd/lib/affix";
 import GoTop from "../GoTop";
-import {useHTableConfigContext} from "@/components/TableConfig";
+import { useHTableConfigContext } from "@/components/TableConfig";
 export interface IPaginationProps extends PaginationProps {
   onPageChange?: (params: ParamsModal) => void;
   paginationStyle?: React.CSSProperties;
@@ -37,7 +37,9 @@ export default ({
   if (!data) {
     return <></>;
   }
-  const {paginationStyle:defaultPaginationStyle}=useHTableConfigContext({paginationStyle})
+  const { paginationStyle: defaultPaginationStyle } = useHTableConfigContext({
+    paginationStyle,
+  });
 
   if (affixProps === false) {
     return (