@extclp/vexip-ui/dist/components/tour/tour.vue.d.ts

A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good

import { TourSlots, TourStepOptions } from './symbol';
declare function start(): void;
declare function prev(): void;
declare function next(autoClose?: boolean): void;
declare function close(): void;
declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: Readonly<TourSlots> & TourSlots;
    refs: {
        masker: ({
            $: import('vue').ComponentInternalInstance;
            $data: {};
            $props: Partial<{}> & Omit<{
                readonly transfer?: string | boolean | undefined;
                readonly inherit?: boolean | undefined;
                readonly active?: boolean | undefined;
                readonly inner?: boolean | undefined;
                readonly transitionName?: string | undefined;
                readonly onMaskClick?: ((event: MouseEvent) => void) | ((event: MouseEvent) => void)[] | undefined;
                readonly onShow?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                readonly onHide?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                readonly disabled?: boolean | undefined;
                readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
                readonly onToggle?: ((active: boolean) => void) | ((active: boolean) => void)[] | undefined;
                readonly onClose?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
                readonly closable?: boolean | undefined;
                readonly maskTransition?: string | undefined;
                readonly autoRemove?: boolean | undefined;
                readonly permeable?: boolean | undefined;
                readonly disableEsc?: boolean | undefined;
                readonly onBeforeClose?: (() => any | Promise<any>) | undefined;
                readonly "onUpdate:active"?: ((...args: any[]) => any) | undefined;
            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
            $attrs: {
                [x: string]: unknown;
            };
            $refs: {
                [x: string]: unknown;
            } & {
                wrapper: HTMLDivElement;
                topTrap: HTMLDivElement;
                bottomTrap: HTMLDivElement;
            };
            $slots: Readonly<{
                [name: string]: import('vue').Slot<any> | undefined;
            }>;
            $root: import('vue').ComponentPublicInstance | null;
            $parent: import('vue').ComponentPublicInstance | null;
            $host: Element | null;
            $emit: (event: "update:active", ...args: any[]) => void;
            $el: any;
            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                inherit: import('vue').PropType<boolean>;
                active: import('vue').PropType<boolean>;
                closable: import('vue').PropType<boolean>;
                inner: import('vue').PropType<boolean>;
                maskTransition: import('vue').PropType<string>;
                transitionName: import('vue').PropType<string>;
                disabled: import('vue').PropType<boolean>;
                onBeforeClose: import('vue').PropType<() => any | Promise<any>>;
                transfer: import('vue').PropType<string | boolean>;
                autoRemove: import('vue').PropType<boolean>;
                permeable: import('vue').PropType<boolean>;
                disableEsc: import('vue').PropType<boolean>;
                onToggle: import('vue').PropType<((active: boolean) => void) | ((active: boolean) => void)[]>;
                onClose: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                onHide: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                onShow: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
                onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                onMaskClick: import('vue').PropType<((event: MouseEvent) => void) | ((event: MouseEvent) => void)[]>;
            }>> & Readonly<{
                "onUpdate:active"?: ((...args: any[]) => any) | undefined;
            }>, {
                currentActive: import('vue').Ref<boolean, boolean>;
                zIndex: import('vue').Ref<number, number>;
                wrapperShow: import('vue').Ref<boolean, boolean>;
                wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                topTrap: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                bottomTrap: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                "update:active": (...args: any[]) => void;
            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                beforeCreate?: (() => void) | (() => void)[];
                created?: (() => void) | (() => void)[];
                beforeMount?: (() => void) | (() => void)[];
                mounted?: (() => void) | (() => void)[];
                beforeUpdate?: (() => void) | (() => void)[];
                updated?: (() => void) | (() => void)[];
                activated?: (() => void) | (() => void)[];
                deactivated?: (() => void) | (() => void)[];
                beforeDestroy?: (() => void) | (() => void)[];
                beforeUnmount?: (() => void) | (() => void)[];
                destroyed?: (() => void) | (() => void)[];
                unmounted?: (() => void) | (() => void)[];
                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
            };
            $forceUpdate: () => void;
            $nextTick: typeof import('vue').nextTick;
            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
        } & Readonly<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
            inherit: import('vue').PropType<boolean>;
            active: import('vue').PropType<boolean>;
            closable: import('vue').PropType<boolean>;
            inner: import('vue').PropType<boolean>;
            maskTransition: import('vue').PropType<string>;
            transitionName: import('vue').PropType<string>;
            disabled: import('vue').PropType<boolean>;
            onBeforeClose: import('vue').PropType<() => any | Promise<any>>;
            transfer: import('vue').PropType<string | boolean>;
            autoRemove: import('vue').PropType<boolean>;
            permeable: import('vue').PropType<boolean>;
            disableEsc: import('vue').PropType<boolean>;
            onToggle: import('vue').PropType<((active: boolean) => void) | ((active: boolean) => void)[]>;
            onClose: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            onHide: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            onShow: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
            onMaskClick: import('vue').PropType<((event: MouseEvent) => void) | ((event: MouseEvent) => void)[]>;
        }>> & Readonly<{
            "onUpdate:active"?: ((...args: any[]) => any) | undefined;
        }>, "currentActive" | "zIndex" | "wrapper" | "wrapperShow" | "topTrap" | "bottomTrap"> & import('vue').ShallowUnwrapRef<{
            currentActive: import('vue').Ref<boolean, boolean>;
            zIndex: import('vue').Ref<number, number>;
            wrapperShow: import('vue').Ref<boolean, boolean>;
            wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
            topTrap: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
            bottomTrap: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
        }> & {} & import('vue').ComponentCustomProperties & {} & {
            $slots: Readonly<{
                mask?: () => any;
                default?: (params: {
                    show: boolean;
                }) => any;
            }> & {
                mask?: () => any;
                default?: (params: {
                    show: boolean;
                }) => any;
            };
        }) | null;
        reference: HTMLDivElement;
        bubble: ({
            $: import('vue').ComponentInternalInstance;
            $data: {};
            $props: Partial<{}> & Omit<{
                readonly inherit?: boolean | undefined;
                readonly type?: "default" | "success" | "error" | "warning" | "info" | "primary" | undefined;
                readonly placement?: "bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
                readonly background?: string | undefined;
                readonly shadow?: string | boolean | undefined;
                readonly contentClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
            $attrs: {
                [x: string]: unknown;
            };
            $refs: {
                [x: string]: unknown;
            } & {
                wrapper: HTMLDivElement;
                arrow: HTMLDivElement;
            };
            $slots: Readonly<{
                [name: string]: import('vue').Slot<any> | undefined;
            }>;
            $root: import('vue').ComponentPublicInstance | null;
            $parent: import('vue').ComponentPublicInstance | null;
            $host: Element | null;
            $emit: (event: string, ...args: any[]) => void;
            $el: HTMLDivElement;
            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                inherit: import('vue').PropType<boolean>;
                placement: import('vue').PropType<"bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end">;
                type: import('vue').PropType<"default" | "success" | "error" | "warning" | "info" | "primary">;
                background: import('vue').PropType<string>;
                shadow: import('vue').PropType<string | boolean>;
                contentClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
            }>> & Readonly<{}>, {
                wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                arrow: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                beforeCreate?: (() => void) | (() => void)[];
                created?: (() => void) | (() => void)[];
                beforeMount?: (() => void) | (() => void)[];
                mounted?: (() => void) | (() => void)[];
                beforeUpdate?: (() => void) | (() => void)[];
                updated?: (() => void) | (() => void)[];
                activated?: (() => void) | (() => void)[];
                deactivated?: (() => void) | (() => void)[];
                beforeDestroy?: (() => void) | (() => void)[];
                beforeUnmount?: (() => void) | (() => void)[];
                destroyed?: (() => void) | (() => void)[];
                unmounted?: (() => void) | (() => void)[];
                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
            };
            $forceUpdate: () => void;
            $nextTick: typeof import('vue').nextTick;
            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
        } & Readonly<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
            inherit: import('vue').PropType<boolean>;
            placement: import('vue').PropType<"bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end">;
            type: import('vue').PropType<"default" | "success" | "error" | "warning" | "info" | "primary">;
            background: import('vue').PropType<string>;
            shadow: import('vue').PropType<string | boolean>;
            contentClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
        }>> & Readonly<{}>, "wrapper" | "arrow"> & import('vue').ShallowUnwrapRef<{
            wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
            arrow: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
        }> & {} & import('vue').ComponentCustomProperties & {} & {
            $slots: {
                default?(_: {}): any;
            };
        }) | null;
    };
    rootEl: any;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    inherit: import('vue').PropType<boolean>;
    locale: import('vue').PropType<Partial<{
        prev: string;
        next: string;
        done: string;
        stepCount: string;
    }>>;
    active: import('vue').PropType<boolean>;
    index: import('vue').PropType<number>;
    steps: import('vue').PropType<TourStepOptions[]>;
    type: import('vue').PropType<"default" | "success" | "error" | "warning" | "info" | "primary">;
    hideMask: import('vue').PropType<boolean>;
    signType: import('vue').PropType<"bar" | "count" | "dot">;
    padding: import('vue').PropType<number | number[]>;
    closable: import('vue').PropType<boolean>;
    permeable: import('vue').PropType<boolean>;
    transfer: import('vue').PropType<string | boolean>;
    slots: import('vue').PropType<TourSlots>;
    onToggle: import('vue').PropType<((active: boolean) => void) | ((active: boolean) => void)[]>;
    onChange: import('vue').PropType<((index: number, step: TourStepOptions) => void) | ((index: number, step: TourStepOptions) => void)[]>;
    onClose: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
    onMaskClick: import('vue').PropType<((event: MouseEvent) => void) | ((event: MouseEvent) => void)[]>;
}>, {
    wrapper: import('vue').ComputedRef<HTMLElement | undefined>;
    currentActive: import('vue').Ref<boolean, boolean>;
    currentIndex: import('vue').Ref<number, number>;
    currentStep: import('vue').ComputedRef<TourStepOptions>;
    allSteps: import('vue').ComputedRef<TourStepOptions[]>;
    start: typeof start;
    prev: typeof prev;
    next: typeof next;
    close: typeof close;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    "update:active": (...args: any[]) => void;
    "update:index": (...args: any[]) => void;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    inherit: import('vue').PropType<boolean>;
    locale: import('vue').PropType<Partial<{
        prev: string;
        next: string;
        done: string;
        stepCount: string;
    }>>;
    active: import('vue').PropType<boolean>;
    index: import('vue').PropType<number>;
    steps: import('vue').PropType<TourStepOptions[]>;
    type: import('vue').PropType<"default" | "success" | "error" | "warning" | "info" | "primary">;
    hideMask: import('vue').PropType<boolean>;
    signType: import('vue').PropType<"bar" | "count" | "dot">;
    padding: import('vue').PropType<number | number[]>;
    closable: import('vue').PropType<boolean>;
    permeable: import('vue').PropType<boolean>;
    transfer: import('vue').PropType<string | boolean>;
    slots: import('vue').PropType<TourSlots>;
    onToggle: import('vue').PropType<((active: boolean) => void) | ((active: boolean) => void)[]>;
    onChange: import('vue').PropType<((index: number, step: TourStepOptions) => void) | ((index: number, step: TourStepOptions) => void)[]>;
    onClose: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
    onMaskClick: import('vue').PropType<((event: MouseEvent) => void) | ((event: MouseEvent) => void)[]>;
}>> & Readonly<{
    "onUpdate:active"?: ((...args: any[]) => any) | undefined;
    "onUpdate:index"?: ((...args: any[]) => any) | undefined;
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
    masker: ({
        $: import('vue').ComponentInternalInstance;
        $data: {};
        $props: Partial<{}> & Omit<{
            readonly transfer?: string | boolean | undefined;
            readonly inherit?: boolean | undefined;
            readonly active?: boolean | undefined;
            readonly inner?: boolean | undefined;
            readonly transitionName?: string | undefined;
            readonly onMaskClick?: ((event: MouseEvent) => void) | ((event: MouseEvent) => void)[] | undefined;
            readonly onShow?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
            readonly onHide?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
            readonly disabled?: boolean | undefined;
            readonly onResize?: ((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[] | undefined;
            readonly onToggle?: ((active: boolean) => void) | ((active: boolean) => void)[] | undefined;
            readonly onClose?: import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[] | undefined;
            readonly closable?: boolean | undefined;
            readonly maskTransition?: string | undefined;
            readonly autoRemove?: boolean | undefined;
            readonly permeable?: boolean | undefined;
            readonly disableEsc?: boolean | undefined;
            readonly onBeforeClose?: (() => any | Promise<any>) | undefined;
            readonly "onUpdate:active"?: ((...args: any[]) => any) | undefined;
        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        } & {
            wrapper: HTMLDivElement;
            topTrap: HTMLDivElement;
            bottomTrap: HTMLDivElement;
        };
        $slots: Readonly<{
            [name: string]: import('vue').Slot<any> | undefined;
        }>;
        $root: import('vue').ComponentPublicInstance | null;
        $parent: import('vue').ComponentPublicInstance | null;
        $host: Element | null;
        $emit: (event: "update:active", ...args: any[]) => void;
        $el: any;
        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
            inherit: import('vue').PropType<boolean>;
            active: import('vue').PropType<boolean>;
            closable: import('vue').PropType<boolean>;
            inner: import('vue').PropType<boolean>;
            maskTransition: import('vue').PropType<string>;
            transitionName: import('vue').PropType<string>;
            disabled: import('vue').PropType<boolean>;
            onBeforeClose: import('vue').PropType<() => any | Promise<any>>;
            transfer: import('vue').PropType<string | boolean>;
            autoRemove: import('vue').PropType<boolean>;
            permeable: import('vue').PropType<boolean>;
            disableEsc: import('vue').PropType<boolean>;
            onToggle: import('vue').PropType<((active: boolean) => void) | ((active: boolean) => void)[]>;
            onClose: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            onHide: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            onShow: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
            onMaskClick: import('vue').PropType<((event: MouseEvent) => void) | ((event: MouseEvent) => void)[]>;
        }>> & Readonly<{
            "onUpdate:active"?: ((...args: any[]) => any) | undefined;
        }>, {
            currentActive: import('vue').Ref<boolean, boolean>;
            zIndex: import('vue').Ref<number, number>;
            wrapperShow: import('vue').Ref<boolean, boolean>;
            wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
            topTrap: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
            bottomTrap: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
            "update:active": (...args: any[]) => void;
        }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
            beforeCreate?: (() => void) | (() => void)[];
            created?: (() => void) | (() => void)[];
            beforeMount?: (() => void) | (() => void)[];
            mounted?: (() => void) | (() => void)[];
            beforeUpdate?: (() => void) | (() => void)[];
            updated?: (() => void) | (() => void)[];
            activated?: (() => void) | (() => void)[];
            deactivated?: (() => void) | (() => void)[];
            beforeDestroy?: (() => void) | (() => void)[];
            beforeUnmount?: (() => void) | (() => void)[];
            destroyed?: (() => void) | (() => void)[];
            unmounted?: (() => void) | (() => void)[];
            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
        };
        $forceUpdate: () => void;
        $nextTick: typeof import('vue').nextTick;
        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
    } & Readonly<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
        inherit: import('vue').PropType<boolean>;
        active: import('vue').PropType<boolean>;
        closable: import('vue').PropType<boolean>;
        inner: import('vue').PropType<boolean>;
        maskTransition: import('vue').PropType<string>;
        transitionName: import('vue').PropType<string>;
        disabled: import('vue').PropType<boolean>;
        onBeforeClose: import('vue').PropType<() => any | Promise<any>>;
        transfer: import('vue').PropType<string | boolean>;
        autoRemove: import('vue').PropType<boolean>;
        permeable: import('vue').PropType<boolean>;
        disableEsc: import('vue').PropType<boolean>;
        onToggle: import('vue').PropType<((active: boolean) => void) | ((active: boolean) => void)[]>;
        onClose: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
        onHide: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
        onShow: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
        onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
        onMaskClick: import('vue').PropType<((event: MouseEvent) => void) | ((event: MouseEvent) => void)[]>;
    }>> & Readonly<{
        "onUpdate:active"?: ((...args: any[]) => any) | undefined;
    }>, "currentActive" | "zIndex" | "wrapper" | "wrapperShow" | "topTrap" | "bottomTrap"> & import('vue').ShallowUnwrapRef<{
        currentActive: import('vue').Ref<boolean, boolean>;
        zIndex: import('vue').Ref<number, number>;
        wrapperShow: import('vue').Ref<boolean, boolean>;
        wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
        topTrap: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
        bottomTrap: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
    }> & {} & import('vue').ComponentCustomProperties & {} & {
        $slots: Readonly<{
            mask?: () => any;
            default?: (params: {
                show: boolean;
            }) => any;
        }> & {
            mask?: () => any;
            default?: (params: {
                show: boolean;
            }) => any;
        };
    }) | null;
    reference: HTMLDivElement;
    bubble: ({
        $: import('vue').ComponentInternalInstance;
        $data: {};
        $props: Partial<{}> & Omit<{
            readonly inherit?: boolean | undefined;
            readonly type?: "default" | "success" | "error" | "warning" | "info" | "primary" | undefined;
            readonly placement?: "bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
            readonly background?: string | undefined;
            readonly shadow?: string | boolean | undefined;
            readonly contentClass?: string | Record<string, any> | (string | Record<string, any>)[] | undefined;
        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        } & {
            wrapper: HTMLDivElement;
            arrow: HTMLDivElement;
        };
        $slots: Readonly<{
            [name: string]: import('vue').Slot<any> | undefined;
        }>;
        $root: import('vue').ComponentPublicInstance | null;
        $parent: import('vue').ComponentPublicInstance | null;
        $host: Element | null;
        $emit: (event: string, ...args: any[]) => void;
        $el: HTMLDivElement;
        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
            inherit: import('vue').PropType<boolean>;
            placement: import('vue').PropType<"bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end">;
            type: import('vue').PropType<"default" | "success" | "error" | "warning" | "info" | "primary">;
            background: import('vue').PropType<string>;
            shadow: import('vue').PropType<string | boolean>;
            contentClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
        }>> & Readonly<{}>, {
            wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
            arrow: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
            beforeCreate?: (() => void) | (() => void)[];
            created?: (() => void) | (() => void)[];
            beforeMount?: (() => void) | (() => void)[];
            mounted?: (() => void) | (() => void)[];
            beforeUpdate?: (() => void) | (() => void)[];
            updated?: (() => void) | (() => void)[];
            activated?: (() => void) | (() => void)[];
            deactivated?: (() => void) | (() => void)[];
            beforeDestroy?: (() => void) | (() => void)[];
            beforeUnmount?: (() => void) | (() => void)[];
            destroyed?: (() => void) | (() => void)[];
            unmounted?: (() => void) | (() => void)[];
            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
        };
        $forceUpdate: () => void;
        $nextTick: typeof import('vue').nextTick;
        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
    } & Readonly<{}> & Omit<Readonly<import('vue').ExtractPropTypes<{
        inherit: import('vue').PropType<boolean>;
        placement: import('vue').PropType<"bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end">;
        type: import('vue').PropType<"default" | "success" | "error" | "warning" | "info" | "primary">;
        background: import('vue').PropType<string>;
        shadow: import('vue').PropType<string | boolean>;
        contentClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
    }>> & Readonly<{}>, "wrapper" | "arrow"> & import('vue').ShallowUnwrapRef<{
        wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
        arrow: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
    }> & {} & import('vue').ComponentCustomProperties & {} & {
        $slots: {
            default?(_: {}): any;
        };
    }) | null;
}, any>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};