jit-viewer 1.1.0 → 1.1.2

package/dist/index.js

@@ -13855,13 +13855,13 @@ function useViewerState() {
   }
   return context;
 }
-const _hoisted_1$c = ["disabled", "title"];
+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$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "ActionButton",
   props: {
     type: {},
@@ -13889,7 +13889,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
         __props.label ? (openBlock(), createElementBlock("span", _hoisted_3$3, toDisplayString(__props.label), 1)) : createCommentVNode("", true)
-      ], 10, _hoisted_1$c);
+      ], 10, _hoisted_1$d);
     };
   }
 });
@@ -13900,11 +13900,11 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const ActionButton = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-9abd52f0"]]);
-const _hoisted_1$b = { class: "jv-zoom-control" };
+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$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "ZoomControl",
   setup(__props) {
     const { t } = useLocale();
@@ -13919,7 +13919,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       resetTransform();
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+      return openBlock(), createElementBlock("div", _hoisted_1$c, [
         createVNode(ActionButton, {
           type: "zoom-out",
           title: unref(t)("toolbar.zoomOut"),
@@ -14027,10 +14027,10 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ZoomControl = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-874ddbac"]]);
-const _hoisted_1$a = { 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$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "RotateControl",
   setup(__props) {
     const { t } = useLocale();
@@ -14042,7 +14042,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       setRotate(ROTATE_STEP);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
         createVNode(ActionButton, {
           type: "rotate-left",
           title: unref(t)("toolbar.rotateLeft"),
@@ -14081,8 +14081,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RotateControl = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-ad291658"]]);
-const _hoisted_1$9 = {
+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",
@@ -14096,7 +14096,7 @@ const _hoisted_2$6 = {
   stroke: "currentColor",
   "stroke-width": "2"
 };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "FullscreenButton",
   setup(__props) {
     const { t } = useLocale();
@@ -14125,7 +14125,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         onClick: toggleFullscreen
       }, {
         default: withCtx(() => [
-          !isFullscreen.value ? (openBlock(), createElementBlock("svg", _hoisted_1$9, [..._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$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)
@@ -14136,18 +14136,18 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$8 = {
+const _hoisted_1$9 = {
   key: 0,
   class: "jv-pagination"
 };
 const _hoisted_2$5 = { class: "jv-pagination__info" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+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$8, [
+      return unref(totalPages) > 1 ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
         createVNode(ActionButton, {
           type: "prev",
           title: unref(t)("toolbar.prevPage"),
@@ -14189,8 +14189,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-97c0759f"]]);
-const _hoisted_1$7 = {
+const Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-97c0759f"]]);
+const _hoisted_1$8 = {
   key: 0,
   class: "jv-toolbar__top"
 };
@@ -14208,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$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "Toolbar",
   props: {
     config: {},
@@ -14266,7 +14266,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["jv-toolbar", [positionClass.value, { "jv-toolbar--hidden": !__props.visible }]])
       }, [
-        showTop.value ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
+        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$2, toDisplayString(unref(filename)), 1)) : createCommentVNode("", true)
@@ -14279,7 +14279,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             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$c, { key: 2 })) : createCommentVNode("", true)
+              hasItem("fullscreen") ? (openBlock(), createBlock(_sfc_main$d, { key: 2 })) : createCommentVNode("", true)
             ], true)
           ])
         ])) : createCommentVNode("", true),
@@ -14326,7 +14326,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__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;
@@ -19452,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$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "DocxRender",
   props: {
     source: {},
@@ -19507,7 +19507,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DocxRender = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__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) {
@@ -62294,7 +62294,7 @@ var lib$2 = { exports: {} };
 })(lib$2);
 var libExports$2 = lib$2.exports;
 const VueOfficeExcel = /* @__PURE__ */ getDefaultExportFromCjs(libExports$2);
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "ExcelRender",
   props: {
     source: {},
@@ -62349,7 +62349,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ExcelRender = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__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) {
@@ -64052,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$6 = ["src"];
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$7 = ["src"];
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "PdfRender",
   props: {
     source: {},
@@ -64152,12 +64152,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           style: normalizeStyle(renderStyle.value),
           frameborder: "0",
           onLoad: handleRendered
-        }, null, 44, _hoisted_1$6))
+        }, null, 44, _hoisted_1$7))
       ], 512);
     };
   }
 });
