@v-c/trigger 1.0.1 → 1.0.3

package/dist/hooks/useAlign.cjs

@@ -1,11 +1,13 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 const require_util = require("../util.cjs");
 let vue = require("vue");
-let __v_c_util_dist_Dom_findDOMNode = require("@v-c/util/dist/Dom/findDOMNode");
-let __v_c_util_dist_Dom_isVisible = require("@v-c/util/dist/Dom/isVisible");
-__v_c_util_dist_Dom_isVisible = require_rolldown_runtime.__toESM(__v_c_util_dist_Dom_isVisible);
-let __v_c_util_dist_raf = require("@v-c/util/dist/raf");
+let _v_c_util_dist_Dom_findDOMNode = require("@v-c/util/dist/Dom/findDOMNode");
+let _v_c_util_dist_Dom_isVisible = require("@v-c/util/dist/Dom/isVisible");
+_v_c_util_dist_Dom_isVisible = require_rolldown_runtime.__toESM(_v_c_util_dist_Dom_isVisible);
 function getUnitOffset(size, offset = 0) {
 	const offsetStr = `${offset}`;
 	const cells = offsetStr.match(/^(.*)\%$/);
@@ -42,50 +44,12 @@ function reversePoints(points, index) {
 		l: "r",
 		r: "l"
 	};
-	return points.map((point, i) => {
-		if (i === index) return reverseMap[point] || "c";
-		return point;
-	}).join("");
+	const clone = [...points];
+	clone[index] = reverseMap[points[index]] || "c";
+	return clone;
 }
