@agile-team/mach-report 0.5.0 → 0.7.0

package/dist/index.js

@@ -1,61 +1,6 @@
-// src/defaults.ts
-var LINE_HEIGHT = 1.35;
-var DEFAULT_FONT_PT = 10.5;
-var DEFAULT_BORDER_PT = 0.75;
-var DEFAULT_STROKE_COLOR = "#333333";
-var DEFAULT_TEXT_COLOR = "#000000";
-var SCHEMA_VERSION_MACH = "1.0.0-mach";
-var SCHEMA_VERSION_LOCAL = "mach-local";
-var SCHEMA_VERSION_JH4J = "jh4j-compatible";
-
-// src/units.ts
-var MM_PER_INCH = 25.4;
-var CSS_DPI = 96;
-function mmToPxFactor(dpi = CSS_DPI) {
-  return dpi / MM_PER_INCH;
-}
-function mmToPx(value, dpi = CSS_DPI) {
-  return (value || 0) * mmToPxFactor(dpi);
-}
-function pxToMm(value, dpi = CSS_DPI) {
-  return value / mmToPxFactor(dpi);
-}
-function ptToPx(pt, dpi = CSS_DPI) {
-  return pt * dpi / 72;
-}
-function round(value, digits) {
-  const f = 10 ** digits;
-  return Math.round(value * f) / f;
-}
-var PAPER_SIZES = {
-  a3: { widthMm: 297, heightMm: 420 },
-  a4: { widthMm: 210, heightMm: 297 },
-  a5: { widthMm: 148, heightMm: 210 },
-  b4: { widthMm: 250, heightMm: 353 },
-  b5: { widthMm: 176, heightMm: 250 }
-};
-
-// src/schema/render-plan.ts
-var RENDER_PLAN_SCHEMA_VERSION = SCHEMA_VERSION_MACH;
-function toRenderPlan(response) {
-  if (response && response.code != null && response.code !== 200) {
-    throw new Error(String(response.message || "\u6E32\u67D3\u8BA1\u5212\u52A0\u8F7D\u5931\u8D25"));
-  }
-  const pages = response?.data?.pages;
-  return {
-    schemaVersion: RENDER_PLAN_SCHEMA_VERSION,
-    pages: Array.isArray(pages) ? pages : []
-  };
-}
-function isImageBackedComponent(comp) {
-  return (comp.kind === "image" || comp.kind === "barcode" || comp.kind === "qrcode" || comp.kind === "chart") && !!comp.imageData;
-}
-function isRichText(comp) {
-  return comp.kind === "text" && Array.isArray(comp.richParagraphs) && comp.richParagraphs.length > 0;
-}
-
-// src/schema/validate.ts
-var KNOWN_KINDS = /* @__PURE__ */ new Set([
+import { h as J, R as se, D as j, w as G, L as q, i as le, r as _, m as de, a as W, b as Z, c as F, d as V, p as O, e as he, f as Q, g as ce, j as me, P as K } from "./style-B7Xfo5I-.js";
+import { C as Ue, k as Ke, l as Ye, M as Xe, S as Ze, n as Qe, o as et, q as tt, s as nt, t as it, u as rt, v as ot, x as at, y as st } from "./style-B7Xfo5I-.js";
+const ge = /* @__PURE__ */ new Set([
   "text",
   "image",
   "barcode",
@@ -65,569 +10,239 @@ var KNOWN_KINDS = /* @__PURE__ */ new Set([
   "rect",
   "ellipse"
 ]);
-function isObj(v) {
-  return typeof v === "object" && v !== null && !Array.isArray(v);
+function L(e) {
+  return typeof e == "object" && e !== null && !Array.isArray(e);
 }
-function checkNumber(obj, key, path, errors) {
-  const v = obj[key];
-  if (v === void 0 || v === null) return;
-  if (typeof v !== "number" || !Number.isFinite(v)) {
-    errors.push({ path: `${path}.${key}`, message: `\u5E94\u4E3A\u6709\u9650\u6570\u5B57\uFF0C\u5B9E\u9645 ${JSON.stringify(v)}` });
-  }
+function fe(e, n, i, t) {
+  const r = e[n];
+  r != null && (typeof r != "number" || !Number.isFinite(r)) && t.push({ path: `${i}.${n}`, message: `应为有限数字，实际 ${JSON.stringify(r)}` });
 }
-function validateComponent(comp, path, errors, warnings = []) {
-  if (!isObj(comp)) {
-    errors.push({ path, message: "\u7EC4\u4EF6\u5E94\u4E3A\u5BF9\u8C61" });
+function ee(e, n, i, t = []) {
+  if (!L(e)) {
+    i.push({ path: n, message: "组件应为对象" });
     return;
   }
-  const kind = comp["kind"];
-  if (typeof kind !== "string") {
-    errors.push({ path: `${path}.kind`, message: `\u7EC4\u4EF6\u7F3A\u5C11 kind \u5B57\u7B26\u4E32` });
-  } else if (!KNOWN_KINDS.has(kind)) {
-    warnings.push({
-      path: `${path}.kind`,
-      message: `\u672A\u77E5\u7EC4\u4EF6\u7C7B\u578B ${JSON.stringify(kind)}\uFF0C\u5C06\u4EE5\u515C\u5E95\u65B9\u5F0F\u6E32\u67D3`
-    });
-  }
-  for (const key of ["leftMm", "topMm", "widthMm", "heightMm"]) {
-    checkNumber(comp, key, path, errors);
-  }
-  if (comp["leftMm"] != null && comp["widthMm"] != null) {
-    if (comp["leftMm"] < -100 || comp["widthMm"] < 0) {
-      errors.push({ path, message: "\u51E0\u4F55\u6570\u503C\u5F02\u5E38\uFF08leftMm<-100 \u6216 widthMm<0\uFF09" });
-    }
-  }
-  const grid = comp["grid"];
-  if (grid !== void 0) {
-    if (!isObj(grid) || !Array.isArray(grid["cells"])) {
-      errors.push({ path: `${path}.grid.cells`, message: "grid.cells \u5E94\u4E3A\u4E8C\u7EF4\u6570\u7EC4" });
-    } else {
-      grid["cells"].forEach((row, ri) => {
-        if (!Array.isArray(row)) {
-          errors.push({ path: `${path}.grid.cells.${ri}`, message: "\u884C\u5E94\u4E3A\u6570\u7EC4" });
-          return;
-        }
-        row.forEach((cell, ci) => {
-          if (cell === void 0 || cell === null) return;
-          if (isObj(cell) && Array.isArray(cell["children"])) {
-            cell["children"].forEach((child, ki) => {
-              validateComponent(child, `${path}.grid.cells.${ri}.${ci}.children.${ki}`, errors, warnings);
-            });
-          }
-        });
-      });
-    }
-  }
-  const rich = comp["richParagraphs"];
-  if (rich !== void 0) {
-    if (!Array.isArray(rich)) {
-      errors.push({ path: `${path}.richParagraphs`, message: "richParagraphs \u5E94\u4E3A\u6570\u7EC4" });
-    } else {
-      rich.forEach((para, i) => {
-        if (!isObj(para) || !Array.isArray(para["segments"])) {
-          errors.push({ path: `${path}.richParagraphs.${i}`, message: "\u6BB5\u843D\u7F3A\u5C11 segments \u6570\u7EC4" });
-        }
+  const r = e.kind;
+  typeof r != "string" ? i.push({ path: `${n}.kind`, message: "组件缺少 kind 字符串" }) : ge.has(r) || t.push({
+    path: `${n}.kind`,
+    message: `未知组件类型 ${JSON.stringify(r)}，将以兜底方式渲染`
+  });
+  for (const o of ["leftMm", "topMm", "widthMm", "heightMm"])
+    fe(e, o, n, i);
+  e.leftMm != null && e.widthMm != null && (e.leftMm < -100 || e.widthMm < 0) && i.push({ path: n, message: "几何数值异常（leftMm<-100 或 widthMm<0）" });
+  const s = e.grid;
+  s !== void 0 && (!L(s) || !Array.isArray(s.cells) ? i.push({ path: `${n}.grid.cells`, message: "grid.cells 应为二维数组" }) : s.cells.forEach((o, l) => {
+    if (!Array.isArray(o)) {
+      i.push({ path: `${n}.grid.cells.${l}`, message: "行应为数组" });
+      return;
+    }
+    o.forEach((d, h) => {
+      d != null && L(d) && Array.isArray(d.children) && d.children.forEach((c, m) => {
+        ee(c, `${n}.grid.cells.${l}.${h}.children.${m}`, i, t);
       });
-    }
-  }
-}
-function validatePage(page, path, errors, warnings = []) {
-  if (!isObj(page)) {
-    errors.push({ path, message: "\u9875\u5E94\u4E3A\u5BF9\u8C61" });
+    });
+  }));
+  const a = e.richParagraphs;
+  a !== void 0 && (Array.isArray(a) ? a.forEach((o, l) => {
+    (!L(o) || !Array.isArray(o.segments)) && i.push({ path: `${n}.richParagraphs.${l}`, message: "段落缺少 segments 数组" });
+  }) : i.push({ path: `${n}.richParagraphs`, message: "richParagraphs 应为数组" }));
+}
+function ue(e, n, i, t = []) {
+  if (!L(e)) {
+    i.push({ path: n, message: "页应为对象" });
     return;
   }
-  const w = page["pageWidthMm"];
-  const h = page["pageHeightMm"];
-  if (typeof w !== "number" || !(w > 0 && w < 3e3)) {
-    errors.push({ path: `${path}.pageWidthMm`, message: `\u9875\u5BBD\u975E\u6CD5: ${JSON.stringify(w)}` });
-  }
-  if (typeof h !== "number" || !(h > 0 && h < 5e3)) {
-    errors.push({ path: `${path}.pageHeightMm`, message: `\u9875\u9AD8\u975E\u6CD5: ${JSON.stringify(h)}` });
-  }
-  const comps = page["components"];
-  if (comps !== void 0 && !Array.isArray(comps)) {
-    errors.push({ path: `${path}.components`, message: "components \u5E94\u4E3A\u6570\u7EC4" });
-  } else if (Array.isArray(comps)) {
-    comps.forEach(
-      (comp, i) => validateComponent(comp, `${path}.components.${i}`, errors, warnings)
-    );
-  }
+  const r = e.pageWidthMm, s = e.pageHeightMm;
+  (typeof r != "number" || !(r > 0 && r < 3e3)) && i.push({ path: `${n}.pageWidthMm`, message: `页宽非法: ${JSON.stringify(r)}` }), (typeof s != "number" || !(s > 0 && s < 5e3)) && i.push({ path: `${n}.pageHeightMm`, message: `页高非法: ${JSON.stringify(s)}` });
+  const a = e.components;
+  a !== void 0 && !Array.isArray(a) ? i.push({ path: `${n}.components`, message: "components 应为数组" }) : Array.isArray(a) && a.forEach(
+    (o, l) => ee(o, `${n}.components.${l}`, i, t)
+  );
 }
-function validateRenderPlan(input) {
-  const errors = [];
-  const warnings = [];
-  const pages = isObj(input) ? input["pages"] : void 0;
-  if (!Array.isArray(pages)) {
-    errors.push({
+function pe(e) {
+  const n = [], i = [], t = L(e) ? e.pages : void 0;
+  if (!Array.isArray(t))
+    n.push({
       path: "$.pages",
-      message: input == null ? "\u6E32\u67D3\u8BA1\u5212\u4E3A\u7A7A" : "\u6E32\u67D3\u8BA1\u5212\u7F3A\u5C11 pages \u6570\u7EC4"
+      message: e == null ? "渲染计划为空" : "渲染计划缺少 pages 数组"
+    });
+  else {
+    t.forEach((s, a) => ue(s, `$.pages.${a}`, n, i)), t.length > 2e3 && i.push({
+      path: "$.pages",
+      message: `页数异常大（${t.length} 页），渲染与打印耗时可能显著增加`
+    });
+    const r = t.reduce(
+      (s, a) => s + (L(a) && Array.isArray(a.components) ? a.components.length : 0),
+      0
+    );
+    r > 5e4 && i.push({
+      path: "$.pages",
+      message: `组件总数异常大（${r} 个），可能触发浏览器性能限制`
     });
-  } else {
-    pages.forEach((page, i) => validatePage(page, `$.pages.${i}`, errors, warnings));
-  }
-  return { ok: errors.length === 0, errors, warnings };
-}
-function assertRenderPlan(input) {
-  const result = validateRenderPlan(input);
-  if (!result.ok) {
-    const head = result.errors.slice(0, 3).map((e) => `${e.path}: ${e.message}`).join("; ");
-    throw new Error(`\u6E32\u67D3\u8BA1\u5212\u6821\u9A8C\u5931\u8D25(${result.errors.length} \u5904): ${head}`);
-  }
-  return input.pages;
-}
-
-// src/layout/textwrap.ts
-var CJK_RE = /[\u3000-\u9fff\uff00-\uffef]/;
-var LATIN_CLASS = new Uint8Array(128);
-{
-  for (const ch of "iljtf.,:;'`|!()[]") LATIN_CLASS[ch.charCodeAt(0)] = 1;
-  for (const ch of "mwMW@") LATIN_CLASS[ch.charCodeAt(0)] = 2;
-  for (let c = 48; c <= 57; c++) LATIN_CLASS[c] = 3;
-  for (let c = 65; c <= 90; c++) LATIN_CLASS[c] = 4;
-  LATIN_CLASS[32] = 5;
-}
-var LATIN_WIDTH = [0.54, 0.26, 0.95, 0.59, 0.67, 0.3];
-function charWidthEm(ch) {
-  const code = ch.charCodeAt(0);
-  if (code < 128) return LATIN_WIDTH[LATIN_CLASS[code]];
-  if (CJK_RE.test(ch)) return 1;
-  if (/[A-Z]/.test(ch)) return 0.67;
-  return 0.54;
-}
-var heuristicMeasurer = {
-  measureMm(text, options) {
-    const { fontSizePt, bold = false, letterSpacingPt = 0 } = options;
-    const ptToMm = 25.4 / 72;
-    let units = 0;
-    for (const ch of text) {
-      units += charWidthEm(ch);
-    }
-    if (bold) units *= 1.04;
-    return (units * fontSizePt + letterSpacingPt * text.length) * ptToMm;
-  }
-};
-function createHeuristicMeasurer() {
-  return heuristicMeasurer;
-}
-function measureTextMm(text, options) {
-  return heuristicMeasurer.measureMm(text, options);
-}
-function createCanvasMeasurer(getCtx2d) {
-  let ctx;
-  return {
-    measureMm(text, options) {
-      if (ctx === void 0) ctx = getCtx2d();
-      if (!ctx) return heuristicMeasurer.measureMm(text, options);
-      const px = options.fontSizePt * 96 / 72;
-      ctx.font = `${options.bold ? "bold " : ""}${px}px sans-serif`;
-      return ctx.measureText(text).width * 25.4 / 96;
-    }
-  };
-}
-function tokenize(text, options, measurer) {
-  const atoms = [];
-  let word = "";
-  let wordWidth = 0;
-  const flush = () => {
-    if (word) {
-      atoms.push({ text: word, widthMm: wordWidth, cjk: false });
-      word = "";
-      wordWidth = 0;
-    }
-  };
-  for (const ch of text) {
-    if (ch === "\n") {
-      flush();
-      atoms.push({ text: "\n", widthMm: 0, cjk: false, br: true });
-      continue;
-    }
-    if (ch === " ") {
-      flush();
-      atoms.push({ text: ch, widthMm: measurer.measureMm(ch, options), cjk: false, space: true });
-      continue;
-    }
-    if (CJK_RE.test(ch)) {
-      flush();
-      atoms.push({ text: ch, widthMm: measurer.measureMm(ch, options), cjk: true });
-      continue;
-    }
-    word += ch;
-    wordWidth += measurer.measureMm(ch, options);
   }
-  flush();
-  return atoms;
+  return { ok: n.length === 0, errors: n, warnings: i };
 }
-function wrapText(text, maxWidthMm, options, measurer = heuristicMeasurer) {
-  if (!text) return [""];
-  const lines = [];
-  let current = "";
-  let currentWidth = 0;
-  const pushLine = () => {
-    lines.push(current);
-    current = "";
-    currentWidth = 0;
-  };
-  for (const atom of tokenize(text, options, measurer)) {
-    if (atom.br) {
-      pushLine();
-      continue;
-    }
-    if (currentWidth + atom.widthMm <= maxWidthMm) {
-      current += atom.text;
-      currentWidth += atom.widthMm;
-      continue;
-    }
-    if (atom.space) {
-      pushLine();
-      continue;
-    }
-    if (atom.cjk) {
-      if (current.length > 0) pushLine();
-      current = atom.text;
-      currentWidth = atom.widthMm;
-      continue;
-    }
-    if (current.length > 0) pushLine();
-    if (atom.widthMm <= maxWidthMm) {
-      current = atom.text;
-      currentWidth = atom.widthMm;
-      continue;
-    }
-    for (const ch of atom.text) {
-      const chWidth = measurer.measureMm(ch, options);
-      if (currentWidth + chWidth > maxWidthMm && current.length > 0) {
-        pushLine();
-      }
-      current += ch;
-      currentWidth += chWidth;
-    }
+function _e(e) {
+  const n = pe(e);
+  if (!n.ok) {
+    const i = n.errors.slice(0, 3).map((t) => `${t.path}: ${t.message}`).join("; ");
+    throw new Error(`渲染计划校验失败(${n.errors.length} 处): ${i}`);
   }
-  pushLine();
-  return lines;
+  return e.pages;
 }
-
-// src/layout/paginate.ts
-function makeWorkingPage(page) {
+function Y(e) {
   return {
-    widthMm: page.widthMm,
-    heightMm: page.heightMm,
-    marginTopMm: page.marginTopMm ?? 0,
-    marginBottomMm: page.marginBottomMm ?? 0,
-    marginLeftMm: page.marginLeftMm ?? 0,
-    marginRightMm: page.marginRightMm ?? 0,
+    widthMm: e.widthMm,
+    heightMm: e.heightMm,
+    marginTopMm: e.marginTopMm ?? 0,
+    marginBottomMm: e.marginBottomMm ?? 0,
+    marginLeftMm: e.marginLeftMm ?? 0,
+    marginRightMm: e.marginRightMm ?? 0,
     components: []
   };
 }
-function toContentBottom(page, wp) {
-  return wp.heightMm - (page.marginBottomMm ?? wp.marginBottomMm);
+function Me(e, n) {
+  return n.heightMm - (e.marginBottomMm ?? n.marginBottomMm);
 }
-function estRowHeightMm(list, lines) {
-  const fontSizePt = list.fontSizePt ?? DEFAULT_FONT_PT;
-  const lineMm = fontSizePt * LINE_HEIGHT * 25.4 / 72;
-  const padding = (list.paddingMm ?? 1) * 2;
-  return Math.max(list.rowHeightMm ?? 0, lines * lineMm + padding);
+function be(e, n) {
+  const t = (e.fontSizePt ?? j) * q * 25.4 / 72, r = (e.paddingMm ?? 1) * 2;
+  return Math.max(e.rowHeightMm ?? 0, n * t + r);
 }
-function cellText(value) {
-  if (value == null) return "";
-  if (typeof value === "string") return value;
-  if (typeof value === "number") return String(value);
-  if (typeof value === "boolean") return value ? "\u662F" : "\u5426";
-  if (value instanceof Date) return value.toISOString().slice(0, 10);
+function ye(e) {
+  if (e == null) return "";
+  if (typeof e == "string") return e;
+  if (typeof e == "number") return String(e);
+  if (typeof e == "boolean") return e ? "是" : "否";
+  if (e instanceof Date) return e.toISOString().slice(0, 10);
   try {
-    return JSON.stringify(value);
+    return JSON.stringify(e);
   } catch {
-    return String(value);
+    return String(e);
   }
 }
-function interList(list, measurer) {
-  const fontSizePt = list.fontSizePt ?? DEFAULT_FONT_PT;
-  const paddingMm = list.paddingMm ?? 1;
-  const cellStyles = list.columns.map(
-    (col) => col.style ? { align: "left", verticalAlign: "middle", ...col.style } : { align: "left", verticalAlign: "middle" }
-  );
-  const headerCellStyles = list.columns.map(
-    (col) => ({
-      bold: list.headerBold ?? true,
+function we(e, n) {
+  const i = e.fontSizePt ?? j, t = e.paddingMm ?? 1, r = e.columns.map(
+    (m) => m.style ? { align: "left", verticalAlign: "middle", ...m.style } : { align: "left", verticalAlign: "middle" }
+  ), s = e.columns.map(
+    (m) => ({
+      bold: e.headerBold ?? !0,
       align: "center",
       verticalAlign: "middle",
-      backgroundColor: list.headerBackgroundColor,
-      ...col.style || {}
+      backgroundColor: e.headerBackgroundColor,
+      ...m.style || {}
     })
-  );
-  const headerTexts = list.columns.map((col) => col.header);
-  const headerLines = headerTexts.map(
-    (text, i) => wrapText(
-      text,
-      list.columns[i].widthMm - paddingMm * 2,
-      { fontSizePt, bold: list.headerBold ?? true },
-      measurer
+  ), a = e.columns.map((m) => m.header), o = a.map(
+    (m, u) => G(
+      m,
+      e.columns[u].widthMm - t * 2,
+      { fontSizePt: i, bold: e.headerBold ?? !0 },
+      n
     )
-  );
-  const maxLines = Math.max(...headerLines.map((l) => l.length), 1);
-  const headerHeight = estRowHeightMm(list, maxLines);
-  const headerCells = headerTexts.map((text, i) => ({
-    text,
-    style: headerCellStyles[i]
-  }));
-  const borderStyle = list.border === false ? { borderTop: false, borderRight: false, borderBottom: false, borderLeft: false } : { borderBottom: true, borderLeft: true, borderRight: true, borderTop: true };
+  ), l = Math.max(...o.map((m) => m.length), 1), d = be(e, l), h = a.map((m, u) => ({
+    text: m,
+    style: s[u]
+  })), c = e.border === !1 ? { borderTop: !1, borderRight: !1, borderBottom: !1, borderLeft: !1 } : { borderBottom: !0, borderLeft: !0, borderRight: !0, borderTop: !0 };
   return {
-    fontSizePt,
-    paddingMm,
-    cellStyles,
-    borderStyle,
-    headerHeightMm: headerHeight,
-    headerGrid: { cells: [headerCells], rowHeightsMm: [headerHeight] },
-    columns: list.columns
+    fontSizePt: i,
+    paddingMm: t,
+    cellStyles: r,
+    borderStyle: c,
+    headerHeightMm: d,
+    headerGrid: { cells: [h], rowHeightsMm: [d] },
+    columns: e.columns
   };
 }
-function buildRowGridFast(inter, row, measurer) {
-  const columns = inter.columns;
-  const texts = new Array(columns.length);
-  let maxLines = 1;
-  for (let i = 0; i < columns.length; i++) {
-    texts[i] = cellText(row[columns[i].field]);
-  }
-  const lines = new Array(columns.length);
-  for (let i = 0; i < columns.length; i++) {
-    const wrapped = wrapText(
-      texts[i],
-      columns[i].widthMm - inter.paddingMm * 2,
-      { fontSizePt: inter.fontSizePt },
-      measurer
+function Se(e, n, i) {
+  const t = e.columns, r = new Array(t.length);
+  let s = 1;
+  for (let h = 0; h < t.length; h++)
+    r[h] = ye(n[t[h].field]);
+  const a = new Array(t.length);
+  for (let h = 0; h < t.length; h++) {
+    const c = G(
+      r[h],
+      t[h].widthMm - e.paddingMm * 2,
+      { fontSizePt: e.fontSizePt },
+      i
     );
-    lines[i] = wrapped;
-    if (wrapped.length > maxLines) maxLines = wrapped.length;
-  }
-  const lineMm = inter.fontSizePt * LINE_HEIGHT * 25.4 / 72;
-  const height = Math.max(
-    inter.rowHeightFloorMm,
-    maxLines * lineMm + inter.paddingMm * 2
-  );
-  const cells = new Array(columns.length);
-  for (let i = 0; i < columns.length; i++) {
-    cells[i] = { text: texts[i], style: inter.cellStyles[i] };
-  }
-  return { grid: { cells: [cells], rowHeightsMm: [height] }, heightMm: height };
-}
-function paginateTemplate(template, datasets, optionsOrMmPerRow = {}) {
-  const options = typeof optionsOrMmPerRow === "number" ? { mmPerRow: optionsOrMmPerRow } : optionsOrMmPerRow;
-  const mmPerRow = options.mmPerRow ?? 0;
-  const measurer = options.measurer ?? heuristicMeasurer;
-  const warnings = [];
-  const pages = [];
-  let seq = 0;
-  const nextId = (prefix) => `${prefix}_${(++seq).toString(36)}`;
-  for (const tplPage of template.pages) {
-    const current = makeWorkingPage(tplPage);
-    const contentBottom = () => toContentBottom(tplPage, current);
-    const contentTop = current.marginTopMm;
-    const pushCurrent = () => {
-      pages.push({
-        pageWidthMm: current.widthMm,
-        pageHeightMm: current.heightMm,
-        marginTopMm: current.marginTopMm,
-        marginBottomMm: current.marginBottomMm,
-        marginLeftMm: current.marginLeftMm,
-        marginRightMm: current.marginRightMm,
-        components: current.components
+    a[h] = c, c.length > s && (s = c.length);
+  }
+  const o = e.fontSizePt * q * 25.4 / 72, l = Math.max(
+    e.rowHeightFloorMm,
+    s * o + e.paddingMm * 2
+  ), d = new Array(t.length);
+  for (let h = 0; h < t.length; h++)
+    d[h] = { text: r[h], style: e.cellStyles[h] };
+  return { grid: { cells: [d], rowHeightsMm: [l] }, heightMm: l };
+}
+function We(e, n, i = {}) {
+  const t = typeof i == "number" ? { mmPerRow: i } : i, r = t.mmPerRow ?? 0, s = t.measurer ?? J, a = [], o = [];
+  let l = 0;
+  const d = (h) => `${h}_${(++l).toString(36)}`;
+  for (const h of e.pages) {
+    const c = Y(h), m = () => Me(h, c), u = c.marginTopMm, g = () => {
+      o.push({
+        pageWidthMm: c.widthMm,
+        pageHeightMm: c.heightMm,
+        marginTopMm: c.marginTopMm,
+        marginBottomMm: c.marginBottomMm,
+        marginLeftMm: c.marginLeftMm,
+        marginRightMm: c.marginRightMm,
+        components: c.components
       });
     };
-    for (const comp of tplPage.components) {
-      if (comp.kind !== "list") {
-        current.components.push(comp);
+    for (const M of h.components) {
+      if (M.kind !== "list") {
+        c.components.push(M);
         continue;
       }
-      const list = comp;
-      const rows = datasets[list.dataset];
-      if (!Array.isArray(rows)) {
-        warnings.push(`\u6570\u636E\u96C6 ${list.dataset} \u672A\u63D0\u4F9B\u6570\u636E\uFF0C\u5217\u8868 ${list.id ?? ""} \u8F93\u51FA\u4E3A\u7A7A`);
-      }
-      const dataRows = Array.isArray(rows) ? rows : [];
-      const columnsWidth = list.columns.reduce((s, c) => s + c.widthMm, 0);
-      const scale = columnsWidth > list.widthMm ? list.widthMm / columnsWidth : 1;
-      const scaledList = scale === 1 ? list : { ...list, columns: list.columns.map((c) => ({ ...c, widthMm: c.widthMm * scale })) };
-      const inter = {
-        ...interList(scaledList, measurer),
-        rowHeightFloorMm: scaledList.rowHeightMm ?? 0
-      };
-      const headerComp = {
+      const p = M, k = n[p.dataset];
+      Array.isArray(k) || a.push(`数据集 ${p.dataset} 未提供数据，列表 ${p.id ?? ""} 输出为空`);
+      const T = Array.isArray(k) ? k : [], E = p.columns.reduce((f, b) => f + b.widthMm, 0), w = E > p.widthMm ? p.widthMm / E : 1, I = w === 1 ? p : { ...p, columns: p.columns.map((f) => ({ ...f, widthMm: f.widthMm * w })) }, R = {
+        ...we(I, s),
+        rowHeightFloorMm: I.rowHeightMm ?? 0
+      }, D = {
         kind: "rect",
-        leftMm: list.leftMm,
+        leftMm: p.leftMm,
         topMm: 0,
-        widthMm: list.widthMm,
-        heightMm: inter.headerHeightMm,
-        grid: inter.headerGrid,
-        nid: nextId("listh"),
-        style: inter.borderStyle
+        widthMm: p.widthMm,
+        heightMm: R.headerHeightMm,
+        grid: R.headerGrid,
+        nid: d("listh"),
+        style: R.borderStyle
       };
-      let y = list.topMm;
-      const placeHeader = (target, topMm) => {
-        target.components.push({ ...headerComp, topMm });
+      let $ = p.topMm;
+      const B = (f, b) => {
+        f.components.push({ ...D, topMm: b });
       };
-      placeHeader(current, y);
-      y += inter.headerHeightMm + mmPerRow;
-      for (let i = 0; i < dataRows.length; i++) {
-        const rowGrid = buildRowGridFast(inter, dataRows[i], measurer);
-        if (y + rowGrid.heightMm > contentBottom()) {
-          pushCurrent();
-          const next = makeWorkingPage(tplPage);
-          current.components = next.components;
-          current.heightMm = next.heightMm;
-          if (scaledList.headerEveryPage !== false) {
-            placeHeader(current, list.topMm);
-            y = list.topMm + inter.headerHeightMm;
-          } else {
-            y = contentTop;
-          }
+      B(c, $), $ += R.headerHeightMm + r;
+      for (let f = 0; f < T.length; f++) {
+        const b = Se(R, T[f], s);
+        if ($ + b.heightMm > m()) {
+          g();
+          const P = Y(h);
+          c.components = P.components, c.heightMm = P.heightMm, I.headerEveryPage !== !1 ? (B(c, p.topMm), $ = p.topMm + R.headerHeightMm) : $ = u;
         }
-        current.components.push({
+        c.components.push({
           kind: "rect",
-          leftMm: list.leftMm,
-          topMm: y,
-          widthMm: list.widthMm,
-          heightMm: rowGrid.heightMm,
-          grid: rowGrid.grid,
-          nid: nextId("listr"),
-          style: inter.borderStyle
-        });
-        y += rowGrid.heightMm;
+          leftMm: p.leftMm,
+          topMm: $,
+          widthMm: p.widthMm,
+          heightMm: b.heightMm,
+          grid: b.grid,
+          nid: d("listr"),
+          style: R.borderStyle
+        }), $ += b.heightMm;
       }
     }
-    pushCurrent();
+    g();
   }
   return {
-    plan: { schemaVersion: RENDER_PLAN_SCHEMA_VERSION, pages },
-    warnings
+    plan: { schemaVersion: se, pages: o },
+    warnings: a
   };
 }
-
-// src/render/grid-geometry.ts
-function cumulate(sizesMm, totalMm) {
-  const n = sizesMm.length;
-  if (n === 0) return [];
-  const sum = sizesMm.reduce((s, v) => s + v, 0);
-  const scale = sum > 0 && totalMm > 0 ? totalMm / sum : 1;
-  const out = [];
-  let acc = 0;
-  for (let i = 0; i < n; i++) {
-    const size = Math.max(0, sizesMm[i] * scale);
-    out.push({ pos: acc, size });
-    acc += size;
-  }
-  return out;
-}
-function resolveGridLayout(grid, compWidthMm, compHeightMm) {
-  const rowsRaw = grid.cells ?? [];
-  const rowCount = Math.max(rowsRaw.length, 1);
-  const colCount = grid.colWidthsMm?.length ?? Math.max(1, ...rowsRaw.map((r) => Array.isArray(r) ? r.length : 0));
-  const widths = grid.colWidthsMm?.length ? cumulate(grid.colWidthsMm, compWidthMm) : Array.from({ length: colCount }, (_, i) => ({
-    pos: compWidthMm * i / colCount,
-    size: compWidthMm / colCount
-  }));
-  const colPos = (ci) => ci <= 0 ? 0 : ci >= colCount ? widths[widths.length - 1].pos + widths[widths.length - 1].size : widths[ci].pos;
-  const heights = grid.rowHeightsMm?.length ? cumulate(grid.rowHeightsMm, compHeightMm) : Array.from({ length: rowCount }, (_, i) => ({
-    pos: compHeightMm * i / rowCount,
-    size: compHeightMm / rowCount
-  }));
-  const rowPos = (ri) => ri <= 0 ? 0 : ri >= rowCount ? heights[heights.length - 1].pos + heights[heights.length - 1].size : heights[ri].pos;
-  const occupied = /* @__PURE__ */ new Set();
-  const key = (r, c) => `${r}:${c}`;
-  const cells = [];
-  const vBridge = /* @__PURE__ */ new Set();
-  const hBridge = /* @__PURE__ */ new Set();
-  const vKey = (c, r) => `v${c}:${r}`;
-  const hKey = (r, c) => `h${r}:${c}`;
-  rowsRaw.forEach((row, ri) => {
-    if (!Array.isArray(row)) return;
-    let ci = 0;
-    for (const cell of row) {
-      while (ci < colCount && occupied.has(key(ri, ci))) ci++;
-      if (ci >= colCount) break;
-      const colSpan = Math.max(1, Math.min(cell?.colSpan ?? 1, colCount - ci));
-      const rowSpan = Math.max(1, cell?.rowSpan ?? 1);
-      const rowEnd = Math.min(rowCount, ri + rowSpan);
-      const colEnd = Math.min(colCount, ci + colSpan);
-      for (let dr = ri; dr < rowEnd; dr++) {
-        for (let dc = ci; dc < colEnd; dc++) {
-          occupied.add(key(dr, dc));
-        }
-      }
-      for (let c = ci + 1; c < colEnd; c++) {
-        for (let r = ri; r < rowEnd; r++) vBridge.add(vKey(c, r));
-      }
-      for (let r = ri + 1; r < rowEnd; r++) {
-        for (let c = ci; c < colEnd; c++) hBridge.add(hKey(r, c));
-      }
-      const xMm = colPos(ci);
-      const yMm = rowPos(ri);
-      cells.push({
-        ri,
-        ci,
-        cell: cell ?? {},
-        xMm,
-        yMm,
-        widthMm: colPos(colEnd) - xMm,
-        heightMm: rowPos(rowEnd) - yMm
-      });
-      ci = colEnd;
-    }
-  });
-  const edges = [];
-  for (let c = 1; c < colCount; c++) {
-    let runStart = -1;
-    for (let r = 0; r <= rowCount; r++) {
-      const open = r < rowCount && !vBridge.has(vKey(c, r));
-      if (open && runStart < 0) runStart = r;
-      if (!open && runStart >= 0) {
-        edges.push({ kind: "v", pos: colPos(c), from: rowPos(runStart), to: rowPos(r) });
-        runStart = -1;
-      }
-    }
-  }
-  for (let r = 1; r < rowCount; r++) {
-    let runStart = -1;
-    for (let c = 0; c <= colCount; c++) {
-      const open = c < colCount && !hBridge.has(hKey(r, c));
-      if (open && runStart < 0) runStart = c;
-      if (!open && runStart >= 0) {
-        edges.push({ kind: "h", pos: rowPos(r), from: colPos(runStart), to: colPos(c) });
-        runStart = -1;
-      }
-    }
-  }
-  return { columns: widths, rows: heights, cells, edges };
-}
-
-// src/render/style.ts
-function resolveFontSize(style, dpi = 96, defaultPt = DEFAULT_FONT_PT) {
-  if (style?.fontSizePx != null) {
-    return { fontSizePt: style.fontSizePx * 72 / dpi, fontSizePx: style.fontSizePx };
-  }
-  const pt = style?.fontSize ?? defaultPt;
-  return { fontSizePt: pt, fontSizePx: ptToPx(pt, dpi) };
-}
-function resolveStroke(style, fallbackColor = DEFAULT_STROKE_COLOR) {
-  return {
-    color: style?.borderColor ?? style?.lineColor ?? fallbackColor,
-    widthPt: style?.lineWidthPt ?? DEFAULT_BORDER_PT
-  };
-}
-function resolveTextColor(style, fallback = DEFAULT_TEXT_COLOR) {
-  return style?.color ?? fallback;
-}
-function resolveLineHeight(style) {
-  return style?.lineHeight ?? LINE_HEIGHT;
-}
-function resolveBoxBorders(style) {
-  const top = style?.borderTop !== false;
-  const right = style?.borderRight !== false;
-  const bottom = style?.borderBottom !== false;
-  const left = style?.borderLeft !== false;
-  return { top, right, bottom, left, inner: top || right || bottom || left };
-}
-
-// src/render/dom.ts
-var CLS = {
+const Te = {
   root: "mr-root",
   page: "mr-page",
   comp: "mr-comp",
@@ -644,848 +259,528 @@ var CLS = {
   cell: "mr-cell",
   unknown: "mr-unknown"
 };
-function classOf(key, options) {
-  return options?.classNames?.[key] ?? CLS[key];
+function C(e, n) {
+  return n?.classNames?.[e] ?? Te[e];
 }
-var StyleBag = class {
+class H {
   constructor() {
     this.props = [];
   }
-  add(prop, value) {
-    if (value === void 0 || value === null || value === false || value === "") return this;
-    this.props.push([prop, String(value)]);
-    return this;
+  add(n, i) {
+    return i == null || i === !1 || i === "" ? this : (this.props.push([n, String(i)]), this);
   }
-  mm(prop, valueMm, dpi, digits = 2) {
-    return this.add(prop, `${round(mmToPx(valueMm, dpi), digits)}px`);
+  mm(n, i, t, r = 2) {
+    return this.add(n, `${_(de(i, t), r)}px`);
   }
   toString() {
-    let css = "";
-    for (const [prop, value] of this.props) {
-      css += `${prop}:${value};`;
-    }
-    return css;
-  }
-  applyTo(el) {
-    const css = this.toString();
-    if (css) el.style.cssText = css;
-  }
-};
-function applyComponentStyle(bag, comp, dpi) {
-  const s = comp.style || {};
-  bag.add("color", s.color).add("background-color", s.backgroundColor).add("font-family", s.fontFamily).add("font-weight", s.bold ? "700" : void 0).add("font-style", s.italic ? "italic" : void 0).add("text-decoration", s.underline ? "underline" : void 0).add("letter-spacing", s.letterSpacing != null ? `${s.letterSpacing}pt` : void 0).add("opacity", s.opacity != null ? String(s.opacity) : void 0).add("transform", s.rotateDeg ? `rotate(${s.rotateDeg}deg)` : void 0);
-  const font = resolveFontSize(s, dpi);
-  bag.add("font-size", `${round(font.fontSizePx, 2)}px`);
-}
-function renderGrid(grid, comp, dpi, options, doc) {
-  const table = doc.createElement("table");
-  table.className = classOf("grid", options);
-  new StyleBag().add("width", "100%").add("height", "100%").add("border-collapse", "collapse").add("table-layout", grid.colWidthsMm ? "fixed" : "auto").applyTo(table);
-  if (grid.colWidthsMm) {
-    const colGroup = doc.createElement("colgroup");
-    for (const w of grid.colWidthsMm) {
-      const col = doc.createElement("col");
-      new StyleBag().mm("width", w, dpi).applyTo(col);
-      colGroup.appendChild(col);
-    }
-    table.appendChild(colGroup);
-  }
-  const borders = resolveBoxBorders(comp.style);
-  const stroke = resolveStroke(comp.style);
-  const border = borders.inner ? `${round(stroke.widthPt * dpi / 72, 2)}px solid ${stroke.color}` : "";
-  grid.cells.forEach((row, ri) => {
-    const rowEl = doc.createElement("tr");
-    rowEl.className = classOf("row", options);
-    if (grid.rowHeightsMm?.[ri] != null) {
-      new StyleBag().mm("height", grid.rowHeightsMm[ri], dpi).applyTo(rowEl);
-    }
-    (row || []).forEach((cell) => {
-      const cellEl = doc.createElement("td");
-      cellEl.className = classOf("cell", options);
-      if (cell?.colSpan) cellEl.colSpan = cell.colSpan;
-      if (cell?.rowSpan) cellEl.rowSpan = cell.rowSpan;
-      const cellBag = new StyleBag();
-      if (border) cellBag.add("border", border);
-      if (cell?.style) {
-        const st = cell.style;
-        cellBag.add("text-align", st.align).add("vertical-align", st.verticalAlign).add("background-color", st.backgroundColor).add("color", st.color).add("font-weight", st.bold ? "700" : void 0);
-        cellBag.add("font-size", `${round(resolveFontSize(st, dpi).fontSizePx, 2)}px`);
-      }
-      cellBag.applyTo(cellEl);
-      if (cell?.text != null) cellEl.textContent = cell.text;
-      if (cell?.children?.length) {
-        for (const child of cell.children) {
-          cellEl.appendChild(renderComponent(child, dpi, options, doc));
-        }
+    let n = "";
+    for (const [i, t] of this.props)
+      n += `${i}:${t};`;
+    return n;
+  }
+  applyTo(n) {
+    const i = this.toString();
+    i && (n.style.cssText = i);
+  }
+}
+function te(e, n, i) {
+  const t = n.style || {};
+  e.add("color", t.color).add("background-color", t.backgroundColor).add("font-family", t.fontFamily).add("font-weight", t.bold ? "700" : void 0).add("font-style", t.italic ? "italic" : void 0).add("text-decoration", t.underline ? "underline" : void 0).add("letter-spacing", t.letterSpacing != null ? `${t.letterSpacing}pt` : void 0).add("opacity", t.opacity != null ? String(t.opacity) : void 0).add("transform", t.rotateDeg ? `rotate(${t.rotateDeg}deg)` : void 0);
+  const r = W(t, i);
+  e.add("font-size", `${_(r.fontSizePx, 2)}px`);
+}
+function ve(e, n, i, t, r) {
+  const s = r.createElement("table");
+  if (s.className = C("grid", t), new H().add("width", "100%").add("height", "100%").add("border-collapse", "collapse").add("table-layout", e.colWidthsMm ? "fixed" : "auto").applyTo(s), e.colWidthsMm) {
+    const d = r.createElement("colgroup");
+    for (const h of e.colWidthsMm) {
+      const c = r.createElement("col");
+      new H().mm("width", h, i).applyTo(c), d.appendChild(c);
+    }
+    s.appendChild(d);
+  }
+  const a = V(n.style), o = F(n.style), l = a.inner ? `${_(o.widthPt * i / 72, 2)}px solid ${o.color}` : "";
+  return e.cells.forEach((d, h) => {
+    const c = r.createElement("tr");
+    c.className = C("row", t), e.rowHeightsMm?.[h] != null && new H().mm("height", e.rowHeightsMm[h], i).applyTo(c), (d || []).forEach((m) => {
+      const u = r.createElement("td");
+      u.className = C("cell", t), m?.colSpan && (u.colSpan = m.colSpan), m?.rowSpan && (u.rowSpan = m.rowSpan);
+      const g = new H();
+      if (l && g.add("border", l), m?.style) {
+        const M = m.style;
+        g.add("text-align", M.align).add("vertical-align", M.verticalAlign).add("background-color", M.backgroundColor).add("color", M.color).add("font-weight", M.bold ? "700" : void 0), g.add("font-size", `${_(W(M, i).fontSizePx, 2)}px`);
       }
-      rowEl.appendChild(cellEl);
-    });
-    table.appendChild(rowEl);
-  });
-  return table;
-}
-function renderText(comp, dpi, options, doc) {
-  const el = doc.createElement("div");
-  el.className = classOf("text", options);
-  const s = comp.style || {};
-  const bag = new StyleBag().add("text-align", s.align).add("display", "flex").add("flex-direction", "column").add(
+      if (g.applyTo(u), m?.text != null && (u.textContent = m.text), m?.children?.length)
+        for (const M of m.children)
+          u.appendChild(ne(M, i, t, r));
+      c.appendChild(u);
+    }), s.appendChild(c);
+  }), s;
+}
+function Ce(e, n, i, t) {
+  const r = t.createElement("div");
+  r.className = C("text", i);
+  const s = e.style || {}, a = new H().add("text-align", s.align).add("display", "flex").add("flex-direction", "column").add(
     "justify-content",
     s.verticalAlign === "middle" ? "center" : s.verticalAlign === "bottom" ? "flex-end" : "flex-start"
   ).add("overflow", "hidden");
-  applyComponentStyle(bag, comp, dpi);
-  bag.applyTo(el);
-  if (isRichText(comp)) {
-    const richBox = doc.createElement("div");
-    richBox.className = classOf("rich", options);
-    for (const para of comp.richParagraphs) {
-      const p = doc.createElement("div");
-      p.className = classOf("paragraph", options);
-      const pBag = new StyleBag().add("text-align", para.align).add("line-height", para.lineHeight != null ? String(para.lineHeight) : void 0).mm("margin-top", para.spaceBeforeMm ?? 0, dpi).mm("margin-bottom", para.spaceAfterMm ?? 0, dpi).mm("text-indent", para.indentMm ?? 0, dpi);
-      pBag.applyTo(p);
-      for (const seg of para.segments || []) {
-        const segEl = doc.createElement("span");
-        segEl.className = classOf("segment", options);
-        segEl.textContent = seg.kind === "field" ? seg.field ?? "" : seg.text ?? "";
-        if (seg.style) {
-          const segBag = new StyleBag().add("color", seg.style.color).add("font-weight", seg.style.bold ? "700" : void 0);
-          segBag.add("font-size", `${round(resolveFontSize(seg.style, dpi).fontSizePx, 2)}px`);
-          segBag.applyTo(segEl);
+  if (te(a, e, n), a.applyTo(r), Z(e)) {
+    const o = t.createElement("div");
+    o.className = C("rich", i);
+    for (const l of e.richParagraphs) {
+      const d = t.createElement("div");
+      d.className = C("paragraph", i), new H().add("text-align", l.align).add("line-height", l.lineHeight != null ? String(l.lineHeight) : void 0).mm("margin-top", l.spaceBeforeMm ?? 0, n).mm("margin-bottom", l.spaceAfterMm ?? 0, n).mm("text-indent", l.indentMm ?? 0, n).applyTo(d);
+      for (const c of l.segments || []) {
+        const m = t.createElement("span");
+        if (m.className = C("segment", i), m.textContent = c.kind === "field" ? c.field ?? "" : c.text ?? "", c.style) {
+          const u = new H().add("color", c.style.color).add("font-weight", c.style.bold ? "700" : void 0);
+          u.add("font-size", `${_(W(c.style, n).fontSizePx, 2)}px`), u.applyTo(m);
         }
-        p.appendChild(segEl);
+        d.appendChild(m);
       }
-      richBox.appendChild(p);
-    }
-    el.appendChild(richBox);
-    return el;
-  }
-  if (Array.isArray(comp.lines) && comp.lines.length > 0) {
-    const box = doc.createElement("div");
-    box.className = classOf("lines", options);
-    if (s.lineHeight != null) new StyleBag().add("line-height", String(s.lineHeight)).applyTo(box);
-    for (const line of comp.lines) {
-      const lineEl = doc.createElement("div");
-      lineEl.className = classOf("line", options);
-      lineEl.textContent = line;
-      box.appendChild(lineEl);
-    }
-    el.appendChild(box);
-    return el;
-  }
-  el.textContent = comp.text ?? "";
-  return el;
-}
-function renderImage(comp, options, doc) {
-  const img = doc.createElement("img");
-  img.className = classOf("image", options);
-  img.src = comp.imageData;
-  new StyleBag().add("width", "100%").add("height", "100%").add("object-fit", "contain").add("display", "block").applyTo(img);
-  img.alt = comp.kind;
-  return img;
-}
-function renderShape(comp, dpi, options, doc) {
-  const el = doc.createElement("div");
-  el.className = classOf("shape", options);
-  const s = comp.style || {};
-  const stroke = resolveStroke(s);
-  const borders = resolveBoxBorders(s);
-  const border = `${round(stroke.widthPt * dpi / 72, 2)}px solid ${stroke.color}`;
-  const bag = new StyleBag();
-  if (comp.grid) {
-    if (borders.top) bag.add("border-top", border);
-    if (borders.right) bag.add("border-right", border);
-    if (borders.bottom) bag.add("border-bottom", border);
-    if (borders.left) bag.add("border-left", border);
-  } else if (comp.kind === "rect") {
-    if (borders.top) bag.add("border-top", border);
-    if (borders.right) bag.add("border-right", border);
-    if (borders.bottom) bag.add("border-bottom", border);
-    if (borders.left) bag.add("border-left", border);
-  } else if (comp.kind === "ellipse") {
-    if (borders.inner) bag.add("border", border).add("border-radius", "50%");
-    if (s.backgroundColor) bag.add("background-color", s.backgroundColor);
-  } else if (comp.kind === "line") {
-    bag.add("height", "0").add("border-top", border);
-  }
-  bag.add("box-sizing", "border-box").add("width", "100%").add("height", "100%");
-  bag.applyTo(el);
-  return el;
-}
-function renderComponent(comp, dpi, options, doc) {
-  const wrap = doc.createElement("div");
-  wrap.className = `${classOf("comp", options)} mr-kind-${comp.kind}`;
-  const bag = new StyleBag().add("position", "absolute").mm("left", comp.leftMm, dpi).mm("top", comp.topMm, dpi).mm("width", comp.widthMm, dpi).mm("height", comp.heightMm, dpi).add("box-sizing", "border-box");
-  applyComponentStyle(bag, comp, dpi);
-  bag.applyTo(wrap);
-  if (isImageBackedComponent(comp)) {
-    wrap.appendChild(renderImage(comp, options, doc));
-    return wrap;
-  }
-  if (comp.kind === "text") {
-    wrap.appendChild(renderText(comp, dpi, options, doc));
-    return wrap;
-  }
-  if (comp.grid) {
-    const shape = renderShape(comp, dpi, options, doc);
-    shape.appendChild(renderGrid(comp.grid, comp, dpi, options, doc));
-    wrap.appendChild(shape);
-    return wrap;
-  }
-  if (comp.kind === "line" || comp.kind === "rect" || comp.kind === "ellipse" || comp.kind === "chart") {
-    wrap.appendChild(renderShape(comp, dpi, options, doc));
-    return wrap;
-  }
-  const ph = doc.createElement("div");
-  ph.className = classOf("unknown", options);
-  ph.textContent = comp.fallbackText ?? "";
-  wrap.appendChild(ph);
-  return wrap;
-}
-function renderPage(page, dpi, options, doc) {
-  const el = doc.createElement("div");
-  el.className = classOf("page", options);
-  new StyleBag().add("position", "relative").mm("width", page.pageWidthMm, dpi).mm("height", page.pageHeightMm, dpi).add("background-color", "#fff").add("overflow", "hidden").add("box-sizing", "border-box").applyTo(el);
-  for (const comp of page.components) {
-    el.appendChild(renderComponent(comp, dpi, options, doc));
-  }
-  return el;
-}
-function renderPlan(plan, doc, options = {}) {
-  const dpi = options.dpi ?? 96;
-  const root = doc.createElement("div");
-  root.className = classOf("root", options);
-  root.dataset.schemaVersion = plan.schemaVersion;
-  plan.pages.forEach((page) => {
-    root.appendChild(renderPage(page, dpi, options, doc));
-  });
-  return root;
-}
-
-// src/render/window.ts
-function computePageWindow(input) {
-  const { pageHeightsPx, viewportHeightPx, scrollTopPx, overscan = 1, gapPx = 0 } = input;
-  const n = pageHeightsPx.length;
-  if (n === 0) {
+      o.appendChild(d);
+    }
+    return r.appendChild(o), r;
+  }
+  if (Array.isArray(e.lines) && e.lines.length > 0) {
+    const o = t.createElement("div");
+    o.className = C("lines", i), s.lineHeight != null && new H().add("line-height", String(s.lineHeight)).applyTo(o);
+    for (const l of e.lines) {
+      const d = t.createElement("div");
+      d.className = C("line", i), d.textContent = l, o.appendChild(d);
+    }
+    return r.appendChild(o), r;
+  }
+  return r.textContent = e.text ?? "", r;
+}
+function ke(e, n, i) {
+  const t = i.createElement("img");
+  return t.className = C("image", n), t.src = e.imageData, new H().add("width", "100%").add("height", "100%").add("object-fit", "contain").add("display", "block").applyTo(t), t.alt = e.kind, t;
+}
+function X(e, n, i, t) {
+  const r = t.createElement("div");
+  r.className = C("shape", i);
+  const s = e.style || {}, a = F(s), o = V(s), l = `${_(a.widthPt * n / 72, 2)}px solid ${a.color}`, d = new H();
+  return e.grid || e.kind === "rect" ? (o.top && d.add("border-top", l), o.right && d.add("border-right", l), o.bottom && d.add("border-bottom", l), o.left && d.add("border-left", l)) : e.kind === "ellipse" ? (o.inner && d.add("border", l).add("border-radius", "50%"), s.backgroundColor && d.add("background-color", s.backgroundColor)) : e.kind === "line" && d.add("height", "0").add("border-top", l), d.add("box-sizing", "border-box").add("width", "100%").add("height", "100%"), d.applyTo(r), r;
+}
+function ne(e, n, i, t) {
+  const r = t.createElement("div");
+  r.className = `${C("comp", i)} mr-kind-${e.kind}`;
+  const s = new H().add("position", "absolute").mm("left", e.leftMm, n).mm("top", e.topMm, n).mm("width", e.widthMm, n).mm("height", e.heightMm, n).add("box-sizing", "border-box");
+  if (te(s, e, n), s.applyTo(r), le(e))
+    return r.appendChild(ke(e, i, t)), r;
+  if (e.kind === "text")
+    return r.appendChild(Ce(e, n, i, t)), r;
+  if (e.grid) {
+    const o = X(e, n, i, t);
+    return o.appendChild(ve(e.grid, e, n, i, t)), r.appendChild(o), r;
+  }
+  if (e.kind === "line" || e.kind === "rect" || e.kind === "ellipse" || e.kind === "chart")
+    return r.appendChild(X(e, n, i, t)), r;
+  const a = t.createElement("div");
+  return a.className = C("unknown", i), a.textContent = e.fallbackText ?? "", r.appendChild(a), r;
+}
+function xe(e, n, i, t) {
+  const r = t.createElement("div");
+  r.className = C("page", i), new H().add("position", "relative").mm("width", e.pageWidthMm, n).mm("height", e.pageHeightMm, n).add("background-color", "#fff").add("overflow", "hidden").add("box-sizing", "border-box").applyTo(r);
+  for (const s of e.components)
+    r.appendChild(ne(s, n, i, t));
+  return r;
+}
+function Ie(e, n, i = {}) {
+  const t = i.dpi ?? 96, r = n.createElement("div");
+  return r.className = C("root", i), r.dataset.schemaVersion = e.schemaVersion, e.pages.forEach((s) => {
+    r.appendChild(xe(s, t, i, n));
+  }), r;
+}
+function Pe(e) {
+  const { pageHeightsPx: n, viewportHeightPx: i, scrollTopPx: t, overscan: r = 1, gapPx: s = 0 } = e, a = n.length;
+  if (a === 0)
     return { start: 0, end: -1, padTopPx: 0, padBottomPx: 0 };
-  }
-  const gap = Math.max(0, gapPx);
-  const offsets = new Array(n + 1);
-  offsets[0] = 0;
-  for (let i = 0; i < n; i++) {
-    offsets[i + 1] = offsets[i] + Math.max(0, pageHeightsPx[i] ?? 0) + gap;
-  }
-  const total = offsets[n];
-  const top = Math.max(0, scrollTopPx);
-  let cover = 0;
-  let lo = 0;
-  let hi = n - 1;
-  while (lo <= hi) {
-    const mid = lo + hi >> 1;
-    if (offsets[mid] <= top) {
-      cover = mid;
-      lo = mid + 1;
-    } else {
-      hi = mid - 1;
-    }
-  }
-  const start = Math.max(0, Math.min(n - 1, cover - overscan));
-  const target = offsets[cover] + Math.max(0, viewportHeightPx);
-  let visibleEnd = n - 1;
-  lo = 0;
-  hi = n - 1;
-  while (lo <= hi) {
-    const mid = lo + hi >> 1;
-    if (offsets[mid + 1] < target) {
-      lo = mid + 1;
-    } else {
-      visibleEnd = mid;
-      hi = mid - 1;
-    }
-  }
-  const end = Math.min(n - 1, visibleEnd + overscan);
-  const padTopPx = offsets[start];
-  const padBottomPx = Math.max(0, total - offsets[end + 1]);
-  return { start, end, padTopPx, padBottomPx };
-}
-
-// src/render/canvas.ts
-var PX_PER_MM_BASE = 96 / 25.4;
-function measurePageSizePx(page, dpi = 96) {
-  const pxPerMm = dpi / 96 * PX_PER_MM_BASE;
+  const o = Math.max(0, s), l = new Array(a + 1);
+  l[0] = 0;
+  for (let w = 0; w < a; w++)
+    l[w + 1] = l[w] + Math.max(0, n[w] ?? 0) + o;
+  const d = l[a], h = Math.max(0, t);
+  let c = 0, m = 0, u = a - 1;
+  for (; m <= u; ) {
+    const w = m + u >> 1;
+    l[w] <= h ? (c = w, m = w + 1) : u = w - 1;
+  }
+  const g = Math.max(0, Math.min(a - 1, c - r)), M = l[c] + Math.max(0, i);
+  let p = a - 1;
+  for (m = 0, u = a - 1; m <= u; ) {
+    const w = m + u >> 1;
+    l[w + 1] < M ? m = w + 1 : (p = w, u = w - 1);
+  }
+  const k = Math.min(a - 1, p + r), T = l[g], E = Math.max(0, d - l[k + 1]);
+  return { start: g, end: k, padTopPx: T, padBottomPx: E };
+}
+const U = 96 / 25.4;
+function ie(e, n = 96) {
+  const i = n / 96 * U;
   return {
-    widthPx: Math.max(1, Math.round(page.pageWidthMm * pxPerMm)),
-    heightPx: Math.max(1, Math.round(page.pageHeightMm * pxPerMm))
+    widthPx: Math.max(1, Math.round(e.pageWidthMm * i)),
+    heightPx: Math.max(1, Math.round(e.pageHeightMm * i))
   };
 }
-function createPageCanvas(page, dpr, dpi) {
-  const canvas = document.createElement("canvas");
-  const { widthPx: w, heightPx: h } = measurePageSizePx(page, dpi);
-  canvas.width = Math.round(w * dpr);
-  canvas.height = Math.round(h * dpr);
-  canvas.style.width = `${w}px`;
-  canvas.style.height = `${h}px`;
-  const ctx = canvas.getContext("2d");
-  if (!ctx) {
-    throw new Error("\u5F53\u524D\u73AF\u5883\u4E0D\u652F\u6301 Canvas 2D\uFF08\u6D4B\u8BD5\u9700\u771F\u6D4F\u89C8\u5668\uFF0C\u89C1 e2e/canvas.spec.ts\uFF09");
-  }
-  ctx.scale(dpr, dpr);
-  ctx.fillStyle = "#ffffff";
-  ctx.fillRect(0, 0, w, h);
-  return { canvas, ctx };
-}
-function planFontSizePx(style, dpi = 96) {
-  return resolveFontSize(style, dpi).fontSizePx;
-}
-function drawTextBlock(ctx, spec, x, y, w, h, fontFamily, verticalAlign = "top") {
-  ctx.font = `${spec.bold ? "bold " : ""}${spec.fontSizePx}px ${fontFamily}`;
-  ctx.fillStyle = spec.color;
-  ctx.textBaseline = "alphabetic";
-  const lineH = spec.fontSizePx * spec.lineHeight;
-  const lines = spec.text === "" ? [""] : spec.text.split("\n");
-  const totalH = lines.length * lineH;
-  let topY = y;
-  if (verticalAlign === "middle") topY = y + (h - totalH) / 2;
-  else if (verticalAlign === "bottom") topY = y + h - totalH;
-  lines.forEach((line, i) => {
-    ctx.textAlign = spec.align === "center" ? "center" : spec.align === "right" ? "right" : "left";
-    const tx = spec.align === "center" ? x + w / 2 : spec.align === "right" ? x + w : x;
-    ctx.fillText(line, tx, topY + i * lineH + spec.fontSizePx * 0.8, w);
-  });
-  ctx.textAlign = "left";
-}
-function drawGrid(ctx, grid, comp, x, y, w, h, pxPerMm, dpi, fontFamily, measurer) {
-  const layout = resolveGridLayout(grid, w / pxPerMm, h / pxPerMm);
-  const borders = resolveBoxBorders(comp.style);
-  const stroke = resolveStroke(comp.style);
-  for (const box of layout.cells) {
-    const bg = box.cell.style?.backgroundColor;
-    if (bg) {
-      ctx.fillStyle = bg;
-      ctx.fillRect(
-        x + box.xMm * pxPerMm,
-        y + box.yMm * pxPerMm,
-        box.widthMm * pxPerMm,
-        box.heightMm * pxPerMm
-      );
-    }
-  }
-  if (borders.inner) {
-    ctx.strokeStyle = stroke.color;
-    ctx.lineWidth = ptToPx(stroke.widthPt, dpi);
-    for (const e of layout.edges) {
-      ctx.beginPath();
-      if (e.kind === "v") {
-        ctx.moveTo(x + e.pos * pxPerMm, y + e.from * pxPerMm);
-        ctx.lineTo(x + e.pos * pxPerMm, y + e.to * pxPerMm);
-      } else {
-        ctx.moveTo(x + e.from * pxPerMm, y + e.pos * pxPerMm);
-        ctx.lineTo(x + e.to * pxPerMm, y + e.pos * pxPerMm);
-      }
-      ctx.stroke();
-    }
-    ctx.beginPath();
-    if (borders.top) {
-      ctx.moveTo(x, y);
-      ctx.lineTo(x + w, y);
-    }
-    if (borders.right) {
-      ctx.moveTo(x + w, y);
-      ctx.lineTo(x + w, y + h);
-    }
-    if (borders.bottom) {
-      ctx.moveTo(x + w, y + h);
-      ctx.lineTo(x, y + h);
-    }
-    if (borders.left) {
-      ctx.moveTo(x, y + h);
-      ctx.lineTo(x, y);
-    }
-    ctx.stroke();
-  }
-  for (const box of layout.cells) {
-    const text = typeof box.cell.text === "string" ? box.cell.text : "";
-    if (!text) continue;
-    const st = box.cell.style;
-    const fontSizePt = st?.fontSize ?? DEFAULT_FONT_PT;
-    const lines = wrapText(
-      text,
-      box.widthMm - 1,
-      { fontSizePt },
-      measurer
-    ).join("\n");
-    drawTextBlock(
-      ctx,
+function Ae(e, n, i) {
+  const t = document.createElement("canvas"), { widthPx: r, heightPx: s } = ie(e, i);
+  t.width = Math.round(r * n), t.height = Math.round(s * n), t.style.width = `${r}px`, t.style.height = `${s}px`;
+  const a = t.getContext("2d");
+  if (!a)
+    throw new Error("当前环境不支持 Canvas 2D（测试需真浏览器，见 e2e/canvas.spec.ts）");
+  return a.scale(n, n), a.fillStyle = "#ffffff", a.fillRect(0, 0, r, s), { canvas: t, ctx: a };
+}
+function De(e, n = 96) {
+  return W(e, n).fontSizePx;
+}
+function re(e, n, i, t, r, s, a, o = "top") {
+  e.font = `${n.bold ? "bold " : ""}${n.fontSizePx}px ${a}`, e.fillStyle = n.color, e.textBaseline = "alphabetic";
+  const l = n.fontSizePx * n.lineHeight, d = n.text === "" ? [""] : n.text.split(`
+`), h = d.length * l;
+  let c = t;
+  o === "middle" ? c = t + (s - h) / 2 : o === "bottom" && (c = t + s - h), d.forEach((m, u) => {
+    e.textAlign = n.align === "center" ? "center" : n.align === "right" ? "right" : "left";
+    const g = n.align === "center" ? i + r / 2 : n.align === "right" ? i + r : i;
+    e.fillText(m, g, c + u * l + n.fontSizePx * 0.8, r);
+  }), e.textAlign = "left";
+}
+function Ee(e, n, i, t, r, s, a, o, l, d, h) {
+  const c = ce(n, s / o, a / o), m = V(i.style), u = F(i.style);
+  for (const g of c.cells) {
+    const M = g.cell.style?.backgroundColor;
+    M && (e.fillStyle = M, e.fillRect(
+      t + g.xMm * o,
+      r + g.yMm * o,
+      g.widthMm * o,
+      g.heightMm * o
+    ));
+  }
+  if (m.inner) {
+    e.strokeStyle = u.color, e.lineWidth = O(u.widthPt, l);
+    for (const g of c.edges)
+      e.beginPath(), g.kind === "v" ? (e.moveTo(t + g.pos * o, r + g.from * o), e.lineTo(t + g.pos * o, r + g.to * o)) : (e.moveTo(t + g.from * o, r + g.pos * o), e.lineTo(t + g.to * o, r + g.pos * o)), e.stroke();
+    e.beginPath(), m.top && (e.moveTo(t, r), e.lineTo(t + s, r)), m.right && (e.moveTo(t + s, r), e.lineTo(t + s, r + a)), m.bottom && (e.moveTo(t + s, r + a), e.lineTo(t, r + a)), m.left && (e.moveTo(t, r + a), e.lineTo(t, r)), e.stroke();
+  }
+  for (const g of c.cells) {
+    const M = typeof g.cell.text == "string" ? g.cell.text : "";
+    if (!M) continue;
+    const p = g.cell.style, k = p?.fontSize ?? j, T = G(
+      M,
+      g.widthMm - 1,
+      { fontSizePt: k },
+      h
+    ).join(`
+`);
+    re(
+      e,
       {
-        text: lines,
-        fontSizePx: resolveFontSize(st, dpi).fontSizePx,
-        bold: st?.bold ?? false,
-        color: st?.color ?? resolveTextColor(comp.style, DEFAULT_TEXT_COLOR),
-        align: st?.align ?? "left",
-        lineHeight: LINE_HEIGHT
+        text: T,
+        fontSizePx: W(p, l).fontSizePx,
+        bold: p?.bold ?? !1,
+        color: p?.color ?? Q(i.style, me),
+        align: p?.align ?? "left",
+        lineHeight: q
       },
-      x + (box.xMm + 0.5) * pxPerMm,
-      y + box.yMm * pxPerMm,
-      Math.max(0, (box.widthMm - 1) * pxPerMm),
-      box.heightMm * pxPerMm,
-      fontFamily,
-      st?.verticalAlign ?? "middle"
+      t + (g.xMm + 0.5) * o,
+      r + g.yMm * o,
+      Math.max(0, (g.widthMm - 1) * o),
+      g.heightMm * o,
+      d,
+      p?.verticalAlign ?? "middle"
     );
   }
 }
-function drawComponent(ctx, comp, pxPerMm, dpi, fontFamily, measurer) {
-  const x = comp.leftMm * pxPerMm;
-  const y = comp.topMm * pxPerMm;
-  const w = comp.widthMm * pxPerMm;
-  const h = comp.heightMm * pxPerMm;
-  const s = comp.style ?? {};
-  if (comp.grid) {
-    drawGrid(ctx, comp.grid, comp, x, y, w, h, pxPerMm, dpi, fontFamily, measurer);
+function oe(e, n, i, t, r, s) {
+  const a = n.leftMm * i, o = n.topMm * i, l = n.widthMm * i, d = n.heightMm * i, h = n.style ?? {};
+  if (n.grid) {
+    Ee(e, n.grid, n, a, o, l, d, i, t, r, s);
     return;
   }
-  switch (comp.kind) {
+  switch (n.kind) {
     case "text": {
-      const fontSizePt = s.fontSize ?? DEFAULT_FONT_PT;
-      const text = isRichText(comp) ? comp.richParagraphs.map((p) => (p.segments ?? []).map((seg) => seg.text ?? seg.field ?? "").join("")).join("\n") : Array.isArray(comp.lines) && comp.lines.length > 0 ? comp.lines.join("\n") : wrapText(comp.text ?? "", comp.widthMm, { fontSizePt }, measurer).join("\n");
-      drawTextBlock(
-        ctx,
+      const c = h.fontSize ?? j, m = Z(n) ? n.richParagraphs.map((u) => (u.segments ?? []).map((g) => g.text ?? g.field ?? "").join("")).join(`
+`) : Array.isArray(n.lines) && n.lines.length > 0 ? n.lines.join(`
+`) : G(n.text ?? "", n.widthMm, { fontSizePt: c }, s).join(`
+`);
+      re(
+        e,
         {
-          text,
-          fontSizePx: resolveFontSize(s, dpi).fontSizePx,
-          bold: s.bold ?? false,
-          color: resolveTextColor(s),
-          align: s.align ?? "left",
-          lineHeight: resolveLineHeight(s)
+          text: m,
+          fontSizePx: W(h, t).fontSizePx,
+          bold: h.bold ?? !1,
+          color: Q(h),
+          align: h.align ?? "left",
+          lineHeight: he(h)
         },
-        x,
-        y,
-        w,
-        h,
-        fontFamily,
-        s.verticalAlign
+        a,
+        o,
+        l,
+        d,
+        r,
+        h.verticalAlign
       );
       break;
     }
     case "rect": {
-      const stroke = resolveStroke(s);
-      const borders = resolveBoxBorders(s);
-      if (s.backgroundColor) {
-        ctx.fillStyle = s.backgroundColor;
-        ctx.fillRect(x, y, w, h);
-      }
-      if (borders.inner) {
-        ctx.strokeStyle = stroke.color;
-        ctx.lineWidth = ptToPx(stroke.widthPt, dpi);
-        ctx.beginPath();
-        if (borders.top) {
-          ctx.moveTo(x, y);
-          ctx.lineTo(x + w, y);
-        }
-        if (borders.right) {
-          ctx.moveTo(x + w, y);
-          ctx.lineTo(x + w, y + h);
-        }
-        if (borders.bottom) {
-          ctx.moveTo(x + w, y + h);
-          ctx.lineTo(x, y + h);
-        }
-        if (borders.left) {
-          ctx.moveTo(x, y + h);
-          ctx.lineTo(x, y);
-        }
-        ctx.stroke();
-      }
+      const c = F(h), m = V(h);
+      h.backgroundColor && (e.fillStyle = h.backgroundColor, e.fillRect(a, o, l, d)), m.inner && (e.strokeStyle = c.color, e.lineWidth = O(c.widthPt, t), e.beginPath(), m.top && (e.moveTo(a, o), e.lineTo(a + l, o)), m.right && (e.moveTo(a + l, o), e.lineTo(a + l, o + d)), m.bottom && (e.moveTo(a + l, o + d), e.lineTo(a, o + d)), m.left && (e.moveTo(a, o + d), e.lineTo(a, o)), e.stroke());
       break;
     }
     case "line": {
-      const stroke = resolveStroke({ ...s, borderColor: s.lineColor ?? s.borderColor });
-      ctx.strokeStyle = stroke.color;
-      ctx.lineWidth = ptToPx(stroke.widthPt, dpi);
-      ctx.beginPath();
-      ctx.moveTo(x, y + h / 2);
-      ctx.lineTo(x + w, y + h / 2);
-      ctx.stroke();
+      const c = F({ ...h, borderColor: h.lineColor ?? h.borderColor });
+      e.strokeStyle = c.color, e.lineWidth = O(c.widthPt, t), e.beginPath(), e.moveTo(a, o + d / 2), e.lineTo(a + l, o + d / 2), e.stroke();
       break;
     }
     case "ellipse": {
-      const stroke = resolveStroke(s);
-      ctx.strokeStyle = stroke.color;
-      ctx.lineWidth = ptToPx(stroke.widthPt, dpi);
-      if (s.backgroundColor) {
-        ctx.fillStyle = s.backgroundColor;
-        ctx.beginPath();
-        ctx.ellipse(x + w / 2, y + h / 2, w / 2, h / 2, 0, 0, Math.PI * 2);
-        ctx.fill();
-      }
-      ctx.beginPath();
-      ctx.ellipse(x + w / 2, y + h / 2, w / 2, h / 2, 0, 0, Math.PI * 2);
-      ctx.stroke();
+      const c = F(h);
+      e.strokeStyle = c.color, e.lineWidth = O(c.widthPt, t), h.backgroundColor && (e.fillStyle = h.backgroundColor, e.beginPath(), e.ellipse(a + l / 2, o + d / 2, l / 2, d / 2, 0, 0, Math.PI * 2), e.fill()), e.beginPath(), e.ellipse(a + l / 2, o + d / 2, l / 2, d / 2, 0, 0, Math.PI * 2), e.stroke();
       break;
     }
   }
 }
-function renderPlanToCanvas(plan, options = {}) {
-  const dpr = options.dpr ?? (typeof devicePixelRatio === "number" ? devicePixelRatio : 1);
-  const dpi = options.dpi ?? 96;
-  const pxPerMm = dpi / 96 * PX_PER_MM_BASE;
-  const fontFamily = options.fontFamily ?? '"Microsoft YaHei", sans-serif';
-  const measurer = options.measurer ?? heuristicMeasurer;
-  const start = Math.max(0, options.start ?? 0);
-  const end = Math.min(plan.pages.length - 1, options.end ?? plan.pages.length - 1);
-  const canvases = [];
-  for (let i = start; i <= end; i++) {
-    const page = plan.pages[i];
-    const { canvas, ctx } = createPageCanvas(page, dpr, dpi);
-    for (const comp of page.components) {
-      drawComponent(ctx, comp, pxPerMm, dpi, fontFamily, measurer);
-    }
-    canvases.push(canvas);
-  }
-  return { canvases };
-}
-function createCanvasPager(plan, options = {}) {
-  const dpr = options.dpr ?? (typeof devicePixelRatio === "number" ? devicePixelRatio : 1);
-  const dpi = options.dpi ?? 96;
-  const pxPerMm = dpi / 96 * PX_PER_MM_BASE;
-  const fontFamily = options.fontFamily ?? '"Microsoft YaHei", sans-serif';
-  const measurer = options.measurer ?? heuristicMeasurer;
-  const overscan = options.overscan ?? 1;
-  const gapPx = options.gapPx ?? 18;
-  const pagesPerFrame = options.pagesPerFrame ?? 1;
-  const pageHeightsPx = plan.pages.map((p) => p.pageHeightMm * pxPerMm);
-  const maxPageWidthPx = Math.max(1, ...plan.pages.map((p) => p.pageWidthMm * pxPerMm));
-  const windowState = { start: 0, end: -1 };
-  let viewport = null;
-  let contentEl = null;
-  let topSpacer = null;
-  let bottomSpacer = null;
-  let slots = [];
-  let raf = 0;
-  let queued = [];
-  function ensureLayout() {
-    const vp = viewport;
-    vp.innerHTML = "";
-    contentEl = document.createElement("div");
-    contentEl.style.cssText = `width:${maxPageWidthPx}px;margin:0 auto;`;
-    topSpacer = document.createElement("div");
-    bottomSpacer = document.createElement("div");
-    contentEl.appendChild(topSpacer);
-    slots = [];
-    const slotCount = Math.min(plan.pages.length, 3 + overscan * 2);
-    for (let i = 0; i < slotCount; i++) {
-      const slot = document.createElement("div");
-      slot.style.cssText = `margin:0 auto ${gapPx}px;box-shadow:0 2px 8px rgba(0,0,0,.35);background:#fff;`;
-      contentEl.appendChild(slot);
-      slots.push(slot);
-    }
-    contentEl.appendChild(bottomSpacer);
-    vp.appendChild(contentEl);
-  }
-  function drawPageInto(slot, pageIndex) {
-    const page = plan.pages[pageIndex];
-    const { widthPx: w, heightPx: h } = measurePageSizePx(page, dpi);
-    let canvas = slot.firstElementChild;
-    if (!canvas || canvas.tagName !== "CANVAS") {
-      canvas = document.createElement("canvas");
-      slot.innerHTML = "";
-      slot.appendChild(canvas);
-    }
-    canvas.width = Math.round(w * dpr);
-    canvas.height = Math.round(h * dpr);
-    canvas.style.width = `${w}px`;
-    canvas.style.height = `${h}px`;
-    const ctx = canvas.getContext("2d");
-    if (!ctx) return;
-    ctx.setTransform(1, 0, 0, 1, 0, 0);
-    ctx.scale(dpr, dpr);
-    ctx.fillStyle = "#ffffff";
-    ctx.fillRect(0, 0, w, h);
-    for (const comp of page.components) {
-      drawComponent(ctx, comp, pxPerMm, dpi, fontFamily, measurer);
-    }
-    canvas.dataset.canvasPage = String(pageIndex);
-    slot.style.height = `${h}px`;
-    slot.style.width = `${w}px`;
-  }
-  function applyWindow(win) {
-    windowState.start = win.start;
-    windowState.end = win.end;
-    topSpacer.style.height = `${win.start * gapPx + pageHeightsPx.slice(0, win.start).reduce((s, h) => s + h, 0)}px`;
-    const below = plan.pages.length - 1 - win.end;
-    bottomSpacer.style.height = `${below * gapPx + pageHeightsPx.slice(win.end + 1).reduce((s, h) => s + h, 0)}px`;
-    const used = win.end - win.start + 1;
-    slots.forEach((slot, i) => {
-      if (i < used) {
-        slot.style.display = "";
-        const pageIndex = win.start + i;
-        slot.style.height = `${pageHeightsPx[pageIndex] ?? 0}px`;
-      } else {
-        slot.style.display = "none";
+function Oe(e, n = {}) {
+  if (typeof document > "u")
+    throw new Error("renderPlanToCanvas 需要浏览器环境（SSR 请在客户端钩子中调用）");
+  const i = n.dpr ?? (typeof devicePixelRatio == "number" ? devicePixelRatio : 1), t = n.dpi ?? 96, r = t / 96 * U, s = n.fontFamily ?? '"Microsoft YaHei", sans-serif', a = n.measurer ?? J, o = Math.max(0, n.start ?? 0), l = Math.min(e.pages.length - 1, n.end ?? e.pages.length - 1), d = [];
+  for (let h = o; h <= l; h++) {
+    const c = e.pages[h], { canvas: m, ctx: u } = Ae(c, i, t);
+    for (const g of c.components)
+      oe(u, g, r, t, s, a);
+    d.push(m);
+  }
+  return { canvases: d };
+}
+function je(e, n = {}) {
+  const i = n.dpr ?? (typeof devicePixelRatio == "number" ? devicePixelRatio : 1), t = n.dpi ?? 96, r = t / 96 * U, s = n.fontFamily ?? '"Microsoft YaHei", sans-serif', a = n.measurer ?? J, o = n.overscan ?? 1, l = n.gapPx ?? 18, d = n.pagesPerFrame ?? 1, h = e.pages.map((f) => f.pageHeightMm * r), c = Math.max(1, ...e.pages.map((f) => f.pageWidthMm * r)), m = { start: 0, end: -1 };
+  let u = null, g = null, M = null, p = null, k = [], T = 0, E = [];
+  function w() {
+    const f = u;
+    f.innerHTML = "", g = document.createElement("div"), g.style.cssText = `width:${c}px;margin:0 auto;`, M = document.createElement("div"), p = document.createElement("div"), g.appendChild(M), k = [];
+    const b = Math.min(e.pages.length, 3 + o * 2);
+    for (let P = 0; P < b; P++) {
+      const y = document.createElement("div");
+      y.style.cssText = `margin:0 auto ${l}px;box-shadow:0 2px 8px rgba(0,0,0,.35);background:#fff;`, g.appendChild(y), k.push(y);
+    }
+    g.appendChild(p), f.appendChild(g);
+  }
+  function I(f, b) {
+    const P = e.pages[b], { widthPx: y, heightPx: x } = ie(P, t);
+    let A = f.firstElementChild;
+    (!A || A.tagName !== "CANVAS") && (A = document.createElement("canvas"), f.innerHTML = "", f.appendChild(A)), A.width = Math.round(y * i), A.height = Math.round(x * i), A.style.width = `${y}px`, A.style.height = `${x}px`;
+    const z = A.getContext("2d");
+    if (z) {
+      z.setTransform(1, 0, 0, 1, 0, 0), z.scale(i, i), z.fillStyle = "#ffffff", z.fillRect(0, 0, y, x);
+      for (const ae of P.components)
+        oe(z, ae, r, t, s, a);
+      A.dataset.canvasPage = String(b), f.style.height = `${x}px`, f.style.width = `${y}px`;
+    }
+  }
+  function R(f) {
+    m.start = f.start, m.end = f.end, M.style.height = `${f.start * l + h.slice(0, f.start).reduce((y, x) => y + x, 0)}px`;
+    const b = e.pages.length - 1 - f.end;
+    p.style.height = `${b * l + h.slice(f.end + 1).reduce((y, x) => y + x, 0)}px`;
+    const P = f.end - f.start + 1;
+    k.forEach((y, x) => {
+      if (x < P) {
+        y.style.display = "";
+        const A = f.start + x;
+        y.style.height = `${h[A] ?? 0}px`;
+      } else
+        y.style.display = "none";
+    }), E = [];
+    for (let y = f.start; y <= f.end; y++) {
+      const x = k[y - f.start];
+      if (!x) continue;
+      x.firstElementChild?.dataset?.canvasPage !== String(y) && E.push(y);
+    }
+    D();
+  }
+  function D() {
+    T || E.length === 0 || (T = requestAnimationFrame(() => {
+      T = 0;
+      let f = Math.max(1, d);
+      for (; E.length > 0 && f-- > 0; ) {
+        const b = E.shift(), P = k[b - m.start];
+        P && I(P, b);
       }
-    });
-    queued = [];
-    for (let i = win.start; i <= win.end; i++) {
-      const slot = slots[i - win.start];
-      if (!slot) continue;
-      const already = slot.firstElementChild;
-      if (already?.dataset?.canvasPage !== String(i)) queued.push(i);
-    }
-    scheduleFrame();
-  }
-  function scheduleFrame() {
-    if (raf || queued.length === 0) return;
-    raf = requestAnimationFrame(() => {
-      raf = 0;
-      let budget = Math.max(1, pagesPerFrame);
-      while (queued.length > 0 && budget-- > 0) {
-        const pageIndex = queued.shift();
-        const slot = slots[pageIndex - windowState.start];
-        if (slot) drawPageInto(slot, pageIndex);
-      }
-      if (queued.length > 0) scheduleFrame();
-    });
-  }
-  function onScroll() {
-    if (raf) return;
-    raf = requestAnimationFrame(() => {
-      raf = 0;
-      const vp = viewport;
-      const win = computePageWindow({
-        pageHeightsPx,
-        viewportHeightPx: vp.clientHeight,
-        scrollTopPx: vp.scrollTop,
-        overscan,
-        gapPx
+      E.length > 0 && D();
+    }));
+  }
+  function $() {
+    T || (T = requestAnimationFrame(() => {
+      T = 0;
+      const f = u, b = Pe({
+        pageHeightsPx: h,
+        viewportHeightPx: f.clientHeight,
+        scrollTopPx: f.scrollTop,
+        overscan: o,
+        gapPx: l
       });
-      if (win.start !== windowState.start || win.end !== windowState.end) {
-        applyWindow(win);
-      } else {
-        scheduleFrame();
-      }
-    });
+      b.start !== m.start || b.end !== m.end ? R(b) : D();
+    }));
   }
+  let B = null;
   return {
-    attach(vp) {
-      viewport = vp;
-      ensureLayout();
-      vp.addEventListener("scroll", onScroll, { passive: true });
-      onScroll();
+    attach(f) {
+      if (typeof document > "u")
+        throw new Error("createCanvasPager 需要浏览器环境（SSR 请在客户端钩子中调用 attach）");
+      u = f, w(), f.addEventListener("scroll", $, { passive: !0 }), typeof ResizeObserver < "u" && (B = new ResizeObserver(() => $()), B.observe(f)), $();
     },
     destroy() {
-      if (raf) cancelAnimationFrame(raf);
-      raf = 0;
-      viewport?.removeEventListener("scroll", onScroll);
-      queued = [];
-      contentEl?.remove();
-      viewport = null;
+      T && cancelAnimationFrame(T), T = 0, B?.disconnect(), B = null, u?.removeEventListener("scroll", $), E = [], g?.remove(), u = null;
     },
     window() {
-      return { ...windowState };
+      return { ...m };
     }
   };
 }
-
-// src/compat/jh4j-template.ts
-function num(v, fallback) {
-  return typeof v === "number" && Number.isFinite(v) ? v : fallback;
+function S(e, n) {
+  return typeof e == "number" && Number.isFinite(e) ? e : n;
 }
-function str(v, fallback = "") {
-  return typeof v === "string" ? v : fallback;
+function v(e, n = "") {
+  return typeof e == "string" ? e : n;
 }
-function isRaw(v) {
-  return typeof v === "object" && v !== null && !Array.isArray(v);
+function N(e) {
+  return typeof e == "object" && e !== null && !Array.isArray(e);
 }
-function mapAlign(h) {
-  if (h === "Center") return "center";
-  if (h === "Right") return "right";
-  return "left";
+function $e(e) {
+  return e === "Center" ? "center" : e === "Right" ? "right" : "left";
 }
-function mapVAlign(v) {
-  if (v === "Center") return "middle";
-  if (v === "Bottom") return "bottom";
-  return "top";
+function He(e) {
+  return e === "Center" ? "middle" : e === "Bottom" ? "bottom" : "top";
 }
-function baseStyle(node) {
-  const fontSize = parseFloat(str(node["FontSize"], "10.5"));
+function Re(e) {
+  const n = parseFloat(v(e.FontSize, "10.5"));
   return {
-    fontSize: Number.isFinite(fontSize) ? fontSize : 10.5,
-    fontFamily: str(node["FontFamily"], "\u9ED1\u4F53") || void 0,
-    bold: str(node["FontWeight"]) === "bold" || void 0,
-    italic: str(node["FontStyle"]) === "italic" || void 0,
-    underline: node["Underline"] === true || void 0,
-    color: str(node["FontColor"]) || void 0,
-    backgroundColor: str(node["BackgroundColor"]) || void 0,
-    align: mapAlign(str(node["HorAlignment"], "Left")),
-    verticalAlign: mapVAlign(str(node["VertAlignment"], "Top")),
+    fontSize: Number.isFinite(n) ? n : 10.5,
+    fontFamily: v(e.FontFamily, "黑体") || void 0,
+    bold: v(e.FontWeight) === "bold" || void 0,
+    italic: v(e.FontStyle) === "italic" || void 0,
+    underline: e.Underline === !0 || void 0,
+    color: v(e.FontColor) || void 0,
+    backgroundColor: v(e.BackgroundColor) || void 0,
+    align: $e(v(e.HorAlignment, "Left")),
+    verticalAlign: He(v(e.VertAlignment, "Top")),
     lineHeight: (() => {
-      const lh = parseFloat(str(node["RowSpace"], "1"));
-      return Number.isFinite(lh) && lh !== 1 ? lh : void 0;
+      const i = parseFloat(v(e.RowSpace, "1"));
+      return Number.isFinite(i) && i !== 1 ? i : void 0;
     })(),
-    borderColor: str(node["BorderColor"]) || void 0,
-    borderTop: node["BorderTop"] !== false,
-    borderRight: node["BorderRight"] !== false,
-    borderBottom: node["BorderBottom"] !== false,
-    borderLeft: node["BorderLeft"] !== false
+    borderColor: v(e.BorderColor) || void 0,
+    borderTop: e.BorderTop !== !1,
+    borderRight: e.BorderRight !== !1,
+    borderBottom: e.BorderBottom !== !1,
+    borderLeft: e.BorderLeft !== !1
   };
 }
-function convertElement(node, warnings) {
-  const uitype = str(node["uitype"]);
-  const comp = {
+function Be(e, n) {
+  const i = v(e.uitype), t = {
     kind: "text",
-    leftMm: num(node["left"], 0),
-    topMm: num(node["top"], 0),
-    widthMm: num(node["width"], 40),
-    heightMm: num(node["height"], 8),
-    nid: str(node["nid"]) || void 0,
-    style: baseStyle(node)
+    leftMm: S(e.left, 0),
+    topMm: S(e.top, 0),
+    widthMm: S(e.width, 40),
+    heightMm: S(e.height, 8),
+    nid: v(e.nid) || void 0,
+    style: Re(e)
   };
-  switch (uitype) {
+  switch (i) {
     case "text": {
-      comp.kind = "text";
-      const text = node["Text"] ?? node["text"] ?? node["Value"];
-      comp.text = text == null ? "" : String(text);
-      const lines = node["Lines"] ?? node["lines"];
-      if (Array.isArray(lines)) {
-        comp.lines = lines.map((l) => String(l));
-      }
-      return comp;
+      t.kind = "text";
+      const r = e.Text ?? e.text ?? e.Value;
+      t.text = r == null ? "" : String(r);
+      const s = e.Lines ?? e.lines;
+      return Array.isArray(s) && (t.lines = s.map((a) => String(a))), t;
     }
     case "richtext":
-      comp.kind = "text";
-      comp.text = str(node["Text"]);
-      warnings.push(`\u5BCC\u6587\u672C ${comp.nid ?? ""} \u5BFC\u5165\u4E3A\u7EAF\u6587\u672C\uFF08\u7248\u5F0F\u7EC6\u8282\u53EF\u80FD\u635F\u5931\uFF09`);
-      return comp;
+      return t.kind = "text", t.text = v(e.Text), n.push(`富文本 ${t.nid ?? ""} 导入为纯文本（版式细节可能损失）`), t;
     case "image":
     case "barcode":
     case "qrcode":
     case "chart":
-      comp.kind = uitype === "image" ? "image" : uitype;
-      comp.fallbackText = `[${uitype}]`;
-      warnings.push(`\u56FE\u7247\u7C7B\u7EC4\u4EF6 ${comp.nid ?? ""} \u9700\u8FD0\u884C\u65F6\u6570\u636E\uFF08imageData\uFF09\uFF0C\u5DF2\u5BFC\u5165\u4E3A\u5360\u4F4D`);
-      return comp;
+      return t.kind = i === "image" ? "image" : i, t.fallbackText = `[${i}]`, n.push(`图片类组件 ${t.nid ?? ""} 需运行时数据（imageData），已导入为占位`), t;
     case "table": {
-      comp.kind = "rect";
-      const cellsRaw = node["Cells"] ?? node["cells"];
-      if (Array.isArray(cellsRaw)) {
-        const grid = {
-          cells: cellsRaw.map(
-            (row) => Array.isArray(row) ? row.map((cell) => ({
-              text: isRaw(cell) ? str(cell["Text"] ?? cell["text"]) : "",
-              colSpan: isRaw(cell) ? num(cell["ColSpan"], 1) : 1
+      t.kind = "rect";
+      const r = e.Cells ?? e.cells;
+      if (Array.isArray(r)) {
+        const s = {
+          cells: r.map(
+            (a) => Array.isArray(a) ? a.map((o) => ({
+              text: N(o) ? v(o.Text ?? o.text) : "",
+              colSpan: N(o) ? S(o.ColSpan, 1) : 1
             })) : []
           )
         };
-        comp.grid = grid;
-      } else {
-        comp.fallbackText = "[table]";
-        warnings.push(`\u8868\u683C ${comp.nid ?? ""} \u7F3A\u5C11 Cells\uFF0C\u5BFC\u5165\u4E3A\u7A7A\u6846`);
-      }
-      return comp;
+        t.grid = s;
+      } else
+        t.fallbackText = "[table]", n.push(`表格 ${t.nid ?? ""} 缺少 Cells，导入为空框`);
+      return t;
     }
     case "subreport":
-      warnings.push(`\u5B50\u62A5\u8868 ${comp.nid ?? ""} \u6682\u4E0D\u652F\u6301\u5BFC\u5165\uFF0C\u5DF2\u8DF3\u8FC7`);
-      return null;
-    default: {
-      if (str(node["ShapeType"]) === "hline" || uitype === "hline") {
-        comp.kind = "line";
-        return comp;
-      }
-      if (uitype === "vline") {
-        comp.kind = "line";
-        return comp;
-      }
-      if (uitype === "rect" || uitype === "oval" || uitype === "shape") {
-        comp.kind = uitype === "oval" ? "ellipse" : "rect";
-        return comp;
-      }
-      warnings.push(`\u672A\u77E5\u7EC4\u4EF6\u7C7B\u578B ${uitype}\uFF0C\u5DF2\u8DF3\u8FC7`);
-      return null;
-    }
+      return n.push(`子报表 ${t.nid ?? ""} 暂不支持导入，已跳过`), null;
+    default:
+      return v(e.ShapeType) === "hline" || i === "hline" || i === "vline" ? (t.kind = "line", t) : i === "rect" || i === "oval" || i === "shape" ? (t.kind = i === "oval" ? "ellipse" : "rect", t) : (n.push(`未知组件类型 ${i}，已跳过`), null);
   }
 }
-function importJh4jTemplateContent(content) {
-  const warnings = [];
-  let root = null;
-  if (typeof content === "string") {
+function Ge(e) {
+  const n = [];
+  let i = null;
+  if (typeof e == "string")
     try {
-      const parsed = JSON.parse(content);
-      if (isRaw(parsed)) root = parsed;
+      const d = JSON.parse(e);
+      N(d) && (i = d);
     } catch {
       return {
         template: { pages: [] },
-        warnings: ["content \u4E0D\u662F\u5408\u6CD5 JSON"]
+        warnings: ["content 不是合法 JSON"]
       };
     }
-  } else if (isRaw(content)) {
-    root = content;
-  }
-  if (!root) {
-    return { template: { pages: [] }, warnings: ["content \u4E3A\u7A7A"] };
-  }
-  const globalConfig = isRaw(root["GlobalConfig"]) ? root["GlobalConfig"] : {};
-  const defaultWidth = num(globalConfig["paperWidthMm"], 210);
-  const defaultHeight = num(globalConfig["paperHeightMm"], 297);
-  const defaultMargins = {
-    top: num(globalConfig["marginTop"], 10),
-    bottom: num(globalConfig["marginBottom"], 10),
-    left: num(globalConfig["marginLeft"], 10),
-    right: num(globalConfig["marginRight"], 10)
-  };
-  const pageNodes = Array.isArray(root["children"]) ? root["children"].filter((c) => isRaw(c) && str(c["uitype"]) === "page") : [];
-  if (pageNodes.length === 0) {
-    warnings.push("content \u4E2D\u6CA1\u6709 uitype=page \u7684\u9875\u8282\u70B9");
-  }
-  const pages = pageNodes.map((raw) => {
-    const node = raw;
-    const elements = Array.isArray(node["children"]) ? node["children"] : [];
-    const components = [];
-    for (const el of elements) {
-      if (!isRaw(el)) continue;
-      const converted = convertElement(el, warnings);
-      if (converted) components.push(converted);
+  else N(e) && (i = e);
+  if (!i)
+    return { template: { pages: [] }, warnings: ["content 为空"] };
+  const t = N(i.GlobalConfig) ? i.GlobalConfig : {}, r = S(t.paperWidthMm, 210), s = S(t.paperHeightMm, 297), a = {
+    top: S(t.marginTop, 10),
+    bottom: S(t.marginBottom, 10),
+    left: S(t.marginLeft, 10),
+    right: S(t.marginRight, 10)
+  }, o = Array.isArray(i.children) ? i.children.filter((d) => N(d) && v(d.uitype) === "page") : [];
+  o.length === 0 && n.push("content 中没有 uitype=page 的页节点");
+  const l = o.map((d) => {
+    const h = d, c = Array.isArray(h.children) ? h.children : [], m = [];
+    for (const u of c) {
+      if (!N(u)) continue;
+      const g = Be(u, n);
+      g && m.push(g);
     }
     return {
-      widthMm: num(node["width"], defaultWidth),
-      heightMm: num(node["DesignHeight"], defaultHeight),
-      marginTopMm: num(node["MarginTop"], defaultMargins.top),
-      marginBottomMm: num(node["MarginBottom"], defaultMargins.bottom),
-      marginLeftMm: num(node["MarginLeft"], defaultMargins.left),
-      marginRightMm: num(node["MarginRight"], defaultMargins.right),
-      components
+      widthMm: S(h.width, r),
+      heightMm: S(h.DesignHeight, s),
+      marginTopMm: S(h.MarginTop, a.top),
+      marginBottomMm: S(h.MarginBottom, a.bottom),
+      marginLeftMm: S(h.MarginLeft, a.left),
+      marginRightMm: S(h.MarginRight, a.right),
+      components: m
     };
   });
-  if (pages.length === 0) {
-    warnings.push("\u8F6C\u6362\u7ED3\u679C\u4E3A\u7A7A\u9875\uFF0C\u5DF2\u56DE\u9000\u4E00\u5F20\u7A7A\u767D\u9875");
-    pages.push({
-      widthMm: defaultWidth,
-      heightMm: defaultHeight,
-      ...defaultMargins,
-      components: []
-    });
-  }
-  return { template: { pages }, warnings };
-}
-
-// src/builder/template-builder.ts
-function resolvePaper(paper, heightArg, landscape) {
-  let widthMm;
-  let heightMm;
-  if (typeof paper === "string") {
-    const preset = PAPER_SIZES[paper];
-    if (!preset) throw new Error(`\u672A\u77E5\u7EB8\u5F20\u9884\u8BBE "${paper}"\uFF08\u53EF\u7528\uFF1A${Object.keys(PAPER_SIZES).join("/")}\uFF09`);
-    widthMm = preset.widthMm;
-    heightMm = preset.heightMm;
-  } else if (typeof paper === "number") {
-    widthMm = paper;
-    heightMm = heightArg ?? 297;
-  } else {
-    widthMm = paper.widthMm;
-    heightMm = paper.heightMm;
-  }
-  return landscape ? { widthMm: heightMm, heightMm: widthMm } : { widthMm, heightMm };
-}
-var TemplateBuilder = class {
+  return l.length === 0 && (n.push("转换结果为空页，已回退一张空白页"), l.push({
+    widthMm: r,
+    heightMm: s,
+    ...a,
+    components: []
+  })), { template: { pages: l }, warnings: n };
+}
+function Ne(e, n, i) {
+  let t, r;
+  if (typeof e == "string") {
+    const s = K[e];
+    if (!s) throw new Error(`未知纸张预设 "${e}"（可用：${Object.keys(K).join("/")}）`);
+    t = s.widthMm, r = s.heightMm;
+  } else typeof e == "number" ? (t = e, r = n ?? 297) : (t = e.widthMm, r = e.heightMm);
+  return i ? { widthMm: r, heightMm: t } : { widthMm: t, heightMm: r };
+}
+class Le {
   constructor() {
-    this.pages = [];
-    this.pending = null;
+    this.pages = [], this.pending = null;
   }
   /**
    * 新建页。纸张支持三种写法：
@@ -1493,106 +788,89 @@ var TemplateBuilder = class {
    * - 数字：.page(210, 297)（第三参数兼容旧 margins 对象或新 options）
    * - 对象：.page({ widthMm: 210, heightMm: 297 })
    */
-  page(paper = "a4", optionsOrHeight = {}, maybeOptions) {
+  page(n = "a4", i = {}, t) {
     this.collect();
-    const legacyMargins = maybeOptions != null && !("margins" in maybeOptions) && !("landscape" in maybeOptions) && ("marginTopMm" in maybeOptions || "marginBottomMm" in maybeOptions || "marginLeftMm" in maybeOptions || "marginRightMm" in maybeOptions);
-    const options = legacyMargins ? { margins: maybeOptions } : maybeOptions ?? {};
-    const { widthMm, heightMm } = resolvePaper(
-      paper,
-      typeof optionsOrHeight === "number" ? optionsOrHeight : void 0,
-      options.landscape
-    );
-    const margins = options.margins ?? {};
-    this.pending = new PageBuilder(this, {
-      widthMm,
-      heightMm,
-      marginTopMm: margins.marginTopMm ?? 10,
-      marginBottomMm: margins.marginBottomMm ?? 10,
-      marginLeftMm: margins.marginLeftMm ?? 10,
-      marginRightMm: margins.marginRightMm ?? 10
-    });
-    return this.pending;
+    const s = t != null && !("margins" in t) && !("landscape" in t) && ("marginTopMm" in t || "marginBottomMm" in t || "marginLeftMm" in t || "marginRightMm" in t) ? { margins: t } : t ?? {}, { widthMm: a, heightMm: o } = Ne(
+      n,
+      typeof i == "number" ? i : void 0,
+      s.landscape
+    ), l = s.margins ?? {};
+    return this.pending = new ze(this, {
+      widthMm: a,
+      heightMm: o,
+      marginTopMm: l.marginTopMm ?? 10,
+      marginBottomMm: l.marginBottomMm ?? 10,
+      marginLeftMm: l.marginLeftMm ?? 10,
+      marginRightMm: l.marginRightMm ?? 10
+    }), this.pending;
   }
   collect() {
-    if (this.pending) {
-      this.pages.push(this.pending.buildPage());
-      this.pending = null;
-    }
+    this.pending && (this.pages.push(this.pending.buildPage()), this.pending = null);
   }
   build() {
-    this.collect();
-    if (this.pages.length === 0) {
-      throw new Error("\u6A21\u677F\u81F3\u5C11\u9700\u8981\u4E00\u9875\uFF1A\u5148\u8C03\u7528 .page() \u6DFB\u52A0\u5185\u5BB9");
-    }
+    if (this.collect(), this.pages.length === 0)
+      throw new Error("模板至少需要一页：先调用 .page() 添加内容");
     return { pages: this.pages };
   }
-};
-var PageBuilder = class {
-  constructor(parent, page) {
-    this.parent = parent;
-    this.page = page;
-    this.components = [];
+}
+class ze {
+  constructor(n, i) {
+    this.parent = n, this.page = i, this.components = [];
   }
-  text(content, geometry = {}, style = {}) {
-    this.components.push({
+  text(n, i = {}, t = {}) {
+    return this.components.push({
       kind: "text",
-      leftMm: geometry.leftMm ?? 0,
-      topMm: geometry.topMm ?? 0,
-      widthMm: geometry.widthMm ?? 60,
-      heightMm: geometry.heightMm ?? 8,
-      text: content,
-      style
-    });
-    return this;
-  }
-  list(dataset, geometry, columns, options = {}) {
-    this.components.push({
+      leftMm: i.leftMm ?? 0,
+      topMm: i.topMm ?? 0,
+      widthMm: i.widthMm ?? 60,
+      heightMm: i.heightMm ?? 8,
+      text: n,
+      style: t
+    }), this;
+  }
+  list(n, i, t, r = {}) {
+    return this.components.push({
       kind: "list",
-      leftMm: geometry.leftMm ?? 10,
-      topMm: geometry.topMm ?? 30,
-      widthMm: geometry.widthMm ?? 180,
-      dataset,
-      columns,
-      ...options
-    });
-    return this;
-  }
-  rect(geometry, style = {}) {
-    this.components.push({ kind: "rect", ...geometry, style });
-    return this;
-  }
-  line(leftMm, topMm, widthMm, style = {}) {
-    this.components.push({
+      leftMm: i.leftMm ?? 10,
+      topMm: i.topMm ?? 30,
+      widthMm: i.widthMm ?? 180,
+      dataset: n,
+      columns: t,
+      ...r
+    }), this;
+  }
+  rect(n, i = {}) {
+    return this.components.push({ kind: "rect", ...n, style: i }), this;
+  }
+  line(n, i, t, r = {}) {
+    return this.components.push({
       kind: "line",
-      leftMm,
-      topMm,
-      widthMm,
+      leftMm: n,
+      topMm: i,
+      widthMm: t,
       heightMm: 0.5,
-      style
-    });
-    return this;
+      style: r
+    }), this;
   }
-  barcode(content, geometry) {
-    this.components.push({
+  barcode(n, i) {
+    return this.components.push({
       kind: "barcode",
-      leftMm: geometry.leftMm ?? 0,
-      topMm: geometry.topMm ?? 0,
-      widthMm: geometry.widthMm ?? 40,
-      heightMm: geometry.heightMm ?? 12,
-      fallbackText: content
-    });
-    return this;
-  }
-  qrcode(content, sizeMm, leftMm, topMm) {
-    this.components.push({
+      leftMm: i.leftMm ?? 0,
+      topMm: i.topMm ?? 0,
+      widthMm: i.widthMm ?? 40,
+      heightMm: i.heightMm ?? 12,
+      fallbackText: n
+    }), this;
+  }
+  qrcode(n, i, t, r) {
+    return this.components.push({
       kind: "qrcode",
-      leftMm,
-      topMm,
-      widthMm: sizeMm,
-      heightMm: sizeMm,
-      fallbackText: content
-    });
-    return this;
+      leftMm: t,
+      topMm: r,
+      widthMm: i,
+      heightMm: i,
+      fallbackText: n
+    }), this;
   }
   buildPage() {
     return { ...this.page, components: this.components };
@@ -1603,9 +881,60 @@ var PageBuilder = class {
   build() {
     return this.done().build();
   }
-};
-function createTemplate() {
-  return new TemplateBuilder();
 }
-
-export { CSS_DPI, DEFAULT_BORDER_PT, DEFAULT_FONT_PT, DEFAULT_STROKE_COLOR, DEFAULT_TEXT_COLOR, LINE_HEIGHT, MM_PER_INCH, PAPER_SIZES, PageBuilder, RENDER_PLAN_SCHEMA_VERSION, SCHEMA_VERSION_JH4J, SCHEMA_VERSION_LOCAL, SCHEMA_VERSION_MACH, TemplateBuilder, assertRenderPlan, charWidthEm, classOf, computePageWindow, createCanvasMeasurer, createCanvasPager, createHeuristicMeasurer, createTemplate, heuristicMeasurer, importJh4jTemplateContent, isImageBackedComponent, isRichText, measurePageSizePx, measureTextMm, mmToPx, mmToPxFactor, paginateTemplate, planFontSizePx, ptToPx, pxToMm, renderComponent, renderPage, renderPlan, renderPlanToCanvas, resolveBoxBorders, resolveFontSize, resolveGridLayout, resolveLineHeight, resolvePaper, resolveStroke, resolveTextColor, round, toRenderPlan, validateComponent, validatePage, validateRenderPlan, wrapText };
+function Ve() {
+  return new Le();
+}
+export {
+  Ue as CSS_DPI,
+  Ke as DEFAULT_BORDER_PT,
+  j as DEFAULT_FONT_PT,
+  Ye as DEFAULT_STROKE_COLOR,
+  me as DEFAULT_TEXT_COLOR,
+  q as LINE_HEIGHT,
+  Xe as MM_PER_INCH,
+  K as PAPER_SIZES,
+  ze as PageBuilder,
+  se as RENDER_PLAN_SCHEMA_VERSION,
+  Ze as SCHEMA_VERSION_JH4J,
+  Qe as SCHEMA_VERSION_LOCAL,
+  et as SCHEMA_VERSION_MACH,
+  Le as TemplateBuilder,
+  _e as assertRenderPlan,
+  tt as charWidthEm,
+  C as classOf,
+  Pe as computePageWindow,
+  nt as createCanvasMeasurer,
+  je as createCanvasPager,
+  it as createHeuristicMeasurer,
+  Ve as createTemplate,
+  J as heuristicMeasurer,
+  Ge as importJh4jTemplateContent,
+  le as isImageBackedComponent,
+  Z as isRichText,
+  ie as measurePageSizePx,
+  rt as measureTextMm,
+  de as mmToPx,
+  ot as mmToPxFactor,
+  We as paginateTemplate,
+  De as planFontSizePx,
+  O as ptToPx,
+  at as pxToMm,
+  ne as renderComponent,
+  xe as renderPage,
+  Ie as renderPlan,
+  Oe as renderPlanToCanvas,
+  V as resolveBoxBorders,
+  W as resolveFontSize,
+  ce as resolveGridLayout,
+  he as resolveLineHeight,
+  Ne as resolvePaper,
+  F as resolveStroke,
+  Q as resolveTextColor,
+  _ as round,
+  st as toRenderPlan,
+  ee as validateComponent,
+  ue as validatePage,
+  pe as validateRenderPlan,
+  G as wrapText
+};