vue-print-designer 1.2.21 → 1.2.23

package/dist/{web-component-DWJYttcR.js → web-component-_Od75Mf0.js}

@@ -34633,7 +34633,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     const renderBarcode = async () => {
       if (!barcodeRef.value) return;
       try {
-        const jsBarcodeModule = await import("./JsBarcode-vgX9_Af1.js").then((n) => n.JsBarcode);
+        const jsBarcodeModule = await import("./JsBarcode-iIIrJQPM.js").then((n) => n.JsBarcode);
         const JsBarcode = (jsBarcodeModule == null ? void 0 : jsBarcodeModule.default) || jsBarcodeModule;
         const content = resolvedContent.value;
         const style = props.element.style;
@@ -34779,7 +34779,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     });
     const renderQR = async () => {
       try {
-        const qrcodeModule = await import("./browser-DGNDbP3U.js").then((n) => n.browser);
+        const qrcodeModule = await import("./browser-2bHKo2Ab.js").then((n) => n.browser);
         const QRCode = (qrcodeModule == null ? void 0 : qrcodeModule.default) || qrcodeModule;
         const content = resolvedContent.value;
         qrSrc.value = await QRCode.toDataURL(content, {
@@ -37469,6 +37469,16 @@ const createPagination = ({ store }) => {
       const value = parseFloat(el.getAttribute(attr) || "");
       return Number.isFinite(value) ? value : fallback;
     };
+    const getPageScaleY = (pageRect) => {
+      if (pageHeight <= 0 || pageRect.height <= 0) return 1;
+      return pageRect.height / pageHeight;
+    };
+    const pageYToViewportY = (pageRect, pageY) => {
+      return pageRect.top + pageY * getPageScaleY(pageRect);
+    };
+    const viewportYToPageY = (pageRect, viewportY) => {
+      return (viewportY - pageRect.top) / getPageScaleY(pageRect);
+    };
     const getFlowKind = (wrapper) => wrapper.getAttribute("data-flow-kind") || "";
     const resolveAutoHeightContentEl = (wrapper) => {
       return wrapper.querySelector('[data-auto-height="true"]') || wrapper.querySelector(
@@ -37592,7 +37602,10 @@ const createPagination = ({ store }) => {
           );
           const originalBottom = originalTop + originalHeight;
           const contentRect = (table || autoHeightEl).getBoundingClientRect();
-          const finalBottomInPage = contentRect.bottom - pageRect.top;
+          const finalBottomInPage = viewportYToPageY(
+            pageRect,
+            contentRect.bottom
+          );
           const finalGlobalBottom = pageIndex * pageHeight + finalBottomInPage;
           const list = tableEntriesByOrigin.get(originPage) || [];
           const existing = list.find(
@@ -37652,8 +37665,8 @@ const createPagination = ({ store }) => {
             wrapper.getBoundingClientRect().height
           );
           const originalBottom = originalTop + originalHeight;
-          const isHeader = copyHeader && originalTop < headerHeight + marginTop2;
-          const isFooter = copyFooter && originalTop >= pageHeight - footerHeight - marginBottom2;
+          const isHeader = headerHeight > 0 && originalTop < headerHeight + marginTop2;
+          const isFooter = footerHeight > 0 && originalTop >= pageHeight - footerHeight - marginBottom2;
           if (isHeader || isFooter) return;
           const currentTop = parseFloat(wrapper.style.top || "") || 0;
           const currentParent = wrapper.parentElement;
@@ -37687,8 +37700,10 @@ const createPagination = ({ store }) => {
           let targetPageIndex = Math.floor(targetGlobalTop / pageHeight);
           if (targetPageIndex < 0) targetPageIndex = 0;
           let targetTop = targetGlobalTop - targetPageIndex * pageHeight;
-          const minContentTop = copyHeader && headerHeight > 0 ? headerHeight + marginTop2 : marginTop2;
-          const maxContentBottom = pageHeight - (copyFooter ? footerHeight : 0) - marginBottom2;
+          const effectiveHeaderHeight = headerHeight > 0 ? headerHeight : 0;
+          const minContentTop = marginTop2 + effectiveHeaderHeight;
+          const effectiveFooterHeight = footerHeight > 0 ? footerHeight : 0;
+          const maxContentBottom = pageHeight - effectiveFooterHeight - marginBottom2;
           const availableContentHeight = maxContentBottom - minContentTop;
           const isFlowWrapper = wrapper.hasAttribute("data-flow-id");
           const wrapperRectHeight = wrapper.getBoundingClientRect().height;
@@ -37776,7 +37791,8 @@ const createPagination = ({ store }) => {
     );
     const resolveFlowChunkStartY = (wrapper) => {
       const marginTop2 = store.pageSpacingY || 0;
-      const minTop = copyHeader && headerHeight > 0 ? headerHeight + marginTop2 : marginTop2;
+      const effectiveHeaderHeight = headerHeight > 0 ? headerHeight : 0;
+      const minTop = marginTop2 + effectiveHeaderHeight;
       let startY = minTop;
       const originalTopVal = parseAttrNumber(
         wrapper,
@@ -37875,8 +37891,11 @@ const createPagination = ({ store }) => {
       pages.forEach((page) => {
         const pageRect = page.getBoundingClientRect();
         const marginBottom2 = store.pageSpacingY || 0;
-        const effectiveFooterHeight = copyFooter ? footerHeight : 0;
-        const limitBottom = pageRect.top + pageHeight - effectiveFooterHeight - marginBottom2;
+        const effectiveFooterHeight = footerHeight > 0 ? footerHeight : 0;
+        const limitBottom = pageYToViewportY(
+          pageRect,
+          pageHeight - effectiveFooterHeight - marginBottom2
+        );
         const wrappers = Array.from(
           page.querySelectorAll(
             "[data-print-wrapper][data-flow-id][data-flow-paginated]"
@@ -38025,10 +38044,13 @@ const createPagination = ({ store }) => {
           }
           const pageRect = page.getBoundingClientRect();
           const marginBottom2 = store.pageSpacingY || 0;
-          const effectiveFooterHeight = copyFooter ? footerHeight : 0;
-          const limitBottom = pageRect.top + pageHeight - effectiveFooterHeight - marginBottom2;
+          const effectiveFooterHeight = footerHeight > 0 ? footerHeight : 0;
+          const limitBottom = pageYToViewportY(
+            pageRect,
+            pageHeight - effectiveFooterHeight - marginBottom2
+          );
           const wrapperRect = wrapper.getBoundingClientRect();
-          const wrapperTopInPage = wrapperRect.top - pageRect.top;
+          const wrapperTopInPage = viewportYToPageY(pageRect, wrapperRect.top);
           if (isAutoHeight) {
             if (!autoHeightEl) return;
             const contentRect = autoHeightEl.getBoundingClientRect();
@@ -38132,7 +38154,8 @@ const createPagination = ({ store }) => {
             }
           }
           resolveFlowChunkStartY(wrapper);
-          const minTop = copyHeader && headerHeight > 0 ? headerHeight + (store.pageSpacingY || 0) : store.pageSpacingY || 0;
+          const effectiveHeaderHeight = headerHeight > 0 ? headerHeight : 0;
+          const minTop = (store.pageSpacingY || 0) + effectiveHeaderHeight;
           if (splitIndex === 0) {
             if (wrapperTopInPage <= minTop + 5) {
               splitIndex = 1;
@@ -38225,8 +38248,8 @@ const createPagination = ({ store }) => {
         const isRepeatPerPage = w.getAttribute("data-repeat-per-page") === "true";
         if (isRepeatPerPage) return false;
         const top = parseFloat(w.style.top) || 0;
-        const isHeader = copyHeader && top < headerHeight + marginTop;
-        const isFooter = copyFooter && top >= pageHeight - footerHeight - marginBottom;
+        const isHeader = headerHeight > 0 && top < headerHeight + marginTop;
+        const isFooter = footerHeight > 0 && top >= pageHeight - footerHeight - marginBottom;
         if (isHeader || isFooter) return false;
         return true;
       });
@@ -38310,7 +38333,7 @@ const createImageRenderer = (deps) => {
   const svgToCanvas = async (root) => {
     const svgs = root.querySelectorAll("svg");
     if (svgs.length === 0) return;
-    const { Canvg } = await import("./index.es-C4KWgcHt.js");
+    const { Canvg } = await import("./index.es-Bf1e4H7i.js");
     svgs.forEach((svg) => {
       const parent = svg.parentElement;
       if (!parent) return;
@@ -38636,7 +38659,7 @@ const createImageRenderer = (deps) => {
     }
     try {
       const generatePageImage = async (page) => {
-        const domToImageModule = await import("./dom-to-image-more.min-BZ9FRhxR.js").then((n) => n.domToImageMore_min);
+        const domToImageModule = await import("./dom-to-image-more.min-BZqnh4IZ.js").then((n) => n.domToImageMore_min);
         const domtoimage = (domToImageModule == null ? void 0 : domToImageModule.default) || domToImageModule;
         const canvas = await domtoimage.toCanvas(page, {
           filter: (node) => {
@@ -38705,7 +38728,7 @@ const createImageRenderer = (deps) => {
         source.getComputedStyleFn
       );
       tempWrapper = wrapper;
-      const jsPdfModule = await import("./jspdf.es.min-ChNFtJOU.js");
+      const jsPdfModule = await import("./jspdf.es.min-T3zgWBJA.js");
       const jsPDF = (jsPdfModule == null ? void 0 : jsPdfModule.default) || (jsPdfModule == null ? void 0 : jsPdfModule.jsPDF) || jsPdfModule;
       const pdf = new jsPDF({
         orientation: width > height ? "l" : "p",
@@ -39087,7 +39110,7 @@ const usePrint = () => {
           link.click();
           document.body.removeChild(link);
         } else {
-          const jsZipModule = await import("./jszip.min-BV1cV44d.js").then((n) => n.jszip_min);
+          const jsZipModule = await import("./jszip.min-C69aQvfj.js").then((n) => n.jszip_min);
           const JSZip = (jsZipModule == null ? void 0 : jsZipModule.default) || jsZipModule;
           const zip = new JSZip();
           await Promise.all(
@@ -39388,7 +39411,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   emits: ["update:visible", "update:value", "close", "save"],
   setup(__props, { emit: __emit }) {
     const Editor = /* @__PURE__ */ defineAsyncComponent(
-      () => import("./index-eOImZGkP.js").then((m) => m.Editor)
+      () => import("./index-DsteMaFh.js").then((m) => m.Editor)
     );
     const { t } = useI18n();
     const { isDark: isDark2 } = useTheme();
@@ -45495,7 +45518,7 @@ function render$d(_ctx, _cache) {
 }
 const InfoIcon = markRaw({ name: "material-symbols-info", render: render$d });
 const name = "vue-print-designer";
-const version = "1.2.21";
+const version = "1.2.23";
 const dependencies = { "@guolao/vue-monaco-editor": "^1.6.0", "canvg": "^3.0.11", "dom-to-image-more": "^3.7.2", "jsbarcode": "^3.12.3", "jspdf": "4.2", "jszip": "^3.10.1", "lodash": "^4.17.21", "pinia": "^2.3.0", "qrcode": "^1.5.4", "uuid": "^11.0.3", "vue": "^3.5.13", "vue-i18n": "^11.2.8" };
 const devDependencies = { "@iconify-json/material-symbols": "^1.2.53", "@types/jsbarcode": "^3.11.4", "@types/lodash": "^4.17.13", "@types/node": "^22.10.2", "@types/qrcode": "^1.5.6", "@types/uuid": "^10.0.0", "@vitejs/plugin-vue": "^5.2.1", "@vue/tsconfig": "^0.7.0", "autoprefixer": "^10.4.20", "postcss": "^8.4.49", "rollup-plugin-visualizer": "^7.0.1", "sharp": "^0.34.5", "tailwindcss": "^3.4.17", "terser": "^5.46.1", "typescript": "~5.6.2", "unplugin-icons": "^23.0.1", "vite": "^6.0.1", "vue-tsc": "^2.1.10" };
 const pkg = {
@@ -48349,7 +48372,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   emits: ["update:value"],
   setup(__props, { emit: __emit }) {
     const Editor = /* @__PURE__ */ defineAsyncComponent(
-      () => import("./index-eOImZGkP.js").then((m) => m.Editor)
+      () => import("./index-DsteMaFh.js").then((m) => m.Editor)
     );
     const emit2 = __emit;
     useDesignerStore();
@@ -50904,7 +50927,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
     const renderBarcodeDataUrl = async (element) => {
       try {
-        const jsBarcodeModule = await import("./JsBarcode-vgX9_Af1.js").then((n) => n.JsBarcode);
+        const jsBarcodeModule = await import("./JsBarcode-iIIrJQPM.js").then((n) => n.JsBarcode);
         const JsBarcode = (jsBarcodeModule == null ? void 0 : jsBarcodeModule.default) || jsBarcodeModule;
         const canvas = document.createElement("canvas");
         const style = element.style || {};
@@ -50931,7 +50954,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const renderQrDataUrl = async (element) => {
       var _a2, _b;
       try {
-        const qrcodeModule = await import("./browser-DGNDbP3U.js").then((n) => n.browser);
+        const qrcodeModule = await import("./browser-2bHKo2Ab.js").then((n) => n.browser);
         const QRCode = (qrcodeModule == null ? void 0 : qrcodeModule.default) || qrcodeModule;
         return await QRCode.toDataURL(getResolvedContent(element), {
           margin: 0,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-print-designer",
   "private": false,
-  "version": "1.2.21",
+  "version": "1.2.23",
   "license": "AGPL-3.0-only",
   "type": "module",
   "main": "dist/print-designer.umd.js",