xmirror-components 1.0.30-alpha.7 → 1.0.30

package/build/es/components/ConfigProvider/index.js

@@ -9,18 +9,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React from 'react';
+import IntlProvider from '../IntlProvider';
+import { messages } from '../../locale';
 // 递归合并函数
 function deepMerge(target, source) {
     var result = __assign({}, target);
@@ -40,14 +31,20 @@ var baseConfig = {
     iconButton: {
         size: 'small',
         render: function (_a) {
-            var children = _a.children, params = __rest(_a, ["children"]);
+            var children = _a.children;
             return children;
         }
     },
-    iconFont: {}
+    iconFont: {},
+    locale: 'zh'
 };
 export var ConfigContext = React.createContext(baseConfig);
 export default function ConfigProvider(_a) {
     var children = _a.children, config = _a.config;
-    return (React.createElement(ConfigContext.Provider, { value: deepMerge(baseConfig, config) }, children));
+    var mergeConfig = deepMerge(baseConfig, config);
+    return (React.createElement(ConfigContext.Provider, { value: mergeConfig },
+        React.createElement(IntlProvider, { config: {
+                locale: config.locale,
+                messages: messages
+            } }, children)));
 }

package/build/es/components/ConfigProvider/types.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { IconButtonProps } from "../IconButton";
 import { IconFontProps } from "../IconFont";
+import { type MessagesKeys } from "../../locale";
 type IconButtonConfig = Pick<IconButtonProps, 'size' | 'className' | 'style'> & {
     render: (props: IconButtonProps & {
         children: React.ReactNode;
@@ -10,6 +11,7 @@ type IconFontConfig = Pick<IconFontProps, 'className' | 'style'>;
 export interface ConfigContextProps {
     iconButton: IconButtonConfig;
     iconFont: IconFontConfig;
+    locale: MessagesKeys;
 }
 export type ConfigProviderConfigProps = Partial<ConfigContextProps>;
 export {};

package/build/es/components/IntlProvider/FormattedMessage/index.d.ts

@@ -0,0 +1,7 @@
+interface FormattedMessageProps {
+    id: string;
+    defaultMessage?: string;
+    values?: Record<string, any>;
+}
+export default function FormattedMessage({ id, defaultMessage, values }: FormattedMessageProps): any;
+export {};

package/build/es/components/IntlProvider/FormattedMessage/index.js

@@ -0,0 +1,8 @@
+import { useContext } from 'react';
+import { IntlContext } from '../index';
+import { formatMessageFn } from '../useIntl';
+export default function FormattedMessage(_a) {
+    var id = _a.id, defaultMessage = _a.defaultMessage, values = _a.values;
+    var _b = useContext(IntlContext), messages = _b.messages, locale = _b.locale;
+    return formatMessageFn({ messages: messages, locale: locale })({ id: id, defaultMessage: defaultMessage, values: values });
+}

package/build/es/components/IntlProvider/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { IntlContextProps, IntlProviderConfigProps } from './types';
+export type { IntlProviderConfigProps, IntlContextProps } from './types';
+import FormattedMessage from './FormattedMessage';
+import useIntl from './useIntl';
+export declare const IntlContext: React.Context<IntlContextProps>;
+interface IntlProviderProps {
+    children: React.ReactNode;
+    config: IntlProviderConfigProps;
+}
+export default function IntlProvider({ children, config }: IntlProviderProps): React.JSX.Element;
+export { FormattedMessage, useIntl };

package/build/es/components/IntlProvider/index.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { messages } from '../../locale';
+import FormattedMessage from './FormattedMessage';
+import useIntl from './useIntl';
+var baseConfig = {
+    locale: 'zh',
+    messages: messages
+};
+export var IntlContext = React.createContext(baseConfig);
+export default function IntlProvider(_a) {
+    var children = _a.children, config = _a.config;
+    return (React.createElement(IntlContext.Provider, { value: {
+            locale: config.locale,
+            messages: messages
+        } }, children));
+}
+export { FormattedMessage, useIntl };

package/build/es/components/IntlProvider/types.d.ts

@@ -0,0 +1,7 @@
+import { type MessagesKeys } from "../../locale";
+import { Messages } from "../../locale/types";
+export interface IntlContextProps {
+    locale: MessagesKeys;
+    messages: Messages;
+}
+export type IntlProviderConfigProps = Partial<IntlContextProps>;

package/build/es/components/IntlProvider/types.js

@@ -0,0 +1 @@
+export {};

package/build/es/components/IntlProvider/useIntl/index.d.ts

@@ -0,0 +1,14 @@
+interface FormattedMessageProps {
+    id: string;
+    defaultMessage?: string;
+    values?: Record<string, any>;
+}
+export declare const formatMessageFn: ({ messages, locale }: {
+    messages: any;
+    locale: string;
+}) => ({ id, defaultMessage, values }: FormattedMessageProps) => any;
+export default function useIntl(): {
+    $t: ({ id, defaultMessage }: FormattedMessageProps, values?: Record<string, any>) => any;
+    formatMessage: ({ id, defaultMessage, values }: FormattedMessageProps) => any;
+};
+export {};

package/build/es/components/IntlProvider/useIntl/index.js

@@ -0,0 +1,26 @@
+import { useContext } from 'react';
+import { IntlContext } from '../index';
+export var formatMessageFn = function (_a) {
+    var messages = _a.messages, locale = _a.locale;
+    return function (_a) {
+        var _b;
+        var id = _a.id, defaultMessage = _a.defaultMessage, values = _a.values;
+        var message = ((_b = messages === null || messages === void 0 ? void 0 : messages[locale]) === null || _b === void 0 ? void 0 : _b[id]) || defaultMessage;
+        if (typeof values === 'object') {
+            Object.keys(values).forEach(function (key) {
+                message = message.replace("{".concat(key, "}"), values[key]);
+            });
+        }
+        return message;
+    };
+};
+export default function useIntl() {
+    var _a = useContext(IntlContext), messages = _a.messages, locale = _a.locale;
+    return {
+        $t: function (_a, values) {
+            var id = _a.id, defaultMessage = _a.defaultMessage;
+            return formatMessageFn({ messages: messages, locale: locale })({ id: id, defaultMessage: defaultMessage, values: values });
+        },
+        formatMessage: formatMessageFn({ messages: messages, locale: locale })
+    };
+}

package/build/es/components/SearchArea/ToggleButton/index.js

@@ -6,6 +6,7 @@ import React, { useCallback, useMemo } from 'react';
 import { Button } from 'antd';
 import { CaretUpOutlined } from '@ant-design/icons';
 import styled from '@emotion/styled';
+import { FormattedMessage } from '../../IntlProvider';
 var AnimatedIcon = styled(CaretUpOutlined, {
     shouldForwardProp: function (prop) { return prop !== 'show'; },
 })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transition: transform 0.3s ease-in-out;\n  transform: rotate(", ");\n"], ["\n  transition: transform 0.3s ease-in-out;\n  transform: rotate(", ");\n"])), function (props) { return props.show ? '0deg' : '180deg'; });
@@ -24,7 +25,7 @@ function ToggleButton(_a) {
         onChange === null || onChange === void 0 ? void 0 : onChange(!(panel === null || panel === void 0 ? void 0 : panel.show));
     }, [panel]);
     return (React.createElement(Button, { type: "link", style: { paddingLeft: 0, paddingRight: 0 }, onClick: toggle },
-        "\u9AD8\u7EA7\u641C\u7D22",
+        React.createElement(FormattedMessage, { id: "comgponent.searcharea.togle", defaultMessage: '高级搜索' }),
         React.createElement(AnimatedIcon, { show: show })));
 }
 export default ToggleButton;

package/build/es/components/SearchArea/index.js

@@ -30,6 +30,7 @@ import { UpOutlined } from '@ant-design/icons';
 import styled from '@emotion/styled';
 import Item from './Item';
 import ToggleButton from './ToggleButton';
+import { FormattedMessage } from '../IntlProvider';
 var AnimatedContainer = styled('div', {
     shouldForwardProp: function (prop) { return prop !== 'show'; },
 })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  overflow: hidden;\n  transition: max-height 0.4s ease-in-out;\n  max-height: ", ";\n"], ["\n  overflow: hidden;\n  transition: max-height 0.4s ease-in-out;\n  max-height: ", ";\n"])), function (props) { return props.show ? '450px' : '0'; });
@@ -106,13 +107,15 @@ function InternalSearchArea(_a) {
                     : children,
                 React.createElement(Col, { flex: 1 },
                     React.createElement(SearchAreaHandle, null,
-                        React.createElement(Button, { loading: loading, type: "primary", onClick: submit }, "\u7B5B\u9009"),
-                        React.createElement(Button, { loading: loading, onClick: reset }, "\u91CD\u7F6E"),
+                        React.createElement(Button, { loading: loading, type: "primary", onClick: submit },
+                            React.createElement(FormattedMessage, { id: "component.searcharea.submit", defaultMessage: '筛选' })),
+                        React.createElement(Button, { loading: loading, onClick: reset },
+                            React.createElement(FormattedMessage, { id: "component.searcharea.reset", defaultMessage: '重置' })),
                         React.createElement(Button, { type: "link", style: {
                                 paddingLeft: 0,
                                 paddingRight: 0
                             }, onClick: close },
-                            "\u6536\u8D77",
+                            React.createElement(FormattedMessage, { id: "component.searcharea.close", defaultMessage: '收起' }),
                             React.createElement(UpOutlined, null))))))));
 }
 var SearchArea = InternalSearchArea;