-function parseOriginValue(value, size, axis) {
-	const fallback = size / 2;
-	if (!value) return fallback;
-	const val = value.trim();
-	if (!val) return fallback;
-	if (val.endsWith("%")) return size * (parseFloat(val) / 100);
-	if (val.endsWith("px")) return parseFloat(val);
-	if (val === "center") return fallback;
-	if (axis === "x") {
-		if (val === "left") return 0;
-		if (val === "right") return size;
-	} else if (axis === "y") {
-		if (val === "top") return 0;
-		if (val === "bottom") return size;
-	}
-	const num = parseFloat(val);
-	return Number.isNaN(num) ? fallback : num;
-}
-function getTransformOriginPoint(origin, width, height) {
-	const [originX = "50%", originY = "50%"] = origin?.split(/\s+/).filter(Boolean) ?? [];
-	return [parseOriginValue(originX, width, "x"), parseOriginValue(originY, height, "y")];
-}
-function normalizeRect(rect, scaleX, scaleY, originX, originY) {
-	const rawX = rect.x ?? rect.left;
-	const rawY = rect.y ?? rect.top;
-	const width = rect.width / scaleX;
-	const height = rect.height / scaleY;
-	const x = rawX - (1 - scaleX) * originX;
-	const y = rawY - (1 - scaleY) * originY;
-	return {
-		x,
-		y,
-		width,
-		height,
-		left: x,
-		top: y,
-		right: x + width,
-		bottom: y + height
-	};
+function flatPoints(points) {
+	return points.join("");
 }
 function shouldSwitchPlacement(isOverflow, isVisibleFirst, newVisibleArea, originVisibleArea, newRecommendArea, originRecommendArea) {
 	if (isOverflow) return newVisibleArea > originVisibleArea || newVisibleArea === originVisibleArea && (!isVisibleFirst || newRecommendArea >= originRecommendArea);
@@ -113,7 +77,9 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
 	const resetFlipCache = () => {
 		prevFlipRef.value = {};
 	};
-	const _onAlign = () => {
+	let cacheTargetRect = null;
+	const _onAlign = (cache = false) => {
+		if (cache && !cacheTargetRect) return;
 		if (popupEle.value && target.value && open.value && !mobile?.value) {
 			const popupElement = popupEle.value;
 			const doc = popupElement.ownerDocument;
@@ -148,7 +114,12 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
 				height: 0
 			};
 			else {
-				const rect = target.value.getBoundingClientRect();
+				const targetRectInfo = target.value.getBoundingClientRect();
+				const rect = cache ? Object.assign(targetRectInfo, cacheTargetRect ?? {}) : targetRectInfo;
+				if (!cache) cacheTargetRect = {
+					width: rect.width,
+					height: rect.height
+				};
 				rect.x = rect.x ?? rect.left;
 				rect.y = rect.y ?? rect.top;
 				targetRect = {
@@ -194,20 +165,16 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
 			popupElement.style.bottom = originBottom;
 			popupElement.style.overflow = originOverflow;
 			popupElement.parentElement?.removeChild(placeholderElement);
-			const widthValue = parseFloat(popupComputedStyle.width);
-			const heightValue = parseFloat(popupComputedStyle.height);
-			const baseWidth = !Number.isNaN(widthValue) && widthValue > 0 ? widthValue : popupElement.offsetWidth;
-			const baseHeight = !Number.isNaN(heightValue) && heightValue > 0 ? heightValue : popupElement.offsetHeight;
-			const safeBaseWidth = baseWidth || rawPopupRect.width || 1;
-			const safeBaseHeight = baseHeight || rawPopupRect.height || 1;
-			const scaleX$1 = require_util.toNum(Math.round(rawPopupRect.width / safeBaseWidth * 1e3) / 1e3);
-			const scaleY$1 = require_util.toNum(Math.round(rawPopupRect.height / safeBaseHeight * 1e3) / 1e3);
-			if (scaleX$1 === 0 || scaleY$1 === 0 || (0, __v_c_util_dist_Dom_findDOMNode.isDOM)(target) && !(0, __v_c_util_dist_Dom_isVisible.default)(target)) return;
-			const [originX, originY] = getTransformOriginPoint(popupComputedStyle.transformOrigin, safeBaseWidth, safeBaseHeight);
-			const popupRect = normalizeRect(rawPopupRect, scaleX$1, scaleY$1, originX, originY);
-			const popupMirrorRect = normalizeRect(rawPopupMirrorRect, scaleX$1, scaleY$1, originX, originY);
+			const popupRect = rawPopupRect;
+			popupRect.x = popupRect.x ?? popupRect.left;
+			popupRect.y = popupRect.y ?? popupRect.top;
+			const { height, width } = popupComputedStyle;
 			const popupHeight = popupRect.height;
 			const popupWidth = popupRect.width;
+			const popupMirrorRect = rawPopupMirrorRect;
+			const scaleX$1 = require_util.toNum(Math.floor(popupWidth / parseFloat(width) * 1e3) / 1e3);
+			const scaleY$1 = require_util.toNum(Math.floor(popupHeight / parseFloat(height) * 1e3) / 1e3);
+			if (scaleX$1 === 0 || scaleY$1 === 0 || (0, _v_c_util_dist_Dom_findDOMNode.isDOM)(target) && !(0, _v_c_util_dist_Dom_isVisible.default)(target)) return;
 			const { offset, targetOffset } = placementInfo;
 			let [popupOffsetX, popupOffsetY] = getNumberOffset(popupRect, offset);
 			const [targetOffsetX, targetOffsetY] = getNumberOffset(targetRect, targetOffset);
@@ -219,6 +186,7 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
 			const targetAlignPoint = getAlignPoint(targetRect, targetPoints);
 			const popupAlignPoint = getAlignPoint(popupRect, popupPoints);
 			const nextAlignInfo = { ...placementInfo };
+			let nextPoints = [popupPoints, targetPoints];
 			let nextOffsetX = targetAlignPoint.x - popupAlignPoint.x + popupOffsetX;
 			let nextOffsetY = targetAlignPoint.y - popupAlignPoint.y + popupOffsetY;
 			function getIntersectionVisibleArea(offsetX$1, offsetY$1, area = visibleArea) {
@@ -265,7 +233,7 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
 					prevFlipRef.value.bt = true;
 					nextOffsetY = tmpNextOffsetY;
 					popupOffsetY = -popupOffsetY;
-					nextAlignInfo.points = [reversePoints(popupPoints, 0), reversePoints(targetPoints, 0)];
+					nextPoints = [reversePoints(nextPoints[0], 0), reversePoints(nextPoints[1], 0)];
 				} else prevFlipRef.value.bt = false;
 			}
 			const overflowTop = nextPopupY < adjustCheckVisibleArea.top;
@@ -277,7 +245,7 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
 					prevFlipRef.value.tb = true;
 					nextOffsetY = tmpNextOffsetY;
 					popupOffsetY = -popupOffsetY;
-					nextAlignInfo.points = [reversePoints(popupPoints, 0), reversePoints(targetPoints, 0)];
+					nextPoints = [reversePoints(nextPoints[0], 0), reversePoints(nextPoints[1], 0)];
 				} else prevFlipRef.value.tb = false;
 			}
 			const needAdjustX = supportAdjust(adjustX);
@@ -291,7 +259,7 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
 					prevFlipRef.value.rl = true;
 					nextOffsetX = tmpNextOffsetX;
 					popupOffsetX = -popupOffsetX;
-					nextAlignInfo.points = [reversePoints(popupPoints, 1), reversePoints(targetPoints, 1)];
+					nextPoints = [reversePoints(nextPoints[0], 1), reversePoints(nextPoints[1], 1)];
 				} else prevFlipRef.value.rl = false;
 			}
 			const overflowLeft = nextPopupX < adjustCheckVisibleArea.left;
@@ -303,9 +271,10 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
 					prevFlipRef.value.lr = true;
 					nextOffsetX = tmpNextOffsetX;
 					popupOffsetX = -popupOffsetX;
-					nextAlignInfo.points = [reversePoints(popupPoints, 1), reversePoints(targetPoints, 1)];
+					nextPoints = [reversePoints(nextPoints[0], 1), reversePoints(nextPoints[1], 1)];
 				} else prevFlipRef.value.lr = false;
 			}
