knt-shared 1.10.7 → 1.10.8

package/dist/index.esm.js

@@ -2483,6 +2483,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const videoRef = ref();
+    const progressBarRef = ref();
     const isPlaying = ref(false);
     const isLoading = ref(true);
     const currentTime = ref(0);
@@ -2511,7 +2512,11 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         videoRef.value.pause();
         emit("pause");
       } else {
-        videoRef.value.play();
+        videoRef.value.play().catch((err) => {
+          if (err.name !== "AbortError") {
+            console.error("[VideoPreview] play() 失败:", err);
+          }
+        });
         emit("play");
       }
     };
@@ -2579,11 +2584,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       document.addEventListener("mouseup", handleProgressMouseUp);
     };
     const handleProgressMouseMove = (event) => {
-      var _a2, _b;
-      if (!isDraggingProgress.value || !videoRef.value) return;
-      const container = (_b = (_a2 = videoRef.value.parentElement) == null ? void 0 : _a2.parentElement) == null ? void 0 : _b.querySelector(".progress-bar-container");
-      if (!container) return;
-      const rect = container.getBoundingClientRect();
+      if (!isDraggingProgress.value || !videoRef.value || !progressBarRef.value) return;
+      const rect = progressBarRef.value.getBoundingClientRect();
       let percent = (event.clientX - rect.left) / rect.width;
       percent = Math.max(0, Math.min(1, percent));
       videoRef.value.currentTime = percent * duration.value;
@@ -2696,6 +2698,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           }, ["stop"]))
         }, [
           createElementVNode("div", {
+            ref_key: "progressBarRef",
+            ref: progressBarRef,
             class: "progress-bar-container",
             onClick: handleProgressClick
           }, [
@@ -2714,7 +2718,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                 onMousedown: handleProgressMouseDown
               }, null, 36)
             ])
-          ]),
+          ], 512),
           createElementVNode("div", _hoisted_6$3, [
             createElementVNode("div", _hoisted_7$2, [
               createElementVNode("button", {
@@ -2808,7 +2812,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const VideoPreview = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-b982f870"]]);
+const VideoPreview = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-d4fd2c00"]]);
 const _hoisted_1$a = { class: "video-modal-title" };
 const _hoisted_2$7 = { class: "file-name" };
 const _hoisted_3$5 = { class: "video-modal-content" };
@@ -2831,7 +2835,6 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:visible", "play", "pause", "ended"],
   setup(__props, { emit: __emit }) {
-    const props = __props;
     const emit = __emit;
     const handleClose = () => {
       emit("update:visible", false);
@@ -2845,11 +2848,6 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     const handleEnded = () => {
       emit("ended");
     };
-    watch(
-      () => props.visible,
-      (newVisible) => {
-      }
-    );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Modal), {
         visible: __props.visible,
@@ -2883,7 +2881,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const VideoPreviewModal = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-cac8e63e"]]);
+const VideoPreviewModal = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-db151e2d"]]);
 const _hoisted_1$9 = { class: "basic-upload" };
 const _hoisted_2$6 = {
   key: 0,
@@ -2971,10 +2969,10 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     showErrorMessage: { type: Boolean, default: true },
     showSuccessMessage: { type: Boolean, default: true }
   },
-  emits: ["register", "update:modelValue", "change", "success", "handleSuccess", "error", "handlError", "progress", "remove", "preview", "exceed", "sortChange"],
+  emits: ["register", "update:modelValue", "change", "handleSuccess", "handleError", "progress", "remove", "preview", "exceed", "sortChange"],
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "eb56f194": cardSizeValue.value
+      "v0a277aea": cardSizeValue.value
     }));
     const MAX_SIZE_UNIT_BYTES = {
       B: 1,
@@ -3144,6 +3142,11 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       }
       return defaultUpload(options);
     };
+    const isSafeUrl = (url) => {
+      if (!url || typeof url !== "string") return false;
+      const lower = url.trim().toLowerCase();
+      return !lower.startsWith("javascript:") && !lower.startsWith("data:");
+    };
     const extractUrlFromResponse = (response) => {
       const urlPaths = [
         "url",
@@ -3155,11 +3158,11 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       ];
       for (const path of urlPaths) {
         const value = path.split(".").reduce((obj, key) => obj == null ? void 0 : obj[key], response);
-        if (value && typeof value === "string") {
+        if (value && typeof value === "string" && isSafeUrl(value)) {
           return value;
         }
       }
-      if (response.data && typeof response.data === "string") {
+      if (response.data && typeof response.data === "string" && isSafeUrl(response.data)) {
         return response.data;
       }
       return null;
@@ -3182,11 +3185,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           }, 3e3);
         }
         onError(new Error("上传地址未配置"));
-        return {
-          abort() {
-            xhr.abort();
-          }
-        };
+        return { abort() {
+        } };
       }
       const formData = new FormData();
       formData.append(propsData.name || "file", fileItem.file);
@@ -3252,23 +3252,17 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         }
       };
     };
