@agile-team/mach-report 0.6.0 → 0.7.0

package/dist/index.js

@@ -1,6 +1,6 @@
-import { h as V, R as at, D as j, w as O, L as J, i as st, r as F, m as lt, a as _, b as X, c as z, d as G, p as D, e as dt, f as Z, g as ht, j as ct, P as U } from "./style-B7Xfo5I-.js";
-import { C as qt, k as Ut, l as Kt, M as Yt, S as Xt, n as Zt, o as Qt, q as te, s as ee, t as ne, u as ie, v as re, x as oe, y as ae } from "./style-B7Xfo5I-.js";
-const mt = /* @__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",
@@ -10,161 +10,177 @@ const mt = /* @__PURE__ */ new Set([
   "rect",
   "ellipse"
 ]);
-function L(t) {
-  return typeof t == "object" && t !== null && !Array.isArray(t);
+function L(e) {
+  return typeof e == "object" && e !== null && !Array.isArray(e);
 }
-function gt(t, n, i, e) {
-  const r = t[n];
-  r != null && (typeof r != "number" || !Number.isFinite(r)) && e.push({ path: `${i}.${n}`, message: `应为有限数字，实际 ${JSON.stringify(r)}` });
+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 Q(t, n, i, e = []) {
-  if (!L(t)) {
+function ee(e, n, i, t = []) {
+  if (!L(e)) {
     i.push({ path: n, message: "组件应为对象" });
     return;
   }
-  const r = t.kind;
-  typeof r != "string" ? i.push({ path: `${n}.kind`, message: "组件缺少 kind 字符串" }) : mt.has(r) || e.push({
+  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"])
-    gt(t, o, n, i);
-  t.leftMm != null && t.widthMm != null && (t.leftMm < -100 || t.widthMm < 0) && i.push({ path: n, message: "几何数值异常（leftMm<-100 或 widthMm<0）" });
-  const l = t.grid;
-  l !== void 0 && (!L(l) || !Array.isArray(l.cells) ? i.push({ path: `${n}.grid.cells`, message: "grid.cells 应为二维数组" }) : l.cells.forEach((o, s) => {
+    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.${s}`, message: "行应为数组" });
+      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) => {
-        Q(c, `${n}.grid.cells.${s}.${h}.children.${m}`, i, e);
+        ee(c, `${n}.grid.cells.${l}.${h}.children.${m}`, i, t);
       });
     });
   }));
-  const a = t.richParagraphs;
-  a !== void 0 && (Array.isArray(a) ? a.forEach((o, s) => {
-    (!L(o) || !Array.isArray(o.segments)) && i.push({ path: `${n}.richParagraphs.${s}`, message: "段落缺少 segments 数组" });
+  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 ft(t, n, i, e = []) {
-  if (!L(t)) {
+function ue(e, n, i, t = []) {
+  if (!L(e)) {
     i.push({ path: n, message: "页应为对象" });
     return;
   }
-  const r = t.pageWidthMm, l = t.pageHeightMm;
-  (typeof r != "number" || !(r > 0 && r < 3e3)) && i.push({ path: `${n}.pageWidthMm`, message: `页宽非法: ${JSON.stringify(r)}` }), (typeof l != "number" || !(l > 0 && l < 5e3)) && i.push({ path: `${n}.pageHeightMm`, message: `页高非法: ${JSON.stringify(l)}` });
-  const a = t.components;
+  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, s) => Q(o, `${n}.components.${s}`, i, e)
+    (o, l) => ee(o, `${n}.components.${l}`, i, t)
   );
 }
-function ut(t) {
-  const n = [], i = [], e = L(t) ? t.pages : void 0;
-  return Array.isArray(e) ? e.forEach((r, l) => ft(r, `$.pages.${l}`, n, i)) : n.push({
-    path: "$.pages",
-    message: t == null ? "渲染计划为空" : "渲染计划缺少 pages 数组"
-  }), { ok: n.length === 0, errors: n, warnings: i };
+function pe(e) {
+  const n = [], i = [], t = L(e) ? e.pages : void 0;
+  if (!Array.isArray(t))
+    n.push({
+      path: "$.pages",
+      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} 个），可能触发浏览器性能限制`
+    });
+  }
+  return { ok: n.length === 0, errors: n, warnings: i };
 }
-function Ft(t) {
-  const n = ut(t);
+function _e(e) {
+  const n = pe(e);
   if (!n.ok) {
-    const i = n.errors.slice(0, 3).map((e) => `${e.path}: ${e.message}`).join("; ");
+    const i = n.errors.slice(0, 3).map((t) => `${t.path}: ${t.message}`).join("; ");
     throw new Error(`渲染计划校验失败(${n.errors.length} 处): ${i}`);
   }
-  return t.pages;
+  return e.pages;
 }
-function K(t) {
+function Y(e) {
   return {
-    widthMm: t.widthMm,
-    heightMm: t.heightMm,
-    marginTopMm: t.marginTopMm ?? 0,
-    marginBottomMm: t.marginBottomMm ?? 0,
-    marginLeftMm: t.marginLeftMm ?? 0,
-    marginRightMm: t.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 pt(t, n) {
-  return n.heightMm - (t.marginBottomMm ?? n.marginBottomMm);
+function Me(e, n) {
+  return n.heightMm - (e.marginBottomMm ?? n.marginBottomMm);
 }
-function Mt(t, n) {
-  const e = (t.fontSizePt ?? j) * J * 25.4 / 72, r = (t.paddingMm ?? 1) * 2;
-  return Math.max(t.rowHeightMm ?? 0, n * e + r);
+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 bt(t) {
-  if (t == null) return "";
-  if (typeof t == "string") return t;
-  if (typeof t == "number") return String(t);
-  if (typeof t == "boolean") return t ? "是" : "否";
-  if (t instanceof Date) return t.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(t);
+    return JSON.stringify(e);
   } catch {
-    return String(t);
+    return String(e);
   }
 }
-function yt(t, n) {
-  const i = t.fontSizePt ?? j, e = t.paddingMm ?? 1, r = t.columns.map(
+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" }
-  ), l = t.columns.map(
+  ), s = e.columns.map(
     (m) => ({
-      bold: t.headerBold ?? !0,
+      bold: e.headerBold ?? !0,
       align: "center",
       verticalAlign: "middle",
-      backgroundColor: t.headerBackgroundColor,
+      backgroundColor: e.headerBackgroundColor,
       ...m.style || {}
     })
-  ), a = t.columns.map((m) => m.header), o = a.map(
-    (m, f) => O(
+  ), a = e.columns.map((m) => m.header), o = a.map(
+    (m, u) => G(
       m,
-      t.columns[f].widthMm - e * 2,
-      { fontSizePt: i, bold: t.headerBold ?? !0 },
+      e.columns[u].widthMm - t * 2,
+      { fontSizePt: i, bold: e.headerBold ?? !0 },
       n
     )
-  ), s = Math.max(...o.map((m) => m.length), 1), d = Mt(t, s), h = a.map((m, f) => ({
+  ), l = Math.max(...o.map((m) => m.length), 1), d = be(e, l), h = a.map((m, u) => ({
     text: m,
-    style: l[f]
-  })), c = t.border === !1 ? { borderTop: !1, borderRight: !1, borderBottom: !1, borderLeft: !1 } : { borderBottom: !0, borderLeft: !0, borderRight: !0, borderTop: !0 };
+    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: i,
-    paddingMm: e,
+    paddingMm: t,
     cellStyles: r,
     borderStyle: c,
     headerHeightMm: d,
     headerGrid: { cells: [h], rowHeightsMm: [d] },
-    columns: t.columns
+    columns: e.columns
   };
 }
-function wt(t, n, i) {
-  const e = t.columns, r = new Array(e.length);
-  let l = 1;
-  for (let h = 0; h < e.length; h++)
-    r[h] = bt(n[e[h].field]);
-  const a = new Array(e.length);
-  for (let h = 0; h < e.length; h++) {
-    const c = O(
+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],
-      e[h].widthMm - t.paddingMm * 2,
-      { fontSizePt: t.fontSizePt },
+      t[h].widthMm - e.paddingMm * 2,
+      { fontSizePt: e.fontSizePt },
       i
     );
-    a[h] = c, c.length > l && (l = c.length);
-  }
-  const o = t.fontSizePt * J * 25.4 / 72, s = Math.max(
-    t.rowHeightFloorMm,
-    l * o + t.paddingMm * 2
-  ), d = new Array(e.length);
-  for (let h = 0; h < e.length; h++)
-    d[h] = { text: r[h], style: t.cellStyles[h] };
-  return { grid: { cells: [d], rowHeightsMm: [s] }, heightMm: s };
-}
-function _t(t, n, i = {}) {
-  const e = typeof i == "number" ? { mmPerRow: i } : i, r = e.mmPerRow ?? 0, l = e.measurer ?? V, a = [], o = [];
-  let s = 0;
-  const d = (h) => `${h}_${(++s).toString(36)}`;
-  for (const h of t.pages) {
-    const c = K(h), m = () => pt(h, c), f = c.marginTopMm, g = () => {
+    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,
@@ -175,17 +191,17 @@ function _t(t, n, i = {}) {
         components: c.components
       });
     };
-    for (const b of h.components) {
-      if (b.kind !== "list") {
-        c.components.push(b);
+    for (const M of h.components) {
+      if (M.kind !== "list") {
+        c.components.push(M);
         continue;
       }
-      const p = b, C = n[p.dataset];
-      Array.isArray(C) || a.push(`数据集 ${p.dataset} 未提供数据，列表 ${p.id ?? ""} 输出为空`);
-      const v = Array.isArray(C) ? C : [], E = p.columns.reduce((y, S) => y + S.widthMm, 0), w = E > p.widthMm ? p.widthMm / E : 1, W = w === 1 ? p : { ...p, columns: p.columns.map((y) => ({ ...y, widthMm: y.widthMm * w })) }, R = {
-        ...yt(W, l),
-        rowHeightFloorMm: W.rowHeightMm ?? 0
-      }, I = {
+      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: p.leftMm,
         topMm: 0,
@@ -195,38 +211,38 @@ function _t(t, n, i = {}) {
         nid: d("listh"),
         style: R.borderStyle
       };
-      let H = p.topMm;
-      const u = (y, S) => {
-        y.components.push({ ...I, topMm: S });
+      let $ = p.topMm;
+      const B = (f, b) => {
+        f.components.push({ ...D, topMm: b });
       };
-      u(c, H), H += R.headerHeightMm + r;
-      for (let y = 0; y < v.length; y++) {
-        const S = wt(R, v[y], l);
-        if (H + S.heightMm > m()) {
+      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 M = K(h);
-          c.components = M.components, c.heightMm = M.heightMm, W.headerEveryPage !== !1 ? (u(c, p.topMm), H = p.topMm + R.headerHeightMm) : H = f;
+          const P = Y(h);
+          c.components = P.components, c.heightMm = P.heightMm, I.headerEveryPage !== !1 ? (B(c, p.topMm), $ = p.topMm + R.headerHeightMm) : $ = u;
         }
         c.components.push({
           kind: "rect",
           leftMm: p.leftMm,
-          topMm: H,
+          topMm: $,
           widthMm: p.widthMm,
-          heightMm: S.heightMm,
-          grid: S.grid,
+          heightMm: b.heightMm,
+          grid: b.grid,
           nid: d("listr"),
           style: R.borderStyle
-        }), H += S.heightMm;
+        }), $ += b.heightMm;
       }
     }
     g();
   }
   return {
-    plan: { schemaVersion: at, pages: o },
+    plan: { schemaVersion: se, pages: o },
     warnings: a
   };
 }
-const St = {
+const Te = {
   root: "mr-root",
   page: "mr-page",
   comp: "mr-comp",
@@ -243,23 +259,23 @@ const St = {
   cell: "mr-cell",
   unknown: "mr-unknown"
 };
-function x(t, n) {
-  return n?.classNames?.[t] ?? St[t];
+function C(e, n) {
+  return n?.classNames?.[e] ?? Te[e];
 }
-class $ {
+class H {
   constructor() {
     this.props = [];
   }
   add(n, i) {
     return i == null || i === !1 || i === "" ? this : (this.props.push([n, String(i)]), this);
   }
-  mm(n, i, e, r = 2) {
-    return this.add(n, `${F(lt(i, e), r)}px`);
+  mm(n, i, t, r = 2) {
+    return this.add(n, `${_(de(i, t), r)}px`);
   }
   toString() {
     let n = "";
-    for (const [i, e] of this.props)
-      n += `${i}:${e};`;
+    for (const [i, t] of this.props)
+      n += `${i}:${t};`;
     return n;
   }
   applyTo(n) {
@@ -267,58 +283,58 @@ class $ {
     i && (n.style.cssText = i);
   }
 }
-function tt(t, n, i) {
-  const e = n.style || {};
-  t.add("color", e.color).add("background-color", e.backgroundColor).add("font-family", e.fontFamily).add("font-weight", e.bold ? "700" : void 0).add("font-style", e.italic ? "italic" : void 0).add("text-decoration", e.underline ? "underline" : void 0).add("letter-spacing", e.letterSpacing != null ? `${e.letterSpacing}pt` : void 0).add("opacity", e.opacity != null ? String(e.opacity) : void 0).add("transform", e.rotateDeg ? `rotate(${e.rotateDeg}deg)` : void 0);
-  const r = _(e, i);
-  t.add("font-size", `${F(r.fontSizePx, 2)}px`);
+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 Tt(t, n, i, e, r) {
-  const l = r.createElement("table");
-  if (l.className = x("grid", e), new $().add("width", "100%").add("height", "100%").add("border-collapse", "collapse").add("table-layout", t.colWidthsMm ? "fixed" : "auto").applyTo(l), t.colWidthsMm) {
+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 t.colWidthsMm) {
+    for (const h of e.colWidthsMm) {
       const c = r.createElement("col");
-      new $().mm("width", h, i).applyTo(c), d.appendChild(c);
+      new H().mm("width", h, i).applyTo(c), d.appendChild(c);
     }
-    l.appendChild(d);
+    s.appendChild(d);
   }
-  const a = G(n.style), o = z(n.style), s = a.inner ? `${F(o.widthPt * i / 72, 2)}px solid ${o.color}` : "";
-  return t.cells.forEach((d, h) => {
+  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 = x("row", e), t.rowHeightsMm?.[h] != null && new $().mm("height", t.rowHeightsMm[h], i).applyTo(c), (d || []).forEach((m) => {
-      const f = r.createElement("td");
-      f.className = x("cell", e), m?.colSpan && (f.colSpan = m.colSpan), m?.rowSpan && (f.rowSpan = m.rowSpan);
-      const g = new $();
-      if (s && g.add("border", s), m?.style) {
-        const b = m.style;
-        g.add("text-align", b.align).add("vertical-align", b.verticalAlign).add("background-color", b.backgroundColor).add("color", b.color).add("font-weight", b.bold ? "700" : void 0), g.add("font-size", `${F(_(b, i).fontSizePx, 2)}px`);
+    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`);
       }
-      if (g.applyTo(f), m?.text != null && (f.textContent = m.text), m?.children?.length)
-        for (const b of m.children)
-          f.appendChild(et(b, i, e, r));
-      c.appendChild(f);
-    }), l.appendChild(c);
-  }), l;
-}
-function vt(t, n, i, e) {
-  const r = e.createElement("div");
-  r.className = x("text", i);
-  const l = t.style || {}, a = new $().add("text-align", l.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",
-    l.verticalAlign === "middle" ? "center" : l.verticalAlign === "bottom" ? "flex-end" : "flex-start"
+    s.verticalAlign === "middle" ? "center" : s.verticalAlign === "bottom" ? "flex-end" : "flex-start"
   ).add("overflow", "hidden");
-  if (tt(a, t, n), a.applyTo(r), X(t)) {
-    const o = e.createElement("div");
-    o.className = x("rich", i);
-    for (const s of t.richParagraphs) {
-      const d = e.createElement("div");
-      d.className = x("paragraph", i), new $().add("text-align", s.align).add("line-height", s.lineHeight != null ? String(s.lineHeight) : void 0).mm("margin-top", s.spaceBeforeMm ?? 0, n).mm("margin-bottom", s.spaceAfterMm ?? 0, n).mm("text-indent", s.indentMm ?? 0, n).applyTo(d);
-      for (const c of s.segments || []) {
-        const m = e.createElement("span");
-        if (m.className = x("segment", i), m.textContent = c.kind === "field" ? c.field ?? "" : c.text ?? "", c.style) {
-          const f = new $().add("color", c.style.color).add("font-weight", c.style.bold ? "700" : void 0);
-          f.add("font-size", `${F(_(c.style, n).fontSizePx, 2)}px`), f.applyTo(m);
+  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);
         }
         d.appendChild(m);
       }
@@ -326,148 +342,148 @@ function vt(t, n, i, e) {
     }
     return r.appendChild(o), r;
   }
-  if (Array.isArray(t.lines) && t.lines.length > 0) {
-    const o = e.createElement("div");
-    o.className = x("lines", i), l.lineHeight != null && new $().add("line-height", String(l.lineHeight)).applyTo(o);
-    for (const s of t.lines) {
-      const d = e.createElement("div");
-      d.className = x("line", i), d.textContent = s, o.appendChild(d);
+  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 = t.text ?? "", r;
-}
-function kt(t, n, i) {
-  const e = i.createElement("img");
-  return e.className = x("image", n), e.src = t.imageData, new $().add("width", "100%").add("height", "100%").add("object-fit", "contain").add("display", "block").applyTo(e), e.alt = t.kind, e;
-}
-function Y(t, n, i, e) {
-  const r = e.createElement("div");
-  r.className = x("shape", i);
-  const l = t.style || {}, a = z(l), o = G(l), s = `${F(a.widthPt * n / 72, 2)}px solid ${a.color}`, d = new $();
-  return t.grid || t.kind === "rect" ? (o.top && d.add("border-top", s), o.right && d.add("border-right", s), o.bottom && d.add("border-bottom", s), o.left && d.add("border-left", s)) : t.kind === "ellipse" ? (o.inner && d.add("border", s).add("border-radius", "50%"), l.backgroundColor && d.add("background-color", l.backgroundColor)) : t.kind === "line" && d.add("height", "0").add("border-top", s), d.add("box-sizing", "border-box").add("width", "100%").add("height", "100%"), d.applyTo(r), r;
-}
-function et(t, n, i, e) {
-  const r = e.createElement("div");
-  r.className = `${x("comp", i)} mr-kind-${t.kind}`;
-  const l = new $().add("position", "absolute").mm("left", t.leftMm, n).mm("top", t.topMm, n).mm("width", t.widthMm, n).mm("height", t.heightMm, n).add("box-sizing", "border-box");
-  if (tt(l, t, n), l.applyTo(r), st(t))
-    return r.appendChild(kt(t, i, e)), r;
-  if (t.kind === "text")
-    return r.appendChild(vt(t, n, i, e)), r;
-  if (t.grid) {
-    const o = Y(t, n, i, e);
-    return o.appendChild(Tt(t.grid, t, n, i, e)), r.appendChild(o), r;
-  }
-  if (t.kind === "line" || t.kind === "rect" || t.kind === "ellipse" || t.kind === "chart")
-    return r.appendChild(Y(t, n, i, e)), r;
-  const a = e.createElement("div");
-  return a.className = x("unknown", i), a.textContent = t.fallbackText ?? "", r.appendChild(a), r;
-}
-function xt(t, n, i, e) {
-  const r = e.createElement("div");
-  r.className = x("page", i), new $().add("position", "relative").mm("width", t.pageWidthMm, n).mm("height", t.pageHeightMm, n).add("background-color", "#fff").add("overflow", "hidden").add("box-sizing", "border-box").applyTo(r);
-  for (const l of t.components)
-    r.appendChild(et(l, n, i, e));
+  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 Wt(t, n, i = {}) {
-  const e = i.dpi ?? 96, r = n.createElement("div");
-  return r.className = x("root", i), r.dataset.schemaVersion = t.schemaVersion, t.pages.forEach((l) => {
-    r.appendChild(xt(l, e, i, n));
+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 Ct(t) {
-  const { pageHeightsPx: n, viewportHeightPx: i, scrollTopPx: e, overscan: r = 1, gapPx: l = 0 } = t, a = n.length;
+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 o = Math.max(0, l), s = new Array(a + 1);
-  s[0] = 0;
+  const o = Math.max(0, s), l = new Array(a + 1);
+  l[0] = 0;
   for (let w = 0; w < a; w++)
-    s[w + 1] = s[w] + Math.max(0, n[w] ?? 0) + o;
-  const d = s[a], h = Math.max(0, e);
-  let c = 0, m = 0, f = a - 1;
-  for (; m <= f; ) {
-    const w = m + f >> 1;
-    s[w] <= h ? (c = w, m = w + 1) : f = w - 1;
-  }
-  const g = Math.max(0, Math.min(a - 1, c - r)), b = s[c] + Math.max(0, i);
+    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, f = a - 1; m <= f; ) {
-    const w = m + f >> 1;
-    s[w + 1] < b ? m = w + 1 : (p = w, f = w - 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 C = Math.min(a - 1, p + r), v = s[g], E = Math.max(0, d - s[C + 1]);
-  return { start: g, end: C, padTopPx: v, padBottomPx: E };
+  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 q = 96 / 25.4;
-function nt(t, n = 96) {
-  const i = n / 96 * q;
+const U = 96 / 25.4;
+function ie(e, n = 96) {
+  const i = n / 96 * U;
   return {
-    widthPx: Math.max(1, Math.round(t.pageWidthMm * i)),
-    heightPx: Math.max(1, Math.round(t.pageHeightMm * i))
+    widthPx: Math.max(1, Math.round(e.pageWidthMm * i)),
+    heightPx: Math.max(1, Math.round(e.pageHeightMm * i))
   };
 }
-function Pt(t, n, i) {
-  const e = document.createElement("canvas"), { widthPx: r, heightPx: l } = nt(t, i);
-  e.width = Math.round(r * n), e.height = Math.round(l * n), e.style.width = `${r}px`, e.style.height = `${l}px`;
-  const a = e.getContext("2d");
+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, l), { canvas: e, ctx: a };
-}
-function It(t, n = 96) {
-  return _(t, n).fontSizePx;
-}
-function it(t, n, i, e, r, l, a, o = "top") {
-  t.font = `${n.bold ? "bold " : ""}${n.fontSizePx}px ${a}`, t.fillStyle = n.color, t.textBaseline = "alphabetic";
-  const s = n.fontSizePx * n.lineHeight, d = n.text === "" ? [""] : n.text.split(`
-`), h = d.length * s;
-  let c = e;
-  o === "middle" ? c = e + (l - h) / 2 : o === "bottom" && (c = e + l - h), d.forEach((m, f) => {
-    t.textAlign = n.align === "center" ? "center" : n.align === "right" ? "right" : "left";
+  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;
-    t.fillText(m, g, c + f * s + n.fontSizePx * 0.8, r);
-  }), t.textAlign = "left";
+    e.fillText(m, g, c + u * l + n.fontSizePx * 0.8, r);
+  }), e.textAlign = "left";
 }
-function At(t, n, i, e, r, l, a, o, s, d, h) {
-  const c = ht(n, l / o, a / o), m = G(i.style), f = z(i.style);
+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 b = g.cell.style?.backgroundColor;
-    b && (t.fillStyle = b, t.fillRect(
-      e + g.xMm * o,
+    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) {
-    t.strokeStyle = f.color, t.lineWidth = D(f.widthPt, s);
+    e.strokeStyle = u.color, e.lineWidth = O(u.widthPt, l);
     for (const g of c.edges)
-      t.beginPath(), g.kind === "v" ? (t.moveTo(e + g.pos * o, r + g.from * o), t.lineTo(e + g.pos * o, r + g.to * o)) : (t.moveTo(e + g.from * o, r + g.pos * o), t.lineTo(e + g.to * o, r + g.pos * o)), t.stroke();
-    t.beginPath(), m.top && (t.moveTo(e, r), t.lineTo(e + l, r)), m.right && (t.moveTo(e + l, r), t.lineTo(e + l, r + a)), m.bottom && (t.moveTo(e + l, r + a), t.lineTo(e, r + a)), m.left && (t.moveTo(e, r + a), t.lineTo(e, r)), t.stroke();
+      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 b = typeof g.cell.text == "string" ? g.cell.text : "";
-    if (!b) continue;
-    const p = g.cell.style, C = p?.fontSize ?? j, v = O(
-      b,
+    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: C },
+      { fontSizePt: k },
       h
     ).join(`
 `);
-    it(
-      t,
+    re(
+      e,
       {
-        text: v,
-        fontSizePx: _(p, s).fontSizePx,
+        text: T,
+        fontSizePx: W(p, l).fontSizePx,
         bold: p?.bold ?? !1,
-        color: p?.color ?? Z(i.style, ct),
+        color: p?.color ?? Q(i.style, me),
         align: p?.align ?? "left",
-        lineHeight: J
+        lineHeight: q
       },
-      e + (g.xMm + 0.5) * o,
+      t + (g.xMm + 0.5) * o,
       r + g.yMm * o,
       Math.max(0, (g.widthMm - 1) * o),
       g.heightMm * o,
@@ -476,31 +492,31 @@ function At(t, n, i, e, r, l, a, o, s, d, h) {
     );
   }
 }
-function rt(t, n, i, e, r, l) {
-  const a = n.leftMm * i, o = n.topMm * i, s = n.widthMm * i, d = n.heightMm * i, h = n.style ?? {};
+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) {
-    At(t, n.grid, n, a, o, s, d, i, e, r, l);
+    Ee(e, n.grid, n, a, o, l, d, i, t, r, s);
     return;
   }
   switch (n.kind) {
     case "text": {
-      const c = h.fontSize ?? j, m = X(n) ? n.richParagraphs.map((f) => (f.segments ?? []).map((g) => g.text ?? g.field ?? "").join("")).join(`
+      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(`
-`) : O(n.text ?? "", n.widthMm, { fontSizePt: c }, l).join(`
+`) : G(n.text ?? "", n.widthMm, { fontSizePt: c }, s).join(`
 `);
-      it(
-        t,
+      re(
+        e,
         {
           text: m,
-          fontSizePx: _(h, e).fontSizePx,
+          fontSizePx: W(h, t).fontSizePx,
           bold: h.bold ?? !1,
-          color: Z(h),
+          color: Q(h),
           align: h.align ?? "left",
-          lineHeight: dt(h)
+          lineHeight: he(h)
         },
         a,
         o,
-        s,
+        l,
         d,
         r,
         h.verticalAlign
@@ -508,256 +524,261 @@ function rt(t, n, i, e, r, l) {
       break;
     }
     case "rect": {
-      const c = z(h), m = G(h);
-      h.backgroundColor && (t.fillStyle = h.backgroundColor, t.fillRect(a, o, s, d)), m.inner && (t.strokeStyle = c.color, t.lineWidth = D(c.widthPt, e), t.beginPath(), m.top && (t.moveTo(a, o), t.lineTo(a + s, o)), m.right && (t.moveTo(a + s, o), t.lineTo(a + s, o + d)), m.bottom && (t.moveTo(a + s, o + d), t.lineTo(a, o + d)), m.left && (t.moveTo(a, o + d), t.lineTo(a, o)), t.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 c = z({ ...h, borderColor: h.lineColor ?? h.borderColor });
-      t.strokeStyle = c.color, t.lineWidth = D(c.widthPt, e), t.beginPath(), t.moveTo(a, o + d / 2), t.lineTo(a + s, o + d / 2), t.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 c = z(h);
-      t.strokeStyle = c.color, t.lineWidth = D(c.widthPt, e), h.backgroundColor && (t.fillStyle = h.backgroundColor, t.beginPath(), t.ellipse(a + s / 2, o + d / 2, s / 2, d / 2, 0, 0, Math.PI * 2), t.fill()), t.beginPath(), t.ellipse(a + s / 2, o + d / 2, s / 2, d / 2, 0, 0, Math.PI * 2), t.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 Dt(t, n = {}) {
-  const i = n.dpr ?? (typeof devicePixelRatio == "number" ? devicePixelRatio : 1), e = n.dpi ?? 96, r = e / 96 * q, l = n.fontFamily ?? '"Microsoft YaHei", sans-serif', a = n.measurer ?? V, o = Math.max(0, n.start ?? 0), s = Math.min(t.pages.length - 1, n.end ?? t.pages.length - 1), d = [];
-  for (let h = o; h <= s; h++) {
-    const c = t.pages[h], { canvas: m, ctx: f } = Pt(c, i, e);
+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)
-      rt(f, g, r, e, l, a);
+      oe(u, g, r, t, s, a);
     d.push(m);
   }
   return { canvases: d };
 }
-function jt(t, n = {}) {
-  const i = n.dpr ?? (typeof devicePixelRatio == "number" ? devicePixelRatio : 1), e = n.dpi ?? 96, r = e / 96 * q, l = n.fontFamily ?? '"Microsoft YaHei", sans-serif', a = n.measurer ?? V, o = n.overscan ?? 1, s = n.gapPx ?? 18, d = n.pagesPerFrame ?? 1, h = t.pages.map((u) => u.pageHeightMm * r), c = Math.max(1, ...t.pages.map((u) => u.pageWidthMm * r)), m = { start: 0, end: -1 };
-  let f = null, g = null, b = null, p = null, C = [], v = 0, E = [];
+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 u = f;
-    u.innerHTML = "", g = document.createElement("div"), g.style.cssText = `width:${c}px;margin:0 auto;`, b = document.createElement("div"), p = document.createElement("div"), g.appendChild(b), C = [];
-    const y = Math.min(t.pages.length, 3 + o * 2);
-    for (let S = 0; S < y; S++) {
-      const M = document.createElement("div");
-      M.style.cssText = `margin:0 auto ${s}px;box-shadow:0 2px 8px rgba(0,0,0,.35);background:#fff;`, g.appendChild(M), C.push(M);
+    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), u.appendChild(g);
-  }
-  function W(u, y) {
-    const S = t.pages[y], { widthPx: M, heightPx: P } = nt(S, e);
-    let A = u.firstElementChild;
-    (!A || A.tagName !== "CANVAS") && (A = document.createElement("canvas"), u.innerHTML = "", u.appendChild(A)), A.width = Math.round(M * i), A.height = Math.round(P * i), A.style.width = `${M}px`, A.style.height = `${P}px`;
-    const N = A.getContext("2d");
-    if (N) {
-      N.setTransform(1, 0, 0, 1, 0, 0), N.scale(i, i), N.fillStyle = "#ffffff", N.fillRect(0, 0, M, P);
-      for (const ot of S.components)
-        rt(N, ot, r, e, l, a);
-      A.dataset.canvasPage = String(y), u.style.height = `${P}px`, u.style.width = `${M}px`;
+    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(u) {
-    m.start = u.start, m.end = u.end, b.style.height = `${u.start * s + h.slice(0, u.start).reduce((M, P) => M + P, 0)}px`;
-    const y = t.pages.length - 1 - u.end;
-    p.style.height = `${y * s + h.slice(u.end + 1).reduce((M, P) => M + P, 0)}px`;
-    const S = u.end - u.start + 1;
-    C.forEach((M, P) => {
-      if (P < S) {
-        M.style.display = "";
-        const A = u.start + P;
-        M.style.height = `${h[A] ?? 0}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
-        M.style.display = "none";
+        y.style.display = "none";
     }), E = [];
-    for (let M = u.start; M <= u.end; M++) {
-      const P = C[M - u.start];
-      if (!P) continue;
-      P.firstElementChild?.dataset?.canvasPage !== String(M) && E.push(M);
+    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);
     }
-    I();
-  }
-  function I() {
-    v || E.length === 0 || (v = requestAnimationFrame(() => {
-      v = 0;
-      let u = Math.max(1, d);
-      for (; E.length > 0 && u-- > 0; ) {
-        const y = E.shift(), S = C[y - m.start];
-        S && W(S, 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);
       }
-      E.length > 0 && I();
+      E.length > 0 && D();
     }));
   }
-  function H() {
-    v || (v = requestAnimationFrame(() => {
-      v = 0;
-      const u = f, y = Ct({
+  function $() {
+    T || (T = requestAnimationFrame(() => {
+      T = 0;
+      const f = u, b = Pe({
         pageHeightsPx: h,
-        viewportHeightPx: u.clientHeight,
-        scrollTopPx: u.scrollTop,
+        viewportHeightPx: f.clientHeight,
+        scrollTopPx: f.scrollTop,
         overscan: o,
-        gapPx: s
+        gapPx: l
       });
-      y.start !== m.start || y.end !== m.end ? R(y) : I();
+      b.start !== m.start || b.end !== m.end ? R(b) : D();
     }));
   }
+  let B = null;
   return {
-    attach(u) {
-      f = u, w(), u.addEventListener("scroll", H, { passive: !0 }), H();
+    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() {
-      v && cancelAnimationFrame(v), v = 0, f?.removeEventListener("scroll", H), E = [], g?.remove(), f = null;
+      T && cancelAnimationFrame(T), T = 0, B?.disconnect(), B = null, u?.removeEventListener("scroll", $), E = [], g?.remove(), u = null;
     },
     window() {
       return { ...m };
     }
   };
 }
-function T(t, n) {
-  return typeof t == "number" && Number.isFinite(t) ? t : n;
+function S(e, n) {
+  return typeof e == "number" && Number.isFinite(e) ? e : n;
 }
-function k(t, n = "") {
-  return typeof t == "string" ? t : n;
+function v(e, n = "") {
+  return typeof e == "string" ? e : n;
 }
-function B(t) {
-  return typeof t == "object" && t !== null && !Array.isArray(t);
+function N(e) {
+  return typeof e == "object" && e !== null && !Array.isArray(e);
 }
-function Et(t) {
-  return t === "Center" ? "center" : t === "Right" ? "right" : "left";
+function $e(e) {
+  return e === "Center" ? "center" : e === "Right" ? "right" : "left";
 }
-function $t(t) {
-  return t === "Center" ? "middle" : t === "Bottom" ? "bottom" : "top";
+function He(e) {
+  return e === "Center" ? "middle" : e === "Bottom" ? "bottom" : "top";
 }
-function Ht(t) {
-  const n = parseFloat(k(t.FontSize, "10.5"));
+function Re(e) {
+  const n = parseFloat(v(e.FontSize, "10.5"));
   return {
     fontSize: Number.isFinite(n) ? n : 10.5,
-    fontFamily: k(t.FontFamily, "黑体") || void 0,
-    bold: k(t.FontWeight) === "bold" || void 0,
-    italic: k(t.FontStyle) === "italic" || void 0,
-    underline: t.Underline === !0 || void 0,
-    color: k(t.FontColor) || void 0,
-    backgroundColor: k(t.BackgroundColor) || void 0,
-    align: Et(k(t.HorAlignment, "Left")),
-    verticalAlign: $t(k(t.VertAlignment, "Top")),
+    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 i = parseFloat(k(t.RowSpace, "1"));
+      const i = parseFloat(v(e.RowSpace, "1"));
       return Number.isFinite(i) && i !== 1 ? i : void 0;
     })(),
-    borderColor: k(t.BorderColor) || void 0,
-    borderTop: t.BorderTop !== !1,
-    borderRight: t.BorderRight !== !1,
-    borderBottom: t.BorderBottom !== !1,
-    borderLeft: t.BorderLeft !== !1
+    borderColor: v(e.BorderColor) || void 0,
+    borderTop: e.BorderTop !== !1,
+    borderRight: e.BorderRight !== !1,
+    borderBottom: e.BorderBottom !== !1,
+    borderLeft: e.BorderLeft !== !1
   };
 }
-function Rt(t, n) {
-  const i = k(t.uitype), e = {
+function Be(e, n) {
+  const i = v(e.uitype), t = {
     kind: "text",
-    leftMm: T(t.left, 0),
-    topMm: T(t.top, 0),
-    widthMm: T(t.width, 40),
-    heightMm: T(t.height, 8),
-    nid: k(t.nid) || void 0,
-    style: Ht(t)
+    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 (i) {
     case "text": {
-      e.kind = "text";
-      const r = t.Text ?? t.text ?? t.Value;
-      e.text = r == null ? "" : String(r);
-      const l = t.Lines ?? t.lines;
-      return Array.isArray(l) && (e.lines = l.map((a) => String(a))), e;
+      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":
-      return e.kind = "text", e.text = k(t.Text), n.push(`富文本 ${e.nid ?? ""} 导入为纯文本（版式细节可能损失）`), e;
+      return t.kind = "text", t.text = v(e.Text), n.push(`富文本 ${t.nid ?? ""} 导入为纯文本（版式细节可能损失）`), t;
     case "image":
     case "barcode":
     case "qrcode":
     case "chart":
-      return e.kind = i === "image" ? "image" : i, e.fallbackText = `[${i}]`, n.push(`图片类组件 ${e.nid ?? ""} 需运行时数据（imageData），已导入为占位`), e;
+      return t.kind = i === "image" ? "image" : i, t.fallbackText = `[${i}]`, n.push(`图片类组件 ${t.nid ?? ""} 需运行时数据（imageData），已导入为占位`), t;
     case "table": {
-      e.kind = "rect";
-      const r = t.Cells ?? t.cells;
+      t.kind = "rect";
+      const r = e.Cells ?? e.cells;
       if (Array.isArray(r)) {
-        const l = {
+        const s = {
           cells: r.map(
             (a) => Array.isArray(a) ? a.map((o) => ({
-              text: B(o) ? k(o.Text ?? o.text) : "",
-              colSpan: B(o) ? T(o.ColSpan, 1) : 1
+              text: N(o) ? v(o.Text ?? o.text) : "",
+              colSpan: N(o) ? S(o.ColSpan, 1) : 1
             })) : []
           )
         };
-        e.grid = l;
+        t.grid = s;
       } else
-        e.fallbackText = "[table]", n.push(`表格 ${e.nid ?? ""} 缺少 Cells，导入为空框`);
-      return e;
+        t.fallbackText = "[table]", n.push(`表格 ${t.nid ?? ""} 缺少 Cells，导入为空框`);
+      return t;
     }
     case "subreport":
-      return n.push(`子报表 ${e.nid ?? ""} 暂不支持导入，已跳过`), null;
+      return n.push(`子报表 ${t.nid ?? ""} 暂不支持导入，已跳过`), null;
     default:
-      return k(t.ShapeType) === "hline" || i === "hline" || i === "vline" ? (e.kind = "line", e) : i === "rect" || i === "oval" || i === "shape" ? (e.kind = i === "oval" ? "ellipse" : "rect", e) : (n.push(`未知组件类型 ${i}，已跳过`), null);
+      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 Ot(t) {
+function Ge(e) {
   const n = [];
   let i = null;
-  if (typeof t == "string")
+  if (typeof e == "string")
     try {
-      const d = JSON.parse(t);
-      B(d) && (i = d);
+      const d = JSON.parse(e);
+      N(d) && (i = d);
     } catch {
       return {
         template: { pages: [] },
         warnings: ["content 不是合法 JSON"]
       };
     }
-  else B(t) && (i = t);
+  else N(e) && (i = e);
   if (!i)
     return { template: { pages: [] }, warnings: ["content 为空"] };
-  const e = B(i.GlobalConfig) ? i.GlobalConfig : {}, r = T(e.paperWidthMm, 210), l = T(e.paperHeightMm, 297), a = {
-    top: T(e.marginTop, 10),
-    bottom: T(e.marginBottom, 10),
-    left: T(e.marginLeft, 10),
-    right: T(e.marginRight, 10)
-  }, o = Array.isArray(i.children) ? i.children.filter((d) => B(d) && k(d.uitype) === "page") : [];
+  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 s = o.map((d) => {
+  const l = o.map((d) => {
     const h = d, c = Array.isArray(h.children) ? h.children : [], m = [];
-    for (const f of c) {
-      if (!B(f)) continue;
-      const g = Rt(f, n);
+    for (const u of c) {
+      if (!N(u)) continue;
+      const g = Be(u, n);
       g && m.push(g);
     }
     return {
-      widthMm: T(h.width, r),
-      heightMm: T(h.DesignHeight, l),
-      marginTopMm: T(h.MarginTop, a.top),
-      marginBottomMm: T(h.MarginBottom, a.bottom),
-      marginLeftMm: T(h.MarginLeft, a.left),
-      marginRightMm: T(h.MarginRight, a.right),
+      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
     };
   });
-  return s.length === 0 && (n.push("转换结果为空页，已回退一张空白页"), s.push({
+  return l.length === 0 && (n.push("转换结果为空页，已回退一张空白页"), l.push({
     widthMm: r,
-    heightMm: l,
+    heightMm: s,
     ...a,
     components: []
-  })), { template: { pages: s }, warnings: n };
-}
-function Bt(t, n, i) {
-  let e, r;
-  if (typeof t == "string") {
-    const l = U[t];
-    if (!l) throw new Error(`未知纸张预设 "${t}"（可用：${Object.keys(U).join("/")}）`);
-    e = l.widthMm, r = l.heightMm;
-  } else typeof t == "number" ? (e = t, r = n ?? 297) : (e = t.widthMm, r = t.heightMm);
-  return i ? { widthMm: r, heightMm: e } : { widthMm: e, heightMm: r };
-}
-class Nt {
+  })), { 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;
   }
@@ -767,20 +788,20 @@ class Nt {
    * - 数字：.page(210, 297)（第三参数兼容旧 margins 对象或新 options）
    * - 对象：.page({ widthMm: 210, heightMm: 297 })
    */
-  page(n = "a4", i = {}, e) {
+  page(n = "a4", i = {}, t) {
     this.collect();
-    const l = e != null && !("margins" in e) && !("landscape" in e) && ("marginTopMm" in e || "marginBottomMm" in e || "marginLeftMm" in e || "marginRightMm" in e) ? { margins: e } : e ?? {}, { widthMm: a, heightMm: o } = Bt(
+    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,
-      l.landscape
-    ), s = l.margins ?? {};
-    return this.pending = new Lt(this, {
+      s.landscape
+    ), l = s.margins ?? {};
+    return this.pending = new ze(this, {
       widthMm: a,
       heightMm: o,
-      marginTopMm: s.marginTopMm ?? 10,
-      marginBottomMm: s.marginBottomMm ?? 10,
-      marginLeftMm: s.marginLeftMm ?? 10,
-      marginRightMm: s.marginRightMm ?? 10
+      marginTopMm: l.marginTopMm ?? 10,
+      marginBottomMm: l.marginBottomMm ?? 10,
+      marginLeftMm: l.marginLeftMm ?? 10,
+      marginRightMm: l.marginRightMm ?? 10
     }), this.pending;
   }
   collect() {
@@ -792,11 +813,11 @@ class Nt {
     return { pages: this.pages };
   }
 }
-class Lt {
+class ze {
   constructor(n, i) {
     this.parent = n, this.page = i, this.components = [];
   }
-  text(n, i = {}, e = {}) {
+  text(n, i = {}, t = {}) {
     return this.components.push({
       kind: "text",
       leftMm: i.leftMm ?? 0,
@@ -804,29 +825,29 @@ class Lt {
       widthMm: i.widthMm ?? 60,
       heightMm: i.heightMm ?? 8,
       text: n,
-      style: e
+      style: t
     }), this;
   }
-  list(n, i, e, r = {}) {
+  list(n, i, t, r = {}) {
     return this.components.push({
       kind: "list",
       leftMm: i.leftMm ?? 10,
       topMm: i.topMm ?? 30,
       widthMm: i.widthMm ?? 180,
       dataset: n,
-      columns: e,
+      columns: t,
       ...r
     }), this;
   }
   rect(n, i = {}) {
     return this.components.push({ kind: "rect", ...n, style: i }), this;
   }
-  line(n, i, e, r = {}) {
+  line(n, i, t, r = {}) {
     return this.components.push({
       kind: "line",
       leftMm: n,
       topMm: i,
-      widthMm: e,
+      widthMm: t,
       heightMm: 0.5,
       style: r
     }), this;
@@ -841,10 +862,10 @@ class Lt {
       fallbackText: n
     }), this;
   }
-  qrcode(n, i, e, r) {
+  qrcode(n, i, t, r) {
     return this.components.push({
       kind: "qrcode",
-      leftMm: e,
+      leftMm: t,
       topMm: r,
       widthMm: i,
       heightMm: i,
@@ -861,59 +882,59 @@ class Lt {
     return this.done().build();
   }
 }
-function Gt() {
-  return new Nt();
+function Ve() {
+  return new Le();
 }
 export {
-  qt as CSS_DPI,
-  Ut as DEFAULT_BORDER_PT,
+  Ue as CSS_DPI,
+  Ke as DEFAULT_BORDER_PT,
   j as DEFAULT_FONT_PT,
-  Kt as DEFAULT_STROKE_COLOR,
-  ct as DEFAULT_TEXT_COLOR,
-  J as LINE_HEIGHT,
-  Yt as MM_PER_INCH,
-  U as PAPER_SIZES,
-  Lt as PageBuilder,
-  at as RENDER_PLAN_SCHEMA_VERSION,
-  Xt as SCHEMA_VERSION_JH4J,
-  Zt as SCHEMA_VERSION_LOCAL,
-  Qt as SCHEMA_VERSION_MACH,
-  Nt as TemplateBuilder,
-  Ft as assertRenderPlan,
-  te as charWidthEm,
-  x as classOf,
-  Ct as computePageWindow,
-  ee as createCanvasMeasurer,
-  jt as createCanvasPager,
-  ne as createHeuristicMeasurer,
-  Gt as createTemplate,
-  V as heuristicMeasurer,
-  Ot as importJh4jTemplateContent,
-  st as isImageBackedComponent,
-  X as isRichText,
-  nt as measurePageSizePx,
-  ie as measureTextMm,
-  lt as mmToPx,
-  re as mmToPxFactor,
-  _t as paginateTemplate,
-  It as planFontSizePx,
-  D as ptToPx,
-  oe as pxToMm,
-  et as renderComponent,
-  xt as renderPage,
-  Wt as renderPlan,
-  Dt as renderPlanToCanvas,
-  G as resolveBoxBorders,
-  _ as resolveFontSize,
-  ht as resolveGridLayout,
-  dt as resolveLineHeight,
-  Bt as resolvePaper,
-  z as resolveStroke,
-  Z as resolveTextColor,
-  F as round,
-  ae as toRenderPlan,
-  Q as validateComponent,
-  ft as validatePage,
-  ut as validateRenderPlan,
-  O as wrapText
+  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
 };