+			nextAlignInfo.points = [flatPoints(nextPoints[0]), flatPoints(nextPoints[1])];
 			syncNextPopupPosition();
 			const numShiftX = shiftX === true ? 0 : shiftX;
 			if (typeof numShiftX === "number") {
@@ -343,21 +312,21 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
 			let offsetX4Right = popupMirrorRect.right - popupRect.x - (nextOffsetX + popupRect.width);
 			let offsetY4Bottom = popupMirrorRect.bottom - popupRect.y - (nextOffsetY + popupRect.height);
 			if (scaleX$1 === 1) {
-				nextOffsetX = Math.round(nextOffsetX);
-				offsetX4Right = Math.round(offsetX4Right);
+				nextOffsetX = Math.floor(nextOffsetX);
+				offsetX4Right = Math.floor(offsetX4Right);
 			}
 			if (scaleY$1 === 1) {
-				nextOffsetY = Math.round(nextOffsetY);
-				offsetY4Bottom = Math.round(offsetY4Bottom);
+				nextOffsetY = Math.floor(nextOffsetY);
+				offsetY4Bottom = Math.floor(offsetY4Bottom);
 			}
 			const nextOffsetInfo = {
 				ready: true,
-				offsetX: nextOffsetX,
-				offsetY: nextOffsetY,
-				offsetR: offsetX4Right,
-				offsetB: offsetY4Bottom,
-				arrowX: nextArrowX,
-				arrowY: nextArrowY,
+				offsetX: nextOffsetX / scaleX$1,
+				offsetY: nextOffsetY / scaleY$1,
+				offsetR: offsetX4Right / scaleX$1,
+				offsetB: offsetY4Bottom / scaleY$1,
+				arrowX: nextArrowX / scaleX$1,
+				arrowY: nextArrowY / scaleY$1,
 				scaleX: scaleX$1,
 				scaleY: scaleY$1,
 				align: nextAlignInfo
@@ -365,12 +334,12 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
 			Object.assign(offsetInfo, nextOffsetInfo);
 		}
 	};
