@v-c/trigger 0.0.12 → 0.0.14

package/dist/interface.cjs

@@ -1 +0,0 @@
-"use strict";

package/dist/interface.js

@@ -1 +0,0 @@
-

package/dist/util.cjs

@@ -1,98 +1,81 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 function isPointsEq(a1 = [], a2 = [], isAlignPoint) {
-  if (isAlignPoint) {
-    return a1[0] === a2[0];
-  }
-  return a1[0] === a2[0] && a1[1] === a2[1];
+	if (isAlignPoint) return a1[0] === a2[0];
+	return a1[0] === a2[0] && a1[1] === a2[1];
 }
 function getAlignPopupClassName(builtinPlacements, prefixCls, align, isAlignPoint) {
-  const { points } = align;
-  const placements = Object.keys(builtinPlacements);
-  for (let i = 0; i < placements.length; i += 1) {
-    const placement = placements[i];
-    if (isPointsEq(builtinPlacements[placement]?.points, points, isAlignPoint)) {
-      return `${prefixCls}-placement-${placement}`;
-    }
-  }
-  return "";
+	const { points } = align;
+	const placements = Object.keys(builtinPlacements);
+	for (let i = 0; i < placements.length; i += 1) {
+		const placement = placements[i];
+		if (isPointsEq(builtinPlacements[placement]?.points, points, isAlignPoint)) return `${prefixCls}-placement-${placement}`;
+	}
+	return "";
 }
 function getWin(ele) {
-  return ele.ownerDocument.defaultView;
+	return ele.ownerDocument.defaultView;
 }
 function collectScroller(ele) {
-  const scrollerList = [];
-  let current = ele?.parentElement;
-  const scrollStyle = ["hidden", "scroll", "clip", "auto"];
-  while (current) {
-    const { overflowX, overflowY, overflow } = getWin(current).getComputedStyle(current);
-    if ([overflowX, overflowY, overflow].some((o) => scrollStyle.includes(o))) {
-      scrollerList.push(current);
-    }
-    current = current.parentElement;
-  }
-  return scrollerList;
+	const scrollerList = [];
+	let current = ele?.parentElement;
+	const scrollStyle = [
+		"hidden",
+		"scroll",
+		"clip",
+		"auto"
+	];
+	while (current) {
+		const { overflowX, overflowY, overflow } = getWin(current).getComputedStyle(current);
+		if ([
+			overflowX,
+			overflowY,
+			overflow
+		].some((o) => scrollStyle.includes(o))) scrollerList.push(current);
+		current = current.parentElement;
+	}
+	return scrollerList;
 }
 function toNum(num, defaultValue = 1) {
-  return Number.isNaN(num) ? defaultValue : num;
+	return Number.isNaN(num) ? defaultValue : num;
 }
 function getPxValue(val) {
-  return toNum(parseFloat(val), 0);
+	return toNum(parseFloat(val), 0);
 }
 function getVisibleArea(initArea, scrollerList) {
-  const visibleArea = { ...initArea };
-  (scrollerList || []).forEach((ele) => {
-    if (ele instanceof HTMLBodyElement || ele instanceof HTMLHtmlElement) {
-      return;
-    }
-    const {
-      overflow,
-      overflowClipMargin,
-      borderTopWidth,
-      borderBottomWidth,
-      borderLeftWidth,
-      borderRightWidth
-    } = getWin(ele).getComputedStyle(ele);
-    const eleRect = ele.getBoundingClientRect();
-    const {
-      offsetHeight: eleOutHeight,
-      clientHeight: eleInnerHeight,
-      offsetWidth: eleOutWidth,
-      clientWidth: eleInnerWidth
-    } = ele;
-    const borderTopNum = getPxValue(borderTopWidth);
-    const borderBottomNum = getPxValue(borderBottomWidth);
-    const borderLeftNum = getPxValue(borderLeftWidth);
-    const borderRightNum = getPxValue(borderRightWidth);
-    const scaleX = toNum(
-      Math.round(eleRect.width / eleOutWidth * 1e3) / 1e3
-    );
-    const scaleY = toNum(
-      Math.round(eleRect.height / eleOutHeight * 1e3) / 1e3
-    );
-    const eleScrollWidth = (eleOutWidth - eleInnerWidth - borderLeftNum - borderRightNum) * scaleX;
-    const eleScrollHeight = (eleOutHeight - eleInnerHeight - borderTopNum - borderBottomNum) * scaleY;
-    const scaledBorderTopWidth = borderTopNum * scaleY;
-    const scaledBorderBottomWidth = borderBottomNum * scaleY;
-    const scaledBorderLeftWidth = borderLeftNum * scaleX;
-    const scaledBorderRightWidth = borderRightNum * scaleX;
-    let clipMarginWidth = 0;
-    let clipMarginHeight = 0;
-    if (overflow === "clip") {
-      const clipNum = getPxValue(overflowClipMargin);
-      clipMarginWidth = clipNum * scaleX;
-      clipMarginHeight = clipNum * scaleY;
-    }
-    const eleLeft = eleRect.x + scaledBorderLeftWidth - clipMarginWidth;
-    const eleTop = eleRect.y + scaledBorderTopWidth - clipMarginHeight;
-    const eleRight = eleLeft + eleRect.width + 2 * clipMarginWidth - scaledBorderLeftWidth - scaledBorderRightWidth - eleScrollWidth;
-    const eleBottom = eleTop + eleRect.height + 2 * clipMarginHeight - scaledBorderTopWidth - scaledBorderBottomWidth - eleScrollHeight;
-    visibleArea.left = Math.max(visibleArea.left, eleLeft);
-    visibleArea.top = Math.max(visibleArea.top, eleTop);
-    visibleArea.right = Math.min(visibleArea.right, eleRight);
-    visibleArea.bottom = Math.min(visibleArea.bottom, eleBottom);
-  });
-  return visibleArea;
+	const visibleArea = { ...initArea };
+	(scrollerList || []).forEach((ele) => {
+		if (ele instanceof HTMLBodyElement || ele instanceof HTMLHtmlElement) return;
+		const { overflow, overflowClipMargin, borderTopWidth, borderBottomWidth, borderLeftWidth, borderRightWidth } = getWin(ele).getComputedStyle(ele);
+		const eleRect = ele.getBoundingClientRect();
+		const { offsetHeight: eleOutHeight, clientHeight: eleInnerHeight, offsetWidth: eleOutWidth, clientWidth: eleInnerWidth } = ele;
+		const borderTopNum = getPxValue(borderTopWidth);
+		const borderBottomNum = getPxValue(borderBottomWidth);
+		const borderLeftNum = getPxValue(borderLeftWidth);
+		const borderRightNum = getPxValue(borderRightWidth);
+		const scaleX = toNum(Math.round(eleRect.width / eleOutWidth * 1e3) / 1e3);
+		const scaleY = toNum(Math.round(eleRect.height / eleOutHeight * 1e3) / 1e3);
+		const eleScrollWidth = (eleOutWidth - eleInnerWidth - borderLeftNum - borderRightNum) * scaleX;
+		const eleScrollHeight = (eleOutHeight - eleInnerHeight - borderTopNum - borderBottomNum) * scaleY;
+		const scaledBorderTopWidth = borderTopNum * scaleY;
+		const scaledBorderBottomWidth = borderBottomNum * scaleY;
+		const scaledBorderLeftWidth = borderLeftNum * scaleX;
+		const scaledBorderRightWidth = borderRightNum * scaleX;
+		let clipMarginWidth = 0;
+		let clipMarginHeight = 0;
+		if (overflow === "clip") {
+			const clipNum = getPxValue(overflowClipMargin);
+			clipMarginWidth = clipNum * scaleX;
+			clipMarginHeight = clipNum * scaleY;
+		}
+		const eleLeft = eleRect.x + scaledBorderLeftWidth - clipMarginWidth;
+		const eleTop = eleRect.y + scaledBorderTopWidth - clipMarginHeight;
+		const eleRight = eleLeft + eleRect.width + 2 * clipMarginWidth - scaledBorderLeftWidth - scaledBorderRightWidth - eleScrollWidth;
+		const eleBottom = eleTop + eleRect.height + 2 * clipMarginHeight - scaledBorderTopWidth - scaledBorderBottomWidth - eleScrollHeight;
+		visibleArea.left = Math.max(visibleArea.left, eleLeft);
+		visibleArea.top = Math.max(visibleArea.top, eleTop);
+		visibleArea.right = Math.min(visibleArea.right, eleRight);
+		visibleArea.bottom = Math.min(visibleArea.bottom, eleBottom);
+	});
+	return visibleArea;
 }
 exports.collectScroller = collectScroller;
 exports.getAlignPopupClassName = getAlignPopupClassName;

package/dist/util.js

@@ -1,101 +1,80 @@
 function isPointsEq(a1 = [], a2 = [], isAlignPoint) {
-  if (isAlignPoint) {
-    return a1[0] === a2[0];
-  }
-  return a1[0] === a2[0] && a1[1] === a2[1];
+	if (isAlignPoint) return a1[0] === a2[0];
+	return a1[0] === a2[0] && a1[1] === a2[1];
 }
 function getAlignPopupClassName(builtinPlacements, prefixCls, align, isAlignPoint) {
-  const { points } = align;
-  const placements = Object.keys(builtinPlacements);
-  for (let i = 0; i < placements.length; i += 1) {
-    const placement = placements[i];
-    if (isPointsEq(builtinPlacements[placement]?.points, points, isAlignPoint)) {
-      return `${prefixCls}-placement-${placement}`;
-    }
-  }
-  return "";
+	const { points } = align;
+	const placements = Object.keys(builtinPlacements);
+	for (let i = 0; i < placements.length; i += 1) {
+		const placement = placements[i];
+		if (isPointsEq(builtinPlacements[placement]?.points, points, isAlignPoint)) return `${prefixCls}-placement-${placement}`;
+	}
+	return "";
 }
 function getWin(ele) {
-  return ele.ownerDocument.defaultView;
+	return ele.ownerDocument.defaultView;
 }
 function collectScroller(ele) {
-  const scrollerList = [];
-  let current = ele?.parentElement;
-  const scrollStyle = ["hidden", "scroll", "clip", "auto"];
-  while (current) {
-    const { overflowX, overflowY, overflow } = getWin(current).getComputedStyle(current);
-    if ([overflowX, overflowY, overflow].some((o) => scrollStyle.includes(o))) {
-      scrollerList.push(current);
-    }
-    current = current.parentElement;
-  }
-  return scrollerList;
+	const scrollerList = [];
+	let current = ele?.parentElement;
+	const scrollStyle = [
+		"hidden",
+		"scroll",
+		"clip",
+		"auto"
+	];
+	while (current) {
+		const { overflowX, overflowY, overflow } = getWin(current).getComputedStyle(current);
+		if ([
+			overflowX,
+			overflowY,
+			overflow
+		].some((o) => scrollStyle.includes(o))) scrollerList.push(current);
+		current = current.parentElement;
+	}
+	return scrollerList;
 }
 function toNum(num, defaultValue = 1) {
-  return Number.isNaN(num) ? defaultValue : num;
+	return Number.isNaN(num) ? defaultValue : num;
 }
 function getPxValue(val) {
-  return toNum(parseFloat(val), 0);
+	return toNum(parseFloat(val), 0);
 }
 function getVisibleArea(initArea, scrollerList) {
-  const visibleArea = { ...initArea };
-  (scrollerList || []).forEach((ele) => {
-    if (ele instanceof HTMLBodyElement || ele instanceof HTMLHtmlElement) {
-      return;
-    }
-    const {
-      overflow,
-      overflowClipMargin,
-      borderTopWidth,
-      borderBottomWidth,
-      borderLeftWidth,
-      borderRightWidth
-    } = getWin(ele).getComputedStyle(ele);
-    const eleRect = ele.getBoundingClientRect();
-    const {
-      offsetHeight: eleOutHeight,
-      clientHeight: eleInnerHeight,
-      offsetWidth: eleOutWidth,
-      clientWidth: eleInnerWidth
-    } = ele;
-    const borderTopNum = getPxValue(borderTopWidth);
-    const borderBottomNum = getPxValue(borderBottomWidth);
-    const borderLeftNum = getPxValue(borderLeftWidth);
-    const borderRightNum = getPxValue(borderRightWidth);
-    const scaleX = toNum(
-      Math.round(eleRect.width / eleOutWidth * 1e3) / 1e3
-    );
-    const scaleY = toNum(
-      Math.round(eleRect.height / eleOutHeight * 1e3) / 1e3
-    );
-    const eleScrollWidth = (eleOutWidth - eleInnerWidth - borderLeftNum - borderRightNum) * scaleX;
-    const eleScrollHeight = (eleOutHeight - eleInnerHeight - borderTopNum - borderBottomNum) * scaleY;
-    const scaledBorderTopWidth = borderTopNum * scaleY;
-    const scaledBorderBottomWidth = borderBottomNum * scaleY;
-    const scaledBorderLeftWidth = borderLeftNum * scaleX;
-    const scaledBorderRightWidth = borderRightNum * scaleX;
-    let clipMarginWidth = 0;
-    let clipMarginHeight = 0;
-    if (overflow === "clip") {
-      const clipNum = getPxValue(overflowClipMargin);
-      clipMarginWidth = clipNum * scaleX;
-      clipMarginHeight = clipNum * scaleY;
-    }
-    const eleLeft = eleRect.x + scaledBorderLeftWidth - clipMarginWidth;
-    const eleTop = eleRect.y + scaledBorderTopWidth - clipMarginHeight;
-    const eleRight = eleLeft + eleRect.width + 2 * clipMarginWidth - scaledBorderLeftWidth - scaledBorderRightWidth - eleScrollWidth;
-    const eleBottom = eleTop + eleRect.height + 2 * clipMarginHeight - scaledBorderTopWidth - scaledBorderBottomWidth - eleScrollHeight;
-    visibleArea.left = Math.max(visibleArea.left, eleLeft);
-    visibleArea.top = Math.max(visibleArea.top, eleTop);
-    visibleArea.right = Math.min(visibleArea.right, eleRight);
-    visibleArea.bottom = Math.min(visibleArea.bottom, eleBottom);
-  });
-  return visibleArea;
+	const visibleArea = { ...initArea };
+	(scrollerList || []).forEach((ele) => {
+		if (ele instanceof HTMLBodyElement || ele instanceof HTMLHtmlElement) return;
+		const { overflow, overflowClipMargin, borderTopWidth, borderBottomWidth, borderLeftWidth, borderRightWidth } = getWin(ele).getComputedStyle(ele);
+		const eleRect = ele.getBoundingClientRect();
+		const { offsetHeight: eleOutHeight, clientHeight: eleInnerHeight, offsetWidth: eleOutWidth, clientWidth: eleInnerWidth } = ele;
+		const borderTopNum = getPxValue(borderTopWidth);
+		const borderBottomNum = getPxValue(borderBottomWidth);
+		const borderLeftNum = getPxValue(borderLeftWidth);
+		const borderRightNum = getPxValue(borderRightWidth);
+		const scaleX = toNum(Math.round(eleRect.width / eleOutWidth * 1e3) / 1e3);
+		const scaleY = toNum(Math.round(eleRect.height / eleOutHeight * 1e3) / 1e3);
+		const eleScrollWidth = (eleOutWidth - eleInnerWidth - borderLeftNum - borderRightNum) * scaleX;
+		const eleScrollHeight = (eleOutHeight - eleInnerHeight - borderTopNum - borderBottomNum) * scaleY;
+		const scaledBorderTopWidth = borderTopNum * scaleY;
+		const scaledBorderBottomWidth = borderBottomNum * scaleY;
+		const scaledBorderLeftWidth = borderLeftNum * scaleX;
+		const scaledBorderRightWidth = borderRightNum * scaleX;
+		let clipMarginWidth = 0;
+		let clipMarginHeight = 0;
+		if (overflow === "clip") {
+			const clipNum = getPxValue(overflowClipMargin);
+			clipMarginWidth = clipNum * scaleX;
+			clipMarginHeight = clipNum * scaleY;
+		}
+		const eleLeft = eleRect.x + scaledBorderLeftWidth - clipMarginWidth;
+		const eleTop = eleRect.y + scaledBorderTopWidth - clipMarginHeight;
+		const eleRight = eleLeft + eleRect.width + 2 * clipMarginWidth - scaledBorderLeftWidth - scaledBorderRightWidth - eleScrollWidth;
+		const eleBottom = eleTop + eleRect.height + 2 * clipMarginHeight - scaledBorderTopWidth - scaledBorderBottomWidth - eleScrollHeight;
+		visibleArea.left = Math.max(visibleArea.left, eleLeft);
+		visibleArea.top = Math.max(visibleArea.top, eleTop);
+		visibleArea.right = Math.min(visibleArea.right, eleRight);
+		visibleArea.bottom = Math.min(visibleArea.bottom, eleBottom);
+	});
+	return visibleArea;
 }
-export {
-  collectScroller,
-  getAlignPopupClassName,
-  getVisibleArea,
-  getWin,
-  toNum
-};
+export { collectScroller, getAlignPopupClassName, getVisibleArea, getWin, toNum };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/trigger",
   "type": "module",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -29,9 +29,9 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "@v-c/portal": "0.0.4",
-    "@v-c/util": "0.0.13",
-    "@v-c/resize-observer": "0.0.3"
+    "@v-c/resize-observer": "0.0.3",
+    "@v-c/portal": "0.0.5",
+    "@v-c/util": "0.0.13"
   },
   "scripts": {
     "build": "vite build",