various-ui/es/components/tooltip/index.d.ts

This is a test version of the Vue 3 component library

/// <reference types="node" />
export declare const UiTooltip: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    readonly classExtraName: {
        readonly type: StringConstructor;
    };
    readonly direction: {
        readonly type: import("vue").PropType<import("../..").UiTypes.direction>;
        readonly default: "right";
    };
    readonly disabled: {
        readonly type: BooleanConstructor;
        readonly default: false;
    };
    readonly trigger: {
        readonly type: import("vue").PropType<"click" | "none" | "hover">;
        readonly default: "hover";
    };
    readonly content: {
        readonly type: StringConstructor;
    };
    readonly offset: {
        readonly type: NumberConstructor;
        readonly default: 8;
    };
    readonly zIndex: {
        readonly type: NumberConstructor;
        readonly default: 66;
    };
    readonly width: {
        readonly type: NumberConstructor;
    };
    readonly align: {
        readonly type: import("vue").PropType<import("../..").UiTypes.align>;
        readonly default: "start";
    };
}>, {
    emits: ((event: "before-enter") => void) & ((event: "before-leave") => void) & ((event: "after-enter") => void) & ((event: "after-leave") => void);
    define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
        readonly classExtraName: {
            readonly type: StringConstructor;
        };
        readonly direction: {
            readonly type: import("vue").PropType<import("../..").UiTypes.direction>;
            readonly default: "right";
        };
        readonly disabled: {
            readonly type: BooleanConstructor;
            readonly default: false;
        };
        readonly trigger: {
            readonly type: import("vue").PropType<"click" | "none" | "hover">;
            readonly default: "hover";
        };
        readonly content: {
            readonly type: StringConstructor;
        };
        readonly offset: {
            readonly type: NumberConstructor;
            readonly default: 8;
        };
        readonly zIndex: {
            readonly type: NumberConstructor;
            readonly default: 66;
        };
        readonly width: {
            readonly type: NumberConstructor;
        };
        readonly align: {
            readonly type: import("vue").PropType<import("../..").UiTypes.align>;
            readonly default: "start";
        };
    }>> & Readonly<{
        "onBefore-enter"?: (() => any) | undefined;
        "onBefore-leave"?: (() => any) | undefined;
        "onAfter-enter"?: (() => any) | undefined;
        "onAfter-leave"?: (() => any) | undefined;
    }> & {}>;
    ons: {
        animation: {
            "before-leave": () => void | undefined;
            "before-enter": (el: Element) => void;
            leave: (el: Element, done: () => void) => void;
            enter: (el: Element, done: () => void) => void;
        };
        container: {
            click: () => false | void;
            mouseenter: () => false | void;
            mouseleave: () => false | void;
        };
        content: {
            mouseenter: () => false | void;
            mouseleave: () => false | void;
        };
    };
    vars: {
        observer: ResizeObserver | undefined;
    };
    refs: {
        active: import("vue").Ref<boolean, boolean>;
        visible: import("vue").Ref<boolean, boolean>;
        visibleTimer: import("vue").Ref<NodeJS.Timeout | undefined, NodeJS.Timeout | undefined>;
    };
    nodes: {
        container: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
        triangle: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
        tooltip: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
    };
    methods: {
        show: () => void;
        hidden: (delay?: number) => void;
    };
    computeds: {
        style: import("vue").ComputedRef<any>;
    };
    active: import("vue").Ref<boolean, boolean>;
    visible: import("vue").Ref<boolean, boolean>;
    container: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
    triangle: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
    tooltip: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
    show: () => void;
    hidden: (delay?: number) => void;
    style: import("vue").ComputedRef<any>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    "before-enter": () => boolean;
    "before-leave": () => boolean;
    "after-enter": () => boolean;
    "after-leave": () => boolean;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    readonly classExtraName: {
        readonly type: StringConstructor;
    };
    readonly direction: {
        readonly type: import("vue").PropType<import("../..").UiTypes.direction>;
        readonly default: "right";
    };
    readonly disabled: {
        readonly type: BooleanConstructor;
        readonly default: false;
    };
    readonly trigger: {
        readonly type: import("vue").PropType<"click" | "none" | "hover">;
        readonly default: "hover";
    };
    readonly content: {
        readonly type: StringConstructor;
    };
    readonly offset: {
        readonly type: NumberConstructor;
        readonly default: 8;
    };
    readonly zIndex: {
        readonly type: NumberConstructor;
        readonly default: 66;
    };
    readonly width: {
        readonly type: NumberConstructor;
    };
    readonly align: {
        readonly type: import("vue").PropType<import("../..").UiTypes.align>;
        readonly default: "start";
    };
}>> & Readonly<{
    "onBefore-enter"?: (() => any) | undefined;
    "onBefore-leave"?: (() => any) | undefined;
    "onAfter-enter"?: (() => any) | undefined;
    "onAfter-leave"?: (() => any) | undefined;
}>, {
    readonly zIndex: number;
    readonly direction: import("../..").UiTypes.direction;
    readonly disabled: boolean;
    readonly trigger: "click" | "none" | "hover";
    readonly offset: number;
    readonly align: import("../..").UiTypes.align;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export declare const UiTooltipFollow: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    readonly classExtraName: {
        readonly type: StringConstructor;
    };
    readonly disabled: {
        readonly type: BooleanConstructor;
        readonly default: false;
    };
    readonly content: {
        readonly type: StringConstructor;
    };
    readonly offsetX: {
        readonly type: NumberConstructor;
        readonly default: 20;
    };
    readonly offsetY: {
        readonly type: NumberConstructor;
        readonly default: 20;
    };
    readonly zIndex: {
        readonly type: NumberConstructor;
        readonly default: 66;
    };
    readonly width: {
        readonly type: NumberConstructor;
    };
}>, {
    emits: ((event: "before-enter") => void) & ((event: "before-leave") => void) & ((event: "after-enter") => void) & ((event: "after-leave") => void);
    define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
        readonly classExtraName: {
            readonly type: StringConstructor;
        };
        readonly disabled: {
            readonly type: BooleanConstructor;
            readonly default: false;
        };
        readonly content: {
            readonly type: StringConstructor;
        };
        readonly offsetX: {
            readonly type: NumberConstructor;
            readonly default: 20;
        };
        readonly offsetY: {
            readonly type: NumberConstructor;
            readonly default: 20;
        };
        readonly zIndex: {
            readonly type: NumberConstructor;
            readonly default: 66;
        };
        readonly width: {
            readonly type: NumberConstructor;
        };
    }>> & Readonly<{
        "onBefore-enter"?: (() => any) | undefined;
        "onBefore-leave"?: (() => any) | undefined;
        "onAfter-enter"?: (() => any) | undefined;
        "onAfter-leave"?: (() => any) | undefined;
    }> & {}>;
    ons: {
        animation: {
            "before-leave": () => void | undefined;
            "before-enter": (el: Element) => void;
            leave: (el: Element, done: () => void) => void;
            enter: (el: Element, done: () => void) => void;
        };
        container: {
            mouseenter: (ev: MouseEvent) => false | void;
            mouseleave: () => false | void;
            mousemove: (ev: MouseEvent) => false | void;
        };
        content: {
            mouseleave: () => false | void;
            mouseenter: () => void;
        };
    };
    refs: {
        event: import("vue").Ref<MouseEvent | undefined, MouseEvent | undefined>;
        active: import("vue").Ref<boolean, boolean>;
        visible: import("vue").Ref<boolean, boolean>;
        visibleTimer: import("vue").Ref<NodeJS.Timeout | undefined, NodeJS.Timeout | undefined>;
    };
    nodes: {
        tooltip: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
    };
    methods: {
        show: (ev: MouseEvent, initialization?: boolean | undefined) => void;
        hidden: (delay?: number) => void;
    };
    computeds: {
        style: import("vue").ComputedRef<any>;
    };
    active: import("vue").Ref<boolean, boolean>;
    visible: import("vue").Ref<boolean, boolean>;
    tooltip: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
    show: (ev: MouseEvent, initialization?: boolean | undefined) => void;
    hidden: (delay?: number) => void;
    style: import("vue").ComputedRef<any>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    "before-enter": () => boolean;
    "before-leave": () => boolean;
    "after-enter": () => boolean;
    "after-leave": () => boolean;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    readonly classExtraName: {
        readonly type: StringConstructor;
    };
    readonly disabled: {
        readonly type: BooleanConstructor;
        readonly default: false;
    };
    readonly content: {
        readonly type: StringConstructor;
    };
    readonly offsetX: {
        readonly type: NumberConstructor;
        readonly default: 20;
    };
    readonly offsetY: {
        readonly type: NumberConstructor;
        readonly default: 20;
    };
    readonly zIndex: {
        readonly type: NumberConstructor;
        readonly default: 66;
    };
    readonly width: {
        readonly type: NumberConstructor;
    };
}>> & Readonly<{
    "onBefore-enter"?: (() => any) | undefined;
    "onBefore-leave"?: (() => any) | undefined;
    "onAfter-enter"?: (() => any) | undefined;
    "onAfter-leave"?: (() => any) | undefined;
}>, {
    readonly zIndex: number;
    readonly disabled: boolean;
    readonly offsetX: number;
    readonly offsetY: number;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export declare const UiTooltipFunction: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    readonly classExtraName: {
        readonly type: StringConstructor;
    };
    readonly trigger: {
        readonly type: import("vue").PropType<"none">;
    };
    readonly content: {
        readonly type: StringConstructor;
    };
    readonly offsetX: {
        readonly type: NumberConstructor;
        readonly default: 20;
    };
    readonly offsetY: {
        readonly type: NumberConstructor;
        readonly default: 20;
    };
    readonly zIndex: {
        readonly type: NumberConstructor;
        readonly default: 66;
    };
    readonly width: {
        readonly type: NumberConstructor;
    };
}>, {
    emits: ((event: "before-enter") => void) & ((event: "before-leave") => void) & ((event: "after-enter") => void) & ((event: "after-leave") => void);
    define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
        readonly classExtraName: {
            readonly type: StringConstructor;
        };
        readonly trigger: {
            readonly type: import("vue").PropType<"none">;
        };
        readonly content: {
            readonly type: StringConstructor;
        };
        readonly offsetX: {
            readonly type: NumberConstructor;
            readonly default: 20;
        };
        readonly offsetY: {
            readonly type: NumberConstructor;
            readonly default: 20;
        };
        readonly zIndex: {
            readonly type: NumberConstructor;
            readonly default: 66;
        };
        readonly width: {
            readonly type: NumberConstructor;
        };
    }>> & Readonly<{
        "onBefore-enter"?: (() => any) | undefined;
        "onBefore-leave"?: (() => any) | undefined;
        "onAfter-enter"?: (() => any) | undefined;
        "onAfter-leave"?: (() => any) | undefined;
    }> & {}>;
    ons: {
        animation: {
            "before-leave": () => void | undefined;
            "before-enter": (el: Element) => void;
            leave: (el: Element, done: () => void) => void;
            enter: (el: Element, done: () => void) => void;
        };
        content: {
            mouseleave: () => false | void;
            mouseenter: () => void;
        };
    };
    refs: {
        data: import("vue").Ref<{
            align: import("../..").UiTypes.align;
            option: {
                pageX: number;
                pageY: number;
            };
        } | undefined, {
            align: import("../..").UiTypes.align;
            option: {
                pageX: number;
                pageY: number;
            };
        } | undefined>;
        active: import("vue").Ref<boolean, boolean>;
        visible: import("vue").Ref<boolean, boolean>;
        visibleTimer: import("vue").Ref<NodeJS.Timeout | undefined, NodeJS.Timeout | undefined>;
    };
    nodes: {
        tooltip: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
    };
    methods: {
        show: (align: import("../..").UiTypes.align, option: {
            pageX: number;
            pageY: number;
            alignX?: import("../..").UiTypes.align | undefined;
            initialization?: boolean | undefined;
        }) => void;
        hidden: (delay?: number) => void;
        entrancePreAnimation: (el: Element) => void;
        entranceAnimation: (el: Element, done: () => void) => void;
        departureAnimation: (el: Element, done: () => void) => void;
    };
    computeds: {
        style: import("vue").ComputedRef<any>;
    };
    active: import("vue").Ref<boolean, boolean>;
    visible: import("vue").Ref<boolean, boolean>;
    tooltip: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
    show: (align: import("../..").UiTypes.align, option: {
        pageX: number;
        pageY: number;
        alignX?: import("../..").UiTypes.align | undefined;
        initialization?: boolean | undefined;
    }) => void;
    hidden: (delay?: number) => void;
    style: import("vue").ComputedRef<any>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    "before-enter": () => boolean;
    "before-leave": () => boolean;
    "after-enter": () => boolean;
    "after-leave": () => boolean;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    readonly classExtraName: {
        readonly type: StringConstructor;
    };
    readonly trigger: {
        readonly type: import("vue").PropType<"none">;
    };
    readonly content: {
        readonly type: StringConstructor;
    };
    readonly offsetX: {
        readonly type: NumberConstructor;
        readonly default: 20;
    };
    readonly offsetY: {
        readonly type: NumberConstructor;
        readonly default: 20;
    };
    readonly zIndex: {
        readonly type: NumberConstructor;
        readonly default: 66;
    };
    readonly width: {
        readonly type: NumberConstructor;
    };
}>> & Readonly<{
    "onBefore-enter"?: (() => any) | undefined;
    "onBefore-leave"?: (() => any) | undefined;
    "onAfter-enter"?: (() => any) | undefined;
    "onAfter-leave"?: (() => any) | undefined;
}>, {
    readonly zIndex: number;
    readonly offsetX: number;
    readonly offsetY: number;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export * from "./follow/index";
export * from "./default/index";
export * from "./function/index";
export default UiTooltip;