@tmagic/table 1.2.0-beta.2 → 1.2.0-beta.20

package/types/Table.vue.d.ts

@@ -1,131 +1,232 @@
-import { PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<{
-    data: {
-        type: ArrayConstructor;
-        require: boolean;
-    };
-    columns: {
-        type: PropType<any[]>;
-        require: boolean;
-        default: () => never[];
-    };
-    /** 合并行或列的计算方法 */
-    spanMethod: {
-        type: PropType<(data: {
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            columns: any[];
+            loading: boolean;
+            showHeader: boolean;
+            defaultExpandAll: boolean;
+            border: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+            data: any[];
+            columns?: any[] | undefined;
+            /** 合并行或列的计算方法 */
+            spanMethod?: ((data: {
+                row: any;
+                column: any;
+                rowIndex: number;
+                columnIndex: number;
+            }) => [number, number]) | undefined;
+            loading?: boolean | undefined;
+            /** Table 的最大高度。合法的值为数字或者单位为 px 的高度 */
+            bodyHeight?: string | number | undefined;
+            /** 是否显示表头 */
+            showHeader?: boolean | undefined;
+            /** 空数据时显示的文本内容 */
+            emptyText?: string | undefined;
+            /** 是否默认展开所有行，当 Table 包含展开行存在或者为树形表格时有效 */
+            defaultExpandAll?: boolean | undefined;
+            rowkeyName?: string | undefined;
+            /** 是否带有纵向边框 */
+            border?: boolean | undefined;
+        }>, {
+            columns: () => never[];
+            loading: boolean;
+            showHeader: boolean;
+            defaultExpandAll: boolean;
+            border: boolean;
+        }>>> & {
+            "onAfter-action"?: ((...args: any[]) => any) | undefined;
+            onSelect?: ((...args: any[]) => any) | undefined;
+            "onSort-change"?: ((...args: any[]) => any) | undefined;
+            "onSelect-all"?: ((...args: any[]) => any) | undefined;
+            "onSelection-change"?: ((...args: any[]) => any) | undefined;
+            "onExpand-change"?: ((...args: any[]) => any) | undefined;
+            "onCell-click"?: ((...args: any[]) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "columns" | "loading" | "showHeader" | "defaultExpandAll" | "border">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $emit: (event: "after-action" | "sort-change" | "select" | "select-all" | "selection-change" | "expand-change" | "cell-click", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+            data: any[];
+            columns?: any[] | undefined;
+            /** 合并行或列的计算方法 */
+            spanMethod?: ((data: {
+                row: any;
+                column: any;
+                rowIndex: number;
+                columnIndex: number;
+            }) => [number, number]) | undefined;
+            loading?: boolean | undefined;
+            /** Table 的最大高度。合法的值为数字或者单位为 px 的高度 */
+            bodyHeight?: string | number | undefined;
+            /** 是否显示表头 */
+            showHeader?: boolean | undefined;
+            /** 空数据时显示的文本内容 */
+            emptyText?: string | undefined;
+            /** 是否默认展开所有行，当 Table 包含展开行存在或者为树形表格时有效 */
+            defaultExpandAll?: boolean | undefined;
+            rowkeyName?: string | undefined;
+            /** 是否带有纵向边框 */
+            border?: boolean | undefined;
+        }>, {
+            columns: () => never[];
+            loading: boolean;
+            showHeader: boolean;
+            defaultExpandAll: boolean;
+            border: boolean;
+        }>>> & {
+            "onAfter-action"?: ((...args: any[]) => any) | undefined;
+            onSelect?: ((...args: any[]) => any) | undefined;
+            "onSort-change"?: ((...args: any[]) => any) | undefined;
+            "onSelect-all"?: ((...args: any[]) => any) | undefined;
+            "onSelection-change"?: ((...args: any[]) => any) | undefined;
+            "onExpand-change"?: ((...args: any[]) => any) | undefined;
+            "onCell-click"?: ((...args: any[]) => any) | undefined;
+        }, {
+            toggleRowSelection: (row: any, selected: boolean) => void;
+            toggleRowExpansion: (row: any, expanded: boolean) => void;
+            clearSelection: () => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("after-action" | "sort-change" | "select" | "select-all" | "selection-change" | "expand-change" | "cell-click")[], string, {
+            columns: any[];
+            loading: boolean;
+            showHeader: boolean;
+            defaultExpandAll: boolean;
+            border: boolean;
+        }> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+        data: any[];
+        columns?: any[] | undefined;
+        /** 合并行或列的计算方法 */
+        spanMethod?: ((data: {
             row: any;
             column: any;
             rowIndex: number;
             columnIndex: number;
-        }) => [number, number]>;
-    };
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Table 的最大高度。合法的值为数字或者单位为 px 的高度 */
-    bodyHeight: {
-        type: (StringConstructor | NumberConstructor)[];
-    };
-    /** 是否显示表头 */
-    showHeader: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** 空数据时显示的文本内容 */
-    emptyText: {
-        type: StringConstructor;
-    };
-    /** 是否默认展开所有行，当 Table 包含展开行存在或者为树形表格时有效 */
-    defaultExpandAll: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    rowkeyName: {
-        type: StringConstructor;
-    };
-    /** 是否带有纵向边框 */
-    border: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, unknown, {
-    editState: any[];
-}, {
-    tableData(): unknown[];
-    selectionColumn(): any;
-    hasBorder(): boolean;
-}, {
-    sortChange(data: any): void;
-    selectHandler(selection: any, row: any): void;
-    selectAllHandler(selection: any): void;
-    selectionChangeHandler(selection: any): void;
-    toggleRowSelection(row: any, selected: boolean): void;
-    toggleRowExpansion(row: any, expanded: boolean): void;
-    clearSelection(): void;
-    objectSpanMethod(data: any): [number, number] | (() => {
-        rowspan: number;
-        colspan: number;
-    });
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("afterAction" | "sort-change" | "select" | "select-all" | "selection-change")[], "select" | "afterAction" | "sort-change" | "select-all" | "selection-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    data: {
-        type: ArrayConstructor;
-        require: boolean;
-    };
-    columns: {
-        type: PropType<any[]>;
-        require: boolean;
-        default: () => never[];
-    };
+        }) => [number, number]) | undefined;
+        loading?: boolean | undefined;
+        /** Table 的最大高度。合法的值为数字或者单位为 px 的高度 */
+        bodyHeight?: string | number | undefined;
+        /** 是否显示表头 */
+        showHeader?: boolean | undefined;
+        /** 空数据时显示的文本内容 */
+        emptyText?: string | undefined;
+        /** 是否默认展开所有行，当 Table 包含展开行存在或者为树形表格时有效 */
+        defaultExpandAll?: boolean | undefined;
+        rowkeyName?: string | undefined;
+        /** 是否带有纵向边框 */
+        border?: boolean | undefined;
+    }>, {
+        columns: () => never[];
+        loading: boolean;
+        showHeader: boolean;
+        defaultExpandAll: boolean;
+        border: boolean;
+    }>>> & {
+        "onAfter-action"?: ((...args: any[]) => any) | undefined;
+        onSelect?: ((...args: any[]) => any) | undefined;
+        "onSort-change"?: ((...args: any[]) => any) | undefined;
+        "onSelect-all"?: ((...args: any[]) => any) | undefined;
+        "onSelection-change"?: ((...args: any[]) => any) | undefined;
+        "onExpand-change"?: ((...args: any[]) => any) | undefined;
+        "onCell-click"?: ((...args: any[]) => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{
+        toggleRowSelection: (row: any, selected: boolean) => void;
+        toggleRowExpansion: (row: any, expanded: boolean) => void;
+        clearSelection: () => void;
+    }> & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    data: any[];
+    columns?: any[] | undefined;
     /** 合并行或列的计算方法 */
-    spanMethod: {
-        type: PropType<(data: {
-            row: any;
-            column: any;
-            rowIndex: number;
-            columnIndex: number;
-        }) => [number, number]>;
-    };
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    spanMethod?: ((data: {
+        row: any;
+        column: any;
+        rowIndex: number;
+        columnIndex: number;
+    }) => [number, number]) | undefined;
+    loading?: boolean | undefined;
     /** Table 的最大高度。合法的值为数字或者单位为 px 的高度 */
-    bodyHeight: {
-        type: (StringConstructor | NumberConstructor)[];
-    };
+    bodyHeight?: string | number | undefined;
     /** 是否显示表头 */
-    showHeader: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    showHeader?: boolean | undefined;
     /** 空数据时显示的文本内容 */
-    emptyText: {
-        type: StringConstructor;
-    };
+    emptyText?: string | undefined;
     /** 是否默认展开所有行，当 Table 包含展开行存在或者为树形表格时有效 */
-    defaultExpandAll: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    rowkeyName: {
-        type: StringConstructor;
-    };
+    defaultExpandAll?: boolean | undefined;
+    rowkeyName?: string | undefined;
     /** 是否带有纵向边框 */
-    border: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
-    onAfterAction?: ((...args: any[]) => any) | undefined;
+    border?: boolean | undefined;
+}>, {
+    columns: () => never[];
+    loading: boolean;
+    showHeader: boolean;
+    defaultExpandAll: boolean;
+    border: boolean;
+}>>> & {
+    "onAfter-action"?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
     "onSort-change"?: ((...args: any[]) => any) | undefined;
     "onSelect-all"?: ((...args: any[]) => any) | undefined;
     "onSelection-change"?: ((...args: any[]) => any) | undefined;
+    "onExpand-change"?: ((...args: any[]) => any) | undefined;
+    "onCell-click"?: ((...args: any[]) => any) | undefined;
 }, {
+    toggleRowSelection: (row: any, selected: boolean) => void;
+    toggleRowExpansion: (row: any, expanded: boolean) => void;
+    clearSelection: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("after-action" | "sort-change" | "select" | "select-all" | "selection-change" | "expand-change" | "cell-click")[], "after-action" | "select" | "sort-change" | "select-all" | "selection-change" | "expand-change" | "cell-click", {
     columns: any[];
-    showHeader: boolean;
     loading: boolean;
+    showHeader: boolean;
     defaultExpandAll: boolean;
     border: boolean;
-}>;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
 export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+declare type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/types/TextColumn.vue.d.ts

@@ -1,29 +1,92 @@
-import { PropType } from 'vue';
 import { ColumnConfig } from './schema';
-declare const _default: import("vue").DefineComponent<{
-    config: {
-        type: PropType<ColumnConfig>;
-        default: () => {};
-        required: true;
-    };
-    editState: {
-        type: ObjectConstructor;
-        default: () => void;
-    };
-}, {
-    formatter: (item: ColumnConfig, row: any) => any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    config: {
-        type: PropType<ColumnConfig>;
-        default: () => {};
-        required: true;
-    };
-    editState: {
-        type: ObjectConstructor;
-        default: () => void;
-    };
-}>>, {
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            config: ColumnConfig;
+            editState: any;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+            config: ColumnConfig;
+            editState?: any;
+        }>, {
+            config: () => {};
+            editState: () => {};
+        }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "config" | "editState">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+            config: ColumnConfig;
+            editState?: any;
+        }>, {
+            config: () => {};
+            editState: () => {};
+        }>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            config: ColumnConfig;
+            editState: any;
+        }> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+        config: ColumnConfig;
+        editState?: any;
+    }>, {
+        config: () => {};
+        editState: () => {};
+    }>>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    config: ColumnConfig;
+    editState?: any;
+}>, {
+    config: () => {};
+    editState: () => {};
+}>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
     config: ColumnConfig;
-    editState: Record<string, any>;
-}>;
+    editState: any;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
 export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+declare type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/types/schema.d.ts

