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

package/src/TextColumn.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-table-column
+  <TMagicTableColumn
     show-overflow-tooltip
     :label="config.label"
     :width="config.width"
@@ -8,7 +8,7 @@
     :prop="config.prop"
   >
     <template v-slot="scope">
-      <el-form v-if="config.type && editState[scope.$index]" label-width="0" :model="editState[scope.$index]">
+      <TMagicForm v-if="config.type && editState[scope.$index]" label-width="0" :model="editState[scope.$index]">
         <m-form-container
           :prop="config.prop"
           :rules="config.rules"
@@ -16,62 +16,61 @@
           :name="config.prop"
           :model="editState[scope.$index]"
         ></m-form-container>
-      </el-form>
+      </TMagicForm>
 
-      <el-button v-else-if="config.action === 'actionLink'" text type="primary" @click="config.handler(scope.row)">
-        {{ formatter(config, scope.row) }}
-      </el-button>
+      <TMagicButton
+        v-else-if="config.action === 'actionLink' && config.prop"
+        text
+        type="primary"
+        @click="config.handler?.(scope.row)"
+      >
+        <span v-html="formatter(config, scope.row)"></span>
+      </TMagicButton>
 
-      <a v-else-if="config.action === 'img'" target="_blank" :href="scope.row[config.prop]"
+      <a v-else-if="config.action === 'img' && config.prop" target="_blank" :href="scope.row[config.prop]"
         ><img :src="scope.row[config.prop]" height="50"
       /></a>
 
-      <a v-else-if="config.action === 'link'" target="_blank" :href="scope.row[config.prop]" class="keep-all">{{
-        scope.row[config.prop]
-      }}</a>
+      <a
+        v-else-if="config.action === 'link' && config.prop"
+        target="_blank"
+        :href="scope.row[config.prop]"
+        class="keep-all"
+        >{{ scope.row[config.prop] }}</a
+      >
 
       <el-tooltip v-else-if="config.action === 'tip'" placement="left">
         <template #content>
           <div>{{ formatter(config, scope.row) }}</div>
         </template>
-        <el-button text type="primary">扩展配置</el-button>
+        <TMagicButton text type="primary">扩展配置</TMagicButton>
       </el-tooltip>
 
-      <el-tag
-        v-else-if="config.action === 'tag'"
+      <TMagicTag
+        v-else-if="config.action === 'tag' && config.prop"
         :type="typeof config.type === 'function' ? config.type(scope.row[config.prop], scope.row) : config.type"
         close-transition
-        >{{ formatter(config, scope.row) }}</el-tag
+        >{{ formatter(config, scope.row) }}</TMagicTag
       >
       <div v-else v-html="formatter(config, scope.row)"></div>
     </template>
-  </el-table-column>
+  </TMagicTableColumn>
 </template>
 
-<script lang="ts">
-import { defineComponent, PropType } from 'vue';
+<script lang="ts" setup name="MTableColumn">
+import { TMagicButton, TMagicForm, TMagicTableColumn, TMagicTag } from '@tmagic/design';
 
 import { ColumnConfig } from './schema';
 import { formatter } from './utils';
 
-export default defineComponent({
-  props: {
-    config: {
-      type: Object as PropType<ColumnConfig>,
-      default: () => ({}),
-      required: true,
-    },
-
-    editState: {
-      type: Object,
-      default: () => {},
-    },
-  },
-
-  setup() {
-    return {
-      formatter,
-    };
+withDefaults(
+  defineProps<{
+    config: ColumnConfig;
+    editState?: any;
+  }>(),
+  {
+    config: () => ({}),
+    editState: () => ({}),
   },
-});
+);
 </script>

package/src/index.ts

@@ -22,12 +22,8 @@ import Table from './Table.vue';
 
 export { default as MagicTable } from './Table.vue';
 
-const components = [Table];
-
 export default {
   install(app: App) {
-    components.forEach((component) => {
-      app.component(component.name, component);
-    });
+    app.component('m-table', Table);
   },
 };

package/src/schema.ts

@@ -20,9 +20,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;
@@ -35,23 +36,29 @@ export 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;
 };

package/src/utils.ts