-	const onAlign = (0, __v_c_util_dist_raf.rafDebounce)(_onAlign);
-	const triggerAlign = () => {
+	const onAlign = _onAlign;
+	const triggerAlign = (cache) => {
 		alignCountRef.value += 1;
 		const id = alignCountRef.value;
 		Promise.resolve().then(() => {
-			if (alignCountRef.value === id) onAlign();
+			if (alignCountRef.value === id) onAlign(cache);
 		});
 	};
 	(0, vue.watch)(popupEle, async (ele) => {

package/dist/hooks/useAlign.d.ts

@@ -1,4 +1,4 @@
 import { Ref } from 'vue';
 import { TriggerProps } from '../index.tsx';
 import { AlignType } from '../interface';
-export default function useAlign(open: Ref<boolean>, popupEle: Ref<HTMLElement>, target: Ref<HTMLElement | [x: number, y: number]>, placement: Ref<string>, builtinPlacements: Ref<any>, popupAlign?: Ref<AlignType | undefined>, onPopupAlign?: TriggerProps['onPopupAlign'], mobile?: Ref<boolean | undefined>): readonly [Ref<boolean, boolean>, Ref<number, number>, Ref<number, number>, Ref<number, number>, Ref<number, number>, Ref<number, number>, Ref<number, number>, Ref<number, number>, Ref<number, number>, Ref<any, any>, () => void];
+export default function useAlign(open: Ref<boolean>, popupEle: Ref<HTMLElement>, target: Ref<HTMLElement | [x: number, y: number]>, placement: Ref<string>, builtinPlacements: Ref<any>, popupAlign?: Ref<AlignType | undefined>, onPopupAlign?: TriggerProps['onPopupAlign'], mobile?: Ref<boolean | undefined>): readonly [Ref<boolean, boolean>, Ref<number, number>, Ref<number, number>, Ref<number, number>, Ref<number, number>, Ref<number, number>, Ref<number, number>, Ref<number, number>, Ref<number, number>, Ref<any, any>, (cache?: boolean) => void];

package/dist/hooks/useAlign.js

@@ -2,7 +2,6 @@ import { collectScroller, getVisibleArea, getWin, toNum } from "../util.js";
 import { computed, nextTick, reactive, ref, shallowRef, toRefs, watch } from "vue";
 import { isDOM } from "@v-c/util/dist/Dom/findDOMNode";
 import isVisible from "@v-c/util/dist/Dom/isVisible";
-import { rafDebounce } from "@v-c/util/dist/raf";
 function getUnitOffset(size, offset = 0) {
 	const offsetStr = `${offset}`;
 	const cells = offsetStr.match(/^(.*)\%$/);
@@ -39,50 +38,12 @@ function reversePoints(points, index) {
 		l: "r",
 		r: "l"
 	};
-	return points.map((point, i) => {
-		if (i === index) return reverseMap[point] || "c";
-		return point;
-	}).join("");
+	const clone = [...points];
+	clone[index] = reverseMap[points[index]] || "c";
+	return clone;
 }
-function parseOriginValue(value, size, axis) {
-	const fallback = size / 2;
-	if (!value) return fallback;
-	const val = value.trim();
-	if (!val) return fallback;
-	if (val.endsWith("%")) return size * (parseFloat(val) / 100);
-	if (val.endsWith("px")) return parseFloat(val);
-	if (val === "center") return fallback;
-	if (axis === "x") {
-		if (val === "left") return 0;
-		if (val === "right") return size;
-	} else if (axis === "y") {
-		if (val === "top") return 0;
-		if (val === "bottom") return size;
-	}
-	const num = parseFloat(val);
-	return Number.isNaN(num) ? fallback : num;
-}
-function getTransformOriginPoint(origin, width, height) {
-	const [originX = "50%", originY = "50%"] = origin?.split(/\s+/).filter(Boolean) ?? [];
-	return [parseOriginValue(originX, width, "x"), parseOriginValue(originY, height, "y")];
-}
-function normalizeRect(rect, scaleX, scaleY, originX, originY) {
-	const rawX = rect.x ?? rect.left;
-	const rawY = rect.y ?? rect.top;
-	const width = rect.width / scaleX;
-	const height = rect.height / scaleY;
-	const x = rawX - (1 - scaleX) * originX;
-	const y = rawY - (1 - scaleY) * originY;
-	return {
-		x,
-		y,
-		width,
-		height,
-		left: x,
-		top: y,
-		right: x + width,
-		bottom: y + height
-	};
+function flatPoints(points) {
+	return points.join("");
 }
 function shouldSwitchPlacement(isOverflow, isVisibleFirst, newVisibleArea, originVisibleArea, newRecommendArea, originRecommendArea) {
 	if (isOverflow) return newVisibleArea > originVisibleArea || newVisibleArea === originVisibleArea && (!isVisibleFirst || newRecommendArea >= originRecommendArea);
@@ -110,7 +71,9 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
 	const resetFlipCache = () => {
 		prevFlipRef.value = {};
 	};
-	const _onAlign = () => {
+	let cacheTargetRect = null;
+	const _onAlign = (cache = false) => {
+		if (cache && !cacheTargetRect) return;
 		if (popupEle.value && target.value && open.value && !mobile?.value) {
 			const popupElement = popupEle.value;
 			const doc = popupElement.ownerDocument;
@@ -145,7 +108,12 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
 				height: 0
 			};
 			else {
-				const rect = target.value.getBoundingClientRect();
+				const targetRectInfo = target.value.getBoundingClientRect();
+				const rect = cache ? Object.assign(targetRectInfo, cacheTargetRect ?? {}) : targetRectInfo;
+				if (!cache) cacheTargetRect = {
+					width: rect.width,
+					height: rect.height
+				};
 				rect.x = rect.x ?? rect.left;
 				rect.y = rect.y ?? rect.top;
 				targetRect = {
@@ -191,20 +159,16 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
 			popupElement.style.bottom = originBottom;
 			popupElement.style.overflow = originOverflow;
 			popupElement.parentElement?.removeChild(placeholderElement);
-			const widthValue = parseFloat(popupComputedStyle.width);
-			const heightValue = parseFloat(popupComputedStyle.height);
-			const baseWidth = !Number.isNaN(widthValue) && widthValue > 0 ? widthValue : popupElement.offsetWidth;
-			const baseHeight = !Number.isNaN(heightValue) && heightValue > 0 ? heightValue : popupElement.offsetHeight;
-			const safeBaseWidth = baseWidth || rawPopupRect.width || 1;
-			const safeBaseHeight = baseHeight || rawPopupRect.height || 1;
-			const scaleX$1 = toNum(Math.round(rawPopupRect.width / safeBaseWidth * 1e3) / 1e3);
-			const scaleY$1 = toNum(Math.round(rawPopupRect.height / safeBaseHeight * 1e3) / 1e3);
-			if (scaleX$1 === 0 || scaleY$1 === 0 || isDOM(target) && !isVisible(target)) return;
-			const [originX, originY] = getTransformOriginPoint(popupComputedStyle.transformOrigin, safeBaseWidth, safeBaseHeight);
-			const popupRect = normalizeRect(rawPopupRect, scaleX$1, scaleY$1, originX, originY);
-			const popupMirrorRect = normalizeRect(rawPopupMirrorRect, scaleX$1, scaleY$1, originX, originY);
+			const popupRect = rawPopupRect;
+			popupRect.x = popupRect.x ?? popupRect.left;
+			popupRect.y = popupRect.y ?? popupRect.top;
+			const { height, width } = popupComputedStyle;
 			const popupHeight = popupRect.height;
 			const popupWidth = popupRect.width;
+			const popupMirrorRect = rawPopupMirrorRect;
+			const scaleX$1 = toNum(Math.floor(popupWidth / parseFloat(width) * 1e3) / 1e3);
+			const scaleY$1 = toNum(Math.floor(popupHeight / parseFloat(height) * 1e3) / 1e3);
+			if (scaleX$1 === 0 || scaleY$1 === 0 || isDOM(target) && !isVisible(target)) return;
 			const { offset, targetOffset } = placementInfo;
 			let [popupOffsetX, popupOffsetY] = getNumberOffset(popupRect, offset);
 			const [targetOffsetX, targetOffsetY] = getNumberOffset(targetRect, targetOffset);
@@ -216,6 +180,7 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
 			const targetAlignPoint = getAlignPoint(targetRect, targetPoints);
 			const popupAlignPoint = getAlignPoint(popupRect, popupPoints);
 			const nextAlignInfo = { ...placementInfo };
+			let nextPoints = [popupPoints, targetPoints];
 			let nextOffsetX = targetAlignPoint.x - popupAlignPoint.x + popupOffsetX;
 			let nextOffsetY = targetAlignPoint.y - popupAlignPoint.y + popupOffsetY;
 			function getIntersectionVisibleArea(offsetX$1, offsetY$1, area = visibleArea) {
@@ -262,7 +227,7 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
 					prevFlipRef.value.bt = true;
 					nextOffsetY = tmpNextOffsetY;
 					popupOffsetY = -popupOffsetY;
-					nextAlignInfo.points = [reversePoints(popupPoints, 0), reversePoints(targetPoints, 0)];
+					nextPoints = [reversePoints(nextPoints[0], 0), reversePoints(nextPoints[1], 0)];
 				} else prevFlipRef.value.bt = false;
 			}
 			const overflowTop = nextPopupY < adjustCheckVisibleArea.top;
@@ -274,7 +239,7 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
 					prevFlipRef.value.tb = true;
 					nextOffsetY = tmpNextOffsetY;
 					popupOffsetY = -popupOffsetY;
-					nextAlignInfo.points = [reversePoints(popupPoints, 0), reversePoints(targetPoints, 0)];
+					nextPoints = [reversePoints(nextPoints[0], 0), reversePoints(nextPoints[1], 0)];
 				} else prevFlipRef.value.tb = false;
 			}
 			const needAdjustX = supportAdjust(adjustX);
@@ -288,7 +253,7 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
 					prevFlipRef.value.rl = true;
 					nextOffsetX = tmpNextOffsetX;
 					popupOffsetX = -popupOffsetX;
-					nextAlignInfo.points = [reversePoints(popupPoints, 1), reversePoints(targetPoints, 1)];
+					nextPoints = [reversePoints(nextPoints[0], 1), reversePoints(nextPoints[1], 1)];
 				} else prevFlipRef.value.rl = false;
 			}
 			const overflowLeft = nextPopupX < adjustCheckVisibleArea.left;
@@ -300,9 +265,10 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
 					prevFlipRef.value.lr = true;
 					nextOffsetX = tmpNextOffsetX;
 					popupOffsetX = -popupOffsetX;
-					nextAlignInfo.points = [reversePoints(popupPoints, 1), reversePoints(targetPoints, 1)];
+					nextPoints = [reversePoints(nextPoints[0], 1), reversePoints(nextPoints[1], 1)];
 				} else prevFlipRef.value.lr = false;
 			}
+			nextAlignInfo.points = [flatPoints(nextPoints[0]), flatPoints(nextPoints[1])];
 			syncNextPopupPosition();
 			const numShiftX = shiftX === true ? 0 : shiftX;
 			if (typeof numShiftX === "number") {
@@ -340,21 +306,21 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
 			let offsetX4Right = popupMirrorRect.right - popupRect.x - (nextOffsetX + popupRect.width);
 			let offsetY4Bottom = popupMirrorRect.bottom - popupRect.y - (nextOffsetY + popupRect.height);
 			if (scaleX$1 === 1) {
-				nextOffsetX = Math.round(nextOffsetX);
-				offsetX4Right = Math.round(offsetX4Right);
+				nextOffsetX = Math.floor(nextOffsetX);
+				offsetX4Right = Math.floor(offsetX4Right);
 			}
 			if (scaleY$1 === 1) {
-				nextOffsetY = Math.round(nextOffsetY);
-				offsetY4Bottom = Math.round(offsetY4Bottom);
+				nextOffsetY = Math.floor(nextOffsetY);
+				offsetY4Bottom = Math.floor(offsetY4Bottom);
 			}
 			const nextOffsetInfo = {
 				ready: true,
-				offsetX: nextOffsetX,
-				offsetY: nextOffsetY,
-				offsetR: offsetX4Right,
-				offsetB: offsetY4Bottom,
-				arrowX: nextArrowX,
-				arrowY: nextArrowY,
+				offsetX: nextOffsetX / scaleX$1,
+				offsetY: nextOffsetY / scaleY$1,
+				offsetR: offsetX4Right / scaleX$1,
+				offsetB: offsetY4Bottom / scaleY$1,
+				arrowX: nextArrowX / scaleX$1,
+				arrowY: nextArrowY / scaleY$1,
 				scaleX: scaleX$1,
 				scaleY: scaleY$1,
 				align: nextAlignInfo
@@ -362,12 +328,12 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
 			Object.assign(offsetInfo, nextOffsetInfo);
 		}
 	};
-	const onAlign = rafDebounce(_onAlign);
-	const triggerAlign = () => {
+	const onAlign = _onAlign;
+	const triggerAlign = (cache) => {
 		alignCountRef.value += 1;
 		const id = alignCountRef.value;
 		Promise.resolve().then(() => {
-			if (alignCountRef.value === id) onAlign();
+			if (alignCountRef.value === id) onAlign(cache);
 		});
 	};
 	watch(popupEle, async (ele) => {

package/dist/hooks/useDelay.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
 function useDelay() {

package/dist/hooks/useOffsetStyle.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
 function useOffsetStyle(isMobile, ready, open, align, offsetR, offsetB, offsetX, offsetY) {
@@ -10,7 +13,7 @@ function useOffsetStyle(isMobile, ready, open, align, offsetR, offsetB, offsetX,
 			right: AUTO,
 			bottom: AUTO
 		};
-		if (!(offsetX.value > 0 || offsetY.value > 0 || offsetR.value > 0 || offsetB.value > 0)) return {};
+		if (!ready.value && open.value) return {};
 		if (!isMobile.value && (ready.value || !open.value)) {
 			const { points } = align.value ?? {};
 			const dynamicInset = align.value?.dynamicInset || align.value?._experimental?.dynamicInset;

package/dist/hooks/useOffsetStyle.js

@@ -8,7 +8,7 @@ function useOffsetStyle(isMobile, ready, open, align, offsetR, offsetB, offsetX,
 			right: AUTO,
 			bottom: AUTO
 		};
-		if (!(offsetX.value > 0 || offsetY.value > 0 || offsetR.value > 0 || offsetB.value > 0)) return {};
+		if (!ready.value && open.value) return {};
 		if (!isMobile.value && (ready.value || !open.value)) {
 			const { points } = align.value ?? {};
 			const dynamicInset = align.value?.dynamicInset || align.value?._experimental?.dynamicInset;

package/dist/hooks/useWatch.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 const require_util = require("../util.cjs");
 let vue = require("vue");

package/dist/hooks/useWinClick.cjs

@@ -1,9 +1,12 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 const require_util = require("../util.cjs");
 let vue = require("vue");
-let __v_c_util = require("@v-c/util");
-let __v_c_util_dist_Dom_shadow = require("@v-c/util/dist/Dom/shadow");
+let _v_c_util = require("@v-c/util");
+let _v_c_util_dist_Dom_shadow = require("@v-c/util/dist/Dom/shadow");
 function useWinClick(open, clickToHide, targetEle, popupEle, mask, maskClosable, inPopupOrChild, triggerOpen) {
 	const openRef = (0, vue.shallowRef)(open.value);
 	(0, vue.watchEffect)(() => {
@@ -28,7 +31,7 @@ function useWinClick(open, clickToHide, targetEle, popupEle, mask, maskClosable,
 			win.addEventListener("pointerdown", onPointerDown, true);
 			win.addEventListener("mousedown", onTriggerClose, true);
 			win.addEventListener("contextmenu", onTriggerClose, true);
-			const targetShadowRoot = (0, __v_c_util_dist_Dom_shadow.getShadowRoot)(targetEle$1);
+			const targetShadowRoot = (0, _v_c_util_dist_Dom_shadow.getShadowRoot)(targetEle$1);
 			if (targetShadowRoot) {
 				targetShadowRoot.addEventListener("mousedown", onTriggerClose, true);
 				targetShadowRoot.addEventListener("contextmenu", onTriggerClose, true);
@@ -36,7 +39,7 @@ function useWinClick(open, clickToHide, targetEle, popupEle, mask, maskClosable,
 			if (process.env.NODE_ENV !== "production" && targetEle$1) {
 				const targetRoot = targetEle$1.getRootNode?.();
 				const popupRoot = popupEle$1.getRootNode?.();
-				(0, __v_c_util.warning)(targetRoot === popupRoot, `trigger element and popup element should in same shadow root.`);
+				(0, _v_c_util.warning)(targetRoot === popupRoot, `trigger element and popup element should in same shadow root.`);
 			}
 			onCleanup(() => {
 				win.removeEventListener("pointerdown", onPointerDown, true);