xmirror-components 1.0.30-alpha.7 → 1.0.30

package/build/lib/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/lib/locale/en-us.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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',
+};
+exports.default = messages;

package/build/lib/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/lib/locale/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.messages = void 0;
+var zh_cn_1 = __importDefault(require("./zh-cn"));
+var en_us_1 = __importDefault(require("./en-us"));
+var messages = {
+    zh: zh_cn_1.default,
+    en: en_us_1.default
+};
+exports.messages = messages;

package/build/lib/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/lib/locale/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/lib/locale/zh-cn.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/lib/locale/zh-cn.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var messages = {
+    // 操作类
+    'operation.add': '添加',
+    'operation.delete': '删除',
+    'operation.batchDelete': '批量删除',
+    'operation.edit': '编辑',
+    'operation.download': '下载',
+    'operation.logout': '退出登录',
+    'operation.export': '导出',
+    'operation.close': '关闭',
+    'operation.details': '详情',
+    'operation.confirm': '确认',
+    'operation.save': '保存',
+    'operation.cancel': '取消',
+    // 组件
+    'component.table.selected': '已选{length}条',
+    'component.table.total': '共{total}条',
+    'component.table.visibleError': '列表最少保留一个字段',
+    'component.searcharea.toggle': '高级搜索',
+    'component.searcharea.submit': '筛选',
+    'component.searcharea.reset': '重置',
+    'component.searcharea.close': '收起',
+    // 提示类
+    'message.delete': '删除操作无法恢复，确认删除？',
+    'message.success': '操作成功',
+    'table.pagination.total': '共{total}条',
+};
+exports.default = messages;

package/build/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xmirror-components",
-  "version": "1.0.30-alpha.7",
+  "version": "1.0.30",
   "type": "module",
   "main": "build/lib/index.js",
   "module": "build/es/index.js",
@@ -23,18 +23,20 @@
     "publish:dev": "npm publish --access public --tag dev"
   },
   "peerDependencies": {
-    "antd": ">=5.0.0",
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0",
     "@ant-design/icons": ">=5.0.0",
     "ahooks": ">=3.0.0",
+    "antd": ">=5.0.0",
     "lodash-es": ">=4.17.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
     "react-intl": ">=7.0.0",
     "react-transition-group": ">=4.4.0"
   },
   "dependencies": {
     "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.1"
+    "@emotion/styled": "^11.14.1",
+    "@types/react-resizable": "^3.0.8",
+    "react-resizable": "^3.0.5"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",

package/build/types/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/types/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/types/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/types/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/types/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/types/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/types/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/types/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/types/components/Table/types.d.ts

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

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

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

package/build/types/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/types/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/types/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/types/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/types/locale/zh-cn.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xmirror-components",
-  "version": "1.0.30-alpha.7",
+  "version": "1.0.30",
   "type": "module",
   "main": "build/lib/index.js",
   "module": "build/es/index.js",
@@ -23,18 +23,20 @@
     "publish:dev": "npm publish --access public --tag dev"
   },
   "peerDependencies": {
-    "antd": ">=5.0.0",
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0",
     "@ant-design/icons": ">=5.0.0",
     "ahooks": ">=3.0.0",
+    "antd": ">=5.0.0",
     "lodash-es": ">=4.17.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
     "react-intl": ">=7.0.0",
     "react-transition-group": ">=4.4.0"
   },
   "dependencies": {
     "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.1"
+    "@emotion/styled": "^11.14.1",
+    "@types/react-resizable": "^3.0.8",
+    "react-resizable": "^3.0.5"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",