@hanzogui/use-element-layout 3.0.6 → 4.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.cjs +284 -154
- package/dist/cjs/index.native.js +353 -226
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/esm/index.js +269 -141
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +269 -141
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +338 -213
- package/dist/esm/index.native.js.map +1 -1
- package/package.json +4 -4
- package/src/index.tsx +4 -4
- package/types/index.d.ts.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","__export","LayoutMeasurementController","createMeasure","createMeasureInWindow","createMeasureLayout","enable","getBoundingClientRectAsync","getElementLayoutEvent","measure","measureInWindow","measureLayout","measureNode","registerLayoutNode","setOnLayoutStrategy","useElementLayout","module","exports","import_jsx_runtime","require","import_constants","import_react","_instanceof","left","right","Symbol","hasInstance","LayoutHandlers","WeakMap","LayoutDisableKey","Nodes","Set","IntersectionState","usePretransformDimensions","globalThis","__HANZO_GUI_ONLAYOUT_PRETRANSFORM","process","env","HANZO_GUI_ONLAYOUT_PRETRANSFORM","_debugLayout","isDebugLayout","window","URLSearchParams","location","search","has","DisableLayoutContextValues","DisableLayoutContextKey","createContext","ENABLE","param","disable","children","id","useId","useIsomorphicLayoutEffect","jsx","Provider","globalIntersectionObserver","strategy","state","NodeRectCache","avoidUpdates","queuedUpdates","Map","forEach","cb","clear","startGlobalObservers","IntersectionObserver","entries","i","length","entry","node","target","get","isIntersecting","set","threshold","rectsEqual","a","b","x","y","width","height","ensureRectFetchObserver","rectFetchObserver","lastCallbackDelay","Math","round","performance","now","rectFetchStartTime","BoundingRects","boundingClientRect","NODE_ENV","console","warn","rectFetchResolve","ensureRectFetchObserver2","updateLayoutIfChanged","onLayout","parentNode","parentElement","nodeRect","parentRect","getBoundingClientRect","cachedRect","cachedParentRect","nodeChanged","parentChanged","event","log","tag","tagName","className","slice","layout","nativeEvent","first","rAF","requestAnimationFrame","userSkipVal","HANZO_GUI_LAYOUT_FRAME_SKIP","BASE_SKIP_FRAMES","MAX_SKIP_FRAMES","skipFrames","frameCount","layoutOnAnimationFrame","setTimeout","Number","MAX_SAFE_INTEGER","visibleNodes","parentsToObserve","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","iterator","_step","next","done","HTMLElement","cleanupNode","disableKey","push","add","err","return","io","observe","_iteratorNormalCompletion1","_didIteratorError1","_iteratorError1","_iterator1","_step1","parent","Promise","res","i1","unobserve","_iteratorNormalCompletion2","_didIteratorError2","_iteratorError2","_iterator2","_step2","parent1","min","max","i2","getRelativeDimensions","timeStamp","Date","getPreTransformDimensions","offsetWidth","offsetHeight","aNode","top","pageX","pageY","onChange","delete","PrevHostNode","ref","_ref_current","useContext","ensureWebElement","current","host","_ref_current2","nextNode","prevNode","handler","node2","totalNodes","size"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","__export","LayoutMeasurementController","createMeasure","createMeasureInWindow","createMeasureLayout","enable","getBoundingClientRectAsync","getElementLayoutEvent","measure","measureInWindow","measureLayout","measureNode","registerLayoutNode","setOnLayoutStrategy","useElementLayout","module","exports","import_jsx_runtime","require","import_constants","import_react","_instanceof","left","right","Symbol","hasInstance","LayoutHandlers","WeakMap","LayoutDisableKey","Nodes","Set","IntersectionState","usePretransformDimensions","globalThis","__GUI_ONLAYOUT_PRETRANSFORM","process","env","GUI_ONLAYOUT_PRETRANSFORM","_debugLayout","isDebugLayout","window","URLSearchParams","location","search","has","DisableLayoutContextValues","DisableLayoutContextKey","createContext","ENABLE","param","disable","children","id","useId","useIsomorphicLayoutEffect","jsx","Provider","globalIntersectionObserver","strategy","state","NodeRectCache","avoidUpdates","queuedUpdates","Map","forEach","cb","clear","startGlobalObservers","IntersectionObserver","entries","i","length","entry","node","target","get","isIntersecting","set","threshold","rectsEqual","a","b","x","y","width","height","ensureRectFetchObserver","rectFetchObserver","lastCallbackDelay","Math","round","performance","now","rectFetchStartTime","BoundingRects","boundingClientRect","NODE_ENV","console","warn","rectFetchResolve","ensureRectFetchObserver2","updateLayoutIfChanged","onLayout","parentNode","parentElement","nodeRect","parentRect","getBoundingClientRect","cachedRect","cachedParentRect","nodeChanged","parentChanged","event","log","tag","tagName","className","slice","layout","nativeEvent","first","rAF","requestAnimationFrame","userSkipVal","GUI_LAYOUT_FRAME_SKIP","BASE_SKIP_FRAMES","MAX_SKIP_FRAMES","skipFrames","frameCount","layoutOnAnimationFrame","setTimeout","Number","MAX_SAFE_INTEGER","visibleNodes","parentsToObserve","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","iterator","_step","next","done","HTMLElement","cleanupNode","disableKey","push","add","err","return","io","observe","_iteratorNormalCompletion1","_didIteratorError1","_iteratorError1","_iterator1","_step1","parent","Promise","res","i1","unobserve","_iteratorNormalCompletion2","_didIteratorError2","_iteratorError2","_iterator2","_step2","parent1","min","max","i2","getRelativeDimensions","timeStamp","Date","getPreTransformDimensions","offsetWidth","offsetHeight","aNode","top","pageX","pageY","onChange","delete","PrevHostNode","ref","_ref_current","useContext","ensureWebElement","current","host","_ref_current2","nextNode","prevNode","handler","node2","totalNodes","size","swappedNode"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,109 +1,151 @@
|
|
|
1
1
|
import { useIsomorphicLayoutEffect } from "@hanzogui/constants";
|
|
2
2
|
import { createContext, useContext, useId } from "react";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
const LayoutHandlers = /* @__PURE__ */new WeakMap()
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
const LayoutHandlers = /* @__PURE__ */new WeakMap();
|
|
5
|
+
const LayoutDisableKey = /* @__PURE__ */new WeakMap();
|
|
6
|
+
const Nodes = /* @__PURE__ */new Set();
|
|
7
|
+
const IntersectionState = /* @__PURE__ */new WeakMap();
|
|
8
|
+
const usePretransformDimensions = () => globalThis.__GUI_ONLAYOUT_PRETRANSFORM === true || process.env.GUI_ONLAYOUT_PRETRANSFORM === "1";
|
|
9
9
|
let _debugLayout;
|
|
10
10
|
function isDebugLayout() {
|
|
11
|
-
|
|
11
|
+
if (_debugLayout === void 0) {
|
|
12
|
+
_debugLayout = typeof window !== "undefined" && new URLSearchParams(window.location.search).has("__tamaDebugLayout");
|
|
13
|
+
}
|
|
14
|
+
return _debugLayout;
|
|
12
15
|
}
|
|
13
|
-
const DisableLayoutContextValues = {}
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
const DisableLayoutContextValues = {};
|
|
17
|
+
const DisableLayoutContextKey = createContext("");
|
|
18
|
+
const ENABLE = typeof IntersectionObserver !== "undefined";
|
|
19
|
+
const LayoutMeasurementController = ({
|
|
20
|
+
disable,
|
|
21
|
+
children
|
|
22
|
+
}) => {
|
|
23
|
+
const id = useId();
|
|
24
|
+
useIsomorphicLayoutEffect(() => {
|
|
25
|
+
DisableLayoutContextValues[id] = disable;
|
|
26
|
+
}, [disable, id]);
|
|
27
|
+
return /* @__PURE__ */jsx(DisableLayoutContextKey.Provider, {
|
|
28
|
+
value: id,
|
|
18
29
|
children
|
|
19
|
-
})
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}, [disable, id]), /* @__PURE__ */jsx(DisableLayoutContextKey.Provider, {
|
|
24
|
-
value: id,
|
|
25
|
-
children
|
|
26
|
-
});
|
|
27
|
-
};
|
|
28
|
-
let globalIntersectionObserver = null,
|
|
29
|
-
strategy = "async";
|
|
30
|
+
});
|
|
31
|
+
};
|
|
32
|
+
let globalIntersectionObserver = null;
|
|
33
|
+
let strategy = "async";
|
|
30
34
|
function setOnLayoutStrategy(state) {
|
|
31
35
|
strategy = state;
|
|
32
36
|
}
|
|
33
37
|
const NodeRectCache = /* @__PURE__ */new WeakMap();
|
|
34
|
-
let avoidUpdates =
|
|
38
|
+
let avoidUpdates = true;
|
|
35
39
|
const queuedUpdates = /* @__PURE__ */new Map();
|
|
36
40
|
function enable() {
|
|
37
|
-
|
|
41
|
+
if (avoidUpdates) {
|
|
42
|
+
avoidUpdates = false;
|
|
43
|
+
if (queuedUpdates) {
|
|
44
|
+
queuedUpdates.forEach(cb => cb());
|
|
45
|
+
queuedUpdates.clear();
|
|
46
|
+
}
|
|
47
|
+
}
|
|
38
48
|
}
|
|
39
49
|
function startGlobalObservers() {
|
|
40
|
-
!ENABLE || globalIntersectionObserver
|
|
50
|
+
if (!ENABLE || globalIntersectionObserver) return;
|
|
51
|
+
globalIntersectionObserver = new IntersectionObserver(entries => {
|
|
41
52
|
for (let i = 0; i < entries.length; i++) {
|
|
42
|
-
const entry = entries[i]
|
|
43
|
-
|
|
44
|
-
IntersectionState.get(node) !== entry.isIntersecting
|
|
53
|
+
const entry = entries[i];
|
|
54
|
+
const node = entry.target;
|
|
55
|
+
if (IntersectionState.get(node) !== entry.isIntersecting) {
|
|
56
|
+
IntersectionState.set(node, entry.isIntersecting);
|
|
57
|
+
}
|
|
45
58
|
}
|
|
46
59
|
}, {
|
|
47
60
|
threshold: 0
|
|
48
|
-
})
|
|
61
|
+
});
|
|
49
62
|
}
|
|
50
63
|
function rectsEqual(a, b) {
|
|
51
64
|
return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
|
|
52
65
|
}
|
|
53
66
|
if (ENABLE) {
|
|
54
67
|
let ensureRectFetchObserver = function () {
|
|
55
|
-
|
|
68
|
+
if (rectFetchObserver) return rectFetchObserver;
|
|
69
|
+
rectFetchObserver = new IntersectionObserver(entries => {
|
|
56
70
|
lastCallbackDelay = Math.round(performance.now() - rectFetchStartTime);
|
|
57
|
-
for (let i = 0; i < entries.length; i++)
|
|
58
|
-
|
|
71
|
+
for (let i = 0; i < entries.length; i++) {
|
|
72
|
+
BoundingRects.set(entries[i].target, entries[i].boundingClientRect);
|
|
73
|
+
}
|
|
74
|
+
if (process.env.NODE_ENV === "development" && isDebugLayout() && lastCallbackDelay > 50) {
|
|
75
|
+
console.warn("[onLayout-io-delay]", lastCallbackDelay + "ms", entries.length, "entries");
|
|
76
|
+
}
|
|
77
|
+
if (rectFetchResolve) {
|
|
78
|
+
rectFetchResolve(true);
|
|
79
|
+
rectFetchResolve = null;
|
|
80
|
+
}
|
|
59
81
|
}, {
|
|
60
82
|
threshold: 0
|
|
61
|
-
})
|
|
83
|
+
});
|
|
84
|
+
return rectFetchObserver;
|
|
62
85
|
};
|
|
63
86
|
const BoundingRects = /* @__PURE__ */new WeakMap();
|
|
64
|
-
let rectFetchObserver = null
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
87
|
+
let rectFetchObserver = null;
|
|
88
|
+
let rectFetchResolve = null;
|
|
89
|
+
let rectFetchStartTime = 0;
|
|
90
|
+
let lastCallbackDelay = 0;
|
|
68
91
|
async function updateLayoutIfChanged(node) {
|
|
69
92
|
const onLayout = LayoutHandlers.get(node);
|
|
70
|
-
if (typeof onLayout
|
|
93
|
+
if (typeof onLayout !== "function") return;
|
|
71
94
|
const parentNode = node.parentElement;
|
|
72
95
|
if (!parentNode) return;
|
|
73
|
-
let nodeRect
|
|
96
|
+
let nodeRect;
|
|
97
|
+
let parentRect;
|
|
74
98
|
if (strategy === "async") {
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
99
|
+
nodeRect = BoundingRects.get(node);
|
|
100
|
+
parentRect = BoundingRects.get(parentNode);
|
|
101
|
+
if (!nodeRect || !parentRect) {
|
|
102
|
+
return;
|
|
103
|
+
}
|
|
104
|
+
} else {
|
|
105
|
+
nodeRect = node.getBoundingClientRect();
|
|
106
|
+
parentRect = parentNode.getBoundingClientRect();
|
|
107
|
+
}
|
|
108
|
+
const cachedRect = NodeRectCache.get(node);
|
|
109
|
+
const cachedParentRect = NodeRectCache.get(parentNode);
|
|
110
|
+
const nodeChanged = !cachedRect || !rectsEqual(cachedRect, nodeRect);
|
|
111
|
+
const parentChanged = !cachedParentRect || !rectsEqual(cachedParentRect, parentRect);
|
|
81
112
|
if (nodeChanged || parentChanged) {
|
|
82
|
-
NodeRectCache.set(node, nodeRect)
|
|
113
|
+
NodeRectCache.set(node, nodeRect);
|
|
114
|
+
NodeRectCache.set(parentNode, parentRect);
|
|
83
115
|
const event = getElementLayoutEvent(nodeRect, parentRect, node);
|
|
84
|
-
process.env.NODE_ENV === "development" && isDebugLayout()
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
116
|
+
if (process.env.NODE_ENV === "development" && isDebugLayout()) {
|
|
117
|
+
console.log("[useElementLayout] change", {
|
|
118
|
+
tag: node.tagName,
|
|
119
|
+
id: node.id || void 0,
|
|
120
|
+
className: (node.className || "").slice(0, 60) || void 0,
|
|
121
|
+
layout: event.nativeEvent.layout,
|
|
122
|
+
first: !cachedRect
|
|
123
|
+
});
|
|
124
|
+
}
|
|
125
|
+
if (avoidUpdates) {
|
|
126
|
+
queuedUpdates.set(node, () => onLayout(event));
|
|
127
|
+
} else {
|
|
128
|
+
onLayout(event);
|
|
129
|
+
}
|
|
91
130
|
}
|
|
92
131
|
}
|
|
93
|
-
const rAF = typeof requestAnimationFrame
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
let skipFrames = BASE_SKIP_FRAMES
|
|
98
|
-
|
|
132
|
+
const rAF = typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : void 0;
|
|
133
|
+
const userSkipVal = process.env.GUI_LAYOUT_FRAME_SKIP;
|
|
134
|
+
const BASE_SKIP_FRAMES = userSkipVal ? +userSkipVal : 10;
|
|
135
|
+
const MAX_SKIP_FRAMES = 20;
|
|
136
|
+
let skipFrames = BASE_SKIP_FRAMES;
|
|
137
|
+
let frameCount = 0;
|
|
99
138
|
async function layoutOnAnimationFrame() {
|
|
100
139
|
if (frameCount++ % skipFrames !== 0) {
|
|
101
140
|
rAF ? rAF(layoutOnAnimationFrame) : setTimeout(layoutOnAnimationFrame, 16);
|
|
102
141
|
return;
|
|
103
142
|
}
|
|
104
|
-
if (frameCount >= Number.MAX_SAFE_INTEGER
|
|
105
|
-
|
|
106
|
-
|
|
143
|
+
if (frameCount >= Number.MAX_SAFE_INTEGER) {
|
|
144
|
+
frameCount = 0;
|
|
145
|
+
}
|
|
146
|
+
if (strategy !== "off") {
|
|
147
|
+
const visibleNodes = [];
|
|
148
|
+
const parentsToObserve = /* @__PURE__ */new Set();
|
|
107
149
|
for (const node of Nodes) {
|
|
108
150
|
const parentElement = node.parentElement;
|
|
109
151
|
if (!(parentElement instanceof HTMLElement)) {
|
|
@@ -111,135 +153,221 @@ if (ENABLE) {
|
|
|
111
153
|
continue;
|
|
112
154
|
}
|
|
113
155
|
const disableKey = LayoutDisableKey.get(node);
|
|
114
|
-
disableKey && DisableLayoutContextValues[disableKey] ===
|
|
156
|
+
if (disableKey && DisableLayoutContextValues[disableKey] === true) continue;
|
|
157
|
+
if (IntersectionState.get(node) === false) continue;
|
|
158
|
+
visibleNodes.push(node);
|
|
159
|
+
parentsToObserve.add(parentElement);
|
|
115
160
|
}
|
|
116
161
|
if (visibleNodes.length > 0) {
|
|
117
162
|
const io = ensureRectFetchObserver();
|
|
118
163
|
rectFetchStartTime = performance.now();
|
|
119
|
-
for (let i = 0; i < visibleNodes.length; i++)
|
|
120
|
-
|
|
164
|
+
for (let i = 0; i < visibleNodes.length; i++) {
|
|
165
|
+
io.observe(visibleNodes[i]);
|
|
166
|
+
}
|
|
167
|
+
for (const parent of parentsToObserve) {
|
|
168
|
+
io.observe(parent);
|
|
169
|
+
}
|
|
121
170
|
await new Promise(res => {
|
|
122
171
|
rectFetchResolve = res;
|
|
123
172
|
});
|
|
124
|
-
for (let i = 0; i < visibleNodes.length; i++)
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
for (
|
|
173
|
+
for (let i = 0; i < visibleNodes.length; i++) {
|
|
174
|
+
io.unobserve(visibleNodes[i]);
|
|
175
|
+
}
|
|
176
|
+
for (const parent of parentsToObserve) {
|
|
177
|
+
io.unobserve(parent);
|
|
178
|
+
}
|
|
179
|
+
if (lastCallbackDelay > 50) {
|
|
180
|
+
skipFrames = Math.min(skipFrames + 2, MAX_SKIP_FRAMES);
|
|
181
|
+
} else if (lastCallbackDelay < 20) {
|
|
182
|
+
skipFrames = Math.max(skipFrames - 1, BASE_SKIP_FRAMES);
|
|
183
|
+
}
|
|
184
|
+
for (let i = 0; i < visibleNodes.length; i++) {
|
|
185
|
+
updateLayoutIfChanged(visibleNodes[i]);
|
|
186
|
+
}
|
|
128
187
|
}
|
|
129
188
|
}
|
|
130
189
|
rAF ? rAF(layoutOnAnimationFrame) : setTimeout(layoutOnAnimationFrame, 16);
|
|
131
190
|
}
|
|
132
191
|
layoutOnAnimationFrame();
|
|
133
192
|
}
|
|
134
|
-
const getElementLayoutEvent = (nodeRect, parentRect, node) =>
|
|
193
|
+
const getElementLayoutEvent = (nodeRect, parentRect, node) => {
|
|
194
|
+
return {
|
|
135
195
|
nativeEvent: {
|
|
136
196
|
layout: getRelativeDimensions(nodeRect, parentRect, node),
|
|
137
197
|
target: nodeRect
|
|
138
198
|
},
|
|
139
199
|
timeStamp: Date.now()
|
|
140
|
-
}
|
|
141
|
-
|
|
200
|
+
};
|
|
201
|
+
};
|
|
202
|
+
const getPreTransformDimensions = node => {
|
|
203
|
+
return {
|
|
142
204
|
width: node.offsetWidth,
|
|
143
205
|
height: node.offsetHeight
|
|
144
|
-
}),
|
|
145
|
-
getRelativeDimensions = (a, b, aNode) => {
|
|
146
|
-
const {
|
|
147
|
-
left,
|
|
148
|
-
top
|
|
149
|
-
} = a,
|
|
150
|
-
x = left - b.left,
|
|
151
|
-
y = top - b.top,
|
|
152
|
-
{
|
|
153
|
-
width,
|
|
154
|
-
height
|
|
155
|
-
} = usePretransformDimensions() && aNode ? getPreTransformDimensions(aNode) : {
|
|
156
|
-
width: a.width,
|
|
157
|
-
height: a.height
|
|
158
|
-
};
|
|
159
|
-
return {
|
|
160
|
-
x,
|
|
161
|
-
y,
|
|
162
|
-
width,
|
|
163
|
-
height,
|
|
164
|
-
pageX: a.left,
|
|
165
|
-
pageY: a.top
|
|
166
|
-
};
|
|
167
206
|
};
|
|
207
|
+
};
|
|
208
|
+
const getRelativeDimensions = (a, b, aNode) => {
|
|
209
|
+
const {
|
|
210
|
+
left,
|
|
211
|
+
top
|
|
212
|
+
} = a;
|
|
213
|
+
const x = left - b.left;
|
|
214
|
+
const y = top - b.top;
|
|
215
|
+
const {
|
|
216
|
+
width,
|
|
217
|
+
height
|
|
218
|
+
} = usePretransformDimensions() && aNode ? getPreTransformDimensions(aNode) : {
|
|
219
|
+
width: a.width,
|
|
220
|
+
height: a.height
|
|
221
|
+
};
|
|
222
|
+
return {
|
|
223
|
+
x,
|
|
224
|
+
y,
|
|
225
|
+
width,
|
|
226
|
+
height,
|
|
227
|
+
pageX: a.left,
|
|
228
|
+
pageY: a.top
|
|
229
|
+
};
|
|
230
|
+
};
|
|
168
231
|
function registerLayoutNode(node, onChange, disableKey) {
|
|
169
|
-
|
|
232
|
+
Nodes.add(node);
|
|
233
|
+
LayoutHandlers.set(node, onChange);
|
|
234
|
+
if (disableKey) LayoutDisableKey.set(node, disableKey);
|
|
235
|
+
startGlobalObservers();
|
|
236
|
+
if (globalIntersectionObserver) {
|
|
237
|
+
globalIntersectionObserver.observe(node);
|
|
238
|
+
IntersectionState.set(node, true);
|
|
239
|
+
}
|
|
240
|
+
return () => cleanupNode(node);
|
|
170
241
|
}
|
|
171
242
|
function cleanupNode(node) {
|
|
172
|
-
Nodes.delete(node)
|
|
243
|
+
Nodes.delete(node);
|
|
244
|
+
LayoutHandlers.delete(node);
|
|
245
|
+
LayoutDisableKey.delete(node);
|
|
246
|
+
NodeRectCache.delete(node);
|
|
247
|
+
IntersectionState.delete(node);
|
|
248
|
+
if (globalIntersectionObserver) {
|
|
249
|
+
globalIntersectionObserver.unobserve(node);
|
|
250
|
+
}
|
|
173
251
|
}
|
|
174
252
|
const PrevHostNode = /* @__PURE__ */new WeakMap();
|
|
175
253
|
function useElementLayout(ref, onLayout) {
|
|
176
|
-
const disableKey = useContext(DisableLayoutContextKey)
|
|
177
|
-
|
|
178
|
-
node && onLayout
|
|
254
|
+
const disableKey = useContext(DisableLayoutContextKey);
|
|
255
|
+
const node = ensureWebElement(ref.current?.host);
|
|
256
|
+
if (node && onLayout) {
|
|
257
|
+
LayoutHandlers.set(node, onLayout);
|
|
258
|
+
LayoutDisableKey.set(node, disableKey);
|
|
259
|
+
}
|
|
260
|
+
useIsomorphicLayoutEffect(() => {
|
|
179
261
|
if (!onLayout) return;
|
|
180
|
-
const nextNode = ensureWebElement(ref.current?.host)
|
|
181
|
-
|
|
182
|
-
if (nextNode === prevNode
|
|
183
|
-
|
|
262
|
+
const nextNode = ensureWebElement(ref.current?.host);
|
|
263
|
+
const prevNode = PrevHostNode.get(ref);
|
|
264
|
+
if (nextNode === prevNode) return;
|
|
265
|
+
if (prevNode) cleanupNode(prevNode);
|
|
266
|
+
PrevHostNode.set(ref, nextNode);
|
|
267
|
+
if (!nextNode) return;
|
|
268
|
+
Nodes.add(nextNode);
|
|
269
|
+
startGlobalObservers();
|
|
270
|
+
if (globalIntersectionObserver) {
|
|
271
|
+
globalIntersectionObserver.observe(nextNode);
|
|
272
|
+
IntersectionState.set(nextNode, true);
|
|
273
|
+
}
|
|
184
274
|
const handler = LayoutHandlers.get(nextNode);
|
|
185
|
-
if (typeof handler
|
|
275
|
+
if (typeof handler !== "function") return;
|
|
186
276
|
const parentNode = nextNode.parentElement;
|
|
187
277
|
if (!parentNode) return;
|
|
188
|
-
const nodeRect = nextNode.getBoundingClientRect()
|
|
189
|
-
|
|
190
|
-
NodeRectCache.set(nextNode, nodeRect)
|
|
191
|
-
|
|
278
|
+
const nodeRect = nextNode.getBoundingClientRect();
|
|
279
|
+
const parentRect = parentNode.getBoundingClientRect();
|
|
280
|
+
NodeRectCache.set(nextNode, nodeRect);
|
|
281
|
+
NodeRectCache.set(parentNode, parentRect);
|
|
282
|
+
handler(getElementLayoutEvent(nodeRect, parentRect, nextNode));
|
|
283
|
+
});
|
|
284
|
+
useIsomorphicLayoutEffect(() => {
|
|
192
285
|
if (!onLayout) return;
|
|
193
286
|
const node2 = ref.current?.host;
|
|
194
287
|
if (!node2) return;
|
|
195
|
-
Nodes.add(node2)
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
}
|
|
288
|
+
Nodes.add(node2);
|
|
289
|
+
startGlobalObservers();
|
|
290
|
+
if (globalIntersectionObserver) {
|
|
291
|
+
globalIntersectionObserver.observe(node2);
|
|
292
|
+
IntersectionState.set(node2, true);
|
|
293
|
+
}
|
|
294
|
+
if (process.env.NODE_ENV === "development" && isDebugLayout()) {
|
|
295
|
+
console.log("[useElementLayout] register", {
|
|
296
|
+
tag: node2.tagName,
|
|
297
|
+
id: node2.id || void 0,
|
|
298
|
+
className: (node2.className || "").slice(0, 60) || void 0,
|
|
299
|
+
totalNodes: Nodes.size
|
|
300
|
+
});
|
|
301
|
+
}
|
|
201
302
|
const parentNode = node2.parentNode;
|
|
202
|
-
|
|
303
|
+
if (parentNode) {
|
|
304
|
+
onLayout(getElementLayoutEvent(node2.getBoundingClientRect(), parentNode.getBoundingClientRect(), node2));
|
|
305
|
+
}
|
|
306
|
+
return () => {
|
|
203
307
|
cleanupNode(node2);
|
|
204
308
|
const swappedNode = PrevHostNode.get(ref);
|
|
205
|
-
swappedNode && swappedNode !== node2
|
|
309
|
+
if (swappedNode && swappedNode !== node2) {
|
|
310
|
+
cleanupNode(swappedNode);
|
|
311
|
+
}
|
|
312
|
+
PrevHostNode.delete(ref);
|
|
206
313
|
};
|
|
207
314
|
}, [ref, !!onLayout]);
|
|
208
315
|
}
|
|
209
316
|
function ensureWebElement(x) {
|
|
210
|
-
if (
|
|
317
|
+
if (typeof HTMLElement === "undefined") {
|
|
318
|
+
return void 0;
|
|
319
|
+
}
|
|
320
|
+
return x instanceof HTMLElement ? x : void 0;
|
|
211
321
|
}
|
|
212
|
-
const getBoundingClientRectAsync = node =>
|
|
213
|
-
|
|
214
|
-
|
|
322
|
+
const getBoundingClientRectAsync = node => {
|
|
323
|
+
return new Promise(res => {
|
|
324
|
+
if (!node || node.nodeType !== 1) return res(false);
|
|
325
|
+
const io = new IntersectionObserver(entries => {
|
|
326
|
+
io.disconnect();
|
|
327
|
+
return res(entries[0].boundingClientRect);
|
|
328
|
+
}, {
|
|
215
329
|
threshold: 0
|
|
216
330
|
});
|
|
217
331
|
io.observe(node);
|
|
218
|
-
})
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
332
|
+
});
|
|
333
|
+
};
|
|
334
|
+
const measureNode = async (node, relativeTo) => {
|
|
335
|
+
const relativeNode = relativeTo || node?.parentElement;
|
|
336
|
+
if (relativeNode instanceof HTMLElement) {
|
|
337
|
+
const [nodeDim, relativeNodeDim] = await Promise.all([getBoundingClientRectAsync(node), getBoundingClientRectAsync(relativeNode)]);
|
|
338
|
+
if (relativeNodeDim && nodeDim) {
|
|
339
|
+
return getRelativeDimensions(nodeDim, relativeNodeDim, node);
|
|
224
340
|
}
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
341
|
+
}
|
|
342
|
+
return null;
|
|
343
|
+
};
|
|
344
|
+
const measure = async (node, callback) => {
|
|
345
|
+
const out = await measureNode(node, node.parentNode instanceof HTMLElement ? node.parentNode : null);
|
|
346
|
+
if (out) {
|
|
347
|
+
callback?.(out.x, out.y, out.width, out.height, out.pageX, out.pageY);
|
|
348
|
+
}
|
|
349
|
+
return out;
|
|
350
|
+
};
|
|
231
351
|
function createMeasure(node) {
|
|
232
352
|
return callback => measure(node, callback);
|
|
233
353
|
}
|
|
234
354
|
const measureInWindow = async (node, callback) => {
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
355
|
+
const out = await measureNode(node, null);
|
|
356
|
+
if (out) {
|
|
357
|
+
callback?.(out.pageX, out.pageY, out.width, out.height);
|
|
358
|
+
}
|
|
359
|
+
return out;
|
|
360
|
+
};
|
|
361
|
+
const createMeasureInWindow = node => {
|
|
362
|
+
return callback => measureInWindow(node, callback);
|
|
363
|
+
};
|
|
364
|
+
const measureLayout = async (node, relativeNode, callback) => {
|
|
365
|
+
const out = await measureNode(node, relativeNode);
|
|
366
|
+
if (out) {
|
|
367
|
+
callback?.(out.x, out.y, out.width, out.height, out.pageX, out.pageY);
|
|
368
|
+
}
|
|
369
|
+
return out;
|
|
370
|
+
};
|
|
243
371
|
function createMeasureLayout(node) {
|
|
244
372
|
return (relativeTo, callback) => measureLayout(node, relativeTo, callback);
|
|
245
373
|
}
|