You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
2.3 KiB
70 lines
2.3 KiB
2 months ago
|
import type { Ref, ToRefs } from 'vue';
|
||
|
import type { Middleware, Placement, SideObject, Strategy, VirtualElement } from '@floating-ui/dom';
|
||
|
export declare const useFloatingProps: {};
|
||
|
export declare type UseFloatingProps = ToRefs<{
|
||
|
middleware: Array<Middleware>;
|
||
|
placement: Placement;
|
||
|
strategy: Strategy;
|
||
|
}>;
|
||
|
export declare const getPositionDataWithUnit: <T extends Record<string, number>>(record: T | undefined, key: keyof T) => string;
|
||
|
export declare const useFloating: ({ middleware, placement, strategy, }: UseFloatingProps) => {
|
||
|
update: () => Promise<void>;
|
||
|
referenceRef: Ref<HTMLElement | VirtualElement | undefined>;
|
||
|
contentRef: Ref<HTMLElement | undefined>;
|
||
|
x: Ref<number | undefined>;
|
||
|
y: Ref<number | undefined>;
|
||
|
placement: Ref<Placement>;
|
||
|
strategy: Ref<Strategy>;
|
||
|
middlewareData: Ref<{
|
||
|
[x: string]: any;
|
||
|
arrow?: {
|
||
|
x?: number | undefined;
|
||
|
y?: number | undefined;
|
||
|
centerOffset: number;
|
||
|
} | undefined;
|
||
|
autoPlacement?: {
|
||
|
index?: number | undefined;
|
||
|
overflows: {
|
||
|
placement: Placement;
|
||
|
overflows: number[];
|
||
|
}[];
|
||
|
} | undefined;
|
||
|
flip?: {
|
||
|
index?: number | undefined;
|
||
|
overflows: {
|
||
|
placement: Placement;
|
||
|
overflows: number[];
|
||
|
}[];
|
||
|
} | undefined;
|
||
|
hide?: {
|
||
|
referenceHidden?: boolean | undefined;
|
||
|
escaped?: boolean | undefined;
|
||
|
referenceHiddenOffsets?: {
|
||
|
top: number;
|
||
|
bottom: number;
|
||
|
left: number;
|
||
|
right: number;
|
||
|
} | undefined;
|
||
|
escapedOffsets?: {
|
||
|
top: number;
|
||
|
bottom: number;
|
||
|
left: number;
|
||
|
right: number;
|
||
|
} | undefined;
|
||
|
} | undefined;
|
||
|
offset?: {
|
||
|
x: number;
|
||
|
y: number;
|
||
|
} | undefined;
|
||
|
shift?: {
|
||
|
x: number;
|
||
|
y: number;
|
||
|
} | undefined;
|
||
|
}>;
|
||
|
};
|
||
|
export declare type ArrowMiddlewareProps = {
|
||
|
arrowRef: Ref<HTMLElement | null | undefined>;
|
||
|
padding?: number | SideObject;
|
||
|
};
|
||
|
export declare const arrowMiddleware: ({ arrowRef, padding, }: ArrowMiddlewareProps) => Middleware;
|