@@ -1,9 +1,10 @@
 import { FormConfig, FormValue } from '@tmagic/form';
 export interface ColumnActionConfig {
     type?: 'delete' | 'copy' | 'edit';
-    display?: (vm: any, row: any) => boolean;
-    text: string;
+    display?: (row: any) => boolean;
+    text: string | ((row: any) => string);
     name: string;
+    icon?: any;
     handler?: (row: any) => Promise<any> | any;
     before?: (row: any) => void;
     after?: (row: any) => void;
@@ -17,23 +18,29 @@ export declare type ColumnConfig = {
     values?: FormValue;
     selection?: boolean | 'single';
     selectable?: (row: any, index: number) => boolean;
-    label: string;
+    label?: string;
     fixed?: 'left' | 'right' | boolean;
     width?: number | string;
     actions?: ColumnActionConfig[];
-    type: 'popover' | 'expand' | string | ((value: any, row: any) => string);
-    text: string;
-    prop: string;
-    showHeader: boolean;
+    type?: 'popover' | 'expand' | string | ((value: any, row: any) => string);
+    text?: string;
+    prop?: string;
+    showHeader?: boolean;
     table?: ColumnConfig[];
     formatter?: 'datetime' | ((item: any, row: Record<string, any>) => any);
-    popover: {
-        placement: '';
-        width: '';
-        trigger: '';
-        tableEmbed: '';
+    popover?: {
+        placement: string;
+        width: string;
+        trigger: string;
+        tableEmbed: string;
     };
     sortable?: boolean | 'custom';
     action?: 'tip' | 'actionLink' | 'img' | 'link' | 'tag';
-    handler: (row: any) => void;
+    handler?: (row: any) => void;
+    /** 当type为expand时有效，展开为html */
+    expandContent?: (row: any, prop?: string) => string;
+    /** 当type为expand时有效，展开为vue组件 */
+    component?: any;
+    /** 当type为expand时有效，展开的vue组件props */
+    props?: any;
 };