knt-shared 1.10.6 → 1.10.7

package/dist/components/Image/BasicImage.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BasicImage.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Image/BasicImage.vue"],"names":[],"mappings":"AA4DA;AAIA,OAAO,KAAK,EACV,eAAe,EAEf,SAAS,EACT,YAAY,EACb,MAAM,SAAS,CAAC;AAiKjB,iBAAS,cAAc;mBAgNK,GAAG;EAG9B;AAeD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"BasicImage.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Image/BasicImage.vue"],"names":[],"mappings":"AAkFA;AAIA,OAAO,KAAK,EACV,eAAe,EAEf,SAAS,EACT,YAAY,EACb,MAAM,SAAS,CAAC;AAuMjB,iBAAS,cAAc;mBAiQK,GAAG;EAG9B;AAgBD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/Image/useImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useImage.d.ts","sourceRoot":"","sources":["../../../src/components/Image/useImage.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,eAAe,EACf,cAAc,EAIf,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,QAAQ,CAAC,OAAO,CAAC,EAAE,eAAe,GAAG,cAAc,CAyFlE"}
+{"version":3,"file":"useImage.d.ts","sourceRoot":"","sources":["../../../src/components/Image/useImage.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,eAAe,EACf,cAAc,EAIf,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,QAAQ,CAAC,OAAO,CAAC,EAAE,eAAe,GAAG,cAAc,CAwFlE"}

package/dist/index.cjs.js

@@ -2460,7 +2460,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" };
@@ -2748,7 +2748,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                     size: 20
                   }))
                 ]),
-                vue.withDirectives(vue.createElementVNode("div", _hoisted_8$1, [
+                vue.withDirectives(vue.createElementVNode("div", _hoisted_8$2, [
                   vue.withDirectives(vue.createElementVNode("input", {
                     "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => volume.value = $event),
                     type: "range",
@@ -2908,7 +2908,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"
 };
@@ -3634,7 +3634,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
           "file-name": previewFileName.value,
           "player-options": getProps.value.videoPlayerOptions
         }, null, 8, ["visible", "video-url", "file-name", "player-options"])) : vue.createCommentVNode("", true),
-        getProps.value.videoPreviewMode === "inline" && previewVideoVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
+        getProps.value.videoPreviewMode === "inline" && previewVideoVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$1, [
           vue.createVNode(VideoPreview, {
             "video-url": previewVideoUrl.value,
             "player-options": getProps.value.videoPlayerOptions
@@ -10199,17 +10199,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"
@@ -10218,6 +10218,7 @@ const _hoisted_7 = {
   key: 0,
   style: { "display": "none" }
 };
+const _hoisted_8 = ["src", "width", "height", "alt"];
 const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "BasicImage"
@@ -10245,21 +10246,45 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     const getProps = vue.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 = vue.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 = vue.computed(() => {
+      const url = getProps.value.errorImage;
+      if (!url || !isSafeImageUrl(url)) return void 0;
+      return url;
+    });
     const gridStyle = vue.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) => {
@@ -10267,6 +10292,9 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
         return;
       }
       emit("click", item, index);
+      if (getProps.value.preview) {
+        emit("preview", item, index);
+      }
     };
     const getImages = () => {
       return normalizedImages.value;
@@ -10286,41 +10314,52 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
       getProps: getPropsValue,
       setProps
     };
-    vue.watch(
-      () => props,
-      () => {
-      },
-      { deep: true }
-    );
     vue.onMounted(() => {
       emit("register", methods);
     });
     __expose(methods);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
-        normalizedImages.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, [
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["basic-image", { "basic-image--disabled": getProps.value.disabled }])
+      }, [
+        normalizedImages.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
           vue.renderSlot(_ctx.$slots, "empty", {}, () => [
-            vue.createElementVNode("span", _hoisted_3$1, vue.toDisplayString(getProps.value.emptyText), 1)
+            vue.createElementVNode("span", _hoisted_2$1, vue.toDisplayString(getProps.value.emptyText), 1)
           ], true)
         ])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(getProps.value.preview ? vue.unref(ArcoVue.ImagePreviewGroup) : "div"), { key: 1 }, {
           default: vue.withCtx(() => [
-            !getProps.value.showAll ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-              vue.createElementVNode("div", _hoisted_5, [
+            !getProps.value.showAll ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1, [
+              vue.createElementVNode("div", _hoisted_4, [
                 vue.createVNode(vue.unref(ArcoVue.Image), {
                   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 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, " +" + vue.toDisplayString(normalizedImages.value.length - 1), 1)) : vue.createCommentVNode("", true)
+                }, vue.createSlots({ _: 2 }, [
+                  safeErrorImage.value ? {
+                    name: "error",
+                    fn: vue.withCtx(() => [
+                      vue.createElementVNode("img", {
+                        src: safeErrorImage.value,
+                        width: getProps.value.width,
+                        height: getProps.value.height,
+                        style: vue.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) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, " +" + vue.toDisplayString(normalizedImages.value.length - (getProps.value.maxCount ?? 1)), 1)) : vue.createCommentVNode("", true)
               ]),
-              getProps.value.preview && normalizedImages.value.length > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(normalizedImages.value.slice(1), (item, index) => {
+              getProps.value.preview && normalizedImages.value.length > (getProps.value.maxCount ?? 1) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(normalizedImages.value.slice(getProps.value.maxCount ?? 1), (item, index) => {
                   return vue.openBlock(), vue.createBlock(vue.unref(ArcoVue.Image), {
-                    key: index,
+                    key: `${item.url}-${index}`,
                     src: item.url,
                     alt: item.name || "图片"
                   }, null, 8, ["src", "alt"]);
@@ -10333,7 +10372,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
             }, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(normalizedImages.value, (item, index) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
-                  key: index,
+                  key: `${item.url}-${index}`,
                   class: "image-item"
                 }, [
                   vue.createVNode(vue.unref(ArcoVue.Image), {
@@ -10342,33 +10381,46 @@ const _sfc_main$4 = /* @__PURE__ */ vue.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"])
+                  }, vue.createSlots({ _: 2 }, [
+                    safeErrorImage.value ? {
+                      name: "error",
+                      fn: vue.withCtx(() => [
+                        vue.createElementVNode("img", {
+                          src: safeErrorImage.value,
+                          width: getProps.value.width,
+                          height: getProps.value.height,
+                          style: vue.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 = vue.ref(null);
   const loadedRef = vue.ref(false);
   const register = (instance) => {
-    if (vue.unref(imageRef) && instance === vue.unref(imageRef)) {
+    if (instance === vue.unref(imageRef)) {
       return;
     }
     imageRef.value = instance;
     loadedRef.value = true;
     if (options) {
-      vue.nextTick(() => {
-        instance.setProps(options);
-      });
+      instance.setProps(options);
     }
   };
   const getInstance = () => {