|
1
2
3
4
5
|
import ResizeObserver from 'resize-observer-polyfill';
const isServer = typeof window === 'undefined';
/* istanbul ignore next */
|
vben
authored
|
6
|
function resizeHandler(entries: any[]) {
|
|
7
8
9
10
11
12
13
14
|
for (const entry of entries) {
const listeners = entry.target.__resizeListeners__ || [];
if (listeners.length) {
listeners.forEach((fn: () => any) => {
fn();
});
}
}
|
vben
authored
|
15
|
}
|
|
16
17
|
/* istanbul ignore next */
|
vben
authored
|
18
|
export function addResizeListener(element: any, fn: () => any) {
|
|
19
20
21
22
23
24
25
|
if (isServer) return;
if (!element.__resizeListeners__) {
element.__resizeListeners__ = [];
element.__ro__ = new ResizeObserver(resizeHandler);
element.__ro__.observe(element);
}
element.__resizeListeners__.push(fn);
|
vben
authored
|
26
|
}
|
|
27
28
|
/* istanbul ignore next */
|
vben
authored
|
29
|
export function removeResizeListener(element: any, fn: () => any) {
|
|
30
31
32
33
34
|
if (!element || !element.__resizeListeners__) return;
element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1);
if (!element.__resizeListeners__.length) {
element.__ro__.disconnect();
}
|
vben
authored
|
35
|
}
|
Vben
authored
|
36
37
38
39
40
41
42
|
export function triggerWindowResize() {
const event = document.createEvent('HTMLEvents');
event.initEvent('resize', true, true);
(event as any).eventType = 'message';
window.dispatchEvent(event);
}
|