mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-14 01:11:25 +08:00
dd19cae2bc
* refactor(components): popper composables - Refactor popper composables * updates * updates for tooltip * Updates for popper. TODO: fix controlled tooltip animation * Fix controlled mode popper animation issue * Add new feature for customizing tooltip theme * Fix popover and popconfirm error * - Add Collection component for wrapping a collection of component - Add FocusTrap component for trap focus for popups - Add RovingFocus component for roving focus component type - Adjust dropdown component based on these newly added components - Add popper-trigger component for placing the trigger - TODO: Finish current dropdown component, and all component's tests plus documents * Refactor popper * Complete organizing popper * Almost finish dropdown * Update popper tests * update only-child test * Finish focus trap component test * Finish tooltip content test * Finish tooltip trigger tests * Finish tooltip tests * finish tests for Collection and RovingFocusGroup * Fix test cases for timeselect & select & popover * Fix popover, popconfirm, menu bug and test cases * Fix select-v2 test error caused by updating popper * Fix date-picker test issue for updating popper * fix test cases * Fix eslint * Rebase dev & fix tests * Remove unused code
37 lines
752 B
TypeScript
37 lines
752 B
TypeScript
import { provide } from 'vue'
|
|
|
|
import type { InjectionKey, Ref } from 'vue'
|
|
|
|
type ForwardRefSetter = <T>(el: T) => void
|
|
|
|
export type ForwardRefInjectionContext = {
|
|
setForwardRef: ForwardRefSetter
|
|
}
|
|
|
|
export const FORWARD_REF_INJECTION_KEY: InjectionKey<ForwardRefInjectionContext> =
|
|
Symbol('elForwardRef')
|
|
|
|
export const useForwardRef = <T>(forwardRef: Ref<T | null>) => {
|
|
const setForwardRef = (el: T) => {
|
|
forwardRef.value = el
|
|
}
|
|
|
|
provide(FORWARD_REF_INJECTION_KEY, {
|
|
setForwardRef,
|
|
})
|
|
}
|
|
|
|
export const useForwardRefDirective = (setForwardRef: ForwardRefSetter) => {
|
|
return {
|
|
mounted(el) {
|
|
setForwardRef(el)
|
|
},
|
|
updated(el) {
|
|
setForwardRef(el)
|
|
},
|
|
unmounted() {
|
|
setForwardRef(null)
|
|
},
|
|
}
|
|
}
|