99 lines
2.1 KiB
JavaScript
99 lines
2.1 KiB
JavaScript
"use strict";
|
|
|
|
var __read = this && this.__read || function (o, n) {
|
|
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
if (!m) return o;
|
|
var i = m.call(o),
|
|
r,
|
|
ar = [],
|
|
e;
|
|
|
|
try {
|
|
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
|
ar.push(r.value);
|
|
}
|
|
} catch (error) {
|
|
e = {
|
|
error: error
|
|
};
|
|
} finally {
|
|
try {
|
|
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
} finally {
|
|
if (e) throw e.error;
|
|
}
|
|
}
|
|
|
|
return ar;
|
|
};
|
|
|
|
var __importDefault = this && this.__importDefault || function (mod) {
|
|
return mod && mod.__esModule ? mod : {
|
|
"default": mod
|
|
};
|
|
};
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
|
|
var react_1 = require("react");
|
|
|
|
var usePersistFn_1 = __importDefault(require("../usePersistFn"));
|
|
|
|
var dom_1 = require("../utils/dom");
|
|
|
|
function useScroll(target, shouldUpdate) {
|
|
if (shouldUpdate === void 0) {
|
|
shouldUpdate = function shouldUpdate() {
|
|
return true;
|
|
};
|
|
}
|
|
|
|
var _a = __read(react_1.useState({
|
|
left: NaN,
|
|
top: NaN
|
|
}), 2),
|
|
position = _a[0],
|
|
setPosition = _a[1];
|
|
|
|
var shouldUpdatePersist = usePersistFn_1["default"](shouldUpdate);
|
|
react_1.useEffect(function () {
|
|
var el = dom_1.getTargetElement(target, document);
|
|
if (!el) return;
|
|
|
|
function updatePosition(currentTarget) {
|
|
var newPosition;
|
|
|
|
if (currentTarget === document) {
|
|
if (!document.scrollingElement) return;
|
|
newPosition = {
|
|
left: document.scrollingElement.scrollLeft,
|
|
top: document.scrollingElement.scrollTop
|
|
};
|
|
} else {
|
|
newPosition = {
|
|
left: currentTarget.scrollLeft,
|
|
top: currentTarget.scrollTop
|
|
};
|
|
}
|
|
|
|
if (shouldUpdatePersist(newPosition)) setPosition(newPosition);
|
|
}
|
|
|
|
updatePosition(el);
|
|
|
|
function listener(event) {
|
|
if (!event.target) return;
|
|
updatePosition(event.target);
|
|
}
|
|
|
|
el.addEventListener('scroll', listener);
|
|
return function () {
|
|
el.removeEventListener('scroll', listener);
|
|
};
|
|
}, [target, shouldUpdatePersist]);
|
|
return position;
|
|
}
|
|
|
|
exports["default"] = useScroll; |