refactor(utils): drop resize-event (#8618)

This commit is contained in:
zz 2022-08-08 17:44:09 +08:00 committed by GitHub
parent 9679cc0da0
commit 0bb66e3149
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 0 additions and 47 deletions

View File

@ -1,6 +1,5 @@
export * from './aria'
export * from './event'
export * from './position'
export * from './resize-event'
export * from './scroll'
export * from './style'

View File

@ -1,46 +0,0 @@
import { isClient } from '@vueuse/core'
import type { HTMLElementCustomized } from '../typescript'
export type ResizableElement = HTMLElementCustomized<{
__resizeListeners__?: Array<(...args: unknown[]) => unknown>
__ro__?: ResizeObserver
}>
const resizeHandler = function (entries: ResizeObserverEntry[]) {
for (const entry of entries) {
const listeners =
(entry.target as ResizableElement).__resizeListeners__ || []
if (listeners.length) {
listeners.forEach((fn) => {
fn()
})
}
}
}
/** @deprecated use `useResizeObserver` or `useElementSize` in vueuse */
export const addResizeListener = function (
element: ResizableElement,
fn: (...args: unknown[]) => unknown
): void {
if (!isClient || !element) return
if (!element.__resizeListeners__) {
element.__resizeListeners__ = []
element.__ro__ = new ResizeObserver(resizeHandler)
element.__ro__.observe(element)
}
element.__resizeListeners__.push(fn)
}
/** @deprecated use `useResizeObserver` or `useElementSize` in vueuse */
export const removeResizeListener = function (
element: ResizableElement,
fn: (...args: unknown[]) => unknown
): void {
if (!element || !element.__resizeListeners__) return
element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1)
if (!element.__resizeListeners__.length) {
element.__ro__?.disconnect()
}
}