package/build/es/components/Table/Footer/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import type { TableComponentProps } from '../types.ts';
+import type { TableComponentProps } from '../types';
 declare function Index(props: TableComponentProps): React.JSX.Element;
 export default Index;

package/build/es/components/Table/Footer/index.js

@@ -1,5 +1,5 @@
 import React, { useMemo, useRef } from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from '../../IntlProvider';
 import { Checkbox, Col } from 'antd';
 import { CSSTransition } from 'react-transition-group';
 import { CloseOutlined } from '@ant-design/icons';

package/build/es/components/Table/PopoverSetColumns/index.js

@@ -9,7 +9,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import React, { useMemo, useRef } from 'react';
 import { Checkbox, Popover } from 'antd';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from '../../IntlProvider';
 import { HolderOutlined } from '@ant-design/icons';
 // import { message, IconFont } from 'xmirror-components'
 import { message } from '../../AntdApp';

package/build/es/components/Table/ResizableColumns/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ResizeCallbackData } from 'react-resizable';
+interface TitlePropsType {
+    width: number;
+    onResize: (e: React.SyntheticEvent<Element>, data: ResizeCallbackData) => void;
+}
+export declare const ResizableTitle: React.FC<Readonly<React.HTMLAttributes<any> & TitlePropsType>>;
+export declare const resizableColumns: (columns: any[], tableId: string) => any[];
+export {};