-const PdfRender = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__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) {
@@ -102526,7 +102526,7 @@ echarts.use([` + E + "]);" : "Unknown series " + P));
 })(lib);
 var libExports = lib.exports;
 const VueOfficePptx = /* @__PURE__ */ getDefaultExportFromCjs(libExports);
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "PptxRender",
   props: {
     source: {},
@@ -102581,9 +102581,9 @@ const _sfc_main$6 = /* @__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({
+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: {}
@@ -102615,14 +102615,14 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         ref: containerRef,
         class: "jv-file-render jv-file-render--text"
       }, [
-        createBaseVNode("pre", _hoisted_1$5, toDisplayString(content.value), 1)
+        createBaseVNode("pre", _hoisted_1$6, toDisplayString(content.value), 1)
       ], 512);
     };
   }
 });
-const TextRender = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-f5957104"]]);
-const _hoisted_1$4 = ["innerHTML"];
-const _sfc_main$4 = /* @__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: {}
@@ -102746,12 +102746,12 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         createBaseVNode("div", {
           class: "jv-markdown-content",
           innerHTML: renderedContent.value
-        }, null, 8, _hoisted_1$4)
+        }, null, 8, _hoisted_1$5)
       ], 512);
     };
   }
 });
-const MarkdownRender = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-2d9fb509"]]);
+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) {
@@ -128385,12 +128385,12 @@ class LiteOfdAdapter {
     this.instance = null;
   }
 }
-const _hoisted_1$3 = {
+const _hoisted_1$4 = {
   key: 0,
   class: "jv-ofd-error"
 };
 const _hoisted_2$3 = { class: "jv-ofd-loading" };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "OfdRender",
   props: {
     source: {},
@@ -128621,7 +128621,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         ref: containerRef,
         class: "jv-file-render jv-file-render--ofd"
       }, [
-        error.value ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
+        error.value ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
           createBaseVNode("span", null, toDisplayString(error.value), 1)
         ])) : (openBlock(), createElementBlock("div", {
           key: 1,
@@ -128649,13 +128649,13 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const OfdRender = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-f933a20c"]]);
-const _hoisted_1$2 = { class: "jv-html-loading" };
+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$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "HtmlRender",
   props: {
     source: {},
@@ -128813,7 +128813,7 @@ const _sfc_main$2 = /* @__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$2, [..._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), [
@@ -128826,8 +128826,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const HtmlRender = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-af6df043"]]);
-const _hoisted_1$1 = {
+const HtmlRender = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-c52b0b01"]]);
+const _hoisted_1$2 = {
   key: 0,
   class: "jv-image-loading"
 };
@@ -128840,7 +128840,7 @@ const _hoisted_4$1 = {
   key: 2,
   class: "jv-image-info"
 };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ImageRender",
   props: {
     source: {},
@@ -129027,7 +129027,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         ref: containerRef,
         class: "jv-file-render jv-file-render--image"
       }, [
-        loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [..._cache[0] || (_cache[0] = [
+        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, [
@@ -129089,7 +129089,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             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)
+            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",
@@ -129233,7 +129233,126 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ImageRender = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-cc028f53"]]);
+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"
@@ -129270,6 +129389,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     className: {},
     style: {},
     pdfRender: {},
+    watermark: {},
     proxyUrl: {},
     requestAdapter: {},
     onReady: {},
@@ -129649,126 +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) === "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))
+            _: 1
+          }, 8, ["watermark"])) : createCommentVNode("", true)
         ], 512)
       ], 6);
     };
   }
 });
-const Viewer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-12fe006b"]]);
+const Viewer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-550d6985"]]);
 function createViewer(options) {
   const events = createEventBus();
   let app = null;
@@ -129928,6 +130057,7 @@ export {
   TextRender,
   Toolbar,
   Viewer,
+  Watermark,
   createElement,
   createEventBus,
   createViewer,