jit-viewer 1.0.8 → 1.1.0

package/dist/index.js

@@ -21,7 +21,18 @@ const EXTENSION_MAP = {
   "markdown": "markdown",
   "ofd": "ofd",
   "html": "html",
-  "htm": "html"
+  "htm": "html",
+  // 图片格式
+  "jpg": "image",
+  "jpeg": "image",
+  "png": "image",
+  "gif": "image",
+  "webp": "image",
+  "svg": "image",
+  "bmp": "image",
+  "tiff": "image",
+  "tif": "image",
+  "ico": "image"
 };
 const MIME_MAP = {
   "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "docx",
@@ -35,7 +46,17 @@ const MIME_MAP = {
   "text/x-markdown": "md",
   "application/ofd": "ofd",
   "text/html": "html",
-  "application/xhtml+xml": "html"
+  "application/xhtml+xml": "html",
+  // 图片 MIME 类型
+  "image/jpeg": "image",
+  "image/png": "image",
+  "image/gif": "image",
+  "image/webp": "image",
+  "image/svg+xml": "image",
+  "image/bmp": "image",
+  "image/tiff": "image",
+  "image/x-icon": "image",
+  "image/vnd.microsoft.icon": "image"
 };
 function getFileExtension(filename) {
   const match = filename.toLowerCase().match(/\.([a-z0-9]+)$/);
@@ -13834,13 +13855,13 @@ function useViewerState() {
   }
   return context;
 }
-const _hoisted_1$b = ["disabled", "title"];
-const _hoisted_2$7 = { class: "jv-toolbar-btn__icon" };
-const _hoisted_3$2 = {
+const _hoisted_1$c = ["disabled", "title"];
+const _hoisted_2$8 = { class: "jv-toolbar-btn__icon" };
+const _hoisted_3$3 = {
   key: 0,
   class: "jv-toolbar-btn__label"
 };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "ActionButton",
   props: {
     type: {},
@@ -13864,11 +13885,11 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         title: __props.title,
         onClick: handleClick
       }, [
-        createBaseVNode("span", _hoisted_2$7, [
+        createBaseVNode("span", _hoisted_2$8, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
-        __props.label ? (openBlock(), createElementBlock("span", _hoisted_3$2, toDisplayString(__props.label), 1)) : createCommentVNode("", true)
-      ], 10, _hoisted_1$b);
+        __props.label ? (openBlock(), createElementBlock("span", _hoisted_3$3, toDisplayString(__props.label), 1)) : createCommentVNode("", true)
+      ], 10, _hoisted_1$c);
     };
   }
 });
@@ -13879,11 +13900,11 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const ActionButton = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-9abd52f0"]]);
-const _hoisted_1$a = { class: "jv-zoom-control" };
-const _hoisted_2$6 = { class: "jv-zoom-control__value" };
+const ActionButton = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-9abd52f0"]]);
+const _hoisted_1$b = { class: "jv-zoom-control" };
+const _hoisted_2$7 = { class: "jv-zoom-control__value" };
 const ZOOM_STEP = 0.1;
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "ZoomControl",
   setup(__props) {
     const { t } = useLocale();
@@ -13898,7 +13919,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       resetTransform();
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
         createVNode(ActionButton, {
           type: "zoom-out",
           title: unref(t)("toolbar.zoomOut"),
@@ -13932,7 +13953,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           ])]),
           _: 1
         }, 8, ["title"]),
