sctj-components 1.0.84 → 1.0.86

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_3ae88961_lang = "";
+const index_vue_vue_type_style_index_0_scoped_9fdf9efd_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: {
@@ -153,7 +159,7 @@ const _sfc_main$u = {
     },
     fileType: {
       type: Array,
-      default: () => ["docx", "xlsx", "doc", "xls", "ppt", "txt", "pdf", "png", "jpg", "jpeg", "pptx", "zip"]
+      default: () => ["docx", "xlsx", "doc", "xls", "ppt", "txt", "pdf", "png", "jpg", "jpeg", "pptx", "zip", "mp4"]
     },
     isShowTip: {
       type: Boolean,
@@ -220,6 +226,8 @@ const _sfc_main$u = {
     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(() => {
@@ -323,7 +331,7 @@ const _sfc_main$u = {
         const fileExt = fileName.split(".").pop().toLowerCase();
         const link = document.createElement("a");
         link.style.display = "none";
-        link.target = fileExt === "pdf" ? "_blank" : "_self";
+        link.target = fileExt === "pdf" || fileExt === "mp4" ? "_blank" : "_self";
         link.href = file.url;
         link.download = fileName;
         document.body.appendChild(link);
@@ -371,6 +379,64 @@ 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");
@@ -488,22 +554,55 @@ 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,
@@ -517,13 +616,13 @@ const _sfc_main$u = {
           key: 2,
           "url-list": previewUrl.value,
           "show-progress": "",
-          onClose: _cache[1] || (_cache[1] = ($event) => previewVisibleImg.value = false)
+          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-3ae88961"]]);
+const SCTJFileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-9fdf9efd"]]);
 const index_vue_vue_type_style_index_0_scoped_672e5149_lang = "";
 const _hoisted_1$l = { class: "component-upload-image" };
 const _hoisted_2$e = {