hongluan-ui
Version:
Hongluan Component Library for Vue 3
812 lines • 431 kB
TypeScript
declare const _default: import("vue").DefineComponent<{
readonly modelValue: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
readonly vertical: BooleanConstructor;
readonly tooltipClass: StringConstructor;
readonly placement: import("../../../utils").EpPropFinalized<StringConstructor, import("hongluan-ui/es/components/popper").Placement, unknown, "top", boolean>;
}, {
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
readonly modelValue: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
readonly vertical: BooleanConstructor;
readonly tooltipClass: StringConstructor;
readonly placement: import("../../../utils").EpPropFinalized<StringConstructor, import("hongluan-ui/es/components/popper").Placement, unknown, "top", boolean>;
}>> & {
"onUpdate:modelValue"?: (value: number) => any;
}>>;
emit: (event: "update:modelValue", value: number) => void;
initData: {
hovering: boolean;
dragging: boolean;
isClick: boolean;
startX: number;
currentX: number;
startY: number;
currentY: number;
startPosition: number;
newPosition: number;
oldValue: number;
};
namespace: import("vue").ComputedRef<string>;
disabled: import("vue").Ref<boolean>;
button: import("vue").Ref<HTMLDivElement>;
tooltip: import("vue").Ref<{
$: import("vue").ComponentInternalInstance;
$data: {};
$props: Partial<{
disabled: boolean;
trigger: import("../../../utils").EpPropMergeType<import("vue").PropType<import("../../../utils").Arrayable<import("hongluan-ui/es/components/tooltip").TooltipTriggerType>>, unknown, unknown>;
offset: number;
placement: import("../../../utils").EpPropMergeType<StringConstructor, import("hongluan-ui/es/components/popper").Placement, unknown>;
transition: string;
effect: string;
showAfter: number;
hideAfter: number;
autoClose: number;
boundariesPadding: number;
gpuAcceleration: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
popperOptions: Partial<import("hongluan-ui/es/components/popper").Options>;
strategy: import("../../../utils").EpPropMergeType<StringConstructor, "fixed" | "absolute", unknown>;
enterable: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
focusOnShow: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
trapping: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
stopPopperMouseEvent: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
pure: boolean;
virtualTriggering: boolean;
content: string;
teleported: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
outsideIgnore: import("@vueuse/core").MaybeElementRef<import("@vueuse/core").MaybeElement>[];
rawContent: boolean;
persistent: boolean;
open: boolean;
role: import("../../../utils").EpPropMergeType<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown>;
triggerKeys: string[];
arrowOffset: number;
showArrow: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
showArrow: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
arrowOffset: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 4, boolean>;
disabled: BooleanConstructor;
trigger: import("../../../utils").EpPropFinalized<import("vue").PropType<import("../../../utils").Arrayable<import("hongluan-ui/es/components/tooltip").TooltipTriggerType>>, unknown, unknown, "hover", boolean>;
triggerKeys: import("../../../utils").EpPropFinalized<import("vue").PropType<string[]>, unknown, unknown, () => string[], boolean>;
virtualRef: {
readonly type: import("vue").PropType<import("../../..").Measurable>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
virtualTriggering: BooleanConstructor;
onMouseenter: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onMouseleave: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onClick: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onKeydown: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onFocus: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onBlur: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onContextmenu: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
id: StringConstructor;
open: BooleanConstructor;
ariaLabel: StringConstructor;
appendTo: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<import("vue").PropType<string | HTMLElement>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
content: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
rawContent: BooleanConstructor;
persistent: BooleanConstructor;
visible: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<import("vue").PropType<boolean>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
transition: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "fade", boolean>;
teleported: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
outsideIgnore: import("../../../utils").EpPropFinalized<import("vue").PropType<import("@vueuse/core").MaybeElementRef<import("@vueuse/core").MaybeElement>[]>, unknown, unknown, () => any[], boolean>;
style: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
className: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<import("vue").PropType<string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
effect: import("../../../utils").EpPropFinalized<import("vue").PropType<string>, unknown, unknown, "", boolean>;
enterable: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
pure: BooleanConstructor;
focusOnShow: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
trapping: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
popperClass: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<import("vue").PropType<string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
popperStyle: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
referenceEl: {
readonly type: import("vue").PropType<HTMLElement>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
triggerTargetEl: {
readonly type: import("vue").PropType<HTMLElement>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
stopPopperMouseEvent: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
zIndex: NumberConstructor;
boundariesPadding: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
fallbackPlacements: {
readonly type: import("vue").PropType<import("hongluan-ui/es/components/popper").Placement[]>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
gpuAcceleration: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
offset: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 8, boolean>;
placement: import("../../../utils").EpPropFinalized<StringConstructor, import("hongluan-ui/es/components/popper").Placement, unknown, "bottom", boolean>;
popperOptions: import("../../../utils").EpPropFinalized<import("vue").PropType<Partial<import("hongluan-ui/es/components/popper").Options>>, unknown, unknown, () => Partial<import("hongluan-ui/es/components/popper").Options>, boolean>;
strategy: import("../../../utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
showAfter: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
hideAfter: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
autoClose: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
"onUpdate:visible": {
readonly type: import("vue").PropType<(val: boolean) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
role: import("../../../utils").EpPropFinalized<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
}>> & {
[x: string & `on${string}`]: (...args: any[]) => any;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "offset" | "placement" | "transition" | "effect" | "showAfter" | "hideAfter" | "autoClose" | "boundariesPadding" | "gpuAcceleration" | "popperOptions" | "strategy" | "enterable" | "focusOnShow" | "trapping" | "stopPopperMouseEvent" | "pure" | "virtualTriggering" | "content" | "teleported" | "outsideIgnore" | "rawContent" | "persistent" | "open" | "role" | "triggerKeys" | "arrowOffset" | "showArrow">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot;
}>;
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
showArrow: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
arrowOffset: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 4, boolean>;
disabled: BooleanConstructor;
trigger: import("../../../utils").EpPropFinalized<import("vue").PropType<import("../../../utils").Arrayable<import("hongluan-ui/es/components/tooltip").TooltipTriggerType>>, unknown, unknown, "hover", boolean>;
triggerKeys: import("../../../utils").EpPropFinalized<import("vue").PropType<string[]>, unknown, unknown, () => string[], boolean>;
virtualRef: {
readonly type: import("vue").PropType<import("../../..").Measurable>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
virtualTriggering: BooleanConstructor;
onMouseenter: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onMouseleave: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onClick: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onKeydown: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onFocus: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onBlur: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onContextmenu: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
id: StringConstructor;
open: BooleanConstructor;
ariaLabel: StringConstructor;
appendTo: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<import("vue").PropType<string | HTMLElement>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
content: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
rawContent: BooleanConstructor;
persistent: BooleanConstructor;
visible: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<import("vue").PropType<boolean>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
transition: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "fade", boolean>;
teleported: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
outsideIgnore: import("../../../utils").EpPropFinalized<import("vue").PropType<import("@vueuse/core").MaybeElementRef<import("@vueuse/core").MaybeElement>[]>, unknown, unknown, () => any[], boolean>;
style: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
className: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<import("vue").PropType<string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
effect: import("../../../utils").EpPropFinalized<import("vue").PropType<string>, unknown, unknown, "", boolean>;
enterable: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
pure: BooleanConstructor;
focusOnShow: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
trapping: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
popperClass: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<import("vue").PropType<string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
popperStyle: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
referenceEl: {
readonly type: import("vue").PropType<HTMLElement>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
triggerTargetEl: {
readonly type: import("vue").PropType<HTMLElement>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
stopPopperMouseEvent: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
zIndex: NumberConstructor;
boundariesPadding: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
fallbackPlacements: {
readonly type: import("vue").PropType<import("hongluan-ui/es/components/popper").Placement[]>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
gpuAcceleration: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
offset: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 8, boolean>;
placement: import("../../../utils").EpPropFinalized<StringConstructor, import("hongluan-ui/es/components/popper").Placement, unknown, "bottom", boolean>;
popperOptions: import("../../../utils").EpPropFinalized<import("vue").PropType<Partial<import("hongluan-ui/es/components/popper").Options>>, unknown, unknown, () => Partial<import("hongluan-ui/es/components/popper").Options>, boolean>;
strategy: import("../../../utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
showAfter: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
hideAfter: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
autoClose: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
"onUpdate:visible": {
readonly type: import("vue").PropType<(val: boolean) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
role: import("../../../utils").EpPropFinalized<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
}>> & {
[x: string & `on${string}`]: (...args: any[]) => any;
}, {
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
showArrow: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
arrowOffset: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 4, boolean>;
disabled: BooleanConstructor;
trigger: import("../../../utils").EpPropFinalized<import("vue").PropType<import("../../../utils").Arrayable<import("hongluan-ui/es/components/tooltip").TooltipTriggerType>>, unknown, unknown, "hover", boolean>;
triggerKeys: import("../../../utils").EpPropFinalized<import("vue").PropType<string[]>, unknown, unknown, () => string[], boolean>;
virtualRef: {
readonly type: import("vue").PropType<import("../../..").Measurable>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
virtualTriggering: BooleanConstructor;
onMouseenter: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onMouseleave: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onClick: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onKeydown: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onFocus: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onBlur: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onContextmenu: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
id: StringConstructor;
open: BooleanConstructor;
ariaLabel: StringConstructor;
appendTo: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<import("vue").PropType<string | HTMLElement>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
content: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
rawContent: BooleanConstructor;
persistent: BooleanConstructor;
visible: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<import("vue").PropType<boolean>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
transition: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "fade", boolean>;
teleported: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
outsideIgnore: import("../../../utils").EpPropFinalized<import("vue").PropType<import("@vueuse/core").MaybeElementRef<import("@vueuse/core").MaybeElement>[]>, unknown, unknown, () => any[], boolean>;
style: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
className: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<import("vue").PropType<string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
effect: import("../../../utils").EpPropFinalized<import("vue").PropType<string>, unknown, unknown, "", boolean>;
enterable: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
pure: BooleanConstructor;
focusOnShow: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
trapping: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
popperClass: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<import("vue").PropType<string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
popperStyle: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
referenceEl: {
readonly type: import("vue").PropType<HTMLElement>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
triggerTargetEl: {
readonly type: import("vue").PropType<HTMLElement>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
stopPopperMouseEvent: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
zIndex: NumberConstructor;
boundariesPadding: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
fallbackPlacements: {
readonly type: import("vue").PropType<import("hongluan-ui/es/components/popper").Placement[]>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
gpuAcceleration: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
offset: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 8, boolean>;
placement: import("../../../utils").EpPropFinalized<StringConstructor, import("hongluan-ui/es/components/popper").Placement, unknown, "bottom", boolean>;
popperOptions: import("../../../utils").EpPropFinalized<import("vue").PropType<Partial<import("hongluan-ui/es/components/popper").Options>>, unknown, unknown, () => Partial<import("hongluan-ui/es/components/popper").Options>, boolean>;
strategy: import("../../../utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
showAfter: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
hideAfter: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
autoClose: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
"onUpdate:visible": {
readonly type: import("vue").PropType<(val: boolean) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
role: import("../../../utils").EpPropFinalized<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
}>> & {
[x: string & `on${string}`]: (...args: any[]) => any;
}>>;
emit: (event: string, ...args: any[]) => void;
id: import("vue").Ref<string>;
popperRef: import("vue").Ref<{
$: import("vue").ComponentInternalInstance;
$data: {};
$props: Partial<{
role: import("../../../utils").EpPropMergeType<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown>;
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
readonly role: import("../../../utils").EpPropFinalized<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "role">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot;
}>;
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
readonly role: import("../../../utils").EpPropFinalized<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
}>>, {
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
readonly role: import("../../../utils").EpPropFinalized<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
}>> & {
[x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any);
}>>;
triggerRef: import("vue").Ref<HTMLElement>;
popperInstanceRef: import("vue").Ref<import("@popperjs/core").Instance>;
contentRef: import("vue").Ref<HTMLElement>;
referenceRef: import("vue").Ref<HTMLElement>;
role: import("vue").ComputedRef<import("../../../utils").EpPropMergeType<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown>>;
popperProvides: import("../../..").PopperInjectionContext;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
role: import("../../../utils").EpPropMergeType<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown>;
}> & {
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<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import("vue").nextTick;
$watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
} & Readonly<import("vue").ExtractPropTypes<{
readonly role: import("../../../utils").EpPropFinalized<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
}>> & import("vue").ShallowUnwrapRef<{
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
readonly role: import("../../../utils").EpPropFinalized<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
}>> & {
[x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any);
}>>;
triggerRef: import("vue").Ref<HTMLElement>;
popperInstanceRef: import("vue").Ref<import("@popperjs/core").Instance>;
contentRef: import("vue").Ref<HTMLElement>;
referenceRef: import("vue").Ref<HTMLElement>;
role: import("vue").ComputedRef<import("../../../utils").EpPropMergeType<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown>>;
popperProvides: import("../../..").PopperInjectionContext;
}> & {} & {} & import("vue").ComponentCustomProperties>;
contentRef: import("vue").Ref<any>;
updatePopper: () => void;
open: import("vue").Ref<boolean>;
toggleReason: import("vue").Ref<Event>;
show: (event?: Event) => void;
hide: (event?: Event) => void;
hasUpdateHandler: import("vue").ComputedRef<boolean>;
onOpen: (event?: Event) => void;
onClose: (event?: Event) => void;
controlled: import("vue").ComputedRef<boolean>;
isFocusInsideContent: (event?: FocusEvent) => boolean;
HlPopper: import("../../../utils").SFCWithInstall<import("vue").DefineComponent<{
readonly role: import("../../../utils").EpPropFinalized<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
}, {
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
readonly role: import("../../../utils").EpPropFinalized<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
}>> & {
[x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any);
}>>;
triggerRef: import("vue").Ref<HTMLElement>;
popperInstanceRef: import("vue").Ref<import("@popperjs/core").Instance>;
contentRef: import("vue").Ref<HTMLElement>;
referenceRef: import("vue").Ref<HTMLElement>;
role: import("vue").ComputedRef<import("../../../utils").EpPropMergeType<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown>>;
popperProvides: import("../../..").PopperInjectionContext;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
readonly role: import("../../../utils").EpPropFinalized<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
}>>, {
role: import("../../../utils").EpPropMergeType<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown>;
}>> & Record<string, any>;
HlPopperArrow: import("vue").DefineComponent<{
readonly arrowOffset: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 4, boolean>;
}, {
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
readonly arrowOffset: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 4, boolean>;
}>> & {
[x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any);
}>>;
arrowOffset: import("vue").Ref<number>;
arrowRef: import("vue").Ref<HTMLElement>;
arrowStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
readonly arrowOffset: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 4, boolean>;
}>>, {
arrowOffset: number;
}>;
HlTooltipTrigger: import("vue").DefineComponent<{
readonly disabled: BooleanConstructor;
readonly trigger: import("../../../utils").EpPropFinalized<import("vue").PropType<import("../../../utils").Arrayable<import("hongluan-ui/es/components/tooltip").TooltipTriggerType>>, unknown, unknown, "hover", boolean>;
readonly triggerKeys: import("../../../utils").EpPropFinalized<import("vue").PropType<string[]>, unknown, unknown, () => string[], boolean>;
readonly virtualRef: {
readonly type: import("vue").PropType<import("../../..").Measurable>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly virtualTriggering: BooleanConstructor;
readonly onMouseenter: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly onMouseleave: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly onClick: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly onKeydown: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly onFocus: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: tr