@hw-component/table 0.0.9-beta-v8 → 0.0.9-beta-v11

package/es/HTableBody/HeaderTitle/index.d.ts

@@ -1,4 +1,4 @@
-import { HTableBodyProps } from "../index";
+import type { HTableBodyProps } from "../index";
 import React from "react";
 interface IProps {
     headerTitle: HTableBodyProps["headerTitle"];

package/es/HTableBody/HeaderTitle/index.js

@@ -14,7 +14,7 @@ var HeaderTitle = (function (_ref) {
     selectedRowData = _useHTableContext.selectedRowData,
     rowOnChange = _useHTableContext.rowOnChange,
     allSelectChange = _useHTableContext.allSelectChange;
-  var headerBox = useClassName('hw-table-header-title-box');
+  var headerBox = useClassName("hw-table-header-title-box");
   if (!headerTitle && !rNode) {
     return null;
   }

package/es/HTableBody/index.d.ts

@@ -17,6 +17,7 @@ export interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSour
     goTop?: boolean;
     optionsRender?: (node: React.ReactNode) => React.ReactNode;
     paginationActionRender?: (tableInstance: HTableInstance) => React.ReactNode;
+    localSorter?: boolean;
 }
-declare const _default: ({ configData, pagination, onPageChange, rowSelection, rowKey, emptyRender, errorRender, tableStyle, paginationStyle, headerTitle, options, actionRender, affixProps, goTop, size, optionsRender, paginationActionRender, ...props }: HTableBodyProps) => JSX.Element;
+declare const _default: ({ configData, pagination, onPageChange, rowSelection, rowKey, emptyRender, errorRender, tableStyle, paginationStyle, headerTitle, options, actionRender, affixProps, goTop, size, optionsRender, paginationActionRender, localSorter, ...props }: HTableBodyProps) => JSX.Element;
 export default _default;

package/es/HTableBody/index.js

@@ -22,7 +22,7 @@ import AlertMsg from './AlertMsg.js';
 import Options from './Options/index.js';
 import HeaderTitle from './HeaderTitle/index.js';
 
-var _excluded = ["configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle", "paginationStyle", "headerTitle", "options", "actionRender", "affixProps", "goTop", "size", "optionsRender", "paginationActionRender"];
+var _excluded = ["configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle", "paginationStyle", "headerTitle", "options", "actionRender", "affixProps", "goTop", "size", "optionsRender", "paginationActionRender", "localSorter"];
 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 defaultRender = function defaultRender() {
@@ -57,6 +57,7 @@ var Body = (function (_ref) {
     size = _ref.size,
     optionsRender = _ref.optionsRender,
     paginationActionRender = _ref.paginationActionRender,
+    localSorter = _ref.localSorter,
     props = _objectWithoutProperties(_ref, _excluded);
   var _ref2 = rowSelection || {},
     selectedRowKeys = _ref2.selectedRowKeys,
@@ -138,7 +139,10 @@ var Body = (function (_ref) {
         columns: cols,
         size: cuSize,
         search: false,
-        onChange: function onChange(pagination, filters, sorter) {
+        onChange: function onChange(page, filters, sorter) {
+          if (localSorter) {
+            return;
+          }
           var field = sorter.field,
             order = sorter.order;
           tableInstance.table.reloadWithParams({

package/es/HTableHeader/hooks.d.ts

@@ -1,3 +1,3 @@
 import type { IHeaderProps } from "./modal";
 import type { HItemProps } from "@hw-component/form/es/Form/modal";
-export declare const useHideMoreTitle: ({ searchSpan, configData, table }: IHeaderProps) => HItemProps[];
+export declare const useHideMoreTitle: ({ searchSpan, configData, table, }: IHeaderProps) => HItemProps[];

package/es/HTableHeader/modal.d.ts

@@ -1,7 +1,7 @@
 import type { ConfigDataModal, ConfigItemModal } from "../modal";
 import type { ColProps } from "antd";
 import type React from "react";
-import { HTableInstance } from "../modal";
+import type { HTableInstance } from "../modal";
 export interface IHeaderProps {
     configData?: ConfigDataModal;
     onFinish?: (value: Record<string, any>) => Promise<any>;

package/es/HTablePagination/index.d.ts

@@ -2,7 +2,7 @@ import type { PaginationProps } from "antd";
 import type { ParamsModal } from "../modal";
 import React from "react";
 import type { AffixProps } from "antd/lib/affix";
-import { HTableInstance } from "../modal";
+import type { HTableInstance } from "../modal";
 export interface IPaginationProps extends PaginationProps {
     onPageChange?: (params: ParamsModal) => void;
     paginationStyle?: React.CSSProperties;

package/es/modal.d.ts

@@ -71,6 +71,7 @@ export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "
     optionsRender?: (node: React.ReactNode) => React.ReactNode;
     onFinish?: (value: any) => Promise<any>;
     paginationActionRender?: (tableInstance: HTableInstance) => React.ReactNode;
+    localSorter?: boolean;
 }
 export interface TableInstance {
     reload: (params?: ParamsModal) => Promise<any>;

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

@@ -1,4 +1,4 @@
-import { HTableBodyProps } from "../index";
+import type { HTableBodyProps } from "../index";
 import React from "react";
 interface IProps {
     headerTitle: HTableBodyProps["headerTitle"];

package/lib/HTableBody/HeaderTitle/index.js

@@ -17,7 +17,7 @@ var HeaderTitle = (function (_ref) {
     selectedRowData = _useHTableContext.selectedRowData,
     rowOnChange = _useHTableContext.rowOnChange,
     allSelectChange = _useHTableContext.allSelectChange;
-  var headerBox = index.useClassName('hw-table-header-title-box');
+  var headerBox = index.useClassName("hw-table-header-title-box");
   if (!headerTitle && !rNode) {
     return null;
   }

package/lib/HTableBody/index.d.ts

@@ -17,6 +17,7 @@ export interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSour
     goTop?: boolean;
     optionsRender?: (node: React.ReactNode) => React.ReactNode;
     paginationActionRender?: (tableInstance: HTableInstance) => React.ReactNode;
+    localSorter?: boolean;
 }
-declare const _default: ({ configData, pagination, onPageChange, rowSelection, rowKey, emptyRender, errorRender, tableStyle, paginationStyle, headerTitle, options, actionRender, affixProps, goTop, size, optionsRender, paginationActionRender, ...props }: HTableBodyProps) => JSX.Element;
+declare const _default: ({ configData, pagination, onPageChange, rowSelection, rowKey, emptyRender, errorRender, tableStyle, paginationStyle, headerTitle, options, actionRender, affixProps, goTop, size, optionsRender, paginationActionRender, localSorter, ...props }: HTableBodyProps) => JSX.Element;
 export default _default;

package/lib/HTableBody/index.js

@@ -25,7 +25,7 @@ var AlertMsg = require('./AlertMsg.js');
 var index = require('./Options/index.js');
 var index$2 = require('./HeaderTitle/index.js');
 
-var _excluded = ["configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle", "paginationStyle", "headerTitle", "options", "actionRender", "affixProps", "goTop", "size", "optionsRender", "paginationActionRender"];
+var _excluded = ["configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle", "paginationStyle", "headerTitle", "options", "actionRender", "affixProps", "goTop", "size", "optionsRender", "paginationActionRender", "localSorter"];
 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 defaultRender = function defaultRender() {
@@ -60,6 +60,7 @@ var Body = (function (_ref) {
     size = _ref.size,
     optionsRender = _ref.optionsRender,
     paginationActionRender = _ref.paginationActionRender,
+    localSorter = _ref.localSorter,
     props = _objectWithoutProperties(_ref, _excluded);
   var _ref2 = rowSelection || {},
     selectedRowKeys = _ref2.selectedRowKeys,
@@ -141,7 +142,10 @@ var Body = (function (_ref) {
         columns: cols,
         size: cuSize,
         search: false,
-        onChange: function onChange(pagination, filters, sorter) {
+        onChange: function onChange(page, filters, sorter) {
+          if (localSorter) {
+            return;
+          }
           var field = sorter.field,
             order = sorter.order;
           tableInstance.table.reloadWithParams({

package/lib/HTableHeader/hooks.d.ts

@@ -1,3 +1,3 @@
 import type { IHeaderProps } from "./modal";
 import type { HItemProps } from "@hw-component/form/es/Form/modal";
-export declare const useHideMoreTitle: ({ searchSpan, configData, table }: IHeaderProps) => HItemProps[];
+export declare const useHideMoreTitle: ({ searchSpan, configData, table, }: IHeaderProps) => HItemProps[];

package/lib/HTableHeader/modal.d.ts

@@ -1,7 +1,7 @@
 import type { ConfigDataModal, ConfigItemModal } from "../modal";
 import type { ColProps } from "antd";
 import type React from "react";
-import { HTableInstance } from "../modal";
+import type { HTableInstance } from "../modal";
 export interface IHeaderProps {
     configData?: ConfigDataModal;
     onFinish?: (value: Record<string, any>) => Promise<any>;

package/lib/HTablePagination/index.d.ts

@@ -2,7 +2,7 @@ import type { PaginationProps } from "antd";
 import type { ParamsModal } from "../modal";
 import React from "react";
 import type { AffixProps } from "antd/lib/affix";
-import { HTableInstance } from "../modal";
+import type { HTableInstance } from "../modal";
 export interface IPaginationProps extends PaginationProps {
     onPageChange?: (params: ParamsModal) => void;
     paginationStyle?: React.CSSProperties;

package/lib/modal.d.ts

@@ -71,6 +71,7 @@ export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "
     optionsRender?: (node: React.ReactNode) => React.ReactNode;
     onFinish?: (value: any) => Promise<any>;
     paginationActionRender?: (tableInstance: HTableInstance) => React.ReactNode;
+    localSorter?: boolean;
 }
 export interface TableInstance {
     reload: (params?: ParamsModal) => Promise<any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/table",
-  "version": "0.0.9-beta-v8",
+  "version": "0.0.9-beta-v11",
   "description": "基于antd二次开发table组件",
   "keywords": [
     "table"
@@ -31,7 +31,7 @@
   "dependencies": {
     "@ant-design/icons": "4.6.2",
     "@ant-design/pro-table": "2.70.0",
-    "@hw-component/form": "1.0.7",
+    "@hw-component/form": "1.0.8",
     "ahooks": "2.10.9",
     "antd": "4.20.7",
     "core-js": "3",

package/src/app.tsx

@@ -1,33 +1,33 @@
 import React from "react";
 import routes from "./routes";
 import {
-    createBrowserRouter,
-    Navigate,
-    RouterProvider,
-    useRouteError,
+  createBrowserRouter,
+  Navigate,
+  RouterProvider,
+  useRouteError,
 } from "react-router-dom";
 import type { RouteObject } from "react-router";
 import Layout from "./Layout";
 const Error = () => {
-    const error = useRouteError();
-    if (error.status === 404) {
-        return <Navigate to="/form/select" replace />;
-    }
-    return <div>错误</div>;
+  const error = useRouteError();
+  if (error.status === 404) {
+    return <Navigate to="/form/select" replace />;
+  }
+  return <div>错误</div>;
 };
 const rootRoute = [
-    {
-        path: "/",
-        element: <Layout />,
-        errorElement: <Error />,
-        children: routes,
-    },
+  {
+    path: "/",
+    element: <Layout />,
+    errorElement: <Error />,
+    children: routes,
+  },
 ];
 const router = () => {
-    return createBrowserRouter(rootRoute as RouteObject[]);
+  return createBrowserRouter(rootRoute as RouteObject[]);
 };
 export default () => {
-    return (
-        <RouterProvider router={router()} fallbackElement={<p>Loading...</p>} />
-    );
-};
+  return (
+    <RouterProvider router={router()} fallbackElement={<p>Loading...</p>} />
+  );
+};

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

@@ -1,31 +1,31 @@
-import {Row, Space} from "antd";
-import {HTableBodyProps} from "../index";
-import React, {DetailedReactHTMLElement} from "react";
+import { Row, Space } from "antd";
+import type { HTableBodyProps } from "../index";
+import type { DetailedReactHTMLElement } from "react";
+import React from "react";
 import { useHTableContext } from "../../context";
-import {useClassName} from "../../hooks";
+import { useClassName } from "../../hooks";
 interface IProps {
-    headerTitle:HTableBodyProps["headerTitle"];
-    contentStyle?:React.CSSProperties;
-    rNode?:React.ReactNode;
+  headerTitle: HTableBodyProps["headerTitle"];
+  contentStyle?: React.CSSProperties;
+  rNode?: React.ReactNode;
 }
-export default ({headerTitle,contentStyle,rNode}:IProps)=>{
-    const {
-        tableInstance,
-        selectedRowData,
-        rowOnChange,
-        allSelectChange,
-    } = useHTableContext();
-    const headerBox=useClassName('hw-table-header-title-box');
-    if (!headerTitle&&!rNode){
-        return null
-    }
-    return <Row justify={"space-between"} align={"middle"} style={contentStyle}>
-        <div className={headerBox}>
-            {headerTitle && React.cloneElement(
-                headerTitle as DetailedReactHTMLElement<any, any>,
-                { selectedRowData, allSelectChange, rowOnChange, tableInstance }
-            )}
-        </div>
-        {rNode&&rNode}
+export default ({ headerTitle, contentStyle, rNode }: IProps) => {
+  const { tableInstance, selectedRowData, rowOnChange, allSelectChange } =
+    useHTableContext();
+  const headerBox = useClassName("hw-table-header-title-box");
+  if (!headerTitle && !rNode) {
+    return null;
+  }
+  return (
+    <Row justify={"space-between"} align={"middle"} style={contentStyle}>
+      <div className={headerBox}>
+        {headerTitle &&
+          React.cloneElement(
+            headerTitle as DetailedReactHTMLElement<any, any>,
+            { selectedRowData, allSelectChange, rowOnChange, tableInstance }
+          )}
+      </div>
+      {rNode && rNode}
     </Row>
-}
+  );
+};

package/src/components/HTableBody/index.tsx

@@ -13,7 +13,7 @@ import AlertMsg from "./AlertMsg";
 import type { HRowSelection } from "../modal";
 import type { AffixProps } from "antd/lib/affix";
 import Options from "./Options";
-import HeaderTitle from './HeaderTitle';
+import HeaderTitle from "./HeaderTitle";
 export interface HTableBodyProps
   extends Omit<ProTableProps<any, any>, "dataSource" | "rowSelection"> {
   configData?: ConfigDataModal;
@@ -31,7 +31,7 @@ export interface HTableBodyProps
   goTop?: boolean;
   optionsRender?: (node: React.ReactNode) => React.ReactNode;
   paginationActionRender?: (tableInstance: HTableInstance) => React.ReactNode;
-
+  localSorter?: boolean;
 }
 const defaultRender = () => {
   return <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />;
@@ -58,7 +58,8 @@ export default ({
   goTop = true,
   size,
   optionsRender,
-                  paginationActionRender,
+  paginationActionRender,
+  localSorter,
   ...props
 }: HTableBodyProps) => {
   // @ts-ignore
@@ -100,7 +101,9 @@ export default ({
     />
   );
   const { keys = [], selectAll } = selectedRowData;
-  const defaultOptionsNode=optionsRender ? optionsRender(optionsNode) : optionsNode;
+  const defaultOptionsNode = optionsRender
+    ? optionsRender(optionsNode)
+    : optionsNode;
   const alwaysShowAlert = keys.length > 0 || selectAll || configAlwaysShowAlert;
   const className = useClassName("hw-table-body");
   return (
@@ -113,7 +116,11 @@ export default ({
           />
         </div>
       )}
-      <HeaderTitle headerTitle={headerTitle} contentStyle={contentStyle} rNode={defaultOptionsNode}/>
+      <HeaderTitle
+        headerTitle={headerTitle}
+        contentStyle={contentStyle}
+        rNode={defaultOptionsNode}
+      />
       <ConfigProvider
         renderEmpty={() => {
           if (error) {
@@ -127,9 +134,16 @@ export default ({
           columns={cols as any}
           size={cuSize}
           search={false}
-          onChange={(pagination, filters, sorter)=>{
-            const {field,order}=(sorter as any);
-            tableInstance.table.reloadWithParams({current:1,orderByField:field,asc:order==="ascend"});
+          onChange={(page, filters, sorter) => {
+            if (localSorter) {
+              return;
+            }
+            const { field, order } = sorter as any;
+            tableInstance.table.reloadWithParams({
+              current: 1,
+              orderByField: field,
+              asc: order === "ascend",
+            });
           }}
           options={false}
           tableStyle={{

package/src/components/HTableHeader/hooks.tsx

@@ -6,7 +6,7 @@ import { useClassName } from "../hooks";
 import type { HFormInstance } from "@hw-component/form/es/Form/modal";
 import { DefaultSubComponent } from "../HTableHeader/defaultSubComponent";
 import { useHTableContext } from "../context";
-import {HTableInstance} from "@/components/modal";
+import type { HTableInstance } from "@/components/modal";
 const sizeObj = {
   xl: {
     min: 1200,
@@ -56,20 +56,23 @@ const getCuSpanMaxNum = (searchSpan: ColProps = { span: 6 }) => {
   const cuSpan = searchSpan[cuKey] || searchSpan.span;
   return 24 / cuSpan;
 };
-const formConfigDataItemProvider = ({
-  colon = false,
-  searchType,
-  title,
-  name,
-  dataIndex,
-  itemProps = {},
-  searchRender,
-  childrenDataIndex,
-  showSearch,
-  hideInTable,
-  align,
-  ...props
-}: FormConfigDataItemProviderModal,table:HTableInstance): HItemProps => {
+const formConfigDataItemProvider = (
+  {
+    colon = false,
+    searchType,
+    title,
+    name,
+    dataIndex,
+    itemProps = {},
+    searchRender,
+    childrenDataIndex,
+    showSearch,
+    hideInTable,
+    align,
+    ...props
+  }: FormConfigDataItemProviderModal,
+  table: HTableInstance
+): HItemProps => {
   const { allowClear = true } = itemProps as any;
   return {
     ...props,
@@ -81,15 +84,15 @@ const formConfigDataItemProvider = ({
     colon,
     type: searchType,
     name: name || (dataIndex as string),
-    render:(item,node,form)=>{
-      if (searchRender){
-          return searchRender(item,node,form,table);
+    render: (item, node, form) => {
+      if (searchRender) {
+        return searchRender(item, node, form, table);
       }
-      return  node;
+      return node;
     },
   };
 };
-const mkNewConfig = ({ configData = [] ,table}: IHeaderProps) => {
+const mkNewConfig = ({ configData = [], table }: IHeaderProps) => {
   let subConfigData: HItemProps | undefined;
   const realConfigData: HItemProps[] = [];
   configData.forEach((value) => {
@@ -98,10 +101,15 @@ const mkNewConfig = ({ configData = [] ,table}: IHeaderProps) => {
       return false;
     }
     if (searchType === "submit") {
-      subConfigData = formConfigDataItemProvider(value,(table as HTableInstance));
+      subConfigData = formConfigDataItemProvider(
+        value,
+        table as HTableInstance
+      );
       return false;
     }
-    realConfigData.push(formConfigDataItemProvider(value,(table as HTableInstance)));
+    realConfigData.push(
+      formConfigDataItemProvider(value, table as HTableInstance)
+    );
   });
   return {
     realConfigData,
@@ -136,7 +144,11 @@ const filterHideFormItem = (
     hideData,
   };
 };
-export const useHideMoreTitle = ({ searchSpan, configData ,table}: IHeaderProps) => {
+export const useHideMoreTitle = ({
+  searchSpan,
+  configData,
+  table,
+}: IHeaderProps) => {
   const [formConfigData, setFormConfigData] = useState<HItemProps[]>([]);
   const [subData, setSubData] = useState<HItemProps>(defaultSubItem as any);
   const { headerOpen, setHeaderOpen } = useHTableContext();
@@ -145,7 +157,7 @@ export const useHideMoreTitle = ({ searchSpan, configData ,table}: IHeaderProps)
     const { realConfigData, subConfigData } = mkNewConfig({
       searchSpan,
       configData,
-      table
+      table,
     });
     const changeClassName = headerOpen ? "" : className;
     const { lessData, hideData } = filterHideFormItem(

package/src/components/HTableHeader/index.tsx

@@ -31,7 +31,7 @@ export default ({
   const nConfigData = useHideMoreTitle({
     searchSpan,
     configData: headerConfigData,
-    table:tableInstance
+    table: tableInstance,
   });
   const className = useClassName("hw-table-header");
   return (

package/src/components/HTableHeader/modal.ts

@@ -1,7 +1,7 @@
-import type {ConfigDataModal, ConfigItemModal} from "../modal";
+import type { ConfigDataModal, ConfigItemModal } from "../modal";
 import type { ColProps } from "antd";
 import type React from "react";
-import {HTableInstance} from "../modal";
+import type { HTableInstance } from "../modal";
 
 export interface IHeaderProps {
   configData?: ConfigDataModal;
@@ -9,7 +9,7 @@ export interface IHeaderProps {
   searchSpan?: ColProps;
   loading?: boolean;
   headerStyle?: React.CSSProperties;
-  table?:HTableInstance;
+  table?: HTableInstance;
 }
 
 export interface FormConfigDataItemProviderModal extends ConfigItemModal {

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 {HTableInstance} from "../modal";
+import type { HTableInstance } from "../modal";
 export interface IPaginationProps extends PaginationProps {
   onPageChange?: (params: ParamsModal) => void;
   paginationStyle?: React.CSSProperties;
@@ -19,10 +19,14 @@ export default ({
   paginationStyle,
   affixProps,
   goTop,
-                  actionRender,
+  actionRender,
   ...props
 }: IPaginationProps) => {
-  const { onPageChange: contextOnPageChange, data,tableInstance } = useHTableContext();
+  const {
+    onPageChange: contextOnPageChange,
+    data,
+    tableInstance,
+  } = useHTableContext();
   const tableOnPageChange = onPageChange || contextOnPageChange;
   const { size, current, total } = data || {};
   const pageCurrent = Number.parseInt(current || "1", 10);
@@ -35,10 +39,13 @@ export default ({
   }
   if (affixProps === false) {
     return (
-      <Row justify={"space-between"} align={"middle"} className={className} style={paginationStyle}>
-        <div>
-          {actionRender?.(tableInstance)}
-        </div>
+      <Row
+        justify={"space-between"}
+        align={"middle"}
+        className={className}
+        style={paginationStyle}
+      >
+        <div>{actionRender?.(tableInstance)}</div>
         <Pagination
           size={"small"}
           showQuickJumper={true}
@@ -78,9 +85,7 @@ export default ({
         align={"middle"}
         style={{ ...paginationStyle, ...style }}
       >
-        <div>
-          {actionRender?.(tableInstance)}
-        </div>
+        <div>{actionRender?.(tableInstance)}</div>
         <Pagination
           size={"small"}
           showQuickJumper={true}

package/src/components/Table.tsx

@@ -60,7 +60,7 @@ export default ({
         configData,
         onFinish: (value) => {
           rowOnChange([], []);
-            return run({...saveParams.old,...value,current:1});
+          return run({ ...saveParams.old, ...value, current: 1 });
         },
         onPageChange: tableInstance.table.reloadWithParams,
         setSelectedRowData,

package/src/components/TableCustomize.tsx

@@ -54,8 +54,8 @@ const Index: React.FC<HTableProps> = ({
         configData,
         params: saveParams.old,
         onFinish: (value) => {
-            rowOnChange([], []);
-            return run({...saveParams.old,...value,current:1});
+          rowOnChange([], []);
+          return run({ ...saveParams.old, ...value, current: 1 });
         },
         onPageChange: tableInstance.table.reloadWithParams,
         setSelectedRowData,

package/src/components/modal.ts

@@ -4,7 +4,7 @@ import type {
   HItemProps,
   HFormInstance,
 } from "@hw-component/form/es/Form/modal";
-import type {ColProps, FormInstance} from "antd";
+import type { ColProps, FormInstance } from "antd";
 import type React from "react";
 import type { ModalProps } from "antd";
 import type { TableProps } from "antd/lib/table";
@@ -34,7 +34,12 @@ interface HColumns extends Omit<ProColumns, "render" | "title"> {
   ) => React.ReactNode;
   showSearch?: boolean;
   searchType?: HItemProps["type"];
-  searchRender?:(item:HItemProps,node:React.ReactNode,form:FormInstance,tableInstance:HTableInstance)=>React.ReactNode;
+  searchRender?: (
+    item: HItemProps,
+    node: React.ReactNode,
+    form: FormInstance,
+    tableInstance: HTableInstance
+  ) => React.ReactNode;
   rowSelectionTitle?: boolean;
   title?: string | React.ReactNode;
 }
@@ -104,6 +109,7 @@ export interface HTableProps
   optionsRender?: (node: React.ReactNode) => React.ReactNode;
   onFinish?: (value: any) => Promise<any>;
   paginationActionRender?: (tableInstance: HTableInstance) => React.ReactNode;
+  localSorter?: boolean;
 }
 export interface TableInstance {
   reload: (params?: ParamsModal) => Promise<any>;