various-ui
Version:
This is a test version of the Vue 3 component library
176 lines (175 loc) • 6.31 kB
TypeScript
/// <reference types="node" />
declare const _default: 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 default _default;