1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- import { isClient } from '@vueuse/core';
- import { getStyle } from './style.mjs';
- const isScroll = (el, isVertical) => {
- if (!isClient)
- return false;
- const key = {
- undefined: "overflow",
- true: "overflow-y",
- false: "overflow-x"
- }[String(isVertical)];
- const overflow = getStyle(el, key);
- return ["scroll", "auto", "overlay"].some((s) => overflow.includes(s));
- };
- const getScrollContainer = (el, isVertical) => {
- if (!isClient)
- return;
- let parent = el;
- while (parent) {
- if ([window, document, document.documentElement].includes(parent))
- return window;
- if (isScroll(parent, isVertical))
- return parent;
- parent = parent.parentNode;
- }
- return parent;
- };
- let scrollBarWidth;
- const getScrollBarWidth = (namespace) => {
- var _a;
- if (!isClient)
- return 0;
- if (scrollBarWidth !== void 0)
- return scrollBarWidth;
- const outer = document.createElement("div");
- outer.className = `${namespace}-scrollbar__wrap`;
- outer.style.visibility = "hidden";
- outer.style.width = "100px";
- outer.style.position = "absolute";
- outer.style.top = "-9999px";
- document.body.appendChild(outer);
- const widthNoScroll = outer.offsetWidth;
- outer.style.overflow = "scroll";
- const inner = document.createElement("div");
- inner.style.width = "100%";
- outer.appendChild(inner);
- const widthWithScroll = inner.offsetWidth;
- (_a = outer.parentNode) == null ? void 0 : _a.removeChild(outer);
- scrollBarWidth = widthNoScroll - widthWithScroll;
- return scrollBarWidth;
- };
- function scrollIntoView(container, selected) {
- if (!isClient)
- return;
- if (!selected) {
- container.scrollTop = 0;
- return;
- }
- const offsetParents = [];
- let pointer = selected.offsetParent;
- while (pointer !== null && container !== pointer && container.contains(pointer)) {
- offsetParents.push(pointer);
- pointer = pointer.offsetParent;
- }
- const top = selected.offsetTop + offsetParents.reduce((prev, curr) => prev + curr.offsetTop, 0);
- const bottom = top + selected.offsetHeight;
- const viewRectTop = container.scrollTop;
- const viewRectBottom = viewRectTop + container.clientHeight;
- if (top < viewRectTop) {
- container.scrollTop = top;
- } else if (bottom > viewRectBottom) {
- container.scrollTop = bottom - container.clientHeight;
- }
- }
- export { getScrollBarWidth, getScrollContainer, isScroll, scrollIntoView };
- //# sourceMappingURL=scroll.mjs.map
|