package/build/es/components/Table/ResizableColumns/index.js

@@ -0,0 +1,76 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useMemo, useState } from 'react';
+import { useLocalStorageState } from 'ahooks';
+import { MenuOutlined } from '@ant-design/icons';
+import { Resizable } from 'react-resizable';
+import { dataIndexToString } from '../utils';
+import { ResizableHandle } from './styles';
+export var ResizableTitle = function (props) {
+    var onResize = props.onResize, width = props.width, restProps = __rest(props, ["onResize", "width"]);
+    var _a = useState(false), resizing = _a[0], setResizing = _a[1];
+    if (!width) {
+        return React.createElement("th", __assign({}, restProps));
+    }
+    var onResizeStart = function (_e) {
+        setResizing(true);
+    };
+    var onResizeStop = function (_e) {
+        setResizing(false);
+    };
+    return (React.createElement(Resizable, { width: width, height: 0, handle: React.createElement(ResizableHandle, { className: resizing ? 'resizing' : '', onClick: function (e) { return e.stopPropagation(); } },
+            React.createElement(MenuOutlined, { className: "react-resizable-handle-icon" })), onResize: onResize, onResizeStart: onResizeStart, onResizeStop: onResizeStop, draggableOpts: { enableUserSelectHack: false } },
+        React.createElement("th", __assign({}, restProps))));
+};
+export var resizableColumns = function (columns, tableId) {
+    // const [columnsWidth, setColumnsWidth] = useSetState({})
+    var _a = useLocalStorageState('table-resizable_' + tableId, {}), columnsWidth = _a[0], setColumnsWidth = _a[1];
+    var handleResize = function (column) {
+        return function (_, _a) {
+            var size = _a.size;
+            var dataIndex = dataIndexToString(column === null || column === void 0 ? void 0 : column.dataIndex);
+            setColumnsWidth(function (value) {
+                var _a;
+                return __assign(__assign({}, value), (_a = {}, _a[dataIndex] = size.width, _a));
+            });
+        };
+    };
+    return useMemo(function () {
+        return columns.map(function (col) {
+            var dataIndex = col.dataIndex;
+            if (Array.isArray(col.dataIndex)) {
+                dataIndex = col.dataIndex.join('.');
+            }
+            else {
+                dataIndex = col.dataIndex;
+            }
+            var width = (columnsWidth === null || columnsWidth === void 0 ? void 0 : columnsWidth[dataIndex]) || col.width;
+            return __assign(__assign({}, col), { width: width, onHeaderCell: function (column) {
+                    return {
+                        width: column.width,
+                        onResize: handleResize(column)
+                    };
+                } });
+        });
+    }, [columns, columnsWidth]);
+};

