radix-vue
Version:
Vue port for Radix UI Primitives.
152 lines (151 loc) • 5.3 kB
TypeScript
import type { PopperContentProps } from '../Popper';
import type { DismissableLayerEmits, DismissableLayerProps } from '../DismissableLayer';
import type { FocusScopeProps } from '../FocusScope';
export type PopoverContentImplEmits = DismissableLayerEmits & {
/**
* Event handler called when auto-focusing on open.
* Can be prevented.
*/
'openAutoFocus': [event: Event];
/**
* Event handler called when auto-focusing on close.
* Can be prevented.
*/
'closeAutoFocus': [event: Event];
};
export interface PopoverContentImplProps extends PopperContentProps, DismissableLayerProps {
/**
* Whether focus should be trapped within the `MenuContent`
* (default: false)
*/
trapFocus?: FocusScopeProps['trapped'];
}
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
trapFocus: {
type: import("vue").PropType<boolean>;
};
side: {
type: import("vue").PropType<"right" | "left" | "bottom" | "top">;
};
sideOffset: {
type: import("vue").PropType<number>;
};
align: {
type: import("vue").PropType<"center" | "end" | "start">;
};
alignOffset: {
type: import("vue").PropType<number>;
};
avoidCollisions: {
type: import("vue").PropType<boolean>;
};
collisionBoundary: {
type: import("vue").PropType<Element | (Element | null)[] | null>;
};
collisionPadding: {
type: import("vue").PropType<number | Partial<Record<"right" | "left" | "bottom" | "top", number>>>;
};
arrowPadding: {
type: import("vue").PropType<number>;
};
sticky: {
type: import("vue").PropType<"partial" | "always">;
};
hideWhenDetached: {
type: import("vue").PropType<boolean>;
};
updatePositionStrategy: {
type: import("vue").PropType<"always" | "optimized">;
};
onPlaced: {
type: import("vue").PropType<() => void>;
};
prioritizePosition: {
type: import("vue").PropType<boolean>;
};
asChild: {
type: import("vue").PropType<boolean>;
};
as: {
type: import("vue").PropType<import("../Primitive").AsTag | import("vue").Component>;
};
disableOutsidePointerEvents: {
type: import("vue").PropType<boolean>;
};
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
escapeKeyDown: (event: KeyboardEvent) => void;
pointerDownOutside: (event: import('../DismissableLayer').PointerDownOutsideEvent) => void;
focusOutside: (event: import('../DismissableLayer').FocusOutsideEvent) => void;
interactOutside: (event: import('../DismissableLayer').PointerDownOutsideEvent | import('../DismissableLayer').FocusOutsideEvent) => void;
dismiss: () => void;
openAutoFocus: (event: Event) => void;
closeAutoFocus: (event: Event) => void;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
trapFocus: {
type: import("vue").PropType<boolean>;
};
side: {
type: import("vue").PropType<"right" | "left" | "bottom" | "top">;
};
sideOffset: {
type: import("vue").PropType<number>;
};
align: {
type: import("vue").PropType<"center" | "end" | "start">;
};
alignOffset: {
type: import("vue").PropType<number>;
};
avoidCollisions: {
type: import("vue").PropType<boolean>;
};
collisionBoundary: {
type: import("vue").PropType<Element | (Element | null)[] | null>;
};
collisionPadding: {
type: import("vue").PropType<number | Partial<Record<"right" | "left" | "bottom" | "top", number>>>;
};
arrowPadding: {
type: import("vue").PropType<number>;
};
sticky: {
type: import("vue").PropType<"partial" | "always">;
};
hideWhenDetached: {
type: import("vue").PropType<boolean>;
};
updatePositionStrategy: {
type: import("vue").PropType<"always" | "optimized">;
};
onPlaced: {
type: import("vue").PropType<() => void>;
};
prioritizePosition: {
type: import("vue").PropType<boolean>;
};
asChild: {
type: import("vue").PropType<boolean>;
};
as: {
type: import("vue").PropType<import("../Primitive").AsTag | import("vue").Component>;
};
disableOutsidePointerEvents: {
type: import("vue").PropType<boolean>;
};
}>> & {
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
onPointerDownOutside?: ((event: import('../DismissableLayer').PointerDownOutsideEvent) => any) | undefined;
onFocusOutside?: ((event: import('../DismissableLayer').FocusOutsideEvent) => any) | undefined;
onInteractOutside?: ((event: import('../DismissableLayer').PointerDownOutsideEvent | import('../DismissableLayer').FocusOutsideEvent) => any) | undefined;
onDismiss?: (() => any) | undefined;
onOpenAutoFocus?: ((event: Event) => any) | undefined;
onCloseAutoFocus?: ((event: Event) => any) | undefined;
}, {}, {}>, {
default?(_: {}): any;
}>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};