@vtj/ui 0.10.6 → 0.10.8

package/types/components/data-item/DataItem.d.ts

@@ -1,524 +1,25 @@
-import { ElImage, ElTooltipProps, BadgeProps, TooltipTriggerType, PopperEffect, ButtonProps } from 'element-plus';
-import { useIcon } from '../../hooks';
-import { XContainer, XActionBar, ActionBarProps, ActionProps, ActionMenuItem } from '../';
-import { ComputedRef, DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { ActionBarProps, ActionMenuItem } from '../';
+import { DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { IconParam } from '../icon';
 import { ActionBarItems } from '../action-bar';
 import { ActionMode } from '../action';
+import { ElTooltipProps, BadgeProps, TooltipTriggerType, PopperEffect, ButtonProps } from 'element-plus';
 import { EpPropFinalized, EpPropMergeType } from 'element-plus/es/utils/index.mjs';
 import { Arrayable } from 'element-plus/es/utils/typescript.mjs';
 import { BaseSize, BaseType } from '../shared';
-declare const imageStyle: ComputedRef<{
-    width: string | undefined;
-    height: string | undefined;
-}>;
-declare const classComputed: ComputedRef<{
-    [x: string]: boolean;
-    'is-split': boolean;
-    'is-active': boolean;
-    'is-hover': boolean;
-}>;
-declare const actionBar: ComputedRef<ActionBarProps>;
-declare const onImageClick: () => void;
-declare const onTitleClick: () => void;
-declare const onActionClick: (action: ActionProps) => void;
-declare const onActionCommand: (action: ActionProps, menu: ActionMenuItem) => void;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
-declare var __VLS_10: {}, __VLS_28: {}, __VLS_30: {}, __VLS_32: {}, __VLS_34: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
-    image?: (props: typeof __VLS_10) => any;
-} & {
-    title?: (props: typeof __VLS_28) => any;
-} & {
-    description?: (props: typeof __VLS_30) => any;
-} & {
-    default?: (props: typeof __VLS_32) => any;
-} & {
-    actions?: (props: typeof __VLS_34) => any;
-}>;
-declare const __VLS_self: DefineComponent<ExtractPropTypes<{
-    direction: {
-        type: PropType<"row" | "column">;
-        default: string;
-    };
-    imageSrc: {
-        type: StringConstructor;
-    };
-    imageWidth: {
-        type: (StringConstructor | NumberConstructor)[];
-    };
-    imageHeight: {
-        type: (StringConstructor | NumberConstructor)[];
-    };
-    icon: {
-        type: PropType<IconParam>;
-    };
-    title: {
-        type: StringConstructor;
-    };
-    description: {
-        type: StringConstructor;
-    };
-    actions: {
-        type: PropType<ActionBarItems>;
-    };
-    actionBarProps: {
-        type: PropType<ActionBarProps>;
-    };
-    split: {
-        type: BooleanConstructor;
-    };
-    onImageClick: {
-        type: FunctionConstructor;
-    };
-    onTitleClick: {
-        type: FunctionConstructor;
-    };
-    active: {
-        type: BooleanConstructor;
-    };
-    hover: {
-        type: BooleanConstructor;
-    };
-    padding: {
-        type: BooleanConstructor;
-    };
-}>, {
-    ElImage: typeof ElImage;
-    useIcon: typeof useIcon;
-    XContainer: typeof XContainer;
-    XActionBar: typeof XActionBar;
-    imageStyle: typeof imageStyle;
-    classComputed: typeof classComputed;
-    actionBar: typeof actionBar;
-    onImageClick: typeof onImageClick;
-    onTitleClick: typeof onTitleClick;
-    onActionClick: typeof onActionClick;
-    onActionCommand: typeof onActionCommand;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    actionClick: (action: Readonly<Partial< ExtractPropTypes<{
-        name: {
-            type: StringConstructor;
-        };
-        label: {
-            type: StringConstructor;
-        };
-        value: {
-            type: PropType<unknown>;
-        };
-        icon: {
-            type: PropType<IconParam>;
-        };
-        mode: {
-            type: PropType<ActionMode>;
-            default: string;
-        };
-        menus: {
-            type: PropType<ActionMenuItem[]>;
-        };
-        tooltip: {
-            type: PropType<string | Partial< ElTooltipProps>>;
-        };
-        badge: {
-            type: PropType<string | number | Partial< BadgeProps>>;
-        };
-        dropdown: {
-            type: PropType<Partial< ExtractPropTypes<{
-                readonly trigger: EpPropFinalized<(new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | ((new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
-                readonly triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
-                readonly effect: {
-                    readonly default: "light";
-                    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | ((new (...args: any[]) => string) | (() => PopperEffect))[], unknown, unknown>>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    readonly __epPropKey: true;
-                };
-                readonly type: {
-                    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger") | (() => EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>) | ((new (...args: any[]) => "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger") | (() => EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>))[], unknown, unknown>>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], unknown, unknown, "bottom", boolean>;
-                readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
-                readonly id: StringConstructor;
-                readonly size: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-                readonly splitButton: BooleanConstructor;
-                readonly hideOnClick: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                readonly loop: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                readonly showTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
-                readonly hideTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
-                readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
-                readonly maxHeight: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
-                readonly popperClass: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-                readonly disabled: BooleanConstructor;
-                readonly role: EpPropFinalized<StringConstructor, unknown, unknown, "menu", boolean>;
-                readonly buttonProps: {
-                    readonly type: PropType<ButtonProps>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                readonly persistent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-            }>>>;
-        };
-        button: {
-            type: PropType<Partial< ButtonProps>>;
-        };
-        disabled: {
-            type: PropType<boolean | (() => boolean)>;
-        };
-        size: {
-            type: PropType<BaseSize>;
-            default: string;
-        };
-        type: {
-            type: PropType<BaseType>;
-        };
-        background: {
-            type: PropType<"always" | "hover" | "none">;
-            default: string;
-        };
-        circle: {
-            type: BooleanConstructor;
-        };
-        draggable: {
-            type: BooleanConstructor;
-        };
-    }>>>) => any;
-    actionCommand: (action: Readonly<Partial< ExtractPropTypes<{
-        name: {
-            type: StringConstructor;
-        };
-        label: {
-            type: StringConstructor;
-        };
-        value: {
-            type: PropType<unknown>;
-        };
-        icon: {
-            type: PropType<IconParam>;
-        };
-        mode: {
-            type: PropType<ActionMode>;
-            default: string;
-        };
-        menus: {
-            type: PropType<ActionMenuItem[]>;
-        };
-        tooltip: {
-            type: PropType<string | Partial< ElTooltipProps>>;
-        };
-        badge: {
-            type: PropType<string | number | Partial< BadgeProps>>;
-        };
-        dropdown: {
-            type: PropType<Partial< ExtractPropTypes<{
-                readonly trigger: EpPropFinalized<(new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | ((new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
-                readonly triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
-                readonly effect: {
-                    readonly default: "light";
-                    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | ((new (...args: any[]) => string) | (() => PopperEffect))[], unknown, unknown>>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    readonly __epPropKey: true;
-                };
-                readonly type: {
-                    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger") | (() => EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>) | ((new (...args: any[]) => "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger") | (() => EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>))[], unknown, unknown>>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], unknown, unknown, "bottom", boolean>;
-                readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
-                readonly id: StringConstructor;
-                readonly size: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-                readonly splitButton: BooleanConstructor;
-                readonly hideOnClick: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                readonly loop: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                readonly showTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
-                readonly hideTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
-                readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
-                readonly maxHeight: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
-                readonly popperClass: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-                readonly disabled: BooleanConstructor;
-                readonly role: EpPropFinalized<StringConstructor, unknown, unknown, "menu", boolean>;
-                readonly buttonProps: {
-                    readonly type: PropType<ButtonProps>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                readonly persistent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-            }>>>;
-        };
-        button: {
-            type: PropType<Partial< ButtonProps>>;
-        };
-        disabled: {
-            type: PropType<boolean | (() => boolean)>;
-        };
-        size: {
-            type: PropType<BaseSize>;
-            default: string;
-        };
-        type: {
-            type: PropType<BaseType>;
-        };
-        background: {
-            type: PropType<"always" | "hover" | "none">;
-            default: string;
-        };
-        circle: {
-            type: BooleanConstructor;
-        };
-        draggable: {
-            type: BooleanConstructor;
-        };
-    }>>>, menu: ActionMenuItem) => any;
-    imageClick: () => any;
-    titleClick: () => any;
-}, string, PublicProps, Readonly< ExtractPropTypes<{
-    direction: {
-        type: PropType<"row" | "column">;
-        default: string;
-    };
-    imageSrc: {
-        type: StringConstructor;
-    };
-    imageWidth: {
-        type: (StringConstructor | NumberConstructor)[];
-    };
-    imageHeight: {
-        type: (StringConstructor | NumberConstructor)[];
-    };
-    icon: {
-        type: PropType<IconParam>;
-    };
-    title: {
-        type: StringConstructor;
-    };
-    description: {
-        type: StringConstructor;
-    };
-    actions: {
-        type: PropType<ActionBarItems>;
-    };
-    actionBarProps: {
-        type: PropType<ActionBarProps>;
-    };
-    split: {
-        type: BooleanConstructor;
-    };
-    onImageClick: {
-        type: FunctionConstructor;
-    };
-    onTitleClick: {
-        type: FunctionConstructor;
-    };
-    active: {
-        type: BooleanConstructor;
-    };
-    hover: {
-        type: BooleanConstructor;
-    };
-    padding: {
-        type: BooleanConstructor;
-    };
-}>> & Readonly<{
-    onActionClick?: ((action: Readonly<Partial< ExtractPropTypes<{
-        name: {
-            type: StringConstructor;
-        };
-        label: {
-            type: StringConstructor;
-        };
-        value: {
-            type: PropType<unknown>;
-        };
-        icon: {
-            type: PropType<IconParam>;
-        };
-        mode: {
-            type: PropType<ActionMode>;
-            default: string;
-        };
-        menus: {
-            type: PropType<ActionMenuItem[]>;
-        };
-        tooltip: {
-            type: PropType<string | Partial< ElTooltipProps>>;
-        };
-        badge: {
-            type: PropType<string | number | Partial< BadgeProps>>;
-        };
-        dropdown: {
-            type: PropType<Partial< ExtractPropTypes<{
-                readonly trigger: EpPropFinalized<(new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | ((new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
-                readonly triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
-                readonly effect: {
-                    readonly default: "light";
-                    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | ((new (...args: any[]) => string) | (() => PopperEffect))[], unknown, unknown>>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    readonly __epPropKey: true;
-                };
-                readonly type: {
-                    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger") | (() => EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>) | ((new (...args: any[]) => "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger") | (() => EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>))[], unknown, unknown>>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], unknown, unknown, "bottom", boolean>;
-                readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
-                readonly id: StringConstructor;
-                readonly size: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-                readonly splitButton: BooleanConstructor;
-                readonly hideOnClick: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                readonly loop: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                readonly showTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
-                readonly hideTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
-                readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
-                readonly maxHeight: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
-                readonly popperClass: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-                readonly disabled: BooleanConstructor;
-                readonly role: EpPropFinalized<StringConstructor, unknown, unknown, "menu", boolean>;
-                readonly buttonProps: {
-                    readonly type: PropType<ButtonProps>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                readonly persistent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-            }>>>;
-        };
-        button: {
-            type: PropType<Partial< ButtonProps>>;
-        };
-        disabled: {
-            type: PropType<boolean | (() => boolean)>;
-        };
-        size: {
-            type: PropType<BaseSize>;
-            default: string;
-        };
-        type: {
-            type: PropType<BaseType>;
-        };
-        background: {
-            type: PropType<"always" | "hover" | "none">;
-            default: string;
-        };
-        circle: {
-            type: BooleanConstructor;
-        };
-        draggable: {
-            type: BooleanConstructor;
-        };
-    }>>>) => any) | undefined;
-    onActionCommand?: ((action: Readonly<Partial< ExtractPropTypes<{
-        name: {
-            type: StringConstructor;
-        };
-        label: {
-            type: StringConstructor;
-        };
-        value: {
-            type: PropType<unknown>;
-        };
-        icon: {
-            type: PropType<IconParam>;
-        };
-        mode: {
-            type: PropType<ActionMode>;
-            default: string;
-        };
-        menus: {
-            type: PropType<ActionMenuItem[]>;
-        };
-        tooltip: {
-            type: PropType<string | Partial< ElTooltipProps>>;
-        };
-        badge: {
-            type: PropType<string | number | Partial< BadgeProps>>;
-        };
-        dropdown: {
-            type: PropType<Partial< ExtractPropTypes<{
-                readonly trigger: EpPropFinalized<(new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | ((new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
-                readonly triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
-                readonly effect: {
-                    readonly default: "light";
-                    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | ((new (...args: any[]) => string) | (() => PopperEffect))[], unknown, unknown>>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    readonly __epPropKey: true;
-                };
-                readonly type: {
-                    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger") | (() => EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>) | ((new (...args: any[]) => "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger") | (() => EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>))[], unknown, unknown>>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], unknown, unknown, "bottom", boolean>;
-                readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
-                readonly id: StringConstructor;
-                readonly size: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-                readonly splitButton: BooleanConstructor;
-                readonly hideOnClick: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                readonly loop: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                readonly showTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
-                readonly hideTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
-                readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
-                readonly maxHeight: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
-                readonly popperClass: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-                readonly disabled: BooleanConstructor;
-                readonly role: EpPropFinalized<StringConstructor, unknown, unknown, "menu", boolean>;
-                readonly buttonProps: {
-                    readonly type: PropType<ButtonProps>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                readonly persistent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-            }>>>;
-        };
-        button: {
-            type: PropType<Partial< ButtonProps>>;
-        };
-        disabled: {
-            type: PropType<boolean | (() => boolean)>;
-        };
-        size: {
-            type: PropType<BaseSize>;
-            default: string;
-        };
-        type: {
-            type: PropType<BaseType>;
-        };
-        background: {
-            type: PropType<"always" | "hover" | "none">;
-            default: string;
-        };
-        circle: {
-            type: BooleanConstructor;
-        };
-        draggable: {
-            type: BooleanConstructor;
-        };
-    }>>>, menu: ActionMenuItem) => any) | undefined;
-    onImageClick?: (() => any) | undefined;
-    onTitleClick?: (() => any) | undefined;
-}>, {
-    active: boolean;
-    padding: boolean;
-    split: boolean;
-    hover: boolean;
-    direction: "row" | "column";
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        image?(_: {}): any;
+        title?(_: {}): any;
+        description?(_: {}): any;
+        default?(_: {}): any;
+        actions?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     direction: {
         type: PropType<"row" | "column">;
@@ -990,9 +491,9 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     hover: boolean;
     direction: "row" | "column";
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };