@tmagic/table 1.2.0-beta.9 → 1.2.1

package/src/Table.vue

@@ -9,7 +9,7 @@
     :max-height="bodyHeight"
     :default-expand-all="defaultExpandAll"
     :border="hasBorder"
-    :row-key="rowkeyName || 'c_id'"
+    :row-key="rowkeyName || 'id'"
     :tree-props="{ children: 'children' }"
     :empty-text="emptyText || '暂无数据'"
     :span-method="objectSpanMethod"
@@ -17,6 +17,8 @@
     @select="selectHandler"
     @select-all="selectAllHandler"
     @selection-change="selectionChangeHandler"
+    @cell-click="cellClickHandler"
+    @expand-change="expandChange"
   >
     <template v-for="(item, columnIndex) in columns">
       <template v-if="item.type === 'expand'">
@@ -40,7 +42,7 @@
           :rowkey-name="rowkeyName"
           :edit-state="editState"
           :key="columnIndex"
-          @afterAction="$emit('afterAction')"
+          @after-action="$emit('after-action')"
         ></ActionsColumn>
       </template>
 
@@ -55,7 +57,7 @@
   </TMagicTable>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="MTable">
 import { computed, ref } from 'vue';
 import { cloneDeep } from 'lodash-es';
 
@@ -94,7 +96,15 @@ const props = withDefaults(
   },
 );
 
-const emit = defineEmits(['sort-change', 'afterAction', 'select', 'select-all', 'selection-change']);
+const emit = defineEmits([
+  'sort-change',
+  'after-action',
+  'select',
+  'select-all',
+  'selection-change',
+  'expand-change',
+  'cell-click',
+]);
 
 const tMagicTable = ref<InstanceType<typeof TMagicTable>>();
 
@@ -141,6 +151,14 @@ const selectionChangeHandler = (selection: any) => {
   emit('selection-change', selection);
 };
 
+const cellClickHandler = (...args: any[]) => {
+  emit('cell-click', ...args);
+};
+
+const expandChange = (...args: any[]) => {
+  emit('expand-change', ...args);
+};
+
 const toggleRowSelection = (row: any, selected: boolean) => {
   tMagicTable.value?.toggleRowSelection(row, selected);
 };

package/src/TextColumn.vue

@@ -57,7 +57,7 @@
   </TMagicTableColumn>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="MTableColumn">
 import { TMagicButton, TMagicForm, TMagicTableColumn, TMagicTag } from '@tmagic/design';
 
 import { ColumnConfig } from './schema';

package/src/index.ts

@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/schema.ts

@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -55,4 +55,10 @@ export type ColumnConfig = {
   sortable?: boolean | 'custom';
   action?: 'tip' | 'actionLink' | 'img' | 'link' | 'tag';
   handler?: (row: any) => void;
+  /** 当type为expand时有效，展开为html */
+  expandContent?: (row: any, prop?: string) => string;
+  /** 当type为expand时有效，展开为vue组件 */
+  component?: any;
+  /** 当type为expand时有效，展开的vue组件props */
+  props?: any;
 };

package/src/utils.ts

@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/types/ActionsColumn.vue.d.ts

