1 | "use strict";
|
2 |
|
3 | exports.__esModule = true;
|
4 | exports.default = useResizeObserver;
|
5 |
|
6 | var _react = require("react");
|
7 |
|
8 | var _useIsomorphicEffect = _interopRequireDefault(require("./useIsomorphicEffect"));
|
9 |
|
10 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11 |
|
12 | var targetMap = new WeakMap();
|
13 | var resizeObserver;
|
14 |
|
15 | function getResizeObserver() {
|
16 |
|
17 | return resizeObserver = resizeObserver || new window.ResizeObserver(function (entries) {
|
18 | entries.forEach(function (entry) {
|
19 | var handler = targetMap.get(entry.target);
|
20 | if (handler) handler(entry.contentRect);
|
21 | });
|
22 | });
|
23 | }
|
24 |
|
25 |
|
26 |
|
27 |
|
28 |
|
29 |
|
30 |
|
31 |
|
32 |
|
33 |
|
34 |
|
35 |
|
36 |
|
37 |
|
38 |
|
39 |
|
40 |
|
41 |
|
42 |
|
43 |
|
44 | function useResizeObserver(element) {
|
45 | var _useState = (0, _react.useState)(null),
|
46 | rect = _useState[0],
|
47 | setRect = _useState[1];
|
48 |
|
49 | (0, _useIsomorphicEffect.default)(function () {
|
50 | if (!element) return;
|
51 | getResizeObserver().observe(element);
|
52 | setRect(element.getBoundingClientRect());
|
53 | targetMap.set(element, function (rect) {
|
54 | setRect(rect);
|
55 | });
|
56 | return function () {
|
57 | targetMap.delete(element);
|
58 | };
|
59 | }, [element]);
|
60 | return rect;
|
61 | } |
\ | No newline at end of file |