@worm-vue3-print/core 1.2.0 → 1.2.2

package/dist/browser/index.d.cts

@@ -0,0 +1,23 @@
+import { P as PageLayout, T as TemplateData, C as CodeRenderer } from '../types-BGBAbQD5.cjs';
+
+interface BrowserRenderResult {
+    /** 最终多页 HTML 字符串 */
+    html: string;
+    /** 总页数 */
+    pageCount: number;
+    /** 分页布局（调试/高级用途） */
+    pageLayouts: PageLayout[];
+}
+/**
+ * 浏览器内完成「数据绑定 → 测量 → 分页 → 最终 HTML」全流程。
+ * @param template 模板 JSON（设计器 TemplateData 结构兼容）
+ * @param printData 业务数据
+ * @param baseUrl 图片相对路径拼接前缀
+ * @param codeRenderer 条码渲染器（browserCodeRenderer）
+ */
+declare function renderHtmlPages(template: TemplateData, printData?: Record<string, any> | Record<string, any>[], baseUrl?: string, codeRenderer?: CodeRenderer): Promise<BrowserRenderResult>;
+
+/** 浏览器条码/二维码渲染器；码值非法或为空时抛错，由渲染管线降级文本占位 */
+declare const browserCodeRenderer: CodeRenderer;
+
+export { type BrowserRenderResult, browserCodeRenderer, renderHtmlPages };

package/dist/browser/index.d.ts

@@ -0,0 +1,23 @@
+import { P as PageLayout, T as TemplateData, C as CodeRenderer } from '../types-BGBAbQD5.js';
+
+interface BrowserRenderResult {
+    /** 最终多页 HTML 字符串 */
+    html: string;
+    /** 总页数 */
+    pageCount: number;
+    /** 分页布局（调试/高级用途） */
+    pageLayouts: PageLayout[];
+}
+/**
+ * 浏览器内完成「数据绑定 → 测量 → 分页 → 最终 HTML」全流程。
+ * @param template 模板 JSON（设计器 TemplateData 结构兼容）
+ * @param printData 业务数据
+ * @param baseUrl 图片相对路径拼接前缀
+ * @param codeRenderer 条码渲染器（browserCodeRenderer）
+ */
+declare function renderHtmlPages(template: TemplateData, printData?: Record<string, any> | Record<string, any>[], baseUrl?: string, codeRenderer?: CodeRenderer): Promise<BrowserRenderResult>;
+
+/** 浏览器条码/二维码渲染器；码值非法或为空时抛错，由渲染管线降级文本占位 */
+declare const browserCodeRenderer: CodeRenderer;
+
+export { type BrowserRenderResult, browserCodeRenderer, renderHtmlPages };

package/dist/browser/index.js

