@tmagic/table 1.0.0-beta.3 → 1.0.0-beta.6

package/dist/types/src/Table.vue.d.ts

@@ -0,0 +1,129 @@
+import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
+declare const _default: DefineComponent<{
+    data: {
+        type: ArrayConstructor;
+        require: boolean;
+    };
+    columns: {
+        type: PropType<any[]>;
+        require: boolean;
+        default: () => never[];
+    };
+    /** 合并行或列的计算方法 */
+    spanMethod: {
+        type: PropType<(data: {
+            row: any;
+            column: any;
+            rowIndex: number;
+            columnIndex: number;
+        }) => [number, number]>;
+    };
+    fetch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Table 的最大高度。合法的值为数字或者单位为 px 的高度 */
+    bodyHeight: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    /** 是否显示表头 */
+    showHeader: {
+        type: BooleanConstructor;
+    };
+    /** 空数据时显示的文本内容 */
+    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;
+    });
+}, ComponentOptionsMixin, ComponentOptionsMixin, ("afterAction" | "sort-change" | "select" | "select-all" | "selection-change")[], "afterAction" | "sort-change" | "select" | "select-all" | "selection-change", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    data: {
+        type: ArrayConstructor;
+        require: boolean;
+    };
+    columns: {
+        type: PropType<any[]>;
+        require: boolean;
+        default: () => never[];
+    };
+    /** 合并行或列的计算方法 */
+    spanMethod: {
+        type: PropType<(data: {
+            row: any;
+            column: any;
+            rowIndex: number;
+            columnIndex: number;
+        }) => [number, number]>;
+    };
+    fetch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Table 的最大高度。合法的值为数字或者单位为 px 的高度 */
+    bodyHeight: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    /** 是否显示表头 */
+    showHeader: {
+        type: BooleanConstructor;
+    };
+    /** 空数据时显示的文本内容 */
+    emptyText: {
+        type: StringConstructor;
+    };
+    /** 是否默认展开所有行，当 Table 包含展开行存在或者为树形表格时有效 */
+    defaultExpandAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rowkeyName: {
+        type: StringConstructor;
+    };
+    /** 是否带有纵向边框 */
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onAfterAction?: ((...args: any[]) => any) | undefined;
+    "onSort-change"?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
+    "onSelect-all"?: ((...args: any[]) => any) | undefined;
+    "onSelection-change"?: ((...args: any[]) => any) | undefined;
+}, {
+    columns: any[];
+    fetch: boolean;
+    showHeader: boolean;
+    defaultExpandAll: boolean;
+    border: boolean;
+}>;
+export default _default;

package/dist/types/src/TextColumn.vue.d.ts

@@ -0,0 +1,29 @@
+import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
+import { ColumnConfig } from './schema';
+declare const _default: DefineComponent<{
+    config: {
+        type: PropType<ColumnConfig>;
+        default: () => {};
+        required: true;
+    };
+    editState: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}, {
+    formatter: (item: ColumnConfig, row: any) => any;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    config: {
+        type: PropType<ColumnConfig>;
+        default: () => {};
+        required: true;
+    };
+    editState: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>>, {
+    config: ColumnConfig;
+    editState: Record<string, any>;
+}>;
+export default _default;

package/dist/types/src/index.d.ts

@@ -0,0 +1,6 @@
+import { App } from 'vue';
+export { default as MagicTable } from './Table.vue';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

package/dist/types/src/schema.d.ts

@@ -0,0 +1,38 @@
+import { FormConfig, FormValue } from '@tmagic/form';
+export interface ColumnActionConfig {
+    type?: 'delete' | 'copy' | 'edit';
+    display?: (vm: any, row: any) => boolean;
+    text: string;
+    name: string;
+    handler?: (row: any) => Promise<any> | any;
+    after?: () => void;
+    action?: (data: {
+        data: any;
+    }) => void;
+}
+export declare type ColumnConfig = {
+    form?: FormConfig;
+    rules?: any;
+    values?: FormValue;
+    selection?: boolean | 'single';
+    selectable?: (row: any, index: number) => boolean;
+    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;
+    table?: ColumnConfig[];
+    formatter?: 'datetime' | ((item: any, row: Record<string, any>) => any);
+    popover: {
+        placement: '';
+        width: '';
+        trigger: '';
+        tableEmbed: '';
+    };
+    sortable?: boolean | 'custom';
+    action?: 'tip' | 'actionLink' | 'img' | 'link' | 'tag';
+    handler: (row: any) => void;
+};

package/dist/types/src/shims-vue.d.ts

@@ -0,0 +1,6 @@
+declare module '*.vue' {
+  import { DefineComponent } from 'vue';
+
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+}

package/dist/types/src/utils.d.ts

@@ -0,0 +1,2 @@
+import { ColumnConfig } from './schema';
+export declare const formatter: (item: ColumnConfig, row: any) => any;

package/dist/types/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-beta.3",
+  "version": "1.0.0-beta.6",
   "name": "@tmagic/table",
   "sideEffects": false,
   "main": "dist/tmagic-table.umd.js",
@@ -26,7 +26,7 @@
     "url": "https://github.com/Tencent/tmagic-editor.git"
   },
   "dependencies": {
-    "@tmagic/form": "^1.0.0-beta.3",
+    "@tmagic/form": "^1.0.0-beta.6",
     "element-plus": "^2.0.2",
     "lodash-es": "^4.17.21",
     "vue": "^3.2.0"