knt-shared 1.10.6 → 1.10.7

package/dist/index.esm.js

@@ -2458,7 +2458,7 @@ const _hoisted_4$4 = {
 const _hoisted_5$4 = { class: "progress-bar" };
 const _hoisted_6$3 = { class: "controls-bottom" };
 const _hoisted_7$2 = { class: "controls-left" };
-const _hoisted_8$1 = { class: "volume-slider-container" };
+const _hoisted_8$2 = { class: "volume-slider-container" };
 const _hoisted_9 = { class: "time-display" };
 const _hoisted_10 = { class: "controls-right" };
 const _hoisted_11 = { class: "control-button" };
@@ -2746,7 +2746,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                     size: 20
                   }))
                 ]),
-                withDirectives(createElementVNode("div", _hoisted_8$1, [
+                withDirectives(createElementVNode("div", _hoisted_8$2, [
                   withDirectives(createElementVNode("input", {
                     "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => volume.value = $event),
                     type: "range",
@@ -2906,7 +2906,7 @@ const _hoisted_7$1 = {
   key: 1,
   class: "upload-tip sortable-tip"
 };
-const _hoisted_8 = {
+const _hoisted_8$1 = {
   key: 5,
   class: "inline-video-preview"
 };
@@ -3632,7 +3632,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           "file-name": previewFileName.value,
           "player-options": getProps.value.videoPlayerOptions
         }, null, 8, ["visible", "video-url", "file-name", "player-options"])) : createCommentVNode("", true),
-        getProps.value.videoPreviewMode === "inline" && previewVideoVisible.value ? (openBlock(), createElementBlock("div", _hoisted_8, [
+        getProps.value.videoPreviewMode === "inline" && previewVideoVisible.value ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
           createVNode(VideoPreview, {
             "video-url": previewVideoUrl.value,
             "player-options": getProps.value.videoPlayerOptions
@@ -10197,17 +10197,17 @@ function useDescription(props) {
     }
   ];
 }
-const _hoisted_1$2 = { class: "basic-image" };
-const _hoisted_2$1 = {
+const _hoisted_1$2 = {
   key: 0,
   class: "basic-image-empty"
 };
-const _hoisted_3$1 = { class: "empty-text" };
-const _hoisted_4 = {
+const _hoisted_2$1 = { class: "empty-text" };
+const _hoisted_3$1 = {
   key: 0,
   class: "basic-image-simple"
 };
-const _hoisted_5 = { class: "image-wrapper" };
+const _hoisted_4 = { class: "image-wrapper" };
+const _hoisted_5 = ["src", "width", "height", "alt"];
 const _hoisted_6 = {
   key: 0,
   class: "image-count-badge"
@@ -10216,6 +10216,7 @@ const _hoisted_7 = {
   key: 0,
   style: { "display": "none" }
 };
+const _hoisted_8 = ["src", "width", "height", "alt"];
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...{
     name: "BasicImage"
@@ -10243,21 +10244,45 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const getProps = computed(() => {
       return { ...props, ...innerPropsRef.value };
     });
+    function isSafeImageUrl(url) {
+      if (!url || typeof url !== "string") return false;
+      const trimmed = url.trim();
+      if (trimmed.startsWith("/") || trimmed.startsWith("./") || trimmed.startsWith("../")) {
+        return true;
+      }
+      if (/^data:/i.test(trimmed)) {
+        return /^data:image\/(?!svg\+xml)/i.test(trimmed);
+      }
+      try {
+        const { protocol } = new URL(trimmed);
+        return protocol === "http:" || protocol === "https:" || protocol === "blob:";
+      } catch {
+        return false;
+      }
+    }
     const normalizedImages = computed(() => {
       const images = getProps.value.images || [];
       if (!Array.isArray(images) || images.length === 0) {
         return [];
       }
       return images.map((item) => {
-        if (typeof item === "string") {
-          return { url: item };
+        const normalized = typeof item === "string" ? { url: item } : item;
+        if (!isSafeImageUrl(normalized.url)) {
+          return { ...normalized, url: "" };
         }
-        return item;
+        return normalized;
       });
     });
+    const safeErrorImage = computed(() => {
+      const url = getProps.value.errorImage;
+      if (!url || !isSafeImageUrl(url)) return void 0;
+      return url;
+    });
     const gridStyle = computed(() => {
+      const rawGap = getProps.value.gap ?? 8;
+      const gap = Number.isFinite(rawGap) ? Math.max(0, rawGap) : 8;
       return {
-        gap: `${getProps.value.gap}px`
+        gap: `${gap}px`
       };
     });
     const handleImageClick = (item, index) => {
@@ -10265,6 +10290,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         return;
       }
       emit("click", item, index);
+      if (getProps.value.preview) {
+        emit("preview", item, index);
+      }
     };
     const getImages = () => {
       return normalizedImages.value;
@@ -10284,41 +10312,52 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       getProps: getPropsValue,
       setProps
     };
-    watch(
-      () => props,
-      () => {
-      },
-      { deep: true }
-    );
     onMounted(() => {
       emit("register", methods);
     });
     __expose(methods);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [
-        normalizedImages.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["basic-image", { "basic-image--disabled": getProps.value.disabled }])
+      }, [
+        normalizedImages.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
           renderSlot(_ctx.$slots, "empty", {}, () => [
-            createElementVNode("span", _hoisted_3$1, toDisplayString(getProps.value.emptyText), 1)
+            createElementVNode("span", _hoisted_2$1, toDisplayString(getProps.value.emptyText), 1)
           ], true)
         ])) : (openBlock(), createBlock(resolveDynamicComponent(getProps.value.preview ? unref(ImagePreviewGroup) : "div"), { key: 1 }, {
           default: withCtx(() => [
-            !getProps.value.showAll ? (openBlock(), createElementBlock("div", _hoisted_4, [
-              createElementVNode("div", _hoisted_5, [
+            !getProps.value.showAll ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
+              createElementVNode("div", _hoisted_4, [
                 createVNode(unref(Image$1), {
                   src: normalizedImages.value[0].url,
                   width: getProps.value.width,
                   height: getProps.value.height,
                   fit: getProps.value.fit,
                   preview: getProps.value.preview,
+                  "show-loader": getProps.value.loading,
                   alt: normalizedImages.value[0].name || "图片",
                   onClick: _cache[0] || (_cache[0] = ($event) => handleImageClick(normalizedImages.value[0], 0))
-                }, null, 8, ["src", "width", "height", "fit", "preview", "alt"]),
-                normalizedImages.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_6, " +" + toDisplayString(normalizedImages.value.length - 1), 1)) : createCommentVNode("", true)
+                }, createSlots({ _: 2 }, [
+                  safeErrorImage.value ? {
+                    name: "error",
+                    fn: withCtx(() => [
+                      createElementVNode("img", {
+                        src: safeErrorImage.value,
+                        width: getProps.value.width,
+                        height: getProps.value.height,
+                        style: normalizeStyle({ display: "block", objectFit: getProps.value.fit }),
+                        alt: normalizedImages.value[0].name || "图片"
+                      }, null, 12, _hoisted_5)
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1032, ["src", "width", "height", "fit", "preview", "show-loader", "alt"]),
+                normalizedImages.value.length > (getProps.value.maxCount ?? 1) ? (openBlock(), createElementBlock("div", _hoisted_6, " +" + toDisplayString(normalizedImages.value.length - (getProps.value.maxCount ?? 1)), 1)) : createCommentVNode("", true)
               ]),
-              getProps.value.preview && normalizedImages.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_7, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedImages.value.slice(1), (item, index) => {
+              getProps.value.preview && normalizedImages.value.length > (getProps.value.maxCount ?? 1) ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedImages.value.slice(getProps.value.maxCount ?? 1), (item, index) => {
                   return openBlock(), createBlock(unref(Image$1), {
-                    key: index,
+                    key: `${item.url}-${index}`,
                     src: item.url,
                     alt: item.name || "图片"
                   }, null, 8, ["src", "alt"]);
@@ -10331,7 +10370,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             }, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedImages.value, (item, index) => {
                 return openBlock(), createElementBlock("div", {
-                  key: index,
+                  key: `${item.url}-${index}`,
                   class: "image-item"
                 }, [
                   createVNode(unref(Image$1), {
@@ -10340,33 +10379,46 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                     height: getProps.value.height,
                     fit: getProps.value.fit,
                     preview: getProps.value.preview,
+                    "show-loader": getProps.value.loading,
                     alt: item.name || "图片",
                     onClick: ($event) => handleImageClick(item, index)
-                  }, null, 8, ["src", "width", "height", "fit", "preview", "alt", "onClick"])
+                  }, createSlots({ _: 2 }, [
+                    safeErrorImage.value ? {
+                      name: "error",
+                      fn: withCtx(() => [
+                        createElementVNode("img", {
+                          src: safeErrorImage.value,
+                          width: getProps.value.width,
+                          height: getProps.value.height,
+                          style: normalizeStyle({ display: "block", objectFit: getProps.value.fit }),
+                          alt: item.name || "图片"
+                        }, null, 12, _hoisted_8)
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1032, ["src", "width", "height", "fit", "preview", "show-loader", "alt", "onClick"])
                 ]);
               }), 128))
             ], 4))
           ]),
           _: 1
         }))
-      ]);
+      ], 2);
     };
   }
 });
-const BasicImage = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-04c54d5a"]]);
+const BasicImage = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-71d2eff3"]]);
 function useImage(options) {
   const imageRef = ref(null);
   const loadedRef = ref(false);
   const register = (instance) => {
-    if (unref(imageRef) && instance === unref(imageRef)) {
+    if (instance === unref(imageRef)) {
       return;
     }
     imageRef.value = instance;
     loadedRef.value = true;
     if (options) {
-      nextTick(() => {
-        instance.setProps(options);
-      });
+      instance.setProps(options);
     }
   };
   const getInstance = () => {