@@ -21,6 +21,8 @@ import { datetimeFormatter } from '@tmagic/utils';
 import { ColumnConfig } from './schema';
 
 export const formatter = (item: ColumnConfig, row: any) => {
+  if (!item.prop) return '';
+
   if (item.formatter) {
     if (item.formatter === 'datetime') {
       // eslint-disable-next-line no-param-reassign

package/types/ActionsColumn.vue.d.ts

@@ -1,4 +1,3 @@
-import { PropType } from 'vue';
 import { ColumnConfig } from './schema';
 declare const _default: {
     new (...args: any[]): {
@@ -8,28 +7,19 @@ declare const _default: {
             columns: any[];
             config: ColumnConfig;
             rowkeyName: string;
-            editState: Record<string, any>;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            columns: {
-                type: PropType<any[]>;
-                require: boolean;
-                default: () => never[];
-            };
-            config: {
-                type: PropType<ColumnConfig>;
-                require: boolean;
-                default: () => void;
-            };
-            rowkeyName: {
-                type: StringConstructor;
-                default: string;
-            };
-            editState: {
-                type: ObjectConstructor;
-                default: () => void;
-            };
-        }>> & {
-            onAfterAction?: ((...args: any[]) => any) | undefined;
+            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[];
+        }>>> & {
+            "onAfter-action"?: ((...args: any[]) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "columns" | "config" | "rowkeyName" | "editState">;
         $attrs: {
             [x: string]: unknown;
@@ -42,34 +32,25 @@ declare const _default: {
         }>;
         $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;
+        $emit: (event: "after-action", ...args: any[]) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            columns: {
-                type: PropType<any[]>;
-                require: boolean;
-                default: () => never[];
-            };
-            config: {
-                type: PropType<ColumnConfig>;
-                require: boolean;
-                default: () => void;
-            };
-            rowkeyName: {
-                type: StringConstructor;
-                default: string;
-            };
-            editState: {
-                type: ObjectConstructor;
-                default: () => void;
-            };
-        }>> & {
-            onAfterAction?: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "afterAction"[], string, {
+        $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: Record<string, any>;
+            editState: () => never[];
+        }>>> & {
+            "onAfter-action"?: ((...args: any[]) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "after-action"[], string, {
+            columns: any[];
+            config: ColumnConfig;
+            rowkeyName: string;
+            editState: any;
         }> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -90,58 +71,52 @@ declare const _default: {
         $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<{
-        columns: {
-            type: PropType<any[]>;
-            require: boolean;
-            default: () => never[];
-        };
-        config: {
-            type: PropType<ColumnConfig>;
-            require: boolean;
-            default: () => void;
-        };
-        rowkeyName: {
-            type: StringConstructor;
-            default: string;
-        };
-        editState: {
-            type: ObjectConstructor;
-            default: () => void;
-        };
-    }>> & {
-        onAfterAction?: ((...args: any[]) => any) | undefined;
+    } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+        columns: any[];
+        config: ColumnConfig;
+        rowkeyName?: string | undefined;
+        editState?: any;
+    }>, {
+        columns: () => never[];
+        config: () => {};
+        rowkeyName: string;
+        editState: () => never[];
+    }>>> & {
+        "onAfter-action"?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    columns: {
-        type: PropType<any[]>;
-        require: boolean;
-        default: () => never[];
-    };
-    config: {
-        type: PropType<ColumnConfig>;
-        require: boolean;
-        default: () => void;
-    };
-    rowkeyName: {
-        type: StringConstructor;
-        default: string;
-    };
-    editState: {
-        type: ObjectConstructor;
-        default: () => void;
-    };
-}>> & {
-    onAfterAction?: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "afterAction"[], "afterAction", {
+} & 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: Record<string, any>;
-}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {};
-});
+    editState: () => never[];
+}>>> & {
+    "onAfter-action"?: ((...args: any[]) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "after-action"[], "after-action", {
+    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> = {
+    [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/ExpandColumn.vue.d.ts

@@ -1,18 +1,81 @@
-import { PropType } from 'vue';
 import { ColumnConfig } from './schema';
-declare const _default: import("vue").DefineComponent<{
-    config: {
-        type: PropType<ColumnConfig>;
-        default: () => {};
-        required: true;
-    };
-}, unknown, 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;
-    };
-}>>, {
+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<{
     config: ColumnConfig;
-}>;
+}>, {
+    config: () => {};
+}>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+    config: ColumnConfig;
+}> & 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/PopoverColumn.vue.d.ts

@@ -1,20 +1,81 @@
-import { PropType } from 'vue';
 import { ColumnConfig } from './schema';
-declare const _default: import("vue").DefineComponent<{
-    config: {
-        type: PropType<ColumnConfig>;
-        default: () => {};
-        required: true;
-    };
-}, {
-    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;
-    };
-}>>, {
+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<{
     config: ColumnConfig;
-}>;
+}>, {
+    config: () => {};
+}>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+    config: ColumnConfig;
+}> & 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];
+};