package/build/es/components/Table/ResizableColumns/styles.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 可调整大小的列拖拽手柄样式组件
+ * 用于表格列宽调整功能
+ */
+export declare const ResizableHandle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/build/es/components/Table/ResizableColumns/styles.js

@@ -0,0 +1,11 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from '@emotion/styled';
+/**
+ * 可调整大小的列拖拽手柄样式组件
+ * 用于表格列宽调整功能
+ */
+export var ResizableHandle = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 6px;\n  height: 30px;\n  margin: auto 0;\n  text-align: center;\n  cursor: col-resize;\n  user-select: none;\n  background: #f0f0f0;\n  border: 1px solid #d3d3d3;\n  border-radius: 3px;\n  opacity: 0;\n  transition: all 0.1s;\n\n  &.resizing,\n  &:hover {\n    opacity: 1;\n  }\n\n  .react-resizable-handle-icon {\n    display: inline-block;\n    transform: rotateZ(90deg) scale(0.3);\n  }\n"], ["\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 6px;\n  height: 30px;\n  margin: auto 0;\n  text-align: center;\n  cursor: col-resize;\n  user-select: none;\n  background: #f0f0f0;\n  border: 1px solid #d3d3d3;\n  border-radius: 3px;\n  opacity: 0;\n  transition: all 0.1s;\n\n  &.resizing,\n  &:hover {\n    opacity: 1;\n  }\n\n  .react-resizable-handle-icon {\n    display: inline-block;\n    transform: rotateZ(90deg) scale(0.3);\n  }\n"])));
+var templateObject_1;

package/build/es/components/Table/index.js

@@ -15,9 +15,10 @@ import { useLocalStorageState } from 'ahooks';
 import { DownOutlined } from '@ant-design/icons';
 import PopoverSetColumns from './PopoverSetColumns';
 import Footer from './Footer';
+import { resizableColumns, ResizableTitle } from './ResizableColumns';
 import { TableWrapper } from './styles';
 function Index(props, ref) {
-    var _a = props.columns, columns = _a === void 0 ? [] : _a, columnsSort = props.columnsSort, columnsVisible = props.columnsVisible, _b = props.tableId, tableId = _b === void 0 ? '' : _b, pagination = props.pagination, dataSource = props.dataSource;
+    var _a = props.columns, columns = _a === void 0 ? [] : _a, columnsSort = props.columnsSort, columnsVisible = props.columnsVisible, _b = props.tableId, tableId = _b === void 0 ? '' : _b, pagination = props.pagination, dataSource = props.dataSource, columnsResizable = props.columnsResizable;
     var pathname = location.pathname;
     var _tableId = pathname + tableId;
     var _c = useLocalStorageState('TABLE_' + _tableId, {
@@ -184,6 +185,6 @@ function Index(props, ref) {
     return (React.createElement(TableWrapper, { ref: ref },
         React.createElement(Table, __assign({ ref: tableRef, scroll: {
                 x: 900
-            } }, props, { pagination: paginationProps, columns: renderColumns }))));
+            }, components: { header: { cell: columnsResizable ? ResizableTitle : undefined } } }, props, { pagination: paginationProps, columns: columnsResizable ? resizableColumns(renderColumns, tableId) : renderColumns }))));
 }
 export default forwardRef(Index);

package/build/es/components/Table/types.d.ts

@@ -60,4 +60,8 @@ export interface TableComponentProps<RecordType = AnyObject> extends Omit<TableP
      * 中间的批量操作弹出层
      */
     selectionPopover?: React.ReactNode;
+    /**
+     * 是否开启列宽调整功能
+     */
+    columnsResizable?: boolean;
 }

package/build/es/components/Table/utils.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 将 dataIndex 转换为字符串
+ * @param dataIndex - 数据索引，可能是字符串或数组
+ * @returns 转换后的字符串
+ */
+export declare const dataIndexToString: (dataIndex: string | string[] | undefined) => string;

package/build/es/components/Table/utils.js

