element-plus/packages/utils/global-nodes.ts
2021-12-12 23:28:03 +08:00

35 lines
664 B
TypeScript

import { isClient } from '@vueuse/core'
const globalNodes = []
let target = !isClient ? undefined : document.body
export function createGlobalNode(id?: string) {
const el = document.createElement('div')
if (id !== undefined) {
el.id = id
}
target.appendChild(el)
globalNodes.push(el)
return el
}
export function removeGlobalNode(el: HTMLElement) {
globalNodes.splice(globalNodes.indexOf(el), 1)
el.remove()
}
export function changeGlobalNodesTarget(el: HTMLElement) {
if (el !== target) {
target = el
globalNodes.forEach((el) => {
if (el.contains(target) === false) {
target.appendChild(el)
}
})
}
}