@a2simcode/ui 0.0.20 → 0.0.22

package/dist/components/table/index.d.ts

@@ -1,52 +1,124 @@
 declare const JTable: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         columns: {
-            type: import('vue').PropType<import('..').TableColumn[]>;
+            type: import('vue').PropType<import('..').SchemaRuntimeConfig[]>;
             required: true;
             default: () => never[];
         };
         records: {
-            type: import('vue').PropType<import('..').TableRecord[]>;
+            type: import('vue').PropType<Record<string, any>[]>;
             required: true;
             default: () => never[];
         };
-        widthMode: {
-            type: import('vue').PropType<"standard" | "adaptive" | "autoWidth">;
-            default: string;
+        isTree: {
+            type: BooleanConstructor;
+            default: boolean;
         };
-        height: {
-            type: NumberConstructor;
-            default: undefined;
+        isShowNumber: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isMultiple: {
+            type: BooleanConstructor;
+            default: boolean;
         };
-        border: {
+        isPage: {
             type: BooleanConstructor;
             default: boolean;
         };
-        stripe: {
+        pageLayoutSimple: {
             type: BooleanConstructor;
             default: boolean;
         };
-        theme: {
-            type: import('vue').PropType<"default" | "dark">;
+        pageSizes: ArrayConstructor;
+        pageTotal: {
+            type: NumberConstructor;
+            default: number;
+        };
+        tablePage: {
+            type: NumberConstructor;
+            default: number;
+        };
+        pageSize: {
+            type: NumberConstructor;
+            default: number;
+        };
+        selectField: {
+            type: StringConstructor;
+            default: string;
+        };
+        rowKey: {
+            type: StringConstructor;
+            default: string;
+        };
+        actions: {
+            type: import('vue').PropType<import('.').TableAction[]>;
+            default: () => never[];
+        };
+        actionsMaxCount: {
+            type: NumberConstructor;
+            default: number;
+        };
+        actionsLabel: {
+            type: StringConstructor;
             default: string;
         };
+        isAnimationAppear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        heightMode: {
+            type: import('vue').PropType<"full" | "auto">;
+            default: string;
+        };
+        maxHeight: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
     }>> & Readonly<{
+        onRowChange?: ((changeData: Record<string, any>) => any) | undefined;
         onReady?: ((instance: any) => any) | undefined;
+        onSelectionChanged?: ((selections: Record<string, any>[]) => any) | undefined;
+        "onUpdate:tablePage"?: ((tablePage: number) => any) | undefined;
+        "onUpdate:pageSize"?: ((pageSize: number) => any) | undefined;
+        onLoadPageData?: ((payload: {
+            rows: number;
+            page: number;
+        }) => any) | undefined;
     }>, {
         getInstance: () => any;
-        setRecords: (records: import('..').TableRecord[]) => void;
-        setColumns: (columns: import('..').TableColumn[]) => void;
-        refresh: () => void;
+        setRecords: (records: Record<string, any>[]) => void;
+        getSelection: () => any[];
+        setSelection: (records: any[]) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        rowChange: (changeData: Record<string, any>) => any;
         ready: (instance: any) => any;
+        selectionChanged: (selections: Record<string, any>[]) => any;
+        "update:tablePage": (tablePage: number) => any;
+        "update:pageSize": (pageSize: number) => any;
+        loadPageData: (payload: {
+            rows: number;
+            page: number;
+        }) => any;
     }, import('vue').PublicProps, {
-        height: number;
-        columns: import('..').TableColumn[];
-        records: import('..').TableRecord[];
-        widthMode: "standard" | "adaptive" | "autoWidth";
-        border: boolean;
-        stripe: boolean;
-        theme: "default" | "dark";
+        columns: import('..').SchemaRuntimeConfig[];
+        records: Record<string, any>[];
+        isTree: boolean;
+        isShowNumber: boolean;
+        isMultiple: boolean;
+        isPage: boolean;
+        pageLayoutSimple: boolean;
+        pageTotal: number;
+        tablePage: number;
+        pageSize: number;
+        selectField: string;
+        rowKey: string;
+        actions: import('.').TableAction[];
+        actionsMaxCount: number;
+        actionsLabel: string;
+        isAnimationAppear: boolean;
+        heightMode: "auto" | "full";
+        maxHeight: string | number;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         tableContainer: HTMLDivElement;
     }, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -58,103 +130,240 @@ declare const JTable: {
         Defaults: {};
     }, Readonly<import('vue').ExtractPropTypes<{
         columns: {
-            type: import('vue').PropType<import('..').TableColumn[]>;
+            type: import('vue').PropType<import('..').SchemaRuntimeConfig[]>;
             required: true;
             default: () => never[];
         };
         records: {
-            type: import('vue').PropType<import('..').TableRecord[]>;
+            type: import('vue').PropType<Record<string, any>[]>;
             required: true;
             default: () => never[];
         };
-        widthMode: {
-            type: import('vue').PropType<"standard" | "adaptive" | "autoWidth">;
-            default: string;
+        isTree: {
+            type: BooleanConstructor;
+            default: boolean;
         };
-        height: {
-            type: NumberConstructor;
-            default: undefined;
+        isShowNumber: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isMultiple: {
+            type: BooleanConstructor;
+            default: boolean;
         };
-        border: {
+        isPage: {
             type: BooleanConstructor;
             default: boolean;
         };
-        stripe: {
+        pageLayoutSimple: {
             type: BooleanConstructor;
             default: boolean;
         };
-        theme: {
-            type: import('vue').PropType<"default" | "dark">;
+        pageSizes: ArrayConstructor;
+        pageTotal: {
+            type: NumberConstructor;
+            default: number;
+        };
+        tablePage: {
+            type: NumberConstructor;
+            default: number;
+        };
+        pageSize: {
+            type: NumberConstructor;
+            default: number;
+        };
+        selectField: {
+            type: StringConstructor;
             default: string;
         };
+        rowKey: {
+            type: StringConstructor;
+            default: string;
+        };
+        actions: {
+            type: import('vue').PropType<import('.').TableAction[]>;
+            default: () => never[];
+        };
+        actionsMaxCount: {
+            type: NumberConstructor;
+            default: number;
+        };
+        actionsLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        isAnimationAppear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        heightMode: {
+            type: import('vue').PropType<"full" | "auto">;
+            default: string;
+        };
+        maxHeight: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
     }>> & Readonly<{
+        onRowChange?: ((changeData: Record<string, any>) => any) | undefined;
         onReady?: ((instance: any) => any) | undefined;
+        onSelectionChanged?: ((selections: Record<string, any>[]) => any) | undefined;
+        "onUpdate:tablePage"?: ((tablePage: number) => any) | undefined;
+        "onUpdate:pageSize"?: ((pageSize: number) => any) | undefined;
+        onLoadPageData?: ((payload: {
+            rows: number;
+            page: number;
+        }) => any) | undefined;
     }>, {
         getInstance: () => any;
-        setRecords: (records: import('..').TableRecord[]) => void;
-        setColumns: (columns: import('..').TableColumn[]) => void;
-        refresh: () => void;
+        setRecords: (records: Record<string, any>[]) => void;
+        getSelection: () => any[];
+        setSelection: (records: any[]) => void;
     }, {}, {}, {}, {
-        height: number;
-        columns: import('..').TableColumn[];
-        records: import('..').TableRecord[];
-        widthMode: "standard" | "adaptive" | "autoWidth";
-        border: boolean;
-        stripe: boolean;
-        theme: "default" | "dark";
+        columns: import('..').SchemaRuntimeConfig[];
+        records: Record<string, any>[];
+        isTree: boolean;
+        isShowNumber: boolean;
+        isMultiple: boolean;
+        isPage: boolean;
+        pageLayoutSimple: boolean;
+        pageTotal: number;
+        tablePage: number;
+        pageSize: number;
+        selectField: string;
+        rowKey: string;
+        actions: import('.').TableAction[];
+        actionsMaxCount: number;
+        actionsLabel: string;
+        isAnimationAppear: boolean;
+        heightMode: "auto" | "full";
+        maxHeight: string | number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
     columns: {
-        type: import('vue').PropType<import('..').TableColumn[]>;
+        type: import('vue').PropType<import('..').SchemaRuntimeConfig[]>;
         required: true;
         default: () => never[];
     };
     records: {
-        type: import('vue').PropType<import('..').TableRecord[]>;
+        type: import('vue').PropType<Record<string, any>[]>;
         required: true;
         default: () => never[];
     };
-    widthMode: {
-        type: import('vue').PropType<"standard" | "adaptive" | "autoWidth">;
-        default: string;
+    isTree: {
+        type: BooleanConstructor;
+        default: boolean;
     };
-    height: {
-        type: NumberConstructor;
-        default: undefined;
+    isShowNumber: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
     };
-    border: {
+    isPage: {
         type: BooleanConstructor;
         default: boolean;
     };
-    stripe: {
+    pageLayoutSimple: {
         type: BooleanConstructor;
         default: boolean;
     };
-    theme: {
-        type: import('vue').PropType<"default" | "dark">;
+    pageSizes: ArrayConstructor;
+    pageTotal: {
+        type: NumberConstructor;
+        default: number;
+    };
+    tablePage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    pageSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    selectField: {
+        type: StringConstructor;
+        default: string;
+    };
+    rowKey: {
+        type: StringConstructor;
         default: string;
     };
+    actions: {
+        type: import('vue').PropType<import('.').TableAction[]>;
+        default: () => never[];
+    };
+    actionsMaxCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    actionsLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    isAnimationAppear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    heightMode: {
+        type: import('vue').PropType<"full" | "auto">;
+        default: string;
+    };
+    maxHeight: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
 }>> & Readonly<{
+    onRowChange?: ((changeData: Record<string, any>) => any) | undefined;
     onReady?: ((instance: any) => any) | undefined;
+    onSelectionChanged?: ((selections: Record<string, any>[]) => any) | undefined;
+    "onUpdate:tablePage"?: ((tablePage: number) => any) | undefined;
+    "onUpdate:pageSize"?: ((pageSize: number) => any) | undefined;
+    onLoadPageData?: ((payload: {
+        rows: number;
+        page: number;
+    }) => any) | undefined;
 }>, {
     getInstance: () => any;
-    setRecords: (records: import('..').TableRecord[]) => void;
-    setColumns: (columns: import('..').TableColumn[]) => void;
-    refresh: () => void;
+    setRecords: (records: Record<string, any>[]) => void;
+    getSelection: () => any[];
+    setSelection: (records: any[]) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    rowChange: (changeData: Record<string, any>) => any;
     ready: (instance: any) => any;
+    selectionChanged: (selections: Record<string, any>[]) => any;
+    "update:tablePage": (tablePage: number) => any;
+    "update:pageSize": (pageSize: number) => any;
+    loadPageData: (payload: {
+        rows: number;
+        page: number;
+    }) => any;
 }, string, {
-    height: number;
-    columns: import('..').TableColumn[];
-    records: import('..').TableRecord[];
-    widthMode: "standard" | "adaptive" | "autoWidth";
-    border: boolean;
-    stripe: boolean;
-    theme: "default" | "dark";
+    columns: import('..').SchemaRuntimeConfig[];
+    records: Record<string, any>[];
+    isTree: boolean;
+    isShowNumber: boolean;
+    isMultiple: boolean;
+    isPage: boolean;
+    pageLayoutSimple: boolean;
+    pageTotal: number;
+    tablePage: number;
+    pageSize: number;
+    selectField: string;
+    rowKey: string;
+    actions: import('.').TableAction[];
+    actionsMaxCount: number;
+    actionsLabel: string;
+    isAnimationAppear: boolean;
+    heightMode: "auto" | "full";
+    maxHeight: string | number;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install: (app: import('vue').App) => void;
 };
+export * from './src/table.vue';
 export default JTable;

package/dist/components/table/src/editors/index.d.ts

@@ -0,0 +1,26 @@
+import { JCompEditor } from './j-comp-editor';
+export { JCompEditor };
+/**
+ * 注册 j-comp 编辑器
+ */
+export declare function registerJCompEditor(): void;
+/**
+ * 获取组件对应的编辑器名称
+ * @param compType 组件类型
+ */
+export declare function getEditorName(compType: string): string | undefined;
+/**
+ * 解析编辑器配置
+ * @param compType 组件类型
+ */
+export declare function parseEditorName(compType?: string): string | undefined;
+/**
+ * 初始化所有编辑器
+ * 在表格初始化时调用
+ */
+export declare function initEditors(): void;
+/**
+ * 清理所有编辑器
+ * 在表格销毁时调用
+ */
+export declare function destroyEditors(): void;

package/dist/components/table/src/editors/j-comp-editor.d.ts

@@ -0,0 +1,62 @@
+/**
+ * 基于 j-comp 的自定义编辑器类
+ * 用于在 VTable 中实现单元格编辑功能
+ */
+export declare class JCompEditor {
+    /** 包装容器 */
+    wrapContainer: HTMLElement | null;
+    /** 容器 DOM 元素 */
+    container: HTMLElement | null;
+    /** 当前编辑值 */
+    currentValue: any;
+    /**
+     * 编辑器启动时调用
+     * @param editorContext VTable 提供的编辑器上下文
+     */
+    onStart(editorContext: any): Promise<void>;
+    /**
+     * 根据字段名查找列配置
+     * @param columns 列配置数组
+     * @param field 字段名
+     */
+    findColumnByField(columns: any[], field: string): any;
+    /**
+     * 创建编辑器 DOM 元素并挂载 Vue 组件
+     * @param editorContext VTable 提供的编辑器上下文
+     */
+    createElement(editorContext: any): Promise<boolean>;
+    createEditor(editorContext: any): Promise<boolean>;
+    /**
+     * 获取当前编辑值
+     */
+    getValue(): any;
+    /**
+     * 设置编辑值
+     * @param value 新值
+     */
+    setValue(value: any): void;
+    /**
+     * 调整编辑器位置
+     * @param rect 位置矩形信息
+     */
+    adjustPosition(rect: {
+        top: number;
+        left: number;
+        width: number;
+        height: number;
+    }): void;
+    /**
+     * 编辑器结束时调用，清理资源
+     */
+    onEnd(): void;
+    /**
+     * 判断目标元素是否属于编辑器
+     * @param target 目标元素
+     */
+    isEditorElement(target: HTMLElement): boolean;
+    /**
+     * 检查是否点击了弹出层
+     * @param target 目标元素
+     */
+    isClickPopUp(target: HTMLElement | null): boolean;
+}