@v-c/image 1.1.0 → 1.1.1

package/dist/Image.js

@@ -4,7 +4,7 @@ import useRegisterImage from "./hooks/useRegisterImage.js";
 import useStatus from "./hooks/useStatus.js";
 import Preview from "./Preview/index.js";
 import { Fragment, computed, createVNode, defineComponent, mergeDefaults, mergeProps, shallowRef } from "vue";
-import { clsx, omit } from "@v-c/util";
+import { clsx, isVueRenderable, omit } from "@v-c/util";
 import useMergedState from "@v-c/util/dist/hooks/useMergedState";
 import pickAttrs from "@v-c/util/dist/pickAttrs";
 import { getAttrStyleAndClass, getStylePxValue } from "@v-c/util/dist/props-util";
@@ -32,7 +32,7 @@ var Image = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 		triggerPreviewOpen(false);
 		mousePosition.value = null;
 	};
-	const isCustomPlaceholder = computed(() => !!slots.placeholder || !!(props.placeholder && props.placeholder !== true));
+	const isCustomPlaceholder = computed(() => !!slots.placeholder || isVueRenderable(props.placeholder) && props.placeholder !== true);
 	const src = computed(() => previewSrc.value ?? props.src);
 	const [getImgRef, srcAndOnload, status] = useStatus({
 		src: computed(() => props.src),
@@ -135,7 +135,7 @@ var Image = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 				"onLoad": srcAndOnload.value.onLoad,
 				"onError": onImgError
 			}), null),
-			status.value === "loading" && createVNode("div", {
+			status.value === "loading" && isCustomPlaceholder.value && createVNode("div", {
 				"aria-hidden": "true",
 				"class": `${prefixCls.value}-placeholder`
 			}, [placeholderNode]),
@@ -198,9 +198,16 @@ var Image = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 			default: void 0
 		},
 		placeholder: {
-			type: Boolean,
+			type: [
+				Boolean,
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Array
+			],
 			required: false,
-			skipCheck: true,
 			default: void 0
 		},
 		fallback: {

package/dist/Preview/CloseBtn.js

@@ -18,6 +18,15 @@ var CloseBtn = /* @__PURE__ */ defineComponent((props) => {
 			required: true
 		},
 		icon: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
 			required: false,
 			default: void 0
 		},

package/dist/Preview/index.js

@@ -395,9 +395,16 @@ var Preview = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 			default: void 0
 		},
 		closeIcon: {
-			type: [Boolean, null],
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
 			required: false,
-			skipCheck: true,
 			default: void 0
 		},
 		onTransform: {

package/dist/PreviewGroup.js

@@ -111,6 +111,15 @@ var PreviewGroup = /* @__PURE__ */ defineComponent((props, { slots, emit }) => {
 			default: void 0
 		},
 		children: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
 			required: false,
 			default: void 0
 		}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/image",
   "type": "module",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "image component",
   "author": "",
   "license": "MIT",
@@ -38,7 +38,7 @@
   },
   "dependencies": {
     "@v-c/portal": "^1.0.8",
-    "@v-c/util": "^1.1.0"
+    "@v-c/util": "^1.2.0"
   },
   "devDependencies": {
     "@ant-design/icons-vue": "^7.0.1"