+    const VIDEO_EXTENSIONS = [".mp4", ".avi", ".mov", ".wmv", ".flv", ".webm", ".mkv", ".m4v"];
     const addVideoFileClass = () => {
       nextTick(() => {
-        const uploadItems = document.querySelectorAll(".arco-upload-list-picture");
+        var _a;
+        const root = ((_a = uploadRef.value) == null ? void 0 : _a.$el) ?? null;
+        const scope = root ?? document;
+        const uploadItems = scope.querySelectorAll(".arco-upload-list-picture");
         uploadItems.forEach((item) => {
           const img = item.querySelector("img");
           if (img && img.src) {
-            const videoExtensions = [
-              ".mp4",
-              ".avi",
-              ".mov",
-              ".wmv",
-              ".flv",
-              ".webm",
-              ".mkv",
-              ".m4v"
-            ];
-            const isVideo = videoExtensions.some(
+            const isVideo = VIDEO_EXTENSIONS.some(
               (ext) => img.src.toLowerCase().includes(ext)
             );
             if (isVideo) {
@@ -3282,14 +3276,15 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
     const handleChange = (fileList, currentFile) => {
       const oldLength = fileListRef.value.length;
-      const newLength = fileList.length;
+      const newFileList = currentFile.status === "error" ? fileList.filter((f) => f.uid !== currentFile.uid) : fileList;
+      const newLength = newFileList.length;
       if (newLength > oldLength) {
         const added = newLength - oldLength;
         pendingCount.value = Math.max(0, pendingCount.value - added);
       }
-      fileListRef.value = fileList;
+      fileListRef.value = newFileList;
       addVideoFileClass();
-      emit("change", fileList);
+      emit("change", newFileList);
       const isRemove = newLength < oldLength;
       const fileKey = currentFile.uid || `file-${Date.now()}-${Math.random()}`;
       const lastStatus = processedFiles.value.get(fileKey);
@@ -3297,19 +3292,18 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         processedFiles.value.set(fileKey, "done");
         emit("handleSuccess", currentFile.response, currentFile);
       } else if (currentFile.status === "error" && lastStatus !== "error") {
-        processedFiles.value.set(fileKey, "error");
         const error = new Error("上传失败");
-        emit("handlError", error, currentFile);
+        emit("handleError", error, currentFile);
       }
       if (isRemove) {
-        const fileUids = new Set(fileList.map((f) => f.uid));
+        const fileUids = new Set(newFileList.map((f) => f.uid));
         processedFiles.value.forEach((_value, uid) => {
           if (!fileUids.has(uid)) {
             processedFiles.value.delete(uid);
           }
         });
       }
-      updateModelValue(fileList);
+      updateModelValue(newFileList);
     };
     const handleProgress = (currentFile) => {
       const percent = currentFile.percent || 0;
@@ -3380,14 +3374,17 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         (item) => item.url === fileItem.url && item.path === fileItem.path
       );
     };
+    const stableUid = (url, index) => `url-${index}-${url.replace(/[^a-zA-Z0-9.\-_]/g, "_")}`;
     const parseModelValue = (value) => {
       if (!value) return [];
-      if (Array.isArray(value) && value.length > 0 && typeof value[0] === "object") {
-        return value.map(normalizeFileItem);
-      }
       if (Array.isArray(value)) {
-        return value.map((url, index) => ({
-          uid: `${Date.now()}-${index}`,
+        if (value.length === 0) return [];
+        const first = value[0];
+        if (first !== null && first !== void 0 && typeof first === "object") {
+          return value.filter((item) => item !== null && item !== void 0).map(normalizeFileItem);
+        }
+        return value.filter((url) => url && typeof url === "string").map((url, index) => ({
+          uid: stableUid(url.trim(), index),
           name: url.split("/").pop() || `file-${index}`,
           url,
           status: "done"
@@ -3396,8 +3393,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       if (typeof value === "string") {
         const urls = value.split(",").filter(Boolean);
         return urls.map((url, index) => ({
-          uid: `${Date.now()}-${index}`,
-          name: url.split("/").pop() || `file-${index}`,
+          uid: stableUid(url.trim(), index),
+          name: url.trim().split("/").pop() || `file-${index}`,
           url: url.trim(),
           status: "done"
         }));
@@ -3481,10 +3478,23 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     watch(
       () => getProps.value.modelValue,
       (val) => {
-        fileListRef.value = parseModelValue(val);
+        const parsed = parseModelValue(val);
+        const isExternalClear = !val || Array.isArray(val) && val.length === 0 || typeof val === "string" && val.trim() === "";
+        if (!isExternalClear) {
+          const hasUploading = fileListRef.value.some(
+            (f) => f.status === "uploading" || f.status === "init"
+          );
+          if (hasUploading) return;
+        }
+        const isSame = parsed.length === fileListRef.value.length && parsed.every((newItem, i) => {
+          const oldItem = fileListRef.value[i];
+          return newItem.uid === (oldItem == null ? void 0 : oldItem.uid) && newItem.url === (oldItem == null ? void 0 : oldItem.url);
+        });
+        if (isSame) return;
+        fileListRef.value = parsed;
         addVideoFileClass();
       },
-      { immediate: true }
+      { immediate: true, deep: true }
     );
     onMounted(() => {
       nextTick(() => {
@@ -3651,7 +3661,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BasicUpload = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-3a5bef91"]]);
+const BasicUpload = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-d256c7da"]]);
 function useUpload(props) {
   const uploadRef = ref(null);
   const fileListRef = ref((props == null ? void 0 : props.defaultFileList) || []);
@@ -3661,7 +3671,7 @@ function useUpload(props) {
       uploadInstance.setFileList(props.defaultFileList);
     }
     if (props && Object.keys(props).length > 0) {
-      const { defaultFileList, ...restProps } = props;
+      const { defaultFileList: _, ...restProps } = props;
       if (Object.keys(restProps).length > 0) {
         setProps(restProps);
       }
@@ -3685,48 +3695,36 @@ function useUpload(props) {
     fileListRef.value = [];
   };
   const getFileList = () => {
-    return getUpload().getFileList();
+    const list = getUpload().getFileList();
+    fileListRef.value = list;
+    return list;
   };
   const upload = (fileItem) => {
     getUpload().upload(fileItem);
   };
   const setFileList = (files) => {
-    fileListRef.value = files;
+    var _a;
     const upload2 = getUpload();
-    if (upload2.setFileList) {
-      upload2.setFileList(files);
-    }
+    (_a = upload2.setFileList) == null ? void 0 : _a.call(upload2, files);
+    fileListRef.value = upload2.getFileList();
   };
   const addFile = (file) => {
-    fileListRef.value.push(file);
+    var _a;
     const upload2 = getUpload();
-    if (upload2.addFile) {
-      upload2.addFile(file);
-    }
+    (_a = upload2.addFile) == null ? void 0 : _a.call(upload2, file);
+    fileListRef.value = upload2.getFileList();
   };
   const removeFile = (fileItem) => {
-    const index = fileListRef.value.findIndex(
-      (item) => item.uid === fileItem.uid
-    );
-    if (index !== -1) {
-      fileListRef.value.splice(index, 1);
-    }
+    var _a;
     const upload2 = getUpload();
-    if (upload2.removeFile) {
-      upload2.removeFile(fileItem);
-    }
+    (_a = upload2.removeFile) == null ? void 0 : _a.call(upload2, fileItem);
+    fileListRef.value = upload2.getFileList();
   };
   const updateFile = (fileItem) => {
-    const index = fileListRef.value.findIndex(
-      (item) => item.uid === fileItem.uid
-    );
-    if (index !== -1) {
-      fileListRef.value[index] = { ...fileListRef.value[index], ...fileItem };
-    }
+    var _a;
     const upload2 = getUpload();
-    if (upload2.updateFile) {
-      upload2.updateFile(fileItem);
-    }
+    (_a = upload2.updateFile) == null ? void 0 : _a.call(upload2, fileItem);
+    fileListRef.value = upload2.getFileList();
   };
   const setProps = (uploadProps) => {
     getUpload().setProps(uploadProps);