@@ -0,0 +1,13 @@
+/**
+ * 将 dataIndex 转换为字符串
+ * @param dataIndex - 数据索引，可能是字符串或数组
+ * @returns 转换后的字符串
+ */
+export var dataIndexToString = function (dataIndex) {
+    if (!dataIndex)
+        return '';
+    if (Array.isArray(dataIndex)) {
+        return dataIndex.join('.');
+    }
+    return dataIndex;
+};

package/build/es/hooks/useTable/index.js

@@ -55,7 +55,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import { useEffect, useRef, useState, useCallback } from 'react';
-import { useIntl } from 'react-intl';
+import { useIntl } from '../../components/IntlProvider';
 import { useMemoizedFn } from 'ahooks';
 import { message } from '../../components/AntdApp';
 var ORDER_MAP = {
@@ -72,10 +72,10 @@ var defaultOptions = {
     },
     showRowSelection: false,
     multiPageSelection: false,
-    onBeforeRequest: function (params) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+    onBeforeRequest: function (_) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
         return [2 /*return*/, undefined];
     }); }); },
-    onAfterRequest: function (response) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+    onAfterRequest: function (_) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
         return [2 /*return*/, undefined];
     }); }); }
 };
@@ -150,7 +150,6 @@ function useTable(request, options) {
                                 total: total
                             });
                         }
-                        console.log(list);
                         if (list.length === 0 && current && current > 1 && total && total > 0) {
                             maxPage = Math.ceil(total / size);
                             initList(maxPage, pageSize, auto);
@@ -199,10 +198,11 @@ function useTable(request, options) {
     }, []);
     /**
      * 列表多选执行
-     * @param _ 选中的key数组
+     * @param selectedRowKeys 选中的key数组
      * @param selectedRows 被选中的项
+     * @param info 选择信息
      */
