sctj-components 1.0.83 → 1.0.84

package/lib/sctj-components.es.js

@@ -130,7 +130,7 @@ const _sfc_main$v = {
 };
 const index$2 = "";
 const index$1 = "";
-const index_vue_vue_type_style_index_0_scoped_006fbc77_lang = "";
+const index_vue_vue_type_style_index_0_scoped_3ae88961_lang = "";
 const index_vue_vue_type_style_index_1_lang = "";
 const _hoisted_1$m = { class: "upload-file" };
 const _hoisted_2$f = { class: "el-upload__tip" };
@@ -217,6 +217,7 @@ const _sfc_main$u = {
     const uploadList = ref$1([]);
     const fileList = ref$1([]);
     const previewVisible = ref$1(false);
+    const previewVisibleImg = ref$1(false);
     const previewUrl = ref$1("");
     const previewType = ref$1("");
     const loadingInstance = ref$1(null);
@@ -357,6 +358,11 @@ const _sfc_main$u = {
           ElMessage.error(`\u6682\u4E0D\u652F\u6301${fileExt}\u6587\u4EF6\u7C7B\u578B\u7684\u5728\u7EBF\u9884\u89C8,\u8BF7\u4E0B\u8F7D\u540E\u67E5\u770B\uFF01`);
           return;
       }
+      if (previewType.value === "image") {
+        previewUrl.value = [file.url];
+        previewVisibleImg.value = true;
+        return;
+      }
       previewUrl.value = file.url;
       previewVisible.value = true;
     };
@@ -369,8 +375,8 @@ const _sfc_main$u = {
       const _component_el_button = resolveComponent("el-button");
       const _component_el_upload = resolveComponent("el-upload");
       const _component_el_icon = resolveComponent("el-icon");
-      const _component_el_image = resolveComponent("el-image");
       const _component_el_dialog = resolveComponent("el-dialog");
+      const _component_el_image_viewer = resolveComponent("el-image-viewer");
       return openBlock(), createElementBlock("div", _hoisted_1$m, [
         !__props.disabled ? (openBlock(), createBlock(_component_el_upload, mergeProps({
           key: 0,
@@ -502,22 +508,22 @@ const _sfc_main$u = {
               previewType.value === "xlsx" ? (openBlock(), createBlock(unref(VueOfficeExcel), {
                 key: 2,
                 src: previewUrl.value
-              }, null, 8, ["src"])) : createCommentVNode("", true),
-              previewType.value === "image" ? (openBlock(), createBlock(_component_el_image, {
-                key: 3,
-                src: previewUrl.value,
-                style: { "width": "100%", "height": "99%" },
-                fit: "contain"
               }, null, 8, ["src"])) : createCommentVNode("", true)
             ])
           ]),
           _: 1
-        }, 8, ["modelValue"])
+        }, 8, ["modelValue"]),
+        previewVisibleImg.value ? (openBlock(), createBlock(_component_el_image_viewer, {
+          key: 2,
+          "url-list": previewUrl.value,
+          "show-progress": "",
+          onClose: _cache[1] || (_cache[1] = ($event) => previewVisibleImg.value = false)
+        }, null, 8, ["url-list"])) : createCommentVNode("", true)
       ]);
     };
   }
 };
-const SCTJFileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-006fbc77"]]);
+const SCTJFileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-3ae88961"]]);
 const index_vue_vue_type_style_index_0_scoped_672e5149_lang = "";
 const _hoisted_1$l = { class: "component-upload-image" };
 const _hoisted_2$e = {