@agile-team/mach-report 0.4.0 → 0.6.0

package/dist/index.js

@@ -1,14 +1,919 @@
-export * from "./defaults";
-export * from "./units";
-export * from "./schema/render-plan";
-export * from "./schema/validate";
-export * from "./layout/textwrap";
-export * from "./layout/paginate";
-export * from "./render/grid-geometry";
-export * from "./render/style";
-export * from "./render/dom";
-export * from "./render/canvas";
-export * from "./render/window";
-export * from "./compat/jh4j-template";
-export * from "./builder/template-builder";
-//# sourceMappingURL=index.js.map
+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([
+  "text",
+  "image",
+  "barcode",
+  "qrcode",
+  "chart",
+  "line",
+  "rect",
+  "ellipse"
+]);
+function L(t) {
+  return typeof t == "object" && t !== null && !Array.isArray(t);
+}
+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 Q(t, n, i, e = []) {
+  if (!L(t)) {
+    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({
+    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) => {
+    if (!Array.isArray(o)) {
+      i.push({ path: `${n}.grid.cells.${s}`, 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);
+      });
+    });
+  }));
+  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 数组" });
+  }) : i.push({ path: `${n}.richParagraphs`, message: "richParagraphs 应为数组" }));
+}
+function ft(t, n, i, e = []) {
+  if (!L(t)) {
+    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;
+  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)
+  );
+}
+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 Ft(t) {
+  const n = ut(t);
+  if (!n.ok) {
+    const i = n.errors.slice(0, 3).map((e) => `${e.path}: ${e.message}`).join("; ");
+    throw new Error(`渲染计划校验失败(${n.errors.length} 处): ${i}`);
+  }
+  return t.pages;
+}
+function K(t) {
+  return {
+    widthMm: t.widthMm,
+    heightMm: t.heightMm,
+    marginTopMm: t.marginTopMm ?? 0,
+    marginBottomMm: t.marginBottomMm ?? 0,
+    marginLeftMm: t.marginLeftMm ?? 0,
+    marginRightMm: t.marginRightMm ?? 0,
+    components: []
+  };
+}
+function pt(t, n) {
+  return n.heightMm - (t.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 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);
+  try {
+    return JSON.stringify(t);
+  } catch {
+    return String(t);
+  }
+}
+function yt(t, n) {
+  const i = t.fontSizePt ?? j, e = t.paddingMm ?? 1, r = t.columns.map(
+    (m) => m.style ? { align: "left", verticalAlign: "middle", ...m.style } : { align: "left", verticalAlign: "middle" }
+  ), l = t.columns.map(
+    (m) => ({
+      bold: t.headerBold ?? !0,
+      align: "center",
+      verticalAlign: "middle",
+      backgroundColor: t.headerBackgroundColor,
+      ...m.style || {}
+    })
+  ), a = t.columns.map((m) => m.header), o = a.map(
+    (m, f) => O(
+      m,
+      t.columns[f].widthMm - e * 2,
+      { fontSizePt: i, bold: t.headerBold ?? !0 },
+      n
+    )
+  ), s = Math.max(...o.map((m) => m.length), 1), d = Mt(t, s), h = a.map((m, f) => ({
+    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 };
+  return {
+    fontSizePt: i,
+    paddingMm: e,
+    cellStyles: r,
+    borderStyle: c,
+    headerHeightMm: d,
+    headerGrid: { cells: [h], rowHeightsMm: [d] },
+    columns: t.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(
+      r[h],
+      e[h].widthMm - t.paddingMm * 2,
+      { fontSizePt: t.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 = () => {
+      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 b of h.components) {
+      if (b.kind !== "list") {
+        c.components.push(b);
+        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 = {
+        kind: "rect",
+        leftMm: p.leftMm,
+        topMm: 0,
+        widthMm: p.widthMm,
+        heightMm: R.headerHeightMm,
+        grid: R.headerGrid,
+        nid: d("listh"),
+        style: R.borderStyle
+      };
+      let H = p.topMm;
+      const u = (y, S) => {
+        y.components.push({ ...I, topMm: S });
+      };
+      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()) {
+          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;
+        }
+        c.components.push({
+          kind: "rect",
+          leftMm: p.leftMm,
+          topMm: H,
+          widthMm: p.widthMm,
+          heightMm: S.heightMm,
+          grid: S.grid,
+          nid: d("listr"),
+          style: R.borderStyle
+        }), H += S.heightMm;
+      }
+    }
+    g();
+  }
+  return {
+    plan: { schemaVersion: at, pages: o },
+    warnings: a
+  };
+}
+const St = {
+  root: "mr-root",
+  page: "mr-page",
+  comp: "mr-comp",
+  text: "mr-text",
+  lines: "mr-lines",
+  line: "mr-line",
+  rich: "mr-rich",
+  paragraph: "mr-paragraph",
+  segment: "mr-segment",
+  image: "mr-image",
+  shape: "mr-shape",
+  grid: "mr-grid",
+  row: "mr-row",
+  cell: "mr-cell",
+  unknown: "mr-unknown"
+};
+function x(t, n) {
+  return n?.classNames?.[t] ?? St[t];
+}
+class $ {
+  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`);
+  }
+  toString() {
+    let n = "";
+    for (const [i, e] of this.props)
+      n += `${i}:${e};`;
+    return n;
+  }
+  applyTo(n) {
+    const i = this.toString();
+    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 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) {
+    const d = r.createElement("colgroup");
+    for (const h of t.colWidthsMm) {
+      const c = r.createElement("col");
+      new $().mm("width", h, i).applyTo(c), d.appendChild(c);
+    }
+    l.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 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`);
+      }
+      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(
+    "justify-content",
+    l.verticalAlign === "middle" ? "center" : l.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);
+        }
+        d.appendChild(m);
+      }
+      o.appendChild(d);
+    }
+    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);
+    }
+    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;
+}
+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));
+  }), r;
+}
+function Ct(t) {
+  const { pageHeightsPx: n, viewportHeightPx: i, scrollTopPx: e, overscan: r = 1, gapPx: l = 0 } = t, 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;
+  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);
+  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);
+  }
+  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 q = 96 / 25.4;
+function nt(t, n = 96) {
+  const i = n / 96 * q;
+  return {
+    widthPx: Math.max(1, Math.round(t.pageWidthMm * i)),
+    heightPx: Math.max(1, Math.round(t.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");
+  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";
+    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";
+}
+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);
+  for (const g of c.cells) {
+    const b = g.cell.style?.backgroundColor;
+    b && (t.fillStyle = b, t.fillRect(
+      e + 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);
+    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();
+  }
+  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,
+      g.widthMm - 1,
+      { fontSizePt: C },
+      h
+    ).join(`
+`);
+    it(
+      t,
+      {
+        text: v,
+        fontSizePx: _(p, s).fontSizePx,
+        bold: p?.bold ?? !1,
+        color: p?.color ?? Z(i.style, ct),
+        align: p?.align ?? "left",
+        lineHeight: J
+      },
+      e + (g.xMm + 0.5) * o,
+      r + g.yMm * o,
+      Math.max(0, (g.widthMm - 1) * o),
+      g.heightMm * o,
+      d,
+      p?.verticalAlign ?? "middle"
+    );
+  }
+}
+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 ?? {};
+  if (n.grid) {
+    At(t, n.grid, n, a, o, s, d, i, e, r, l);
+    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(`
+`) : Array.isArray(n.lines) && n.lines.length > 0 ? n.lines.join(`
+`) : O(n.text ?? "", n.widthMm, { fontSizePt: c }, l).join(`
+`);
+      it(
+        t,
+        {
+          text: m,
+          fontSizePx: _(h, e).fontSizePx,
+          bold: h.bold ?? !1,
+          color: Z(h),
+          align: h.align ?? "left",
+          lineHeight: dt(h)
+        },
+        a,
+        o,
+        s,
+        d,
+        r,
+        h.verticalAlign
+      );
+      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());
+      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();
+      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();
+      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);
+    for (const g of c.components)
+      rt(f, g, r, e, l, 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 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);
+    }
+    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`;
+    }
+  }
+  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`;
+      } else
+        M.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);
+    }
+    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);
+      }
+      E.length > 0 && I();
+    }));
+  }
+  function H() {
+    v || (v = requestAnimationFrame(() => {
+      v = 0;
+      const u = f, y = Ct({
+        pageHeightsPx: h,
+        viewportHeightPx: u.clientHeight,
+        scrollTopPx: u.scrollTop,
+        overscan: o,
+        gapPx: s
+      });
+      y.start !== m.start || y.end !== m.end ? R(y) : I();
+    }));
+  }
+  return {
+    attach(u) {
+      f = u, w(), u.addEventListener("scroll", H, { passive: !0 }), H();
+    },
+    destroy() {
+      v && cancelAnimationFrame(v), v = 0, f?.removeEventListener("scroll", H), E = [], g?.remove(), f = null;
+    },
+    window() {
+      return { ...m };
+    }
+  };
+}
+function T(t, n) {
+  return typeof t == "number" && Number.isFinite(t) ? t : n;
+}
+function k(t, n = "") {
+  return typeof t == "string" ? t : n;
+}
+function B(t) {
+  return typeof t == "object" && t !== null && !Array.isArray(t);
+}
+function Et(t) {
+  return t === "Center" ? "center" : t === "Right" ? "right" : "left";
+}
+function $t(t) {
+  return t === "Center" ? "middle" : t === "Bottom" ? "bottom" : "top";
+}
+function Ht(t) {
+  const n = parseFloat(k(t.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")),
+    lineHeight: (() => {
+      const i = parseFloat(k(t.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
+  };
+}
+function Rt(t, n) {
+  const i = k(t.uitype), e = {
+    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)
+  };
+  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;
+    }
+    case "richtext":
+      return e.kind = "text", e.text = k(t.Text), n.push(`富文本 ${e.nid ?? ""} 导入为纯文本（版式细节可能损失）`), e;
+    case "image":
+    case "barcode":
+    case "qrcode":
+    case "chart":
+      return e.kind = i === "image" ? "image" : i, e.fallbackText = `[${i}]`, n.push(`图片类组件 ${e.nid ?? ""} 需运行时数据（imageData），已导入为占位`), e;
+    case "table": {
+      e.kind = "rect";
+      const r = t.Cells ?? t.cells;
+      if (Array.isArray(r)) {
+        const l = {
+          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
+            })) : []
+          )
+        };
+        e.grid = l;
+      } else
+        e.fallbackText = "[table]", n.push(`表格 ${e.nid ?? ""} 缺少 Cells，导入为空框`);
+      return e;
+    }
+    case "subreport":
+      return n.push(`子报表 ${e.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);
+  }
+}
+function Ot(t) {
+  const n = [];
+  let i = null;
+  if (typeof t == "string")
+    try {
+      const d = JSON.parse(t);
+      B(d) && (i = d);
+    } catch {
+      return {
+        template: { pages: [] },
+        warnings: ["content 不是合法 JSON"]
+      };
+    }
+  else B(t) && (i = t);
+  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") : [];
+  o.length === 0 && n.push("content 中没有 uitype=page 的页节点");
+  const s = 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);
+      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),
+      components: m
+    };
+  });
+  return s.length === 0 && (n.push("转换结果为空页，已回退一张空白页"), s.push({
+    widthMm: r,
+    heightMm: l,
+    ...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 {
+  constructor() {
+    this.pages = [], this.pending = null;
+  }
+  /**
+   * 新建页。纸张支持三种写法：
+   * - 预设名：.page("a4", { landscape: true, margins: {...} })
+   * - 数字：.page(210, 297)（第三参数兼容旧 margins 对象或新 options）
+   * - 对象：.page({ widthMm: 210, heightMm: 297 })
+   */
+  page(n = "a4", i = {}, e) {
+    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(
+      n,
+      typeof i == "number" ? i : void 0,
+      l.landscape
+    ), s = l.margins ?? {};
+    return this.pending = new Lt(this, {
+      widthMm: a,
+      heightMm: o,
+      marginTopMm: s.marginTopMm ?? 10,
+      marginBottomMm: s.marginBottomMm ?? 10,
+      marginLeftMm: s.marginLeftMm ?? 10,
+      marginRightMm: s.marginRightMm ?? 10
+    }), this.pending;
+  }
+  collect() {
+    this.pending && (this.pages.push(this.pending.buildPage()), this.pending = null);
+  }
+  build() {
+    if (this.collect(), this.pages.length === 0)
+      throw new Error("模板至少需要一页：先调用 .page() 添加内容");
+    return { pages: this.pages };
+  }
+}
+class Lt {
+  constructor(n, i) {
+    this.parent = n, this.page = i, this.components = [];
+  }
+  text(n, i = {}, e = {}) {
+    return this.components.push({
+      kind: "text",
+      leftMm: i.leftMm ?? 0,
+      topMm: i.topMm ?? 0,
+      widthMm: i.widthMm ?? 60,
+      heightMm: i.heightMm ?? 8,
+      text: n,
+      style: e
+    }), this;
+  }
+  list(n, i, e, r = {}) {
+    return this.components.push({
+      kind: "list",
+      leftMm: i.leftMm ?? 10,
+      topMm: i.topMm ?? 30,
+      widthMm: i.widthMm ?? 180,
+      dataset: n,
+      columns: e,
+      ...r
+    }), this;
+  }
+  rect(n, i = {}) {
+    return this.components.push({ kind: "rect", ...n, style: i }), this;
+  }
+  line(n, i, e, r = {}) {
+    return this.components.push({
+      kind: "line",
+      leftMm: n,
+      topMm: i,
+      widthMm: e,
+      heightMm: 0.5,
+      style: r
+    }), this;
+  }
+  barcode(n, i) {
+    return this.components.push({
+      kind: "barcode",
+      leftMm: i.leftMm ?? 0,
+      topMm: i.topMm ?? 0,
+      widthMm: i.widthMm ?? 40,
+      heightMm: i.heightMm ?? 12,
+      fallbackText: n
+    }), this;
+  }
+  qrcode(n, i, e, r) {
+    return this.components.push({
+      kind: "qrcode",
+      leftMm: e,
+      topMm: r,
+      widthMm: i,
+      heightMm: i,
+      fallbackText: n
+    }), this;
+  }
+  buildPage() {
+    return { ...this.page, components: this.components };
+  }
+  done() {
+    return this.parent;
+  }
+  build() {
+    return this.done().build();
+  }
+}
+function Gt() {
+  return new Nt();
+}
+export {
+  qt as CSS_DPI,
+  Ut 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
+};