-    var onSelectChange = useCallback(function (_, selectedRows) {
+    var onSelectChange = useCallback(function (_, selectedRows, __) {
         setSelectedRows(selectedRows);
     }, []);
     /**
@@ -243,7 +243,7 @@ function useTable(request, options) {
      * @param order 排序的值
      */
     var onChangeTable = useCallback(function (pagination, filter, order) {
-        var _a;
+        var _a, _b, _c;
         // 处理筛选参数
         Object.entries(filter).forEach(function (_a) {
             var key = _a[0], value = _a[1];
@@ -255,20 +255,26 @@ function useTable(request, options) {
             }
         });
         // 处理排序参数
-        if (order === null || order === void 0 ? void 0 : order.order) {
-            if ((_a = order === null || order === void 0 ? void 0 : order.column) === null || _a === void 0 ? void 0 : _a.sort) {
-                searchParams.column = order.column.sort;
+        // 如果 order 是数组，取第一个元素
+        var sortInfo = Array.isArray(order) ? order[0] : order;
+        if (sortInfo === null || sortInfo === void 0 ? void 0 : sortInfo.order) {
+            if ((_a = sortInfo === null || sortInfo === void 0 ? void 0 : sortInfo.column) === null || _a === void 0 ? void 0 : _a.sort) {
+                searchParams.column = sortInfo.column.sort;
             }
-            else {
-                searchParams.column = order.field;
+            else if (sortInfo.field) {
+                // 处理 field 可能是数组的情况
+                searchParams.column = Array.isArray(sortInfo.field) ? sortInfo.field[0] : sortInfo.field;
             }
-            searchParams.order = ORDER_MAP[order.order];
+            searchParams.order = ORDER_MAP[sortInfo.order];
         }
         else {
             searchParams.column = null;
             searchParams.order = null;
         }
-        initList(pagination.current, pagination.pageSize);
+        // 使用当前分页值作为默认值，处理可能为 undefined 的情况
+        var currentPage = (_b = pagination.current) !== null && _b !== void 0 ? _b : paginationRef.current.current;
+        var currentPageSize = (_c = pagination.pageSize) !== null && _c !== void 0 ? _c : paginationRef.current.pageSize;
+        initList(currentPage, currentPageSize);
     }, [initList, searchParams]);
     // 初始化
     useEffect(function () {

package/build/es/hooks/useTable/types.d.ts

@@ -1,4 +1,4 @@
-import type { RowSelectMethod } from 'antd/es/table/interface';
+import type { TableComponentProps } from '../../components/Table/types';
 export type BaseRecord = Record<string, unknown>;
 /**
  * json 格式响应
@@ -23,16 +23,14 @@ export interface RequestParams {
     [key: string]: unknown;
 }
 export interface TableChangeParams {
-    current: number;
-    pageSize: number;
+    current?: number;
+    pageSize?: number;
 }
-export type FilterParams = Record<string, string[] | string | null>;
+export type FilterParams = Record<string, any>;
 export interface SortParams {
-    field: string;
-    order: 'ascend' | 'descend' | null;
-    column?: {
-        sort?: string;
-    };
+    field?: any;
+    order?: 'ascend' | 'descend' | null;
+    column?: any;
 }
 export interface OptionsProps<T = BaseRecord> {
     /**
@@ -81,26 +79,7 @@ export interface ReturnData<T = BaseRecord> {
     /**
      * 列表 props，拓展到 table 上
      */
-    tableProps: {
-        rowKey: string;
-        loading: boolean;
-        dataSource: T[];
-        rowSelection?: {
-            selectedRowKeys: Array<string | number>;
-            onChange?: (selectedRowKeys: Array<string | number>, selectedRows: T[], info: {
-                type: RowSelectMethod;
-            }) => void;
-        };
-        onChange: (pagination: TableChangeParams, filter: FilterParams, order: SortParams) => void;
-        pagination: {
-            showQuickJumper: boolean;
-            showSizeChanger: boolean;
-            showTotal: (total: number) => string;
-            total: number;
-            current: number;
-            pageSize: number;
-        };
-    };
+    tableProps: TableComponentProps;
     /**
      * 列表搜索
      */

package/build/es/locale/en-us.d.ts

@@ -0,0 +1,25 @@
+declare const messages: {
+    'operation.add': string;
+    'operation.delete': string;
+    'operation.batchDelete': string;
+    'operation.edit': string;
+    'operation.download': string;
+    'operation.logout': string;
+    'operation.export': string;
+    'operation.close': string;
+    'operation.details': string;
+    'operation.confirm': string;
+    'operation.save': string;
+    'operation.cancel': string;
+    'component.table.selected': string;
+    'component.table.total': string;
+    'component.table.visibleError': string;
+    'component.searcharea.toggle': string;
+    'component.searcharea.submit': string;
+    'component.searcharea.reset': string;
+    'component.searcharea.close': string;
+    'message.delete': string;
+    'message.success': string;
+    'table.pagination.total': string;
+};
+export default messages;

package/build/es/locale/en-us.js

@@ -0,0 +1,27 @@
+var messages = {
+    'operation.add': 'Add',
+    'operation.delete': 'Delete',
+    'operation.batchDelete': 'Batch Delete',
+    'operation.edit': 'Edit',
+    'operation.download': 'Download',
+    'operation.logout': 'Logout',
+    'operation.export': 'Export',
+    'operation.close': 'Close',
+    'operation.details': 'Details',
+    'operation.confirm': 'Confirm',
+    'operation.save': 'Save',
+    'operation.cancel': 'Cancel',
+    // Components
+    'component.table.selected': '{length} selected',
+    'component.table.total': 'Total {total} items',
+    'component.table.visibleError': 'At least one field must be visible',
+    'component.searcharea.toggle': 'Advanced Search',
+    'component.searcharea.submit': 'Submit',
+    'component.searcharea.reset': 'Reset',
+    'component.searcharea.close': 'Close',
+    // Messages
+    'message.delete': 'This action cannot be undone, confirm delete?',
+    'message.success': 'Operation successful',
+    'table.pagination.total': 'Total {total} items',
+};
+export default messages;

package/build/es/locale/index.d.ts

@@ -0,0 +1,3 @@
+import { type Messages, type MessagesKeys } from './types';
+declare const messages: Messages;
+export { messages, type MessagesKeys };

package/build/es/locale/index.js

@@ -0,0 +1,7 @@
+import zhCN from './zh-cn';
+import enUS from './en-us';
+var messages = {
+    zh: zhCN,
+    en: enUS
+};
+export { messages };

package/build/es/locale/types.d.ts

@@ -0,0 +1,9 @@
+import type zhCN from './zh-cn';
+type MessageIds = {
+    [K in keyof typeof zhCN]: string;
+};
+export type MessagesKeys = 'zh' | 'en';
+export type Messages = {
+    [K in MessagesKeys]: MessageIds;
+};
+export {};

package/build/es/locale/types.js

@@ -0,0 +1 @@
+export {};