@@ -1,93 +1,15 @@
 import { ColumnConfig } from './schema';
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            columns: any[];
-            config: ColumnConfig;
-            rowkeyName: string;
-            editState: any;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-            columns: any[];
-            config: ColumnConfig;
-            rowkeyName?: string | undefined;
-            editState?: any;
-        }>, {
-            columns: () => never[];
-            config: () => {};
-            rowkeyName: string;
-            editState: () => never[];
-        }>>> & {
-            onAfterAction?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "columns" | "config" | "rowkeyName" | "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: "afterAction", ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-            columns: any[];
-            config: ColumnConfig;
-            rowkeyName?: string | undefined;
-            editState?: any;
-        }>, {
-            columns: () => never[];
-            config: () => {};
-            rowkeyName: string;
-            editState: () => never[];
-        }>>> & {
-            onAfterAction?: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "afterAction"[], string, {
-            columns: any[];
-            config: ColumnConfig;
-            rowkeyName: string;
-            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<{
-        columns: any[];
-        config: ColumnConfig;
-        rowkeyName?: string | undefined;
-        editState?: any;
-    }>, {
-        columns: () => never[];
-        config: () => {};
-        rowkeyName: string;
-        editState: () => never[];
-    }>>> & {
-        onAfterAction?: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    columns: any[];
+    config: ColumnConfig;
+    rowkeyName?: string | undefined;
+    editState?: any;
+}>, {
+    columns: () => never[];
+    config: () => {};
+    rowkeyName: string;
+    editState: () => never[];
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "after-action"[], "after-action", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     columns: any[];
     config: ColumnConfig;
     rowkeyName?: string | undefined;
@@ -98,13 +20,13 @@ declare const _default: {
     rowkeyName: string;
     editState: () => never[];
 }>>> & {
-    onAfterAction?: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "afterAction"[], "afterAction", {
+    "onAfter-action"?: ((...args: any[]) => any) | undefined;
+}, {
     columns: any[];
     config: ColumnConfig;
     rowkeyName: string;
     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> = {

package/types/ExpandColumn.vue.d.ts

@@ -1,69 +1,15 @@
 import { ColumnConfig } from './schema';
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            config: ColumnConfig;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-            config: ColumnConfig;
-        }>, {
-            config: () => {};
-        }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "config">;
-        $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;
-        }>, {
-            config: () => {};
-        }>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-            config: ColumnConfig;
-        }> & {
-            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;
-    }>, {
-        config: () => {};
-    }>>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     config: ColumnConfig;
 }>, {
     config: () => {};
-}>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     config: ColumnConfig;
-}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+}>, {
+    config: () => {};
+}>>>, {
+    config: ColumnConfig;
+}>;
 export default _default;
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 declare type __VLS_TypePropsToRuntimeProps<T> = {

package/types/PopoverColumn.vue.d.ts

@@ -1,69 +1,15 @@
 import { ColumnConfig } from './schema';
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            config: ColumnConfig;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-            config: ColumnConfig;
-        }>, {
-            config: () => {};
-        }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "config">;
-        $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;
-        }>, {
-            config: () => {};
-        }>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-            config: ColumnConfig;
-        }> & {
-            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;
-    }>, {
-        config: () => {};
-    }>>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     config: ColumnConfig;
 }>, {
     config: () => {};
-}>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     config: ColumnConfig;
-}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+}>, {
+    config: () => {};
+}>>>, {
+    config: ColumnConfig;
+}>;
 export default _default;
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 declare type __VLS_TypePropsToRuntimeProps<T> = {

package/types/Table.vue.d.ts

@@ -1,168 +1,36 @@
-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;
-        }>>> & {
-            onAfterAction?: ((...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;
-        } & 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: "afterAction" | "sort-change" | "select" | "select-all" | "selection-change", ...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;
-        }>>> & {
-            onAfterAction?: ((...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;
-        }, {
-            toggleRowSelection: (row: any, selected: boolean) => void;
-            toggleRowExpansion: (row: any, expanded: boolean) => void;
-            clearSelection: () => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("afterAction" | "sort-change" | "select" | "select-all" | "selection-change")[], 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]) | 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;
-    }>>> & {
-        onAfterAction?: ((...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;
-    } & 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<{
+declare const _default: import("vue").DefineComponent<__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;
+}>, {
+    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", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     data: any[];
     columns?: any[] | undefined;
     /** 合并行或列的计算方法 */
@@ -191,22 +59,20 @@ declare const _default: {
     defaultExpandAll: boolean;
     border: boolean;
 }>>> & {
-    onAfterAction?: ((...args: any[]) => any) | undefined;
+    "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, ("afterAction" | "sort-change" | "select" | "select-all" | "selection-change")[], "select" | "afterAction" | "sort-change" | "select-all" | "selection-change", {
     columns: any[];
     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> = {