@@ -0,0 +1,170 @@
+import {
+  bindData,
+  generateHtml,
+  getPaperDimensions,
+  paginate
+} from "../chunk-JZIVNXZ7.js";
+
+// src/browser/browser-pagination.ts
+var PX_PER_MM = 3.7795275591;
+var READY_TIMEOUT_MS = 3e3;
+async function renderHtmlPages(template, printData, baseUrl, codeRenderer) {
+  const boundTemplate = bindData(template, printData, baseUrl);
+  const measuredElements = await measureElements(boundTemplate, codeRenderer);
+  const pageLayouts = paginate(boundTemplate, measuredElements);
+  const html = generateHtml(boundTemplate, pageLayouts, printData, {
+    codeRenderer
+  });
+  return { html, pageCount: pageLayouts.length, pageLayouts };
+}
+async function measureElements(template, codeRenderer) {
+  const paper = getPaperDimensions(template);
+  const measureHtml = generateHtml(template, [], void 0, {
+    isMeasurementPass: true,
+    codeRenderer
+  });
+  const iframe = document.createElement("iframe");
+  iframe.setAttribute("aria-hidden", "true");
+  iframe.style.cssText = `position:fixed;left:-10000px;top:0;width:${paper.width}mm;height:${paper.height}mm;border:0;visibility:hidden;pointer-events:none;`;
+  document.body.appendChild(iframe);
+  try {
+    const win = iframe.contentWindow;
+    const doc = iframe.contentDocument;
+    if (!win || !doc) throw new Error("\u65E0\u6CD5\u521B\u5EFA\u6D4B\u91CF iframe");
+    doc.open();
+    doc.write(measureHtml);
+    doc.close();
+    await waitForRenderReady(win);
+    const measurements = readMeasurements(doc);
+    const measuredMap = /* @__PURE__ */ new Map();
+    const elementIndex = new Map(template.elements.map((el) => [el.id, el]));
+    for (const m of measurements) {
+      const el = elementIndex.get(m.id);
+      const repeatCount = el?.options?._repeatHeaderCount ?? 0;
+      measuredMap.set(m.id, {
+        id: m.id,
+        measuredHeight: m.height,
+        measuredRowHeights: m.rowHeights,
+        repeatHeaderHeight: m.rowHeights && repeatCount > 0 ? m.rowHeights.slice(0, repeatCount).reduce((s, h) => s + h, 0) : 0
+      });
+    }
+    return measuredMap;
+  } finally {
+    iframe.remove();
+  }
+}
+function waitForRenderReady(win) {
+  return new Promise((resolve) => {
+    let settled = false;
+    const finish = () => {
+      if (!settled) {
+        settled = true;
+        resolve();
+      }
+    };
+    const timer = setTimeout(finish, READY_TIMEOUT_MS);
+    const run = async () => {
+      try {
+        const fonts = win.document.fonts;
+        if (fonts?.ready) {
+          await Promise.race([fonts.ready, timeout(READY_TIMEOUT_MS)]);
+        }
+        await Promise.race([waitForImages(win.document), timeout(READY_TIMEOUT_MS)]);
+      } catch {
+      } finally {
+        clearTimeout(timer);
+        finish();
+      }
+    };
+    if (win.document.readyState === "complete") {
+      void run();
+    } else {
+      win.addEventListener("load", () => void run(), { once: true });
+      setTimeout(finish, READY_TIMEOUT_MS);
+    }
+  });
+}
+function timeout(ms) {
+  return new Promise((_resolve, reject) => setTimeout(() => reject(new Error("timeout")), ms));
+}
+function waitForImages(doc) {
+  const imgs = Array.from(doc.images ?? []);
+  return Promise.all(
+    imgs.map(
+      (img) => img.complete ? Promise.resolve() : new Promise((resolve) => {
+        img.addEventListener("load", () => resolve(), { once: true });
+        img.addEventListener("error", () => resolve(), { once: true });
+      })
+    )
+  ).then(() => void 0);
+}
+function readMeasurements(doc) {
+  const result = [];
+  const elements = doc.querySelectorAll("[data-measure-id]");
+  for (const el of elements) {
+    const htmlEl = el;
+    const id = htmlEl.getAttribute("data-measure-id");
+    if (!id) continue;
+    const heightPx = htmlEl.offsetHeight;
+    const table = htmlEl.querySelector("table.print-table");
+    if (table) {
+      const rowHeights = [];
+      const rows = table.querySelectorAll("tbody > tr[data-row-index]");
+      for (const row of rows) {
+        rowHeights.push(row.offsetHeight / PX_PER_MM);
+      }
+      result.push({ id, height: heightPx / PX_PER_MM, rowHeights });
+    } else {
+      result.push({ id, height: heightPx / PX_PER_MM });
+    }
+  }
+  return result;
+}
+
+// src/browser/browser-code-renderer.ts
+import JsBarcode from "jsbarcode";
+import QRCode from "qrcode";
+var SVG_NS = "http://www.w3.org/2000/svg";
+function renderBarcodeSvg(value, opts) {
+  const svg = document.createElementNS(SVG_NS, "svg");
+  JsBarcode(svg, value, {
+    format: opts.barcodeType || "CODE128",
+    width: Math.max(1, (opts.barWidth ?? 2) / 2),
+    height: 30,
+    displayValue: opts.showText !== false,
+    fontSize: opts.fontSize ?? 10,
+    margin: 0,
+    marginBottom: 2
+  });
+  return svg.outerHTML;
+}
+function renderQrSvg(value, opts) {
+  const level = (opts.qrCodeLevel ?? "M").toUpperCase();
+  const qr = QRCode.create(value, {
+    errorCorrectionLevel: ["L", "M", "Q", "H"].includes(level) ? level : "M"
+  });
+  const modules = qr.modules;
+  const size = modules.size;
+  const dot = 4;
+  const quiet = 4 * dot;
+  const dim = size * dot + quiet * 2;
+  let rects = "";
+  for (let y = 0; y < size; y++) {
+    for (let x = 0; x < size; x++) {
+      if (modules.get(x, y)) {
+        rects += `<rect x="${quiet + x * dot}" y="${quiet + y * dot}" width="${dot}" height="${dot}" fill="#000"/>`;
+      }
+    }
+  }
+  return `<svg xmlns="${SVG_NS}" viewBox="0 0 ${dim} ${dim}" width="${dim}" height="${dim}" shape-rendering="crispEdges">${rects}</svg>`;
+}
+var browserCodeRenderer = {
+  render(value, cellType, opts = {}) {
+    if (!value) throw new Error("empty barcode value");
+    return cellType === "qrcode" ? renderQrSvg(value, opts) : renderBarcodeSvg(value, opts);
+  }
+};
+export {
+  browserCodeRenderer,
+  renderHtmlPages
+};

package/dist/chunk-HLCZHPUF.js

@@ -0,0 +1,31 @@
+import {
+  compileTemplate,
+  evaluate,
+  parse,
+  tokenize
+} from "./chunk-JZIVNXZ7.js";
+
+// src/index.ts
+var TemplateEngine = class {
+  constructor(options) {
+    this.functions = {};
+    if (options?.functions) {
+      this.functions = { ...options.functions };
+    }
+  }
+  registerFunction(name, fn) {
+    this.functions[name] = fn;
+  }
+  evaluate(expression, context) {
+    const tokens = tokenize(expression);
+    const ast = parse(tokens);
+    return evaluate(ast, context, this.functions);
+  }
+  render(template, context) {
+    return compileTemplate(template, this.functions)(context);
+  }
+};
+
+export {
+  TemplateEngine
+};