tangweijie
5099f2e87e
- Vue 3 + TypeScript + Element Plus 前端界面 - Pinia 状态管理 - Vue Router 4 路由管理 - Axios HTTP 客户端 - MSW (Mock Service Worker) 开发环境模拟 - 账户管理界面 (列表、详情、三科目余额展示) - 交易管理界面 (列表、详情) - 对账管理界面 (三账校验) - 完善的 API 客户端封装 - Docker 容器化配置 - Nginx 配置用于生产环境
76 lines
2.5 KiB
TypeScript
76 lines
2.5 KiB
TypeScript
import type { Ref, ToRefs } from 'vue';
|
|
import type { Middleware, Placement, SideObject, Strategy, VirtualElement } from '@floating-ui/dom';
|
|
export declare const useFloatingProps: {};
|
|
export 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;
|
|
alignmentOffset?: number | undefined;
|
|
} | undefined;
|
|
autoPlacement?: {
|
|
index?: number | undefined;
|
|
overflows: {
|
|
placement: Placement;
|
|
overflows: Array<number>;
|
|
}[];
|
|
} | undefined;
|
|
flip?: {
|
|
index?: number | undefined;
|
|
overflows: {
|
|
placement: Placement;
|
|
overflows: Array<number>;
|
|
}[];
|
|
} | undefined;
|
|
hide?: {
|
|
referenceHidden?: boolean | undefined;
|
|
escaped?: boolean | undefined;
|
|
referenceHiddenOffsets?: {
|
|
left: number;
|
|
right: number;
|
|
top: number;
|
|
bottom: number;
|
|
} | undefined;
|
|
escapedOffsets?: {
|
|
left: number;
|
|
right: number;
|
|
top: number;
|
|
bottom: number;
|
|
} | undefined;
|
|
} | undefined;
|
|
offset?: {
|
|
x: number;
|
|
y: number;
|
|
placement: Placement;
|
|
} | undefined;
|
|
shift?: {
|
|
x: number;
|
|
y: number;
|
|
enabled: {
|
|
x: boolean;
|
|
y: boolean;
|
|
};
|
|
} | undefined;
|
|
}>;
|
|
};
|
|
export type ArrowMiddlewareProps = {
|
|
arrowRef: Ref<HTMLElement | null | undefined>;
|
|
padding?: number | SideObject;
|
|
};
|
|
export declare const arrowMiddleware: ({ arrowRef, padding, }: ArrowMiddlewareProps) => Middleware;
|