@v-c/tour 1.0.2 → 1.1.0-rc.1

package/dist/hooks/useClosable.cjs

@@ -1,24 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-let vue = require("vue");
-function isConfigObj(closable) {
-	return closable !== null && typeof closable === "object";
-}
-function getClosableConfig(closable, closeIcon, preset) {
-	if (closable === false || closeIcon === false && (!isConfigObj(closable) || !closable?.closeIcon)) return null;
-	const mergedCloseIcon = typeof closeIcon !== "boolean" ? closeIcon : void 0;
-	if (isConfigObj(closable)) return {
-		...closable,
-		closeIcon: closable?.closeIcon ?? mergedCloseIcon
-	};
-	return preset || closable || closeIcon ? { closeIcon: mergedCloseIcon } : "empty";
-}
-function useClosable(stepClosable, stepCloseIcon, closable, closeIcon) {
-	return (0, vue.computed)(() => {
-		const stepClosableConfig = getClosableConfig(stepClosable.value, stepCloseIcon.value, false);
-		const rootCloseableConfig = getClosableConfig(closable.value, closeIcon.value, true);
-		if (stepClosableConfig !== "empty") return stepClosableConfig;
-		return rootCloseableConfig;
-	});
-}
-exports.useClosable = useClosable;

package/dist/hooks/useTarget.cjs

@@ -1,82 +0,0 @@
-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_canUseDom = require("@v-c/util/dist/Dom/canUseDom");
-_v_c_util_dist_Dom_canUseDom = require_rolldown_runtime.__toESM(_v_c_util_dist_Dom_canUseDom);
-let _v_c_util_dist_vnode = require("@v-c/util/dist/vnode");
-function isValidNumber(val) {
-	return typeof val === "number" && !Number.isNaN(val);
-}
-function useTarget(target, open, gap, scrollIntoViewOptions, inlineMode, placeholderRef) {
-	const targetElement = (0, vue.shallowRef)(null);
-	const syncTargetElement = () => {
-		targetElement.value = (0, _v_c_util_dist_vnode.resolveToElement)((typeof target.value === "function" ? target.value() : target.value) || null);
-	};
-	(0, vue.watch)(target, () => {
-		if (!(0, _v_c_util_dist_Dom_canUseDom.default)()) return;
-		syncTargetElement();
-	}, {
-		immediate: true,
-		flush: "post"
-	});
-	const posInfo = (0, vue.shallowRef)(null);
-	const updatePos = () => {
-		if (targetElement.value) {
-			if (!inlineMode?.value && !require_util.isInViewPort(targetElement.value) && open.value) targetElement.value?.scrollIntoView(scrollIntoViewOptions.value);
-			const { left, top, width, height } = targetElement.value.getBoundingClientRect();
-			const nextPosInfo = {
-				left,
-				top,
-				width,
-				height,
-				radius: 0
-			};
-			if (inlineMode?.value) {
-				const parentRect = placeholderRef?.value?.parentElement?.getBoundingClientRect?.();
-				if (parentRect) {
-					nextPosInfo.left -= parentRect.left;
-					nextPosInfo.top -= parentRect.top;
-				}
-			}
-			const origin = posInfo.value;
-			if (JSON.stringify(origin) !== JSON.stringify(nextPosInfo)) posInfo.value = nextPosInfo;
-		} else posInfo.value = null;
-	};
-	(0, vue.onMounted)(() => {
-		syncTargetElement();
-		updatePos();
-	});
-	const getGapOffset = (index) => (Array.isArray(gap?.value?.offset) ? gap?.value?.offset[index] : gap?.value?.offset) ?? 6;
-	(0, vue.watch)([targetElement, open], async (_n, _o, onCleanup) => {
-		if (!(0, _v_c_util_dist_Dom_canUseDom.default)()) return;
-		await (0, vue.nextTick)();
-		updatePos();
-		window.addEventListener("resize", updatePos);
-		window.addEventListener("scroll", updatePos);
-		onCleanup(() => {
-			window.removeEventListener("resize", updatePos);
-			window.removeEventListener("scroll", updatePos);
-		});
-	}, {
-		immediate: true,
-		flush: "post"
-	});
-	return [(0, vue.computed)(() => {
-		if (!posInfo.value) return posInfo.value;
-		const gapOffsetX = getGapOffset(0);
-		const gapOffsetY = getGapOffset(1);
-		const gapRadius = isValidNumber(gap?.value?.radius) ? gap?.value?.radius : 2;
-		return {
-			left: posInfo.value.left - gapOffsetX,
-			top: posInfo.value.top - gapOffsetY,
-			width: posInfo.value.width + gapOffsetX * 2,
-			height: posInfo.value.height + gapOffsetY * 2,
-			radius: gapRadius
-		};
-	}), targetElement];
-}
-exports.default = useTarget;

package/dist/index.cjs

@@ -1,7 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_Tour = require("./Tour.cjs");
-var src_default = require_Tour.default;
-exports.default = src_default;

package/dist/interface.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });

package/dist/placements.cjs

@@ -1,66 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var targetOffset = [0, 0];
-var basePlacements = {
-	left: {
-		points: ["cr", "cl"],
-		offset: [-8, 0]
-	},
-	right: {
-		points: ["cl", "cr"],
-		offset: [8, 0]
-	},
-	top: {
-		points: ["bc", "tc"],
-		offset: [0, -8]
-	},
-	bottom: {
-		points: ["tc", "bc"],
-		offset: [0, 8]
-	},
-	topLeft: {
-		points: ["bl", "tl"],
-		offset: [0, -8]
-	},
-	leftTop: {
-		points: ["tr", "tl"],
-		offset: [-8, 0]
-	},
-	topRight: {
-		points: ["br", "tr"],
-		offset: [0, -8]
-	},
-	rightTop: {
-		points: ["tl", "tr"],
-		offset: [8, 0]
-	},
-	bottomRight: {
-		points: ["tr", "br"],
-		offset: [0, 8]
-	},
-	rightBottom: {
-		points: ["bl", "br"],
-		offset: [8, 0]
-	},
-	bottomLeft: {
-		points: ["tl", "bl"],
-		offset: [0, 8]
-	},
-	leftBottom: {
-		points: ["br", "bl"],
-		offset: [-8, 0]
-	}
-};
-function getPlacements(arrowPointAtCenter = false) {
-	const placements$1 = {};
-	Object.keys(basePlacements).forEach((key) => {
-		placements$1[key] = {
-			...basePlacements[key],
-			autoArrow: arrowPointAtCenter,
-			targetOffset
-		};
-	});
-	return placements$1;
-}
-const placements = getPlacements();
-exports.getPlacements = getPlacements;
-exports.placements = placements;

package/dist/util.cjs

@@ -1,12 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-function isInViewPort(element) {
-	const viewWidth = window.innerWidth || document.documentElement.clientWidth;
-	const viewHeight = window.innerHeight || document.documentElement.clientHeight;
-	const { top, right, bottom, left } = element.getBoundingClientRect();
-	return top >= 0 && left >= 0 && right <= viewWidth && bottom <= viewHeight;
-}
-function getPlacement(targetElement, placement, stepPlacement) {
-	return stepPlacement ?? placement ?? (targetElement === null ? "center" : "bottom");
-}
-exports.getPlacement = getPlacement;
-exports.isInViewPort = isInViewPort;