jit-viewer 1.0.9 → 1.1.1

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$d = ["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$g = /* @__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$d);
     };
   }
 });
@@ -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$g, [["__scopeId", "data-v-9abd52f0"]]);
+const _hoisted_1$c = { 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$f = /* @__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$c, [
         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$f, [["__scopeId", "data-v-874ddbac"]]);
+const _hoisted_1$b = { class: "jv-rotate-control" };
 const ROTATE_STEP = 90;
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__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$b, [
         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$e, [["__scopeId", "data-v-ad291658"]]);
+const _hoisted_1$a = {
   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$d = /* @__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$a, [..._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$9 = {
   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$c = /* @__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$9, [
         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$c, [["__scopeId", "data-v-97c0759f"]]);
+const _hoisted_1$8 = {
   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$b = /* @__PURE__ */ defineComponent({
   __name: "Toolbar",
   props: {
     config: {},
@@ -14245,20 +14266,20 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       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$8, [
+          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$d, { key: 2 })) : createCommentVNode("", true)
             ], true)
           ])
         ])) : createCommentVNode("", true),
@@ -14305,7 +14326,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-74d3b30f"]]);
+const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__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;
@@ -19431,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$a = /* @__PURE__ */ defineComponent({
   __name: "DocxRender",
   props: {
     source: {},
@@ -19486,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$a, [["__scopeId", "data-v-9181c8b1"]]);
 var lib$2 = { exports: {} };
 (function(module, exports$1) {
   !function(e, t) {
@@ -62273,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$9 = /* @__PURE__ */ defineComponent({
   __name: "ExcelRender",
   props: {
     source: {},
@@ -62328,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$9, [["__scopeId", "data-v-a8c7c89f"]]);
 var lib$1 = { exports: {} };
 (function(module, exports$1) {
   (function(Q, k) {
@@ -64031,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$7 = ["src"];
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "PdfRender",
   props: {
     source: {},
@@ -64131,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$7))
       ], 512);
     };
   }
 });
-const PdfRender = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-32fed398"]]);
+const PdfRender = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-32fed398"]]);
 var lib = { exports: {} };
 (function(module, exports$1) {
   (function(Ma, No) {
@@ -102505,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$7 = /* @__PURE__ */ defineComponent({
   __name: "PptxRender",
   props: {
     source: {},
@@ -102560,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$7, [["__scopeId", "data-v-b31abca4"]]);
+const _hoisted_1$6 = { class: "jv-text-content" };
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "TextRender",
   props: {
     source: {}
@@ -102594,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$6, 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$6, [["__scopeId", "data-v-f5957104"]]);
+const _hoisted_1$5 = ["innerHTML"];
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "MarkdownRender",
   props: {
     source: {}
@@ -102618,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 {
@@ -102643,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$5)
       ], 512);
     };
   }
 });
-const MarkdownRender = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-9b60bb2a"]]);
+const MarkdownRender = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-2d9fb509"]]);
 var dist = { exports: {} };
 /*! For license information please see index.js.LICENSE.txt */
 (function(module, exports$1) {
@@ -128282,12 +128385,12 @@ class LiteOfdAdapter {
     this.instance = null;
   }
 }
-const _hoisted_1$2 = {
+const _hoisted_1$4 = {
   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$4 = /* @__PURE__ */ defineComponent({
   __name: "OfdRender",
   props: {
     source: {},
@@ -128518,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$4, [
           createBaseVNode("span", null, toDisplayString(error.value), 1)
         ])) : (openBlock(), createElementBlock("div", {
           key: 1,
@@ -128537,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]
@@ -128546,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$4, [["__scopeId", "data-v-f933a20c"]]);
+const _hoisted_1$3 = { class: "jv-html-loading" };
+const _hoisted_2$2 = {
   key: 0,
   class: "jv-html-error"
 };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "HtmlRender",
   props: {
     source: {},
@@ -128710,20 +128813,546 @@ 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$3, [..._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$3, [["__scopeId", "data-v-c52b0b01"]]);
+const _hoisted_1$2 = {
+  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$2 = /* @__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$2, [..._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-40d06872><circle cx="11" cy="11" r="8" data-v-40d06872></circle><line x1="21" y1="21" x2="16.65" y2="16.65" data-v-40d06872></line><line x1="11" y1="8" x2="11" y2="14" data-v-40d06872></line><line x1="8" y1="11" x2="14" y2="11" data-v-40d06872></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$2, [["__scopeId", "data-v-40d06872"]]);
+const _hoisted_1$1 = ["src"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "Watermark",
+  props: {
+    watermark: { default: null }
+  },
+  setup(__props) {
+    const props = __props;
+    const watermarkRef = /* @__PURE__ */ ref();
+    const containerStyle = computed(() => {
+      if (!props.watermark) return {};
+      const baseStyle = {
+        opacity: props.watermark.opacity || 0.3,
+        transform: `rotate(${props.watermark.rotate || -30}deg)`,
+        pointerEvents: "none",
+        userSelect: "none",
+        zIndex: props.watermark.position === "top" ? 9999 : 1
+      };
+      if (props.watermark.width) {
+        baseStyle.width = typeof props.watermark.width === "number" ? `${props.watermark.width}px` : props.watermark.width;
+      }
+      if (props.watermark.height) {
+        baseStyle.height = typeof props.watermark.height === "number" ? `${props.watermark.height}px` : props.watermark.height;
+      }
+      return baseStyle;
+    });
+    const lineStyle = computed(() => {
+      var _a, _b, _c, _d, _e;
+      const style = {
+        fontSize: `${((_a = props.watermark) == null ? void 0 : _a.fontSize) || 16}px`,
+        color: ((_b = props.watermark) == null ? void 0 : _b.color) || "#cccccc",
+        fontFamily: ((_c = props.watermark) == null ? void 0 : _c.fontFamily) || "Arial",
+        fontWeight: ((_d = props.watermark) == null ? void 0 : _d.fontWeight) || "normal",
+        whiteSpace: "nowrap"
+      };
+      if ((_e = props.watermark) == null ? void 0 : _e.width) {
+        style.width = typeof props.watermark.width === "number" ? `${props.watermark.width}px` : props.watermark.width;
+      }
+      return style;
+    });
+    const rowStyle = computed(() => {
+      var _a;
+      return {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: `${((_a = props.watermark) == null ? void 0 : _a.gapX) || 100}px`
+      };
+    });
+    const imageStyle = computed(() => {
+      var _a, _b;
+      return {
+        width: `${((_a = props.watermark) == null ? void 0 : _a.imageWidth) || 100}px`,
+        height: `${((_b = props.watermark) == null ? void 0 : _b.imageHeight) || 100}px`,
+        objectFit: "contain"
+      };
+    });
+    const position = computed(() => {
+      var _a;
+      return ((_a = props.watermark) == null ? void 0 : _a.position) || "bottom";
+    });
+    const watermarkLines = computed(() => {
+      if (!props.watermark || props.watermark.type !== "text") return [];
+      const gapY = props.watermark.gapY || 50;
+      const containerHeight = 800;
+      const linesCount = Math.ceil(containerHeight / gapY);
+      return Array(linesCount).fill(props.watermark.content);
+    });
+    const imageRows = computed(() => {
+      if (!props.watermark || props.watermark.type !== "image") return [];
+      const gapX = props.watermark.gapX || 100;
+      const gapY = props.watermark.gapY || 50;
+      const containerWidth = 1200;
+      const containerHeight = 800;
+      const colsCount = Math.ceil(containerWidth / gapX);
+      const rowsCount = Math.ceil(containerHeight / gapY);
+      return Array(rowsCount).fill(Array(colsCount).fill(0));
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["jv-watermark-container", [{ "jv-watermark--top": position.value === "top" }]])
+      }, [
+        __props.watermark ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          ref_key: "watermarkRef",
+          ref: watermarkRef,
+          class: "jv-watermark-layer",
+          style: normalizeStyle(containerStyle.value)
+        }, [
+          __props.watermark.type === "text" ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(watermarkLines.value, (_, index2) => {
+            return openBlock(), createElementBlock("div", {
+              key: index2,
+              class: "jv-watermark-line",
+              style: normalizeStyle(lineStyle.value)
+            }, toDisplayString(__props.watermark.content), 5);
+          }), 128)) : __props.watermark.type === "image" ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(imageRows.value, (row, rowIndex) => {
+            return openBlock(), createElementBlock("div", {
+              key: rowIndex,
+              class: "jv-watermark-row",
+              style: normalizeStyle(rowStyle.value)
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(row, (_, colIndex) => {
+                return openBlock(), createElementBlock("img", {
+                  key: `${rowIndex}-${colIndex}`,
+                  src: __props.watermark.image,
+                  alt: "watermark",
+                  class: "jv-watermark-image",
+                  style: normalizeStyle(imageStyle.value)
+                }, null, 12, _hoisted_1$1);
+              }), 128))
+            ], 4);
+          }), 128)) : createCommentVNode("", true)
+        ], 4)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 2);
+    };
+  }
+});
+const Watermark = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-3c7535d0"]]);
 const _hoisted_1 = {
   key: 0,
   class: "jv-viewer__error"
@@ -128737,11 +129366,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({
@@ -128760,6 +129389,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     className: {},
     style: {},
     pdfRender: {},
+    watermark: {},
     proxyUrl: {},
     requestAdapter: {},
     onReady: {},
@@ -129139,120 +129769,135 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ref: contentRef,
           class: "jv-viewer__content"
         }, [
-          unref(error) ? (openBlock(), createElementBlock("div", _hoisted_1, [
-            _cache[1] || (_cache[1] = createBaseVNode("svg", {
-              class: "jv-error-icon",
-              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", _hoisted_2, toDisplayString(unref(error).message || unref(t)("error.loadFailed")), 1)
-          ])) : !unref(fileSource) ? (openBlock(), createElementBlock("div", _hoisted_3, [
-            createBaseVNode("span", _hoisted_4, toDisplayString(unref(t)("empty")), 1)
-          ])) : (openBlock(), createElementBlock("div", {
-            key: 2,
-            class: "jv-viewer__render",
-            style: normalizeStyle(renderStyle.value)
-          }, [
-            withDirectives(createBaseVNode("div", _hoisted_5, [
-              _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)]
+          __props.watermark ? (openBlock(), createBlock(unref(Watermark), {
+            key: 0,
+            watermark: __props.watermark,
+            style: { width: "100%", height: "100%" }
+          }, {
+            default: withCtx(() => [
+              unref(error) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                _cache[1] || (_cache[1] = createBaseVNode("svg", {
+                  class: "jv-error-icon",
+                  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", _hoisted_2, toDisplayString(unref(error).message || unref(t)("error.loadFailed")), 1)
+              ])) : !unref(fileSource) ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                createBaseVNode("span", _hoisted_4, toDisplayString(unref(t)("empty")), 1)
+              ])) : (openBlock(), createElementBlock("div", {
+                key: 2,
+                class: "jv-viewer__render",
+                style: normalizeStyle(renderStyle.value)
+              }, [
+                withDirectives(createBaseVNode("div", _hoisted_5, [
+                  _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)]
+                ]),
+                unref(fileType) === "docx" ? (openBlock(), createBlock(unref(DocxRender), {
+                  key: 0,
+                  source: unref(fileSource),
+                  zoom: unref(zoom),
+                  "proxy-url": proxyUrl.value,
+                  "request-adapter": requestAdapter.value,
+                  onLoad: handleLoad,
+                  onError: handleError2
+                }, null, 8, ["source", "zoom", "proxy-url", "request-adapter"])) : unref(fileType) === "xlsx" || unref(fileType) === "xls" ? (openBlock(), createBlock(unref(ExcelRender), {
+                  key: 1,
+                  source: unref(fileSource),
+                  zoom: unref(zoom),
+                  "proxy-url": proxyUrl.value,
+                  "request-adapter": requestAdapter.value,
+                  onLoad: handleLoad,
+                  onError: handleError2
+                }, null, 8, ["source", "zoom", "proxy-url", "request-adapter"])) : unref(fileType) === "pdf" ? (openBlock(), createBlock(unref(PdfRender), {
+                  key: 2,
+                  source: unref(fileSource),
+                  zoom: unref(zoom),
+                  "proxy-url": proxyUrl.value,
+                  "request-adapter": requestAdapter.value,
+                  "pdf-render": pdfRenderMode.value,
+                  onLoad: handleLoad,
+                  onError: handleError2
+                }, null, 8, ["source", "zoom", "proxy-url", "request-adapter", "pdf-render"])) : unref(fileType) === "pptx" || unref(fileType) === "ppt" ? (openBlock(), createBlock(unref(PptxRender), {
+                  key: 3,
+                  source: unref(fileSource),
+                  zoom: unref(zoom),
+                  "proxy-url": proxyUrl.value,
+                  "request-adapter": requestAdapter.value,
+                  onLoad: handleLoad,
+                  onError: handleError2
+                }, null, 8, ["source", "zoom", "proxy-url", "request-adapter"])) : unref(fileType) === "txt" ? (openBlock(), createBlock(unref(TextRender), {
+                  key: 4,
+                  source: unref(fileSource),
+                  onLoad: handleLoad,
+                  onError: handleError2
+                }, null, 8, ["source"])) : unref(fileType) === "md" || unref(fileType) === "markdown" ? (openBlock(), createBlock(unref(MarkdownRender), {
+                  key: 5,
+                  source: unref(fileSource),
+                  onLoad: handleLoad,
+                  onError: handleError2
+                }, null, 8, ["source"])) : unref(fileType) === "ofd" ? (openBlock(), createBlock(unref(OfdRender), {
+                  key: 6,
+                  ref_key: "ofdRenderRef",
+                  ref: ofdRenderRef,
+                  source: unref(fileSource),
+                  zoom: unref(zoom),
+                  "proxy-url": proxyUrl.value,
+                  "request-adapter": requestAdapter.value,
+                  onLoad: handleLoad,
+                  onError: handleError2,
+                  onPageChange: handleOfdPageChange
+                }, null, 8, ["source", "zoom", "proxy-url", "request-adapter"])) : unref(fileType) === "html" ? (openBlock(), createBlock(unref(HtmlRender), {
+                  key: 7,
+                  source: unref(fileSource),
+                  zoom: unref(zoom),
+                  "proxy-url": proxyUrl.value,
+                  "request-adapter": requestAdapter.value,
+                  onLoad: handleLoad,
+                  onError: handleError2
+                }, 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)
+                ]))
+              ], 4))
             ]),
-            unref(fileType) === "docx" ? (openBlock(), createBlock(unref(DocxRender), {
-              key: 0,
-              source: unref(fileSource),
-              zoom: unref(zoom),
-              "proxy-url": proxyUrl.value,
-              "request-adapter": requestAdapter.value,
-              onLoad: handleLoad,
-              onError: handleError2
-            }, null, 8, ["source", "zoom", "proxy-url", "request-adapter"])) : unref(fileType) === "xlsx" || unref(fileType) === "xls" ? (openBlock(), createBlock(unref(ExcelRender), {
-              key: 1,
-              source: unref(fileSource),
-              zoom: unref(zoom),
-              "proxy-url": proxyUrl.value,
-              "request-adapter": requestAdapter.value,
-              onLoad: handleLoad,
-              onError: handleError2
-            }, null, 8, ["source", "zoom", "proxy-url", "request-adapter"])) : unref(fileType) === "pdf" ? (openBlock(), createBlock(unref(PdfRender), {
-              key: 2,
-              source: unref(fileSource),
-              zoom: unref(zoom),
-              "proxy-url": proxyUrl.value,
-              "request-adapter": requestAdapter.value,
-              "pdf-render": pdfRenderMode.value,
-              onLoad: handleLoad,
-              onError: handleError2
-            }, null, 8, ["source", "zoom", "proxy-url", "request-adapter", "pdf-render"])) : unref(fileType) === "pptx" || unref(fileType) === "ppt" ? (openBlock(), createBlock(unref(PptxRender), {
-              key: 3,
-              source: unref(fileSource),
-              zoom: unref(zoom),
-              "proxy-url": proxyUrl.value,
-              "request-adapter": requestAdapter.value,
-              onLoad: handleLoad,
-              onError: handleError2
-            }, null, 8, ["source", "zoom", "proxy-url", "request-adapter"])) : unref(fileType) === "txt" ? (openBlock(), createBlock(unref(TextRender), {
-              key: 4,
-              source: unref(fileSource),
-              onLoad: handleLoad,
-              onError: handleError2
-            }, null, 8, ["source"])) : unref(fileType) === "md" || unref(fileType) === "markdown" ? (openBlock(), createBlock(unref(MarkdownRender), {
-              key: 5,
-              source: unref(fileSource),
-              onLoad: handleLoad,
-              onError: handleError2
-            }, null, 8, ["source"])) : unref(fileType) === "ofd" ? (openBlock(), createBlock(unref(OfdRender), {
-              key: 6,
-              ref_key: "ofdRenderRef",
-              ref: ofdRenderRef,
-              source: unref(fileSource),
-              zoom: unref(zoom),
-              "proxy-url": proxyUrl.value,
-              "request-adapter": requestAdapter.value,
-              onLoad: handleLoad,
-              onError: handleError2,
-              onPageChange: handleOfdPageChange
-            }, null, 8, ["source", "zoom", "proxy-url", "request-adapter"])) : unref(fileType) === "html" ? (openBlock(), createBlock(unref(HtmlRender), {
-              key: 7,
-              source: unref(fileSource),
-              zoom: unref(zoom),
-              "proxy-url": proxyUrl.value,
-              "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[3] || (_cache[3] = [
-              createBaseVNode("span", null, "未知文件类型", -1)
-            ])])) : (openBlock(), createElementBlock("div", _hoisted_8, [
-              createBaseVNode("span", null, toDisplayString(unref(t)("error.unsupportedType")), 1)
-            ]))
-          ], 4))
+            _: 1
+          }, 8, ["watermark"])) : createCommentVNode("", true)
         ], 512)
       ], 6);
     };
   }
 });
-const Viewer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6150f325"]]);
+const Viewer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-550d6985"]]);
 function createViewer(options) {
   const events = createEventBus();
   let app = null;
@@ -129404,6 +130049,7 @@ export {
   DocxRender,
   ExcelRender,
   HtmlRender,
+  ImageRender,
   MarkdownRender,
   OfdRender,
   PdfRender,
@@ -129411,6 +130057,7 @@ export {
   TextRender,
   Toolbar,
   Viewer,
+  Watermark,
   createElement,
   createEventBus,
   createViewer,