knt-shared 1.10.5 → 1.10.7

package/dist/index.esm.js

@@ -1824,6 +1824,19 @@ const DEFAULT_CONFIG = {
   filePath: "filePath",
   fullFilePath: "fullFilePath"
 };
+function generateBackfillUid(fileObj, config, url, index = 0) {
+  if ((fileObj == null ? void 0 : fileObj.id) != null) {
+    return `back-${fileObj.id}`;
+  }
+  const path = fileObj == null ? void 0 : fileObj[config.filePath];
+  if (path) {
+    return `back-${path}`;
+  }
+  if (url) {
+    return `back-${url}`;
+  }
+  return `back-${Date.now()}-${index}`;
+}
 function transformUploadUrl(transferUrl) {
   var _a;
   if (isNullOrUnDef(transferUrl)) {
@@ -1842,13 +1855,13 @@ function transformUploadUrl(transferUrl) {
   }
   return void 0;
 }
-function transformBackUrl(transferUrl, config) {
+function transformBackUrl(transferUrl, config, index = 0) {
   const mergedConfig = { ...DEFAULT_CONFIG, ...config };
   if (!isArray(transferUrl) && (isNullOrUnDef(transferUrl) || isNullOrUnDef(transferUrl[mergedConfig.fullFilePath]) || isNullOrUnDef(transferUrl[mergedConfig.filePath]))) {
     return void 0;
   }
   if (isArray(transferUrl)) {
-    const result = transferUrl.map((item) => transformBackUrl(item, config)).filter((item) => !isNullOrUnDef(item));
+    const result = transferUrl.map((item, index2) => transformBackUrl(item, config, index2)).filter((item) => !isNullOrUnDef(item));
     if (mergedConfig.backType === "object") {
       return result;
     }
@@ -1857,14 +1870,19 @@ function transformBackUrl(transferUrl, config) {
   let resultObj;
   if (isString(transferUrl)) {
     resultObj = {
+      uid: generateBackfillUid(null, mergedConfig, transferUrl, index),
+      name: transferUrl.split("/").pop() || `file-${index}`,
       url: transferUrl,
       path: void 0,
       status: "done"
     };
   } else if (isObject(transferUrl)) {
     const fileObj = transferUrl;
+    const url = fileObj[mergedConfig.fullFilePath];
     resultObj = {
-      url: fileObj[mergedConfig.fullFilePath],
+      uid: generateBackfillUid(fileObj, mergedConfig, url, index),
+      name: (url == null ? void 0 : url.split("/").pop()) || `file-${index}`,
+      url,
       path: fileObj[mergedConfig.filePath],
       status: "done"
     };
@@ -2440,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" };
@@ -2728,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",
@@ -2888,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"
 };
@@ -2956,7 +2974,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
   emits: ["register", "update:modelValue", "change", "success", "handleSuccess", "error", "handlError", "progress", "remove", "preview", "exceed", "sortChange"],
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v74ec8601": cardSizeValue.value
+      "eb56f194": cardSizeValue.value
     }));
     const MAX_SIZE_UNIT_BYTES = {
       B: 1,
@@ -3342,10 +3360,30 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           emit("update:modelValue", fileList);
       }
     };
+    const normalizeFileItem = (item, index) => {
+      var _a;
+      return {
+        ...item,
+        uid: item.uid || `file-${item.path || item.url || index}-${index}`,
+        name: item.name || ((_a = item.url) == null ? void 0 : _a.split("/").pop()) || `file-${index}`,
+        status: item.status || "done"
+      };
+    };
+    const findFileIndex = (fileItem) => {
+      if (fileItem.uid != null) {
+        const index = fileListRef.value.findIndex(
+          (item) => item.uid != null && item.uid === fileItem.uid
+        );
+        if (index !== -1) return index;
+      }
+      return fileListRef.value.findIndex(
+        (item) => item.url === fileItem.url && item.path === fileItem.path
+      );
+    };
     const parseModelValue = (value) => {
       if (!value) return [];
       if (Array.isArray(value) && value.length > 0 && typeof value[0] === "object") {
-        return value;
+        return value.map(normalizeFileItem);
       }
       if (Array.isArray(value)) {
         return value.map((url, index) => ({
@@ -3399,18 +3437,14 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       updateModelValue(fileListRef.value);
     };
     const removeFile = (fileItem) => {
-      const index = fileListRef.value.findIndex(
-        (item) => item.uid === fileItem.uid
-      );
+      const index = findFileIndex(fileItem);
       if (index !== -1) {
         fileListRef.value.splice(index, 1);
         updateModelValue(fileListRef.value);
       }
     };
     const updateFile = (fileItem) => {
-      const index = fileListRef.value.findIndex(
-        (item) => item.uid === fileItem.uid
-      );
+      const index = findFileIndex(fileItem);
       if (index !== -1) {
         fileListRef.value[index] = { ...fileListRef.value[index], ...fileItem };
         updateModelValue(fileListRef.value);
@@ -3598,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
@@ -3617,7 +3651,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BasicUpload = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-d316e747"]]);
+const BasicUpload = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-3a5bef91"]]);
 function useUpload(props) {
   const uploadRef = ref(null);
   const fileListRef = ref((props == null ? void 0 : props.defaultFileList) || []);
@@ -10163,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"
@@ -10182,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"
@@ -10209,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) => {
@@ -10231,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;
@@ -10250,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"]);
@@ -10297,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), {
@@ -10306,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 = () => {