@v-c/tour 1.0.1 → 1.0.3

package/dist/Mask.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");
 let vue = require("vue");
-let __v_c_portal = require("@v-c/portal");
-__v_c_portal = require_rolldown_runtime.__toESM(__v_c_portal);
-let __v_c_util = require("@v-c/util");
+let _v_c_portal = require("@v-c/portal");
+_v_c_portal = require_rolldown_runtime.__toESM(_v_c_portal);
+let _v_c_util = require("@v-c/util");
 var COVER_PROPS = {
 	"fill": "transparent",
 	"pointer-events": "auto"
@@ -23,12 +26,12 @@ var Mask = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs }) => {
 			height: "100vh"
 		};
 		const inlineMode = getPopupContainer === false;
-		return (0, vue.createVNode)(__v_c_portal.default, {
+		return (0, vue.createVNode)(_v_c_portal.default, {
 			"open": open,
 			"autoLock": !inlineMode,
 			"getContainer": getPopupContainer
 		}, { default: () => [(0, vue.createVNode)("div", {
-			"class": (0, __v_c_util.clsx)(`${prefixCls}-mask`, rootClassName, tourClassNames?.mask),
+			"class": (0, _v_c_util.clsx)(`${prefixCls}-mask`, rootClassName, tourClassNames?.mask),
 			"style": {
 				position: inlineMode ? "absolute" : "fixed",
 				left: `0px`,

package/dist/Mask.js

@@ -147,8 +147,9 @@ var Mask_default = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 			default: void 0
 		},
 		getPopupContainer: {
-			type: [Function, Boolean],
+			type: Boolean,
 			required: false,
+			skipCheck: true,
 			default: void 0
 		}
 	},

package/dist/Placeholder.cjs

@@ -1,8 +1,11 @@
-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");
-let __v_c_portal = require("@v-c/portal");
-__v_c_portal = require_rolldown_runtime.__toESM(__v_c_portal);
+let _v_c_portal = require("@v-c/portal");
+_v_c_portal = require_rolldown_runtime.__toESM(_v_c_portal);
 var Placeholder = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, attrs }) => {
 	expose({
 		getDom: () => {
@@ -12,7 +15,7 @@ var Placeholder = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, att
 	});
 	return () => {
 		const { open, autoLock, getContainer } = props;
-		return (0, vue.createVNode)(__v_c_portal.default, {
+		return (0, vue.createVNode)(_v_c_portal.default, {
 			"open": open,
 			"autoLock": autoLock,
 			"getContainer": getContainer

package/dist/Tour.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_Mask = require("./Mask.cjs");
 const require_Placeholder = require("./Placeholder.cjs");
@@ -8,8 +11,8 @@ const require_useTarget = require("./hooks/useTarget.cjs");
 const require_placements = require("./placements.cjs");
 const require_index = require("./TourStep/index.cjs");
 let vue = require("vue");
-let __v_c_util = require("@v-c/util");
-let __v_c_trigger = require("@v-c/trigger");
+let _v_c_util = require("@v-c/util");
+let _v_c_trigger = require("@v-c/trigger");
 var CENTER_PLACEHOLDER = {
 	left: "50%",
 	top: "50%",
@@ -94,11 +97,11 @@ var Tour = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs }) => {
 	};
 	return () => {
 		const { styles, classNames, renderPanel, rootClassName, animated, zIndex = 1001, getPopupContainer, className, style, disabledInteraction, onPopupAlign } = props;
-		const { class: attrClass, style: attrStyle,...restAttrs } = attrs;
+		const { class: attrClass, style: attrStyle, ...restAttrs } = attrs;
 		const mergedMaskValue = mergedMask.value;
 		const mergedShowMask = typeof mergedMaskValue === "boolean" ? mergedMaskValue : !!mergedMaskValue;
 		const mergedMaskStyle = typeof mergedMaskValue === "boolean" ? void 0 : mergedMaskValue;
-		const placeholderClassName = (0, __v_c_util.clsx)(className, attrClass, rootClassName, `${prefixCls.value}-target-placeholder`);
+		const placeholderClassName = (0, _v_c_util.clsx)(className, attrClass, rootClassName, `${prefixCls.value}-target-placeholder`);
 		const placeholderStyle = {
 			...posInfo.value ? {
 				left: `${posInfo.value.left}px`,
@@ -147,14 +150,14 @@ var Tour = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs }) => {
 			"animated": animated,
 			"rootClassName": rootClassName,
 			"disabledInteraction": disabledInteraction
-		}, null), (0, vue.createVNode)(__v_c_trigger.Trigger, (0, vue.mergeProps)(restAttrs, {
+		}, null), (0, vue.createVNode)(_v_c_trigger.Trigger, (0, vue.mergeProps)(restAttrs, {
 			"getPopupContainer": getPopupContainer,
 			"builtinPlacements": mergedBuiltinPlacements.value,
 			"ref": triggerRef,
 			"popupStyle": stepStyle.value,
 			"popupPlacement": mergedPlacement.value,
 			"popupVisible": mergedOpen.value,
-			"popupClassName": (0, __v_c_util.clsx)(rootClassName, stepClassName.value),
+			"popupClassName": (0, _v_c_util.clsx)(rootClassName, stepClassName.value),
 			"prefixCls": prefixCls.value,
 			"popup": popupElement,
 			"forceRender": false,

package/dist/Tour.js

@@ -92,7 +92,7 @@ var Tour_default = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	};
 	return () => {
 		const { styles, classNames, renderPanel, rootClassName, animated, zIndex = 1001, getPopupContainer, className, style, disabledInteraction, onPopupAlign } = props;
-		const { class: attrClass, style: attrStyle,...restAttrs } = attrs;
+		const { class: attrClass, style: attrStyle, ...restAttrs } = attrs;
 		const mergedMaskValue = mergedMask.value;
 		const mergedShowMask = typeof mergedMaskValue === "boolean" ? mergedMaskValue : !!mergedMaskValue;
 		const mergedMaskStyle = typeof mergedMaskValue === "boolean" ? void 0 : mergedMaskValue;

package/dist/TourStep/DefaultPanel.cjs

@@ -1,18 +1,21 @@
-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");
-let __v_c_util = require("@v-c/util");
-let __v_c_util_dist_pickAttrs = require("@v-c/util/dist/pickAttrs");
-__v_c_util_dist_pickAttrs = require_rolldown_runtime.__toESM(__v_c_util_dist_pickAttrs);
+let _v_c_util = require("@v-c/util");
+let _v_c_util_dist_pickAttrs = require("@v-c/util/dist/pickAttrs");
+_v_c_util_dist_pickAttrs = require_rolldown_runtime.__toESM(_v_c_util_dist_pickAttrs);
 var DefaultPanel = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs }) => {
 	return () => {
 		const { prefixCls, current, total, title, description, onClose, onPrev, onNext, onFinish, closable, classNames: tourClassNames, styles } = props;
-		const ariaProps = (0, __v_c_util_dist_pickAttrs.default)(closable || {}, true);
+		const ariaProps = (0, _v_c_util_dist_pickAttrs.default)(closable || {}, true);
 		const closeIcon = closable?.closeIcon ?? (0, vue.createVNode)("span", { "class": `${prefixCls}-close-x` }, [(0, vue.createTextVNode)("×")]);
 		const mergedClosable = !!closable;
 		const className = attrs.class;
-		return (0, vue.createVNode)("div", { "class": (0, __v_c_util.clsx)(`${prefixCls}-panel`, className) }, [(0, vue.createVNode)("div", {
-			"class": (0, __v_c_util.clsx)(`${prefixCls}-section`, tourClassNames?.section),
+		return (0, vue.createVNode)("div", { "class": (0, _v_c_util.clsx)(`${prefixCls}-panel`, className) }, [(0, vue.createVNode)("div", {
+			"class": (0, _v_c_util.clsx)(`${prefixCls}-section`, tourClassNames?.section),
 			"style": styles?.section
 		}, [
 			mergedClosable && (0, vue.createVNode)("button", (0, vue.mergeProps)({
@@ -21,18 +24,18 @@ var DefaultPanel = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs }) =
 				"aria-label": "Close"
 			}, ariaProps, { "class": `${prefixCls}-close` }), [closeIcon]),
 			(0, vue.createVNode)("div", {
-				"class": (0, __v_c_util.clsx)(`${prefixCls}-header`, tourClassNames?.header),
+				"class": (0, _v_c_util.clsx)(`${prefixCls}-header`, tourClassNames?.header),
 				"style": styles?.header
 			}, [(0, vue.createVNode)("div", {
-				"class": (0, __v_c_util.clsx)(`${prefixCls}-title`, tourClassNames?.title),
+				"class": (0, _v_c_util.clsx)(`${prefixCls}-title`, tourClassNames?.title),
 				"style": styles?.title
 			}, [title])]),
 			(0, vue.createVNode)("div", {
-				"class": (0, __v_c_util.clsx)(`${prefixCls}-description`, tourClassNames?.description),
+				"class": (0, _v_c_util.clsx)(`${prefixCls}-description`, tourClassNames?.description),
 				"style": styles?.description
 			}, [description]),
 			(0, vue.createVNode)("div", {
-				"class": (0, __v_c_util.clsx)(`${prefixCls}-footer`, tourClassNames?.footer),
+				"class": (0, _v_c_util.clsx)(`${prefixCls}-footer`, tourClassNames?.footer),
 				"style": styles?.footer
 			}, [(0, vue.createVNode)("div", { "class": `${prefixCls}-sliders` }, [total > 1 ? [...Array.from({ length: total }).keys()].map((item, index) => {
 				return (0, vue.createVNode)("span", {
@@ -40,7 +43,7 @@ var DefaultPanel = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs }) =
 					"class": index === current ? "active" : ""
 				}, null);
 			}) : null]), (0, vue.createVNode)("div", {
-				"class": (0, __v_c_util.clsx)(`${prefixCls}-actions`, tourClassNames?.actions),
+				"class": (0, _v_c_util.clsx)(`${prefixCls}-actions`, tourClassNames?.actions),
 				"style": styles?.actions
 			}, [current !== 0 ? (0, vue.createVNode)("button", {
 				"class": `${prefixCls}-prev-btn`,

package/dist/TourStep/index.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_DefaultPanel = require("./DefaultPanel.cjs");
 let vue = require("vue");

package/dist/hooks/useClosable.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
 function isConfigObj(closable) {

package/dist/hooks/useTarget.cjs

@@ -1,17 +1,23 @@
-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_vnode = require("@v-c/util/dist/vnode");
+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);
+		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,
@@ -46,6 +52,7 @@ function useTarget(target, open, gap, scrollIntoViewOptions, inlineMode, placeho
 	});
 	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);

package/dist/hooks/useTarget.js

@@ -1,5 +1,6 @@
 import { isInViewPort } from "../util.js";
 import { computed, nextTick, onMounted, shallowRef, watch } from "vue";
+import canUseDom from "@v-c/util/dist/Dom/canUseDom";
 import { resolveToElement } from "@v-c/util/dist/vnode";
 function isValidNumber(val) {
 	return typeof val === "number" && !Number.isNaN(val);
@@ -10,6 +11,7 @@ function useTarget(target, open, gap, scrollIntoViewOptions, inlineMode, placeho
 		targetElement.value = resolveToElement((typeof target.value === "function" ? target.value() : target.value) || null);
 	};
 	watch(target, () => {
+		if (!canUseDom()) return;
 		syncTargetElement();
 	}, {
 		immediate: true,
@@ -44,6 +46,7 @@ function useTarget(target, open, gap, scrollIntoViewOptions, inlineMode, placeho
 	});
 	const getGapOffset = (index) => (Array.isArray(gap?.value?.offset) ? gap?.value?.offset[index] : gap?.value?.offset) ?? 6;
 	watch([targetElement, open], async (_n, _o, onCleanup) => {
+		if (!canUseDom()) return;
 		await nextTick();
 		updatePos();
 		window.addEventListener("resize", updatePos);

package/dist/index.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+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

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

package/dist/placements.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 var targetOffset = [0, 0];
 var basePlacements = {
 	left: {

package/dist/util.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 function isInViewPort(element) {
 	const viewWidth = window.innerWidth || document.documentElement.clientWidth;
 	const viewHeight = window.innerHeight || document.documentElement.clientHeight;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/tour",
   "type": "module",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "publishConfig": {
     "access": "public"
   },
@@ -29,9 +29,9 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "@v-c/trigger": "^1.0.2",
-    "@v-c/portal": "^1.0.1",
-    "@v-c/util": "^1.0.3"
+    "@v-c/portal": "^1.0.6",
+    "@v-c/trigger": "^1.0.6",
+    "@v-c/util": "^1.0.9"
   },
   "scripts": {
     "build": "vite build",