-        createBaseVNode("span", _hoisted_2$6, toDisplayString(Math.round(unref(zoom) * 100)) + "%", 1),
+        createBaseVNode("span", _hoisted_2$7, toDisplayString(Math.round(unref(zoom) * 100)) + "%", 1),
         createVNode(ActionButton, {
           type: "zoom-in",
           title: unref(t)("toolbar.zoomIn"),
@@ -14006,10 +14027,10 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ZoomControl = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-874ddbac"]]);
-const _hoisted_1$9 = { class: "jv-rotate-control" };
+const ZoomControl = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-874ddbac"]]);
+const _hoisted_1$a = { class: "jv-rotate-control" };
 const ROTATE_STEP = 90;
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "RotateControl",
   setup(__props) {
     const { t } = useLocale();
@@ -14021,7 +14042,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       setRotate(ROTATE_STEP);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
         createVNode(ActionButton, {
           type: "rotate-left",
           title: unref(t)("toolbar.rotateLeft"),
@@ -14060,22 +14081,22 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RotateControl = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-ad291658"]]);
-const _hoisted_1$8 = {
+const RotateControl = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-ad291658"]]);
+const _hoisted_1$9 = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
 };
-const _hoisted_2$5 = {
+const _hoisted_2$6 = {
   key: 1,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
 };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "FullscreenButton",
   setup(__props) {
     const { t } = useLocale();
@@ -14104,9 +14125,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         onClick: toggleFullscreen
       }, {
         default: withCtx(() => [
-          !isFullscreen.value ? (openBlock(), createElementBlock("svg", _hoisted_1$8, [..._cache[0] || (_cache[0] = [
+          !isFullscreen.value ? (openBlock(), createElementBlock("svg", _hoisted_1$9, [..._cache[0] || (_cache[0] = [
             createBaseVNode("path", { d: "M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3" }, null, -1)
-          ])])) : (openBlock(), createElementBlock("svg", _hoisted_2$5, [..._cache[1] || (_cache[1] = [
+          ])])) : (openBlock(), createElementBlock("svg", _hoisted_2$6, [..._cache[1] || (_cache[1] = [
             createBaseVNode("path", { d: "M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3" }, null, -1)
           ])]))
         ]),
@@ -14115,18 +14136,18 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$7 = {
+const _hoisted_1$8 = {
   key: 0,
   class: "jv-pagination"
 };
-const _hoisted_2$4 = { class: "jv-pagination__info" };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _hoisted_2$5 = { class: "jv-pagination__info" };
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "Pagination",
   setup(__props) {
     const { t } = useLocale();
     const { currentPage, totalPages, prevPage, nextPage } = useViewerState();
     return (_ctx, _cache) => {
-      return unref(totalPages) > 1 ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
+      return unref(totalPages) > 1 ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
         createVNode(ActionButton, {
           type: "prev",
           title: unref(t)("toolbar.prevPage"),
@@ -14145,7 +14166,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           ])]),
           _: 1
         }, 8, ["title", "disabled", "onClick"]),
-        createBaseVNode("span", _hoisted_2$4, toDisplayString(unref(t)("toolbar.pageInfo", { current: unref(currentPage).toString(), total: unref(totalPages).toString() })), 1),
+        createBaseVNode("span", _hoisted_2$5, toDisplayString(unref(t)("toolbar.pageInfo", { current: unref(currentPage).toString(), total: unref(totalPages).toString() })), 1),
         createVNode(ActionButton, {
           type: "next",
           title: unref(t)("toolbar.nextPage"),
@@ -14168,17 +14189,17 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-97c0759f"]]);
-const _hoisted_1$6 = {
+const Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-97c0759f"]]);
+const _hoisted_1$7 = {
   key: 0,
   class: "jv-toolbar__top"
 };
-const _hoisted_2$3 = { class: "jv-toolbar__left" };
-const _hoisted_3$1 = {
+const _hoisted_2$4 = { class: "jv-toolbar__left" };
+const _hoisted_3$2 = {
   key: 0,
   class: "jv-toolbar__filename"
 };
-const _hoisted_4$1 = { class: "jv-toolbar__center" };
+const _hoisted_4$2 = { class: "jv-toolbar__center" };
 const _hoisted_5$1 = { class: "jv-toolbar__right" };
 const _hoisted_6$1 = {
   key: 1,
@@ -14187,7 +14208,7 @@ const _hoisted_6$1 = {
 const _hoisted_7$1 = { class: "jv-toolbar__left" };
 const _hoisted_8$1 = { class: "jv-toolbar__center" };
 const _hoisted_9 = { class: "jv-toolbar__right" };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "Toolbar",
   props: {
     config: {},
@@ -14197,145 +14218,6 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const { t } = useLocale();
     const { filename, fileSource } = useViewerState();
-    const brandingRef = /* @__PURE__ */ ref();
-    let viewerRoot = null;
-    let copyrightObserver = null;
-    let copyrightCheckInterval = null;
-    function checkCopyright() {
-      const branding = brandingRef.value;
-      if (!branding) return false;
-      if (!viewerRoot) {
-        viewerRoot = branding.closest(".jv-viewer");
-      }
-      if (!viewerRoot || !document.body.contains(viewerRoot)) {
-        return false;
-      }
-      if (!viewerRoot.contains(branding)) {
-        showCopyrightWarning();
-        return false;
-      }
-      const link = branding.querySelector(".jv-branding-link");
-      if (!link) {
-        showCopyrightWarning();
-        return false;
-      }
-      const href = link.getAttribute("href");
-      if (href !== "https://github.com/jitOffice/jit-viewer-sdk") {
-        showCopyrightWarning();
-        return false;
-      }
-      const text = branding.textContent || "";
-      if (!text.includes("JitViewer") || !text.includes("提供文档预览支持")) {
-        showCopyrightWarning();
-        return false;
-      }
-      return true;
-    }
-    function showCopyrightWarning() {
-      var _a;
-      if (document.querySelector(".jv-copyright-warning")) return;
-      const warning = document.createElement("div");
-      warning.className = "jv-copyright-warning";
-      warning.innerHTML = `
-    <div class="jv-copyright-warning__content">
-      <div class="jv-copyright-warning__icon">⚠️</div>
-      <div class="jv-copyright-warning__title">版权信息被移除</div>
-      <div class="jv-copyright-warning__text">
-        请保留 "JitViewer提供文档预览支持" 版权信息<br>
-        <a href="https://github.com/jitOffice/jit-viewer-sdk" target="_blank">https://github.com/jitOffice/jit-viewer-sdk</a>
-      </div>
-      <button class="jv-copyright-warning__btn">我知道了</button>
-    </div>
-  `;
-      const style = document.createElement("style");
-      style.textContent = `
-    .jv-copyright-warning {
-      position: fixed;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      background: rgba(0, 0, 0, 0.7);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      z-index: 99999;
-    }
-    .jv-copyright-warning__content {
-      background: white;
-      padding: 32px;
-      border-radius: 12px;
-      text-align: center;
-      max-width: 400px;
-      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
-    }
-    .jv-copyright-warning__icon {
-      font-size: 48px;
-      margin-bottom: 16px;
-    }
-    .jv-copyright-warning__title {
-      font-size: 18px;
-      font-weight: 600;
-      margin-bottom: 12px;
-      color: #333;
-    }
-    .jv-copyright-warning__text {
-      font-size: 14px;
-      color: #666;
-      margin-bottom: 20px;
-      line-height: 1.6;
-    }
-    .jv-copyright-warning__text a {
-      color: #1890ff;
-    }
-    .jv-copyright-warning__btn {
-      background: #1890ff;
-      color: white;
-      border: none;
-      padding: 10px 32px;
-      border-radius: 6px;
-      font-size: 14px;
-      cursor: pointer;
-    }
-    .jv-copyright-warning__btn:hover {
-      background: #40a9ff;
-    }
-  `;
-      document.head.appendChild(style);
-      document.body.appendChild(warning);
-      (_a = warning.querySelector(".jv-copyright-warning__btn")) == null ? void 0 : _a.addEventListener("click", () => {
-        location.reload();
-      });
-    }
-    function startCopyrightProtection() {
-      copyrightObserver = new MutationObserver(() => {
-        checkCopyright();
-      });
-      if (brandingRef.value) {
-        const viewer = brandingRef.value.closest(".jv-viewer");
-        if (viewer) {
-          viewerRoot = viewer;
-          copyrightObserver.observe(viewerRoot, {
-            childList: true,
-            subtree: true,
-            attributes: true,
-            attributeFilter: ["href", "style", "class"]
-          });
-        }
-      }
-      copyrightCheckInterval = setInterval(checkCopyright, 1e3);
-    }
-    function stopCopyrightProtection() {
-      if (copyrightObserver) {
-        copyrightObserver.disconnect();
-        copyrightObserver = null;
-      }
-      if (copyrightCheckInterval) {
-        clearInterval(copyrightCheckInterval);
-        copyrightCheckInterval = null;
-      }
-      viewerRoot = null;
-    }
     const defaultItems = [
       "zoom",
       "rotate",
@@ -14380,32 +14262,24 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         await downloadFile(fileSource.value, filename.value);
       }
     }
-    onMounted(() => {
-      setTimeout(() => {
-        startCopyrightProtection();
-      }, 100);
-    });
-    onUnmounted(() => {
-      stopCopyrightProtection();
-    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["jv-toolbar", [positionClass.value, { "jv-toolbar--hidden": !__props.visible }]])
       }, [
-        showTop.value ? (openBlock(), createElementBlock("div", _hoisted_1$6, [
-          createBaseVNode("div", _hoisted_2$3, [
+        showTop.value ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
+          createBaseVNode("div", _hoisted_2$4, [
             renderSlot(_ctx.$slots, "top-left", {}, () => [
-              unref(filename) ? (openBlock(), createElementBlock("span", _hoisted_3$1, toDisplayString(unref(filename)), 1)) : createCommentVNode("", true)
+              unref(filename) ? (openBlock(), createElementBlock("span", _hoisted_3$2, toDisplayString(unref(filename)), 1)) : createCommentVNode("", true)
             ], true)
           ]),
-          createBaseVNode("div", _hoisted_4$1, [
+          createBaseVNode("div", _hoisted_4$2, [
             renderSlot(_ctx.$slots, "top-center", {}, void 0, true)
           ]),
           createBaseVNode("div", _hoisted_5$1, [
             renderSlot(_ctx.$slots, "top-right", {}, () => [
               hasItem("zoom") ? (openBlock(), createBlock(ZoomControl, { key: 0 })) : createCommentVNode("", true),
               hasItem("rotate") ? (openBlock(), createBlock(RotateControl, { key: 1 })) : createCommentVNode("", true),
-              hasItem("fullscreen") ? (openBlock(), createBlock(_sfc_main$b, { key: 2 })) : createCommentVNode("", true)
+              hasItem("fullscreen") ? (openBlock(), createBlock(_sfc_main$c, { key: 2 })) : createCommentVNode("", true)
             ], true)
           ])
         ])) : createCommentVNode("", true),
@@ -14420,27 +14294,13 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           ]),
           createBaseVNode("div", _hoisted_9, [
             renderSlot(_ctx.$slots, "bottom-right", {}, () => [
-              createBaseVNode("span", {
-                class: "jv-toolbar__branding",
-                ref_key: "brandingRef",
-                ref: brandingRef,
-                "data-jv-copyright": "true"
-              }, [..._cache[0] || (_cache[0] = [
-                createBaseVNode("a", {
-                  href: "https://github.com/jitOffice/jit-viewer-sdk",
-                  target: "_blank",
-                  rel: "noopener noreferrer",
-                  class: "jv-branding-link"
-                }, "JitViewer", -1),
-                createTextVNode("提供文档预览支持 ", -1)
-              ])], 512),
               hasItem("download") ? (openBlock(), createBlock(ActionButton, {
                 key: 0,
                 type: "download",
                 title: unref(t)("toolbar.download"),
                 onClick: handleDownload
               }, {
-                default: withCtx(() => [..._cache[1] || (_cache[1] = [
+                default: withCtx(() => [..._cache[0] || (_cache[0] = [
                   createBaseVNode("svg", {
                     viewBox: "0 0 24 24",
                     fill: "none",
@@ -14466,7 +14326,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-e0907d02"]]);
+const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-74d3b30f"]]);
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -19592,7 +19452,7 @@ section.${e}>footer { z-index: 1; }
 })(lib$4);
 var libExports$3 = lib$4.exports;
 const VueOfficeDocx = /* @__PURE__ */ getDefaultExportFromCjs(libExports$3);
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "DocxRender",
   props: {
     source: {},
@@ -19647,7 +19507,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DocxRender = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-9181c8b1"]]);
+const DocxRender = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-9181c8b1"]]);
 var lib$2 = { exports: {} };
 (function(module, exports$1) {
   !function(e, t) {
@@ -62434,7 +62294,7 @@ var lib$2 = { exports: {} };
 })(lib$2);
 var libExports$2 = lib$2.exports;
 const VueOfficeExcel = /* @__PURE__ */ getDefaultExportFromCjs(libExports$2);
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "ExcelRender",
   props: {
     source: {},
@@ -62489,7 +62349,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ExcelRender = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-a8c7c89f"]]);
+const ExcelRender = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-a8c7c89f"]]);
 var lib$1 = { exports: {} };
 (function(module, exports$1) {
   (function(Q, k) {
@@ -64192,8 +64052,8 @@ var t={4186:(t,e,r)=>{var n=r(3749),i=r(8055),a=TypeError;t.exports=function(t){
 })(lib$1);
 var libExports$1 = lib$1.exports;
 const VueOfficePdf = /* @__PURE__ */ getDefaultExportFromCjs(libExports$1);
-const _hoisted_1$5 = ["src"];
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$6 = ["src"];
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "PdfRender",
   props: {
     source: {},
@@ -64292,12 +64152,12 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           style: normalizeStyle(renderStyle.value),
           frameborder: "0",
           onLoad: handleRendered
-        }, null, 44, _hoisted_1$5))
+        }, null, 44, _hoisted_1$6))
       ], 512);
     };
   }
 });
-const PdfRender = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-32fed398"]]);
+const PdfRender = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-32fed398"]]);
 var lib = { exports: {} };
 (function(module, exports$1) {
   (function(Ma, No) {
@@ -102666,7 +102526,7 @@ echarts.use([` + E + "]);" : "Unknown series " + P));
 })(lib);
 var libExports = lib.exports;
 const VueOfficePptx = /* @__PURE__ */ getDefaultExportFromCjs(libExports);
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "PptxRender",
   props: {
     source: {},
@@ -102721,9 +102581,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const PptxRender = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-b31abca4"]]);
-const _hoisted_1$4 = { class: "jv-text-content" };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const PptxRender = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-b31abca4"]]);
+const _hoisted_1$5 = { class: "jv-text-content" };
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "TextRender",
   props: {
     source: {}
@@ -102755,14 +102615,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         ref: containerRef,
         class: "jv-file-render jv-file-render--text"
       }, [
-        createBaseVNode("pre", _hoisted_1$4, toDisplayString(content.value), 1)
+        createBaseVNode("pre", _hoisted_1$5, toDisplayString(content.value), 1)
       ], 512);
     };
   }
 });
-const TextRender = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-f5957104"]]);
-const _hoisted_1$3 = ["innerHTML"];
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const TextRender = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-f5957104"]]);
+const _hoisted_1$4 = ["innerHTML"];
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "MarkdownRender",
   props: {
     source: {}
@@ -102779,7 +102639,89 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     });
     function simpleMarkdownToHtml(md) {
       if (!md) return "";
-      return md.replace(/```(\w+)?\n([\s\S]*?)```/g, "<pre><code>$2</code></pre>").replace(/`([^`]+)`/g, "<code>$1</code>").replace(/^### (.*$)/gim, "<h3>$1</h3>").replace(/^## (.*$)/gim, "<h2>$1</h2>").replace(/^# (.*$)/gim, "<h1>$1</h1>").replace(/\*\*\*(.*?)\*\*\*/g, "<strong><em>$1</em></strong>").replace(/\*\*(.*?)\*\*/g, "<strong>$1</strong>").replace(/\*(.*?)\*/g, "<em>$1</em>").replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" target="_blank">$1</a>').replace(/!\[([^\]]*)\]\(([^)]+)\)/g, '<img alt="$1" src="$2" />').replace(/^\s*[-*+]\s+(.*$)/gim, "<li>$1</li>").replace(/^\s*\d+\.\s+(.*$)/gim, "<li>$1</li>").replace(/^>\s+(.*$)/gim, "<blockquote>$1</blockquote>").replace(/^---$/gim, "<hr />").replace(/\n\n/g, "</p><p>").replace(/\n/g, "<br />").replace(/^(.+)$/gim, "<p>$1</p>").replace(/<p><\/p>/g, "").replace(/(<li>.*<\/li>)/s, "<ul>$1</ul>");
+      let html = md.replace(/```(\w+)?\n([\s\S]*?)```/g, "<pre><code>$2</code></pre>").replace(/`([^`]+)`/g, "<code>$1</code>");
+      html = parseTables(html);
+      html = html.replace(/^### (.*$)/gim, "<h3>$1</h3>").replace(/^## (.*$)/gim, "<h2>$1</h2>").replace(/^# (.*$)/gim, "<h1>$1</h1>").replace(/\*\*\*(.*?)\*\*\*/g, "<strong><em>$1</em></strong>").replace(/\*\*(.*?)\*\*/g, "<strong>$1</strong>").replace(/\*(.*?)\*/g, "<em>$1</em>").replace(/___(.*?)___/g, "<strong><em>$1</em></strong>").replace(/__(.*?)__/g, "<strong>$1</strong>").replace(/_(.*?)_/g, "<em>$1</em>").replace(/~~(.*?)~~/g, "<del>$1</del>").replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" target="_blank">$1</a>').replace(/!\[([^\]]*)\]\(([^)]+)\)/g, '<img alt="$1" src="$2" />').replace(/^>\s+(.*$)/gim, "<blockquote>$1</blockquote>").replace(/^---$/gim, "<hr />").replace(/^\*\*\*$/gim, "<hr />").replace(/^___$/gim, "<hr />");
+      html = parseLists(html);
+      html = html.replace(/\n\n/g, "</p><p>").replace(/\n/g, "<br />").replace(/^(.+)$/gim, "<p>$1</p>").replace(/<p><\/p>/g, "").replace(/<p>(<[uo]l>)/g, "$1").replace(/(<\/[uo]l>)<\/p>/g, "$1").replace(/<p>(<[hb]r)/g, "$1").replace(/(<\/blockquote>)<\/p>/g, "$1");
+      return html;
+    }
+    function parseTables(md) {
+      const lines = md.split("\n");
+      const result = [];
+      let i = 0;
+      while (i < lines.length) {
+        const line = lines[i];
+        if (line.includes("|")) {
+          const nextLine = lines[i + 1];
+          if (nextLine && /^\|?[\s|:|-]+\|/.test(nextLine)) {
+            const headerLine = line;
+            i += 2;
+            const headers = headerLine.split("|").map((cell) => cell.trim()).filter((cell) => cell !== "").map((cell) => `<th>${cell}</th>`).join("");
+            const rows = [];
+            while (i < lines.length && lines[i].includes("|")) {
+              const rowCells = lines[i].split("|").map((cell) => cell.trim()).filter((cell) => cell !== "").map((cell) => `<td>${cell}</td>`).join("");
+              if (rowCells) {
+                rows.push(`<tr>${rowCells}</tr>`);
+              }
+              i++;
+            }
+            const tableHtml = `<table><thead><tr>${headers}</tr></thead><tbody>${rows.join("")}</tbody></table>`;
+            result.push(tableHtml);
+            continue;
+          }
+        }
+        result.push(line);
+        i++;
+      }
+      return result.join("\n");
+    }
+    function parseLists(md) {
+      const lines = md.split("\n");
+      const result = [];
+      let inUl = false;
+      let inOl = false;
+      for (let i = 0; i < lines.length; i++) {
+        const line = lines[i];
+        const ulMatch = line.match(/^(\s*)[-*+]\s+(.+)$/);
+        const olMatch = line.match(/^(\s*)\d+\.\s+(.+)$/);
+        if (ulMatch) {
+          const content2 = ulMatch[2];
+          if (!inUl) {
+            if (inOl) {
+              result.push("</ol>");
+              inOl = false;
+            }
+            result.push("<ul>");
+            inUl = true;
+          }
+          result.push(`<li>${content2}</li>`);
+        } else if (olMatch) {
+          const content2 = olMatch[2];
+          if (!inOl) {
+            if (inUl) {
+              result.push("</ul>");
+              inUl = false;
+            }
+            result.push("<ol>");
+            inOl = true;
+          }
+          result.push(`<li>${content2}</li>`);
+        } else {
+          if (inUl) {
+            result.push("</ul>");
+            inUl = false;
+          }
+          if (inOl) {
+            result.push("</ol>");
+            inOl = false;
+          }
+          result.push(line);
+        }
+      }
+      if (inUl) result.push("</ul>");
+      if (inOl) result.push("</ol>");
+      return result.join("\n");
     }
     async function loadFile() {
       try {
@@ -102804,12 +102746,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         createBaseVNode("div", {
           class: "jv-markdown-content",
           innerHTML: renderedContent.value
-        }, null, 8, _hoisted_1$3)
+        }, null, 8, _hoisted_1$4)
       ], 512);
     };
   }
 });
-const MarkdownRender = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-9b60bb2a"]]);
+const MarkdownRender = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-2d9fb509"]]);
 var dist = { exports: {} };
 /*! For license information please see index.js.LICENSE.txt */
 (function(module, exports$1) {
@@ -128443,12 +128385,12 @@ class LiteOfdAdapter {
     this.instance = null;
   }
 }
-const _hoisted_1$2 = {
+const _hoisted_1$3 = {
   key: 0,
   class: "jv-ofd-error"
 };
-const _hoisted_2$2 = { class: "jv-ofd-loading" };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _hoisted_2$3 = { class: "jv-ofd-loading" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "OfdRender",
   props: {
     source: {},
@@ -128679,7 +128621,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         ref: containerRef,
         class: "jv-file-render jv-file-render--ofd"
       }, [
-        error.value ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+        error.value ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
           createBaseVNode("span", null, toDisplayString(error.value), 1)
         ])) : (openBlock(), createElementBlock("div", {
           key: 1,
@@ -128698,7 +128640,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             }, null, 512)
           ], 4)
         ], 512)),
-        withDirectives(createBaseVNode("div", _hoisted_2$2, [
+        withDirectives(createBaseVNode("div", _hoisted_2$3, [
           createBaseVNode("span", null, toDisplayString(t("loading")), 1)
         ], 512), [
           [vShow, loading.value]
@@ -128707,13 +128649,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const OfdRender = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-f933a20c"]]);
-const _hoisted_1$1 = { class: "jv-html-loading" };
-const _hoisted_2$1 = {
+const OfdRender = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-f933a20c"]]);
+const _hoisted_1$2 = { class: "jv-html-loading" };
+const _hoisted_2$2 = {
   key: 0,
   class: "jv-html-error"
 };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "HtmlRender",
   props: {
     source: {},
@@ -128871,20 +128813,427 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           style: normalizeStyle(renderStyle.value),
           sandbox: "allow-scripts allow-same-origin allow-popups allow-forms allow-top-navigation"
         }, null, 4),
-        withDirectives(createBaseVNode("div", _hoisted_1$1, [..._cache[0] || (_cache[0] = [
+        withDirectives(createBaseVNode("div", _hoisted_1$2, [..._cache[0] || (_cache[0] = [
           createBaseVNode("div", { class: "jv-loading-spinner" }, null, -1),
           createBaseVNode("span", null, "加载中...", -1)
         ])], 512), [
           [vShow, loading.value]
         ]),
-        error.value ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
+        error.value ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
           createBaseVNode("span", null, toDisplayString(error.value), 1)
         ])) : createCommentVNode("", true)
       ], 512);
     };
   }
 });
-const HtmlRender = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-af6df043"]]);
+const HtmlRender = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-af6df043"]]);
+const _hoisted_1$1 = {
+  key: 0,
+  class: "jv-image-loading"
+};
+const _hoisted_2$1 = {
+  key: 1,
+  class: "jv-image-error"
+};
+const _hoisted_3$1 = ["src", "alt"];
+const _hoisted_4$1 = {
+  key: 2,
+  class: "jv-image-info"
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "ImageRender",
+  props: {
+    source: {},
+    zoom: { default: 1 }
+  },
+  emits: ["load", "error"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit2 = __emit;
+    const containerRef = /* @__PURE__ */ ref();
+    const imageWrapperRef = /* @__PURE__ */ ref();
+    const imageRef = /* @__PURE__ */ ref();
+    const loading = /* @__PURE__ */ ref(true);
+    const error = /* @__PURE__ */ ref(null);
+    const imageSrc = /* @__PURE__ */ ref("");
+    const imageAlt = /* @__PURE__ */ ref("");
+    const imageInfo = /* @__PURE__ */ ref(null);
+    const scale = /* @__PURE__ */ ref(1);
+    const rotation = /* @__PURE__ */ ref(0);
+    const translateX = /* @__PURE__ */ ref(0);
+    const translateY = /* @__PURE__ */ ref(0);
+    const isDragging = /* @__PURE__ */ ref(false);
+    const dragStart = /* @__PURE__ */ ref({ x: 0, y: 0 });
+    const initialTranslate = /* @__PURE__ */ ref({ x: 0, y: 0 });
+    const naturalSize = /* @__PURE__ */ ref({ width: 0, height: 0 });
+    const imageStyle = computed(() => ({
+      transform: `translate(${translateX.value}px, ${translateY.value}px) rotate(${rotation.value}deg) scale(${scale.value})`,
+      transition: isDragging.value ? "none" : "transform 0.2s ease",
+      cursor: isDragging.value ? "grabbing" : scale.value > 1 ? "grab" : "default"
+    }));
+    async function loadImage() {
+      try {
+        loading.value = true;
+        error.value = null;
+        const blob = await fileToBlob(props.source);
+        imageInfo.value = {
+          width: 0,
+          height: 0,
+          size: blob.size
+        };
+        imageSrc.value = URL.createObjectURL(blob);
+        if (props.source instanceof File) {
+          imageAlt.value = props.source.name;
+        }
+      } catch (err) {
+        loading.value = false;
+        error.value = err;
+        emit2("error", err);
+      }
+    }
+    function handleImageLoad() {
+      if (imageRef.value) {
+        naturalSize.value = {
+          width: imageRef.value.naturalWidth,
+          height: imageRef.value.naturalHeight
+        };
+        if (imageInfo.value) {
+          imageInfo.value.width = imageRef.value.naturalWidth;
+          imageInfo.value.height = imageRef.value.naturalHeight;
+        }
+        fitToScreen();
+        loading.value = false;
+        emit2("load");
+      }
+    }
+    function handleImageError() {
+      loading.value = false;
+      error.value = new Error("图片加载失败");
+      emit2("error", error.value);
+    }
+    function zoomIn() {
+      scale.value = Math.min(scale.value * 1.25, 10);
+    }
+    function zoomOut() {
+      scale.value = Math.max(scale.value / 1.25, 0.1);
+      if (scale.value <= 1) {
+        translateX.value = 0;
+        translateY.value = 0;
+      }
+    }
+    function resetZoom() {
+      scale.value = 1;
+      rotation.value = 0;
+      translateX.value = 0;
+      translateY.value = 0;
+    }
+    function fitToScreen() {
+      if (!imageRef.value || !containerRef.value) return;
+      const containerRect = containerRef.value.getBoundingClientRect();
+      const containerWidth = containerRect.width - 40;
+      const containerHeight = containerRect.height - 40;
+      const imgWidth = naturalSize.value.width;
+      const imgHeight = naturalSize.value.height;
+      const scaleX = containerWidth / imgWidth;
+      const scaleY = containerHeight / imgHeight;
+      const fitScale = Math.min(scaleX, scaleY, 1);
+      scale.value = fitScale;
+      rotation.value = 0;
+      translateX.value = 0;
+      translateY.value = 0;
+    }
+    function rotateLeft() {
+      rotation.value -= 90;
+    }
+    function rotateRight() {
+      rotation.value += 90;
+    }
+    function handleWheel(e) {
+      const delta = e.deltaY > 0 ? 0.9 : 1.1;
+      const newScale = Math.min(Math.max(scale.value * delta, 0.1), 10);
+      if (newScale !== scale.value && imageWrapperRef.value) {
+        const rect = imageWrapperRef.value.getBoundingClientRect();
+        const mouseX = e.clientX - rect.left - rect.width / 2;
+        const mouseY = e.clientY - rect.top - rect.height / 2;
+        const scaleRatio = newScale / scale.value;
+        translateX.value = translateX.value * scaleRatio + mouseX * (scaleRatio - 1);
+        translateY.value = translateY.value * scaleRatio + mouseY * (scaleRatio - 1);
+        scale.value = newScale;
+        if (scale.value <= 1) {
+          translateX.value = 0;
+          translateY.value = 0;
+        }
+      }
+    }
+    function handleDoubleClick() {
+      if (scale.value !== 1) {
+        resetZoom();
+      } else {
+        scale.value = 2;
+      }
+    }
+    function handleMouseDown(e) {
+      if (scale.value <= 1) return;
+      isDragging.value = true;
+      dragStart.value = { x: e.clientX, y: e.clientY };
+      initialTranslate.value = { x: translateX.value, y: translateY.value };
+    }
+    function handleMouseMove(e) {
+      if (!isDragging.value) return;
+      const dx = e.clientX - dragStart.value.x;
+      const dy = e.clientY - dragStart.value.y;
+      translateX.value = initialTranslate.value.x + dx;
+      translateY.value = initialTranslate.value.y + dy;
+    }
+    function handleMouseUp() {
+      isDragging.value = false;
+    }
+    function toggleFullscreen() {
+      if (!containerRef.value) return;
+      if (!document.fullscreenElement) {
+        containerRef.value.requestFullscreen();
+      } else {
+        document.exitFullscreen();
+      }
+    }
+    async function downloadImage() {
+      await downloadFile(props.source, imageAlt.value || "image");
+    }
+    function formatFileSize(bytes) {
+      if (bytes === 0) return "0 B";
+      const k = 1024;
+      const sizes = ["B", "KB", "MB", "GB"];
+      const i = Math.floor(Math.log(bytes) / Math.log(k));
+      return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
+    }
+    watch(() => props.zoom, (newZoom) => {
+      scale.value = newZoom;
+    });
+    watch(() => props.source, () => {
+      if (imageSrc.value) {
+        URL.revokeObjectURL(imageSrc.value);
+      }
+      resetZoom();
+      loadImage();
+    }, { immediate: true });
+    onUnmounted(() => {
+      if (imageSrc.value) {
+        URL.revokeObjectURL(imageSrc.value);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "containerRef",
+        ref: containerRef,
+        class: "jv-file-render jv-file-render--image"
+      }, [
+        loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [..._cache[0] || (_cache[0] = [
+          createBaseVNode("div", { class: "jv-loading-spinner" }, null, -1),
+          createBaseVNode("span", null, "加载中...", -1)
+        ])])) : error.value ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
+          _cache[1] || (_cache[1] = createBaseVNode("svg", {
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2"
+          }, [
+            createBaseVNode("circle", {
+              cx: "12",
+              cy: "12",
+              r: "10"
+            }),
+            createBaseVNode("line", {
+              x1: "12",
+              y1: "8",
+              x2: "12",
+              y2: "12"
+            }),
+            createBaseVNode("line", {
+              x1: "12",
+              y1: "16",
+              x2: "12.01",
+              y2: "16"
+            })
+          ], -1)),
+          createBaseVNode("span", null, toDisplayString(error.value.message || "图片加载失败"), 1)
+        ])) : createCommentVNode("", true),
+        withDirectives(createBaseVNode("div", {
+          ref_key: "imageWrapperRef",
+          ref: imageWrapperRef,
+          class: normalizeClass(["jv-image-wrapper", { "jv-image-wrapper--dragging": isDragging.value }]),
+          onWheel: withModifiers(handleWheel, ["prevent"]),
+          onMousedown: withModifiers(handleMouseDown, ["prevent"]),
+          onMousemove: handleMouseMove,
+          onMouseup: handleMouseUp,
+          onMouseleave: handleMouseUp,
+          onDblclick: handleDoubleClick
+        }, [
+          imageSrc.value ? (openBlock(), createElementBlock("img", {
+            key: 0,
+            ref_key: "imageRef",
+            ref: imageRef,
+            src: imageSrc.value,
+            alt: imageAlt.value,
+            class: "jv-image",
+            style: normalizeStyle(imageStyle.value),
+            draggable: "false",
+            onLoad: handleImageLoad,
+            onError: handleImageError
+          }, null, 44, _hoisted_3$1)) : createCommentVNode("", true)
+        ], 34), [
+          [vShow, !loading.value && !error.value]
+        ]),
+        createBaseVNode("div", { class: "jv-image-controls" }, [
+          createBaseVNode("button", {
+            class: "jv-image-btn",
+            title: "放大",
+            onClick: zoomIn
+          }, [..._cache[2] || (_cache[2] = [
+            createStaticVNode('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-cc028f53><circle cx="11" cy="11" r="8" data-v-cc028f53></circle><line x1="21" y1="21" x2="16.65" y2="16.65" data-v-cc028f53></line><line x1="11" y1="8" x2="11" y2="14" data-v-cc028f53></line><line x1="8" y1="11" x2="14" y2="11" data-v-cc028f53></line></svg>', 1)
+          ])]),
+          createBaseVNode("button", {
+            class: "jv-image-btn",
+            title: "缩小",
+            onClick: zoomOut
+          }, [..._cache[3] || (_cache[3] = [
+            createBaseVNode("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2"
+            }, [
+              createBaseVNode("circle", {
+                cx: "11",
+                cy: "11",
+                r: "8"
+              }),
+              createBaseVNode("line", {
+                x1: "21",
+                y1: "21",
+                x2: "16.65",
+                y2: "16.65"
+              }),
+              createBaseVNode("line", {
+                x1: "8",
+                y1: "11",
+                x2: "14",
+                y2: "11"
+              })
+            ], -1)
+          ])]),
+          createBaseVNode("button", {
+            class: "jv-image-btn",
+            title: "适应屏幕",
+            onClick: fitToScreen
+          }, [..._cache[4] || (_cache[4] = [
+            createBaseVNode("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2"
+            }, [
+              createBaseVNode("path", { d: "M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3" })
+            ], -1)
+          ])]),
+          createBaseVNode("button", {
+            class: "jv-image-btn",
+            title: "实际大小",
+            onClick: resetZoom
+          }, [..._cache[5] || (_cache[5] = [
+            createBaseVNode("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2"
+            }, [
+              createBaseVNode("rect", {
+                x: "3",
+                y: "3",
+                width: "18",
+                height: "18",
+                rx: "2",
+                ry: "2"
+              }),
+              createBaseVNode("line", {
+                x1: "9",
+                y1: "3",
+                x2: "9",
+                y2: "21"
+              })
+            ], -1)
+          ])]),
+          createBaseVNode("button", {
+            class: "jv-image-btn",
+            title: "向左旋转",
+            onClick: rotateLeft
+          }, [..._cache[6] || (_cache[6] = [
+            createBaseVNode("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2"
+            }, [
+              createBaseVNode("polyline", { points: "9 14 4 9 9 4" }),
+              createBaseVNode("path", { d: "M4 9h10a5 5 0 0 1 5 5v0" })
+            ], -1)
+          ])]),
+          createBaseVNode("button", {
+            class: "jv-image-btn",
+            title: "向右旋转",
+            onClick: rotateRight
+          }, [..._cache[7] || (_cache[7] = [
+            createBaseVNode("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2"
+            }, [
+              createBaseVNode("polyline", { points: "15 14 20 9 15 4" }),
+              createBaseVNode("path", { d: "M20 9H10a5 5 0 0 0-5 5v0" })
+            ], -1)
+          ])]),
+          createBaseVNode("button", {
+            class: "jv-image-btn",
+            title: "全屏查看",
+            onClick: toggleFullscreen
+          }, [..._cache[8] || (_cache[8] = [
+            createBaseVNode("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2"
+            }, [
+              createBaseVNode("path", { d: "M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3" })
+            ], -1)
+          ])]),
+          createBaseVNode("button", {
+            class: "jv-image-btn",
+            title: "下载图片",
+            onClick: downloadImage
+          }, [..._cache[9] || (_cache[9] = [
+            createBaseVNode("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2"
+            }, [
+              createBaseVNode("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+              createBaseVNode("polyline", { points: "7 10 12 15 17 10" }),
+              createBaseVNode("line", {
+                x1: "12",
+                y1: "15",
+                x2: "12",
+                y2: "3"
+              })
+            ], -1)
+          ])])
+        ]),
+        imageInfo.value ? (openBlock(), createElementBlock("div", _hoisted_4$1, toDisplayString(imageInfo.value.width) + " × " + toDisplayString(imageInfo.value.height) + " | " + toDisplayString(formatFileSize(imageInfo.value.size)), 1)) : createCommentVNode("", true)
+      ], 512);
+    };
+  }
+});
+const ImageRender = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-cc028f53"]]);
 const _hoisted_1 = {
   key: 0,
   class: "jv-viewer__error"
@@ -128898,11 +129247,11 @@ const _hoisted_4 = { class: "jv-empty-text" };
 const _hoisted_5 = { class: "jv-viewer__loading-overlay" };
 const _hoisted_6 = { class: "jv-loading-text" };
 const _hoisted_7 = {
-  key: 8,
+  key: 9,
   class: "jv-viewer__unsupported"
 };
 const _hoisted_8 = {
-  key: 9,
+  key: 10,
   class: "jv-viewer__unsupported"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -128937,6 +129286,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const viewerRef = /* @__PURE__ */ ref();
     const contentRef = /* @__PURE__ */ ref();
     const ofdRenderRef = /* @__PURE__ */ ref(null);
+    const brandingRef = /* @__PURE__ */ ref();
+    let viewerRoot = null;
+    let copyrightObserver = null;
+    let copyrightCheckInterval = null;
     const events = createEventBus();
     const { t } = useLocaleProvider(props.locale);
     const viewerRefForTheme = computed(() => viewerRef.value || null);
@@ -129027,6 +129380,141 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       });
     }
+    function checkCopyright() {
+      const branding = brandingRef.value;
+      if (!branding) return false;
+      if (!viewerRoot) {
+        viewerRoot = branding.closest(".jv-viewer");
+      }
+      if (!viewerRoot || !document.body.contains(viewerRoot)) {
+        return false;
+      }
+      if (!viewerRoot.contains(branding)) {
+        showCopyrightWarning();
+        return false;
+      }
+      const link = branding.querySelector(".jv-branding-link");
+      if (!link) {
+        showCopyrightWarning();
+        return false;
+      }
+      const href = link.getAttribute("href");
+      if (href !== "https://github.com/jitOffice/jit-viewer-sdk") {
+        showCopyrightWarning();
+        return false;
+      }
+      const text = branding.textContent || "";
+      if (!text.includes("JitViewer") || !text.includes("提供文档预览支持")) {
+        showCopyrightWarning();
+        return false;
+      }
+      return true;
+    }
+    function showCopyrightWarning() {
+      var _a2;
+      if (document.querySelector(".jv-copyright-warning")) return;
+      const warning = document.createElement("div");
+      warning.className = "jv-copyright-warning";
+      warning.innerHTML = `
+    <div class="jv-copyright-warning__content">
+      <div class="jv-copyright-warning__icon">⚠️</div>
+      <div class="jv-copyright-warning__title">版权信息被移除</div>
+      <div class="jv-copyright-warning__text">
+        请保留 "JitViewer提供文档预览支持" 版权信息<br>
+        <a href="https://github.com/jitOffice/jit-viewer-sdk" target="_blank">https://github.com/jitOffice/jit-viewer-sdk</a>
+      </div>
+      <button class="jv-copyright-warning__btn">我知道了</button>
+    </div>
+  `;
+      const style = document.createElement("style");
+      style.textContent = `
+    .jv-copyright-warning {
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: rgba(0, 0, 0, 0.7);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 99999;
+    }
+    .jv-copyright-warning__content {
+      background: white;
+      padding: 32px;
+      border-radius: 12px;
+      text-align: center;
+      max-width: 400px;
+      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
+    }
+    .jv-copyright-warning__icon {
+      font-size: 48px;
+      margin-bottom: 16px;
+    }
+    .jv-copyright-warning__title {
+      font-size: 18px;
+      font-weight: 600;
+      margin-bottom: 12px;
+      color: #333;
+    }
+    .jv-copyright-warning__text {
+      font-size: 14px;
+      color: #666;
+      margin-bottom: 20px;
+      line-height: 1.6;
+    }
+    .jv-copyright-warning__text a {
+      color: #1890ff;
+    }
+    .jv-copyright-warning__btn {
+      background: #1890ff;
+      color: white;
+      border: none;
+      padding: 10px 32px;
+      border-radius: 6px;
+      font-size: 14px;
+      cursor: pointer;
+    }
+    .jv-copyright-warning__btn:hover {
+      background: #40a9ff;
+    }
+  `;
+      document.head.appendChild(style);
+      document.body.appendChild(warning);
+      (_a2 = warning.querySelector(".jv-copyright-warning__btn")) == null ? void 0 : _a2.addEventListener("click", () => {
+        location.reload();
+      });
+    }
+    function startCopyrightProtection() {
+      copyrightObserver = new MutationObserver(() => {
+        checkCopyright();
+      });
+      if (brandingRef.value) {
+        const viewer = brandingRef.value.closest(".jv-viewer");
+        if (viewer) {
+          viewerRoot = viewer;
+          copyrightObserver.observe(viewerRoot, {
+            childList: true,
+            subtree: true,
+            attributes: true,
+            attributeFilter: ["href", "style", "class"]
+          });
+        }
+      }
+      copyrightCheckInterval = setInterval(checkCopyright, 1e3);
+    }
+    function stopCopyrightProtection() {
+      if (copyrightObserver) {
+        copyrightObserver.disconnect();
+        copyrightObserver = null;
+      }
+      if (copyrightCheckInterval) {
+        clearInterval(copyrightCheckInterval);
+        copyrightCheckInterval = null;
+      }
+      viewerRoot = null;
+    }
     async function mount(target) {
       var _a2;
       const el = target ? getElement(target) : viewerRef.value;
@@ -129076,11 +129564,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (props.file) {
         setFileInternal(props.file, props.filename);
       }
+      startCopyrightProtection();
       emit2("ready");
       events.emit("ready");
       (_a2 = props.onReady) == null ? void 0 : _a2.call(props);
     });
     onUnmounted(() => {
+      stopCopyrightProtection();
       state.setPageController(null);
       destroy();
     });
@@ -129141,13 +129631,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           config: toolbarConfig.value,
           visible: toolbarVisible.value
         }, null, 8, ["config", "visible"])) : createCommentVNode("", true),
+        createBaseVNode("div", {
+          class: "jv-viewer__branding",
+          ref_key: "brandingRef",
+          ref: brandingRef
+        }, [..._cache[0] || (_cache[0] = [
+          createBaseVNode("a", {
+            href: "https://github.com/jitOffice/jit-viewer-sdk",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            class: "jv-branding-link"
+          }, "JitViewer", -1),
+          createTextVNode("提供文档预览支持 ", -1)
+        ])], 512),
         createBaseVNode("div", {
           ref_key: "contentRef",
           ref: contentRef,
           class: "jv-viewer__content"
         }, [
           unref(error) ? (openBlock(), createElementBlock("div", _hoisted_1, [
-            _cache[0] || (_cache[0] = createBaseVNode("svg", {
+            _cache[1] || (_cache[1] = createBaseVNode("svg", {
               class: "jv-error-icon",
               viewBox: "0 0 24 24",
               fill: "none",
@@ -129181,7 +129684,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             style: normalizeStyle(renderStyle.value)
           }, [
             withDirectives(createBaseVNode("div", _hoisted_5, [
-              _cache[1] || (_cache[1] = createBaseVNode("div", { class: "jv-loading-spinner" }, null, -1)),
+              _cache[2] || (_cache[2] = createBaseVNode("div", { class: "jv-loading-spinner" }, null, -1)),
               createBaseVNode("span", _hoisted_6, toDisplayString(unref(t)("loading")), 1)
             ], 512), [
               [vShow, unref(loading)]
@@ -129248,7 +129751,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "request-adapter": requestAdapter.value,
               onLoad: handleLoad,
               onError: handleError2
-            }, null, 8, ["source", "zoom", "proxy-url", "request-adapter"])) : unref(fileType) === "unknown" && unref(fileSource) ? (openBlock(), createElementBlock("div", _hoisted_7, [..._cache[2] || (_cache[2] = [
+            }, null, 8, ["source", "zoom", "proxy-url", "request-adapter"])) : unref(fileType) === "image" ? (openBlock(), createBlock(unref(ImageRender), {
+              key: 8,
+              source: unref(fileSource),
+              zoom: unref(zoom),
+              onLoad: handleLoad,
+              onError: handleError2
+            }, null, 8, ["source", "zoom"])) : unref(fileType) === "unknown" && unref(fileSource) ? (openBlock(), createElementBlock("div", _hoisted_7, [..._cache[3] || (_cache[3] = [
               createBaseVNode("span", null, "未知文件类型", -1)
             ])])) : (openBlock(), createElementBlock("div", _hoisted_8, [
               createBaseVNode("span", null, toDisplayString(unref(t)("error.unsupportedType")), 1)
@@ -129259,7 +129768,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Viewer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-67f01523"]]);
+const Viewer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-12fe006b"]]);
 function createViewer(options) {
   const events = createEventBus();
   let app = null;
@@ -129411,6 +129920,7 @@ export {
   DocxRender,
   ExcelRender,
   HtmlRender,
+  ImageRender,
   MarkdownRender,
   OfdRender,
   PdfRender,