element-plus/lib/utils/dom/position.js

A Component Library for Vue 3

Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
const require_runtime = require('../../_virtual/_rolldown/runtime.js');
let _vueuse_core = require("@vueuse/core");

//#region ../../packages/utils/dom/position.ts
const isInContainer = (el, container) => {
	if (!_vueuse_core.isClient || !el || !container) return false;
	const elRect = el.getBoundingClientRect();
	let containerRect;
	if (container instanceof Element) containerRect = container.getBoundingClientRect();
	else containerRect = {
		top: 0,
		right: window.innerWidth,
		bottom: window.innerHeight,
		left: 0
	};
	return elRect.top < containerRect.bottom && elRect.bottom > containerRect.top && elRect.right > containerRect.left && elRect.left < containerRect.right;
};
const getOffsetTop = (el) => {
	let offset = 0;
	let parent = el;
	while (parent) {
		offset += parent.offsetTop;
		parent = parent.offsetParent;
	}
	return offset;
};
const getOffsetTopDistance = (el, containerEl) => {
	return Math.abs(getOffsetTop(el) - getOffsetTop(containerEl));
};
const getClientXY = (event) => {
	let clientX;
	let clientY;
	if (event.type === "touchend") {
		clientY = event.changedTouches[0].clientY;
		clientX = event.changedTouches[0].clientX;
	} else if (event.type.startsWith("touch")) {
		clientY = event.touches[0].clientY;
		clientX = event.touches[0].clientX;
	} else {
		clientY = event.clientY;
		clientX = event.clientX;
	}
	return {
		clientX,
		clientY
	};
};

//#endregion
exports.getClientXY = getClientXY;
exports.getOffsetTop = getOffsetTop;
exports.getOffsetTopDistance = getOffsetTopDistance;
exports.isInContainer = isInContainer;
//# sourceMappingURL=position.js.map