@v-c/image 0.0.3 → 1.0.0

package/dist/Preview/index.cjs

@@ -7,6 +7,7 @@ const require_classnames = require("../util/dist/classnames.cjs");
 require("../util/dist/index.cjs");
 const require_context = require("../context.cjs");
 const require_useStatus = require("../hooks/useStatus.cjs");
+const require_canUseDom = require("../util/dist/Dom/canUseDom.cjs");
 const require_index$1 = require("../portal/dist/index.cjs");
 const require_transition = require("../util/dist/utils/transition.cjs");
 const require_useImageTransform = require("../hooks/useImageTransform.cjs");
@@ -88,6 +89,7 @@ var Preview = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots })
 		}
 	};
 	(0, vue.watchEffect)((onCleanup) => {
+		if (!require_canUseDom.canUseDom()) return;
 		if (props.open) window.addEventListener("keydown", onKeyDown);
 		onCleanup(() => {
 			window.removeEventListener("keydown", onKeyDown);

package/dist/Preview/index.js

@@ -3,6 +3,7 @@ import { clsx } from "../util/dist/classnames.js";
 import "../util/dist/index.js";
 import { usePreviewGroupContext } from "../context.js";
 import useStatus from "../hooks/useStatus.js";
+import { canUseDom } from "../util/dist/Dom/canUseDom.js";
 import { src_default } from "../portal/dist/index.js";
 import { getTransitionProps } from "../util/dist/utils/transition.js";
 import useImageTransform from "../hooks/useImageTransform.js";
@@ -84,6 +85,7 @@ var Preview_default = /* @__PURE__ */ defineComponent((props, { attrs, slots })
 		}
 	};
 	watchEffect((onCleanup) => {
+		if (!canUseDom()) return;
 		if (props.open) window.addEventListener("keydown", onKeyDown);
 		onCleanup(() => {
 			window.removeEventListener("keydown", onKeyDown);

package/dist/hooks/useTouchEvent.cjs

@@ -2,6 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
+const require_canUseDom = require("../util/dist/Dom/canUseDom.cjs");
 const require_getFixScaleEleTransPosition = require("../getFixScaleEleTransPosition.cjs");
 let vue = require("vue");
 function getDistance(a, b) {
@@ -110,6 +111,7 @@ function useTouchEvent(imgRef, movable, open, minScale, transform, updateTransfo
 		};
 		if (open.value && movable.value) window.addEventListener("touchmove", preventDefault, { passive: false });
 		onCleanup(() => {
+			if (!require_canUseDom.canUseDom()) return;
 			window.removeEventListener("touchmove", preventDefault);
 		});
 	});

package/dist/hooks/useTouchEvent.js

@@ -1,3 +1,4 @@
+import { canUseDom } from "../util/dist/Dom/canUseDom.js";
 import getFixScaleEleTransPosition from "../getFixScaleEleTransPosition.js";
 import { shallowRef, watchEffect } from "vue";
 function getDistance(a, b) {
@@ -106,6 +107,7 @@ function useTouchEvent(imgRef, movable, open, minScale, transform, updateTransfo
 		};
 		if (open.value && movable.value) window.addEventListener("touchmove", preventDefault, { passive: false });
 		onCleanup(() => {
+			if (!canUseDom()) return;
 			window.removeEventListener("touchmove", preventDefault);
 		});
 	});

package/dist/portal/dist/Portal.cjs

@@ -20,7 +20,7 @@ function getPortalContainer(getContainer) {
 var Portal_default = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, expose }) => {
 	const shouldRender = (0, vue.shallowRef)(props.open);
 	const mergedRender = (0, vue.computed)(() => shouldRender.value || props.open);
-	if (process.env.NODE_ENV !== "production") require_warning.warning_default(require_canUseDom.canUseDom() || !open, `Portal only work in client side. Please call 'useEffect' to show Portal instead default render in SSR.`);
+	if (process.env.NODE_ENV !== "production") require_warning.warning_default(require_canUseDom.canUseDom() || !props.open, `Portal only work in client side. Please call 'useEffect' to show Portal instead default render in SSR.`);
 	(0, vue.watch)([() => props.open, () => props.autoDestroy], () => {
 		if (props.autoDestroy || props.open) shouldRender.value = props.open;
 	});

package/dist/portal/dist/Portal.js

@@ -20,7 +20,7 @@ function getPortalContainer(getContainer) {
 var Portal_default = /* @__PURE__ */ defineComponent((props, { slots, expose }) => {
 	const shouldRender = shallowRef(props.open);
 	const mergedRender = computed(() => shouldRender.value || props.open);
-	if (process.env.NODE_ENV !== "production") warning_default(canUseDom() || !open, `Portal only work in client side. Please call 'useEffect' to show Portal instead default render in SSR.`);
+	if (process.env.NODE_ENV !== "production") warning_default(canUseDom() || !props.open, `Portal only work in client side. Please call 'useEffect' to show Portal instead default render in SSR.`);
 	watch([() => props.open, () => props.autoDestroy], () => {
 		if (props.autoDestroy || props.open) shouldRender.value = props.open;
 	});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/image",
   "type": "module",
-  "version": "0.0.3",
+  "version": "1.0.0",
   "description": "image component",
   "author": "",
   "license": "MIT",
@@ -33,7 +33,7 @@
   },
   "dependencies": {
     "@v-c/util": "^1.0.8",
-    "@v-c/portal": "^1.0.4"
+    "@v-c/portal": "^1.0.5"
   },
   "devDependencies": {
     "@ant-design/icons-vue": "^7.0.1"