sctj-components 1.0.83 → 1.0.85

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_8537f180_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" };
@@ -138,7 +138,13 @@ const _hoisted_3$b = { style: { "color": "#f56c6c" } };
 const _hoisted_4$a = { style: { "color": "#f56c6c" } };
 const _hoisted_5$7 = ["title"];
 const _hoisted_6$4 = { class: "ele-upload-list__item-content-action" };
-const _hoisted_7$4 = { style: { "width": "100%", "height": "100%", "overflow": "auto" } };
+const _hoisted_7$4 = { style: { "display": "flex", "justify-content": "space-between" } };
+const _hoisted_8$4 = ["id"];
+const _hoisted_9$3 = {
+  key: 0,
+  class: "preview-toolbar"
+};
+const _hoisted_10$3 = { class: "previewDialogContent" };
 const _sfc_main$u = {
   __name: "index",
   props: {
@@ -217,8 +223,11 @@ 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 pdfRotation = ref$1(0);
+    const pdfScale = ref$1(1);
     const loadingInstance = ref$1(null);
     const fileUpload2 = ref$1(null);
     const showTip = computed$1(() => {
@@ -357,6 +366,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;
     };
@@ -365,12 +379,70 @@ const _sfc_main$u = {
       previewUrl.value = "";
       previewType.value = "";
     };
+    const setTransform = (element, type, value) => {
+      let currentTransform = element.style.transform || "";
+      currentTransform = currentTransform.split(" ").filter((item) => !item.includes(type));
+      currentTransform.push(value);
+      element.style.transform = currentTransform.join(" ");
+    };
+    const saclc = (value) => {
+      pdfScale.value += value;
+      if (previewType.value === "pdf") {
+        const pdfViewer = document.querySelector(".pdf-viewer");
+        if (pdfViewer) {
+          const canvases = pdfViewer.querySelectorAll("canvas");
+          canvases.forEach((canvas) => {
+            setTransform(canvas, "scale", `scale(${pdfScale.value})`);
+          });
+        }
+      }
+      if (previewType.value === "docx") {
+        const docxViewer = document.querySelector(".docx-viewer");
+        if (docxViewer) {
+          const sections = docxViewer.querySelectorAll("section");
+          sections.forEach((section) => {
+            setTransform(section, "scale", `scale(${pdfScale.value})`);
+          });
+        }
+      }
+    };
+    const rotate = () => {
+      pdfRotation.value = (pdfRotation.value + 90) % 360;
+      if (previewType.value === "pdf") {
+        const pdfViewer = document.querySelector(".pdf-viewer");
+        if (pdfViewer) {
+          const canvases = pdfViewer.querySelectorAll("canvas");
+          canvases.forEach((canvas) => {
+            setTransform(canvas, "rotate", `rotate(${pdfRotation.value}deg)`);
+          });
+          canvases[0].scrollIntoView({
+            behavior: "smooth",
+            block: "start",
+            inline: "nearest"
+          });
+        }
+      }
+      if (previewType.value === "docx") {
+        const docxViewer = document.querySelector(".docx-viewer");
+        if (docxViewer) {
+          const sections = docxViewer.querySelectorAll("section");
+          sections.forEach((section) => {
+            setTransform(section, "rotate", `rotate(${pdfRotation.value}deg)`);
+          });
+          sections[0].scrollIntoView({
+            behavior: "smooth",
+            block: "start",
+            inline: "nearest"
+          });
+        }
+      }
+    };
     return (_ctx, _cache) => {
       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,
@@ -482,42 +554,75 @@ const _sfc_main$u = {
         })) : createCommentVNode("", true),
         createVNode(_component_el_dialog, {
           modelValue: previewVisible.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => previewVisible.value = $event),
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => previewVisible.value = $event),
           "append-to-body": "",
           class: "previewDialog",
           title: "\u6587\u4EF6\u9884\u89C8",
           fullscreen: "",
           "before-close": handlePreviewClose
         }, {
-          default: withCtx(() => [
+          header: withCtx(({ close, titleId, titleClass }) => [
             createElementVNode("div", _hoisted_7$4, [
+              createElementVNode("div", {
+                id: titleId,
+                class: normalizeClass(titleClass)
+              }, "\u6587\u4EF6\u9884\u89C8", 10, _hoisted_8$4),
+              previewType.value === "pdf" || previewType.value === "docx" ? (openBlock(), createElementBlock("div", _hoisted_9$3, [
+                createVNode(_component_el_button, {
+                  onClick: _cache[0] || (_cache[0] = ($event) => saclc(-0.1)),
+                  title: "\u7F29\u5C0F",
+                  type: "default",
+                  circle: "",
+                  icon: "Minus"
+                }),
+                createVNode(_component_el_button, {
+                  onClick: _cache[1] || (_cache[1] = ($event) => saclc(0.1)),
+                  title: "\u653E\u5927",
+                  type: "default",
+                  circle: "",
+                  icon: "Plus"
+                }),
+                createVNode(_component_el_button, {
+                  onClick: rotate,
+                  title: "\u65CB\u8F6C",
+                  type: "default",
+                  circle: "",
+                  icon: "RefreshRight"
+                })
+              ])) : createCommentVNode("", true)
+            ])
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_10$3, [
               previewType.value === "pdf" ? (openBlock(), createBlock(unref(VueOfficePdf), {
                 key: 0,
-                src: previewUrl.value
+                src: previewUrl.value,
+                class: "pdf-viewer"
               }, null, 8, ["src"])) : createCommentVNode("", true),
               previewType.value === "docx" ? (openBlock(), createBlock(unref(VueOfficeDocx), {
                 key: 1,
-                src: previewUrl.value
+                src: previewUrl.value,
+                class: "docx-viewer"
               }, null, 8, ["src"])) : createCommentVNode("", true),
               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[3] || (_cache[3] = ($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-8537f180"]]);
 const index_vue_vue_type_style_index_0_scoped_672e5149_lang = "";
 const _hoisted_1$l = { class: "component-upload-image" };
 const _hoisted_2$e = {