mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-14 17:31:02 +08:00
30 lines
917 B
TypeScript
30 lines
917 B
TypeScript
|
import type { 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>
|
||
|
}
|
||
|
|
||
|
export type ElPopperContentInjectionContext = {
|
||
|
arrowRef: Ref<HTMLElement | undefined>
|
||
|
arrowOffset: Ref<number | undefined>
|
||
|
}
|
||
|
|
||
|
export const POPPER_INJECTION_KEY: InjectionKey<ElPopperInjectionContext> =
|
||
|
Symbol('popper')
|
||
|
|
||
|
export const POPPER_CONTENT_INJECTION_KEY: InjectionKey<ElPopperContentInjectionContext> =
|
||
|
Symbol('popperContent')
|