import type { ComputedRef, CSSProperties, PropType, Ref, SlotsType, VNode } from 'vue'; import type { BinderInst, FollowerPlacement } from 'vueuc'; import type { ExtractInternalPropTypes, ExtractPublicPropTypes, MaybeArray } from '../../_utils'; import type { InternalRenderBody, PopoverTrigger } from './interface'; export interface TriggerEventHandlers { onClick: (e: MouseEvent) => void; onMouseenter: (e: MouseEvent) => void; onMouseleave: (e: MouseEvent) => void; onFocus: (e: FocusEvent) => void; onBlur: (e: FocusEvent) => void; } interface BodyInstance { syncPosition: () => void; [key: string]: unknown; } export interface PopoverInjection { handleMouseLeave: (e: MouseEvent) => void; handleMouseEnter: (e: MouseEvent) => void; handleMouseMoveOutside: (e: MouseEvent) => void; handleClickOutside: (e: MouseEvent) => void; handleKeydown: (e: KeyboardEvent) => void; getTriggerElement: () => HTMLElement; setBodyInstance: (value: BodyInstance | null) => void; zIndexRef: Ref; internalRenderBodyRef: Ref; positionManuallyRef: ComputedRef; isMountedRef: Ref; extraClassRef: Ref; } export declare const popoverBaseProps: { show: { type: PropType; default: undefined; }; defaultShow: BooleanConstructor; showArrow: { type: BooleanConstructor; default: boolean; }; trigger: { type: PropType; default: string; }; delay: { type: NumberConstructor; default: number; }; duration: { type: NumberConstructor; default: number; }; raw: BooleanConstructor; placement: { type: PropType; default: string; }; x: NumberConstructor; y: NumberConstructor; arrowPointToCenter: BooleanConstructor; disabled: BooleanConstructor; getDisabled: PropType<() => boolean>; displayDirective: { type: PropType<"if" | "show">; default: string; }; arrowClass: StringConstructor; arrowStyle: PropType; arrowWrapperClass: StringConstructor; arrowWrapperStyle: PropType; flip: { type: BooleanConstructor; default: boolean; }; animated: { type: BooleanConstructor; default: boolean; }; width: { type: PropType; default: undefined; }; overlap: BooleanConstructor; keepAliveOnHover: { type: BooleanConstructor; default: boolean; }; zIndex: NumberConstructor; to: { type: PropType; default: undefined; }; scrollable: BooleanConstructor; contentClass: StringConstructor; contentStyle: PropType; headerClass: StringConstructor; headerStyle: PropType; footerClass: StringConstructor; footerStyle: PropType; onClickoutside: PropType<(e: MouseEvent) => void>; 'onUpdate:show': PropType void>>; onUpdateShow: PropType void>>; internalDeactivateImmediately: BooleanConstructor; internalSyncTargetWithParent: BooleanConstructor; internalInheritedEventHandlers: { type: PropType; default: () => never[]; }; internalTrapFocus: BooleanConstructor; internalExtraClass: { type: PropType; default: () => never[]; }; onShow: PropType void> | undefined>; onHide: PropType void> | undefined>; arrow: { type: PropType; default: undefined; }; minWidth: NumberConstructor; maxWidth: NumberConstructor; }; export declare const popoverProps: { internalOnAfterLeave: PropType<() => void>; internalRenderBody: PropType; show: { type: PropType; default: undefined; }; defaultShow: BooleanConstructor; showArrow: { type: BooleanConstructor; default: boolean; }; trigger: { type: PropType; default: string; }; delay: { type: NumberConstructor; default: number; }; duration: { type: NumberConstructor; default: number; }; raw: BooleanConstructor; placement: { type: PropType; default: string; }; x: NumberConstructor; y: NumberConstructor; arrowPointToCenter: BooleanConstructor; disabled: BooleanConstructor; getDisabled: PropType<() => boolean>; displayDirective: { type: PropType<"if" | "show">; default: string; }; arrowClass: StringConstructor; arrowStyle: PropType; arrowWrapperClass: StringConstructor; arrowWrapperStyle: PropType; flip: { type: BooleanConstructor; default: boolean; }; animated: { type: BooleanConstructor; default: boolean; }; width: { type: PropType; default: undefined; }; overlap: BooleanConstructor; keepAliveOnHover: { type: BooleanConstructor; default: boolean; }; zIndex: NumberConstructor; to: { type: PropType; default: undefined; }; scrollable: BooleanConstructor; contentClass: StringConstructor; contentStyle: PropType; headerClass: StringConstructor; headerStyle: PropType; footerClass: StringConstructor; footerStyle: PropType; onClickoutside: PropType<(e: MouseEvent) => void>; 'onUpdate:show': PropType void>>; onUpdateShow: PropType void>>; internalDeactivateImmediately: BooleanConstructor; internalSyncTargetWithParent: BooleanConstructor; internalInheritedEventHandlers: { type: PropType; default: () => never[]; }; internalTrapFocus: BooleanConstructor; internalExtraClass: { type: PropType; default: () => never[]; }; onShow: PropType void> | undefined>; onHide: PropType void> | undefined>; arrow: { type: PropType; default: undefined; }; minWidth: NumberConstructor; maxWidth: NumberConstructor; theme: PropType; }>>; themeOverrides: PropType; }>>>; builtinThemeOverrides: PropType; }>>>; }; export type PopoverProps = ExtractPublicPropTypes; export type PopoverInternalProps = ExtractInternalPropTypes; export interface PopoverSlots { trigger?: () => VNode[]; footer?: () => VNode[]; header?: () => VNode[]; default?: () => VNode[]; } declare const _default: import("vue").DefineComponent void>; internalRenderBody: PropType; show: { type: PropType; default: undefined; }; defaultShow: BooleanConstructor; showArrow: { type: BooleanConstructor; default: boolean; }; trigger: { type: PropType; default: string; }; delay: { type: NumberConstructor; default: number; }; duration: { type: NumberConstructor; default: number; }; raw: BooleanConstructor; placement: { type: PropType; default: string; }; x: NumberConstructor; y: NumberConstructor; arrowPointToCenter: BooleanConstructor; disabled: BooleanConstructor; getDisabled: PropType<() => boolean>; displayDirective: { type: PropType<"if" | "show">; default: string; }; arrowClass: StringConstructor; arrowStyle: PropType; arrowWrapperClass: StringConstructor; arrowWrapperStyle: PropType; flip: { type: BooleanConstructor; default: boolean; }; animated: { type: BooleanConstructor; default: boolean; }; width: { type: PropType; default: undefined; }; overlap: BooleanConstructor; keepAliveOnHover: { type: BooleanConstructor; default: boolean; }; zIndex: NumberConstructor; to: { type: PropType; default: undefined; }; scrollable: BooleanConstructor; contentClass: StringConstructor; contentStyle: PropType; headerClass: StringConstructor; headerStyle: PropType; footerClass: StringConstructor; footerStyle: PropType; onClickoutside: PropType<(e: MouseEvent) => void>; 'onUpdate:show': PropType void>>; onUpdateShow: PropType void>>; internalDeactivateImmediately: BooleanConstructor; internalSyncTargetWithParent: BooleanConstructor; internalInheritedEventHandlers: { type: PropType; default: () => never[]; }; internalTrapFocus: BooleanConstructor; internalExtraClass: { type: PropType; default: () => never[]; }; onShow: PropType void> | undefined>; onHide: PropType void> | undefined>; arrow: { type: PropType; default: undefined; }; minWidth: NumberConstructor; maxWidth: NumberConstructor; theme: PropType; }>>; themeOverrides: PropType; }>>>; builtinThemeOverrides: PropType; }>>>; }>, { binderInstRef: Ref<{ targetRef: HTMLElement | null; } | null, BinderInst | { targetRef: HTMLElement | null; } | null>; positionManually: ComputedRef; mergedShowConsideringDisabledProp: ComputedRef; uncontrolledShow: Ref; mergedShowArrow: ComputedRef; getMergedShow: () => boolean; setShow: (value: boolean) => void; handleClick: () => void; handleMouseEnter: () => void; handleMouseLeave: () => void; handleFocus: () => void; handleBlur: () => void; syncPosition: () => void; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly void>; internalRenderBody: PropType; show: { type: PropType; default: undefined; }; defaultShow: BooleanConstructor; showArrow: { type: BooleanConstructor; default: boolean; }; trigger: { type: PropType; default: string; }; delay: { type: NumberConstructor; default: number; }; duration: { type: NumberConstructor; default: number; }; raw: BooleanConstructor; placement: { type: PropType; default: string; }; x: NumberConstructor; y: NumberConstructor; arrowPointToCenter: BooleanConstructor; disabled: BooleanConstructor; getDisabled: PropType<() => boolean>; displayDirective: { type: PropType<"if" | "show">; default: string; }; arrowClass: StringConstructor; arrowStyle: PropType; arrowWrapperClass: StringConstructor; arrowWrapperStyle: PropType; flip: { type: BooleanConstructor; default: boolean; }; animated: { type: BooleanConstructor; default: boolean; }; width: { type: PropType; default: undefined; }; overlap: BooleanConstructor; keepAliveOnHover: { type: BooleanConstructor; default: boolean; }; zIndex: NumberConstructor; to: { type: PropType; default: undefined; }; scrollable: BooleanConstructor; contentClass: StringConstructor; contentStyle: PropType; headerClass: StringConstructor; headerStyle: PropType; footerClass: StringConstructor; footerStyle: PropType; onClickoutside: PropType<(e: MouseEvent) => void>; 'onUpdate:show': PropType void>>; onUpdateShow: PropType void>>; internalDeactivateImmediately: BooleanConstructor; internalSyncTargetWithParent: BooleanConstructor; internalInheritedEventHandlers: { type: PropType; default: () => never[]; }; internalTrapFocus: BooleanConstructor; internalExtraClass: { type: PropType; default: () => never[]; }; onShow: PropType void> | undefined>; onHide: PropType void> | undefined>; arrow: { type: PropType; default: undefined; }; minWidth: NumberConstructor; maxWidth: NumberConstructor; theme: PropType; }>>; themeOverrides: PropType; }>>>; builtinThemeOverrides: PropType; }>>>; }>> & Readonly<{}>, { disabled: boolean; raw: boolean; width: number | "trigger"; duration: number; scrollable: boolean; trigger: PopoverTrigger; to: string | boolean | HTMLElement; placement: FollowerPlacement; show: boolean | undefined; showArrow: boolean; arrow: boolean | undefined; defaultShow: boolean; delay: number; arrowPointToCenter: boolean; displayDirective: "show" | "if"; flip: boolean; animated: boolean; overlap: boolean; keepAliveOnHover: boolean; internalDeactivateImmediately: boolean; internalSyncTargetWithParent: boolean; internalInheritedEventHandlers: TriggerEventHandlers[]; internalTrapFocus: boolean; internalExtraClass: string[]; }, SlotsType, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; export default _default;