- Vue 3 + TypeScript + Element Plus 前端界面 - Pinia 状态管理 - Vue Router 4 路由管理 - Axios HTTP 客户端 - MSW (Mock Service Worker) 开发环境模拟 - 账户管理界面 (列表、详情、三科目余额展示) - 交易管理界面 (列表、详情) - 对账管理界面 (三账校验) - 完善的 API 客户端封装 - Docker 容器化配置 - Nginx 配置用于生产环境
24 lines
968 B
TypeScript
24 lines
968 B
TypeScript
import type { CSSProperties, ComputedRef, InjectionKey, Ref } from 'vue';
|
|
import type { Instance } from '@popperjs/core';
|
|
export type Measurable = {
|
|
getBoundingClientRect: () => DOMRect;
|
|
};
|
|
/**
|
|
* triggerRef indicates the element that triggers popper
|
|
* contentRef indicates the element of popper content
|
|
* referenceRef indicates the element that popper content relative with
|
|
*/
|
|
export type ElPopperInjectionContext = {
|
|
triggerRef: Ref<Measurable | undefined>;
|
|
contentRef: Ref<HTMLElement | undefined>;
|
|
popperInstanceRef: Ref<Instance | undefined>;
|
|
referenceRef: Ref<Measurable | undefined>;
|
|
role: ComputedRef<string>;
|
|
};
|
|
export type ElPopperContentInjectionContext = {
|
|
arrowRef: Ref<HTMLElement | undefined>;
|
|
arrowStyle: ComputedRef<CSSProperties>;
|
|
};
|
|
export declare const POPPER_INJECTION_KEY: InjectionKey<ElPopperInjectionContext>;
|
|
export declare const POPPER_CONTENT_INJECTION_KEY: InjectionKey<ElPopperContentInjectionContext>;
|