@cluadwong/form-designer 0.2.0

package/dist/chunks/renderer-core.js

@@ -0,0 +1,2635 @@
+var pt = Object.defineProperty;
+var yt = (e, t, n) => t in e ? pt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var je = (e, t, n) => yt(e, typeof t != "symbol" ? t + "" : t, n);
+import { defineComponent as Te, ref as X, onMounted as Fe, watch as ge, openBlock as A, createElementBlock as R, computed as K, resolveComponent as wt, normalizeStyle as z, normalizeClass as ae, Fragment as q, renderList as Y, createBlock as ye, toDisplayString as G, createCommentVNode as Ae, createTextVNode as bt, createElementVNode as O, onUnmounted as vt, nextTick as Je, onBeforeUnmount as Et, renderSlot as Tt, withCtx as St, createVNode as Mt } from "vue";
+import "./designer-ui.js";
+import xt from "dompurify";
+import At from "@panzoom/panzoom";
+import { VuePrintNext as Rt } from "vue-print-next";
+const Nt = 10;
+function un(e) {
+  return !!(e && e.type !== "grid-row" && e.type !== "grid-cell" && e.type !== "table-cell-template");
+}
+const Ft = {
+  A4: { short: 210, long: 297 },
+  A3: { short: 297, long: 420 }
+};
+function Be(e) {
+  const t = (e == null ? void 0 : e.size) === "A3" ? "A3" : "A4", n = Ft[t], r = t === "A3" ? "landscape" : "portrait";
+  return r === "portrait" ? { size: t, orientation: r, widthMm: n.short, heightMm: n.long } : { size: t, orientation: r, widthMm: n.long, heightMm: n.short };
+}
+function rt(e, t) {
+  return se(e).get(t);
+}
+function dn(e, t) {
+  var n;
+  return (n = rt(e, t)) == null ? void 0 : n.node;
+}
+function fn(e, t) {
+  var n;
+  return (n = rt(e, t)) == null ? void 0 : n.ownerCell;
+}
+function mn(e, t) {
+  const n = se(e), r = n.get(t);
+  if (!r) return [];
+  const i = [];
+  let o = r.parent;
+  for (; o; ) {
+    i.unshift(o);
+    const a = n.get(o.id);
+    o = (a == null ? void 0 : a.parent) ?? null;
+  }
+  return i;
+}
+function Ee(e, t, n, r, i) {
+  if (e.has(t.id))
+    throw new Error(`Duplicate Schema V2 node id: ${t.id}`);
+  e.set(t.id, { node: t, parent: n, path: r, ownerCell: i });
+}
+function Ge(e, t, n, r, i) {
+  Ee(e, t, n, r, i), t.type === "grid" ? t.rows.forEach((o, a) => kt(e, o, t, [...r, "rows", a])) : t.type === "table" && t.rowTemplate.forEach((o, a) => {
+    const l = [...r, "rowTemplate", a];
+    Ee(e, o, t, l), o.children.forEach(
+      (c, d) => Ge(e, c, o, [...l, "children", d], o)
+    );
+  });
+}
+function kt(e, t, n, r) {
+  Ee(e, t, n, r), t.cells.forEach((i, o) => {
+    const a = [...r, "cells", o];
+    Ee(e, i, t, a), i.children.forEach(
+      (l, c) => Ge(e, l, i, [...a, "children", c], i)
+    );
+  });
+}
+function se(e) {
+  const t = /* @__PURE__ */ new Map();
+  return e.pages.forEach((n, r) => {
+    const i = ["pages", r];
+    Ee(t, n, null, i), n.children.forEach(
+      (o, a) => Ge(t, o, n, [...i, "children", a])
+    );
+  }), t;
+}
+function F(e, t, n, r, i, o) {
+  e.push({ level: t, code: n, nodeId: r == null ? void 0 : r.id, path: i, message: o });
+}
+function le(e) {
+  return typeof e == "number" && Number.isFinite(e) && e > 0;
+}
+function nt(e) {
+  return e === "auto" ? !0 : typeof e == "number" ? le(e) : typeof e == "string" && /^\d+(?:\.\d+)?fr$/.test(e);
+}
+const It = 25.4 / 96, it = 13, Lt = 12;
+function Ct(e) {
+  return /[\u3000-\u9FFF\uF900-\uFAFF\uFF00-\uFFEF]/.test(e);
+}
+function ot(e, t) {
+  let n = 0;
+  for (const r of e) n += Ct(r) ? 1 : 0.5;
+  return n * t * It;
+}
+function be(e) {
+  return `${Math.round(e * 10) / 10}`;
+}
+function $t(e, t, n, r) {
+  var l, c;
+  if (!t || ((l = e.style) == null ? void 0 : l.writingMode) === "vertical-rl") return;
+  const i = ((c = e.style) == null ? void 0 : c.fontSize) ?? it;
+  let o;
+  if ((e.prefix || e.suffix) && (o = ot(`${e.prefix ?? ""}${e.suffix ?? ""}`, i) + Lt), o === void 0) return;
+  const a = t.widthMm - 2 * t.paddingMm;
+  o > a && F(
+    r,
+    "warning",
+    "CONTENT_OVERFLOW",
+    e,
+    n,
+    `字段内容估算宽度约 ${be(o)}mm，超过可用宽度 ${be(a)}mm，可能显示不全`
+  );
+}
+function Dt(e, t) {
+  return e.type === "grid" ? e.rows.reduce((n, r) => n + Math.max(0, r.height), 0) * t : e.type === "p" ? t : e.type === "table" ? Math.max(0, 1 + e.minRows) * t : e.type === "image" ? !e.src && !e.field ? 0 : Math.max(0, e.height ?? 0) : 0;
+}
+function Ht(e, t) {
+  const { heightMm: n } = Be(e.paper);
+  return n - t.margin.top - t.margin.bottom;
+}
+function Vt(e, t, n, r) {
+  const i = t.children.reduce(
+    (a, l) => a + Dt(l, e.baseRowHeight),
+    0
+  ), o = Ht(e, t);
+  i > o && F(
+    r,
+    "warning",
+    "PAPER_OVERFLOW",
+    t,
+    n,
+    `页面内容最低高度约 ${be(i)}mm，超过一页可用高度 ${be(o)}mm，打印时会自动分成多页`
+  );
+}
+function Pt(e, t, n) {
+  if (!e) return;
+  let r = 0;
+  for (let i = t; i < t + n; i += 1) {
+    const o = e[i];
+    if (typeof o == "number" && le(o))
+      r = (r ?? 0) + o;
+    else
+      return;
+  }
+  return r;
+}
+function _t(e, t, n) {
+  if (!Array.isArray(e.rows) || e.rows.length === 0) {
+    F(n, "error", "INVALID_GRID_ROWS", e, t, "格子至少需要一行");
+    return;
+  }
+  e.rows.forEach((r, i) => Ot(r, e, [...t, "rows", i], n)), e.gap !== void 0 && !le(e.gap) && F(n, "warning", "INVALID_GRID_GAP", e, t, "格子间距必须是正数（mm）");
+}
+function Ot(e, t, n, r) {
+  if (le(e.height) || F(r, "error", "INVALID_ROW_HEIGHT", e, n, "行高必须是正数"), !Array.isArray(e.cells) || e.cells.length === 0) {
+    F(r, "error", "INVALID_GRID_CELLS", e, n, "该行至少需要一个格子");
+    return;
+  }
+  let i = 0;
+  e.cells.forEach((o, a) => {
+    Bt(o, [...n, "cells", a], r);
+    const l = o.colspan ?? 1;
+    (!Number.isInteger(l) || l < 1) && F(r, "error", "INVALID_COLSPAN", o, [...n, "cells", a], "合并格数必须是正整数"), i += Number.isInteger(l) && l > 0 ? l : 0;
+  }), t.rows.some((o) => o.cells.length > 0) && i < 1 && F(r, "error", "INVALID_GRID_COLUMNS", t, n, "该行没有可用的格子");
+}
+function Bt(e, t, n) {
+  e.width !== void 0 && !nt(e.width) && F(n, "error", "INVALID_CELL_WIDTH", e, t, "格子宽度必须是正数（mm）、比例（如 1fr）或 auto"), e.padding !== void 0 && (!Number.isFinite(e.padding) || e.padding < 0) && F(n, "error", "INVALID_CELL_PADDING", e, t, "内边距不能是负数");
+}
+function Gt(e, t, n) {
+  if (!Array.isArray(e.columns) || e.columns.length === 0) {
+    F(n, "error", "INVALID_TABLE_COLUMNS", e, t, "表格至少需要一列");
+    return;
+  }
+  const r = /* @__PURE__ */ new Set();
+  e.columns.forEach((o, a) => {
+    const l = [...t, "columns", a];
+    (!o.key.trim() || r.has(o.key)) && F(n, "error", "DUPLICATE_TABLE_COLUMN", e, l, `列字段重复或为空：${o.key}`), r.add(o.key), o.width !== void 0 && !nt(o.width) && F(n, "error", "INVALID_TABLE_COLUMN_WIDTH", e, l, `列「${o.key}」的宽度不合法`);
+  }), (!Number.isInteger(e.minRows) || e.minRows < 0) && F(n, "error", "INVALID_TABLE_MIN_ROWS", e, t, "表格最小行数必须是不小于 0 的整数");
+  const i = /* @__PURE__ */ new Set();
+  e.rowTemplate.forEach((o, a) => {
+    const l = [...t, "rowTemplate", a];
+    (!r.has(o.columnKey) || i.has(o.columnKey)) && F(n, "error", "INVALID_TABLE_TEMPLATE", o, l, `行模板引用了不存在的列：${o.columnKey}`), i.add(o.columnKey);
+  });
+  for (const o of r)
+    i.has(o) || F(n, "warning", "MISSING_TABLE_TEMPLATE", e, t, `列「${o}」缺少行模板`);
+}
+function He(e, t, n, r, i, o = !1) {
+  var l, c;
+  if (!(/* @__PURE__ */ new Set(["text", "p", "grid", "table", "image", "html"])).has(e.type)) {
+    F(
+      n,
+      "error",
+      "UNKNOWN_NODE_TYPE",
+      e,
+      t,
+      `未知组件类型：${String(e.type)}`
+    );
+    return;
+  }
+  if (e.type === "text") {
+    if (i && ((l = e.style) == null ? void 0 : l.writingMode) !== "vertical-rl") {
+      const d = ((c = e.style) == null ? void 0 : c.fontSize) ?? it, h = ot(e.text, d), p = i.widthMm - 2 * i.paddingMm;
+      h > p && F(
+        n,
+        "warning",
+        "CONTENT_OVERFLOW",
+        e,
+        t,
+        `文本估算宽度约 ${be(h)}mm，超过格子可用宽度 ${be(p)}mm，可能显示不全`
+      );
+    }
+    e.text.trim() || F(n, "warning", "EMPTY_STATIC_TEXT", e, t, "文本内容为空");
+  } else e.type === "p" ? ($t(e, i, t, n), e.mode === "field" && !o && (e.field.trim() ? r.has(e.field) ? F(n, "warning", "DUPLICATE_FIELD", e, t, `字段名已被其他字段使用：${e.field}`) : r.set(e.field, e.id) : F(n, "warning", "EMPTY_FIELD", e, t, "字段名为空"))) : e.type === "grid" ? (_t(e, t, n), e.rows.forEach((d, h) => {
+    let p = 0;
+    d.cells.forEach((b, y) => {
+      const M = b.colspan ?? 1, w = M === 1 ? Pt(e.columns, p, 1) ?? (typeof b.width == "number" && le(b.width) ? b.width : void 0) : void 0, f = w !== void 0 ? { widthMm: w, paddingMm: b.padding ?? e.cellPadding ?? 0 } : void 0;
+      b.children.forEach(
+        (u, m) => He(u, [...t, "rows", h, "cells", y, "children", m], n, r, f, o)
+      ), p += M;
+    });
+  })) : e.type === "table" ? (Gt(e, t, n), e.rowTemplate.forEach((d, h) => {
+    const p = e.columns.find((y) => y.key === d.columnKey), b = p && typeof p.width == "number" && le(p.width) ? { widthMm: p.width, paddingMm: 0 } : void 0;
+    d.children.forEach(
+      (y, M) => He(y, [...t, "rowTemplate", h, "children", M], n, r, b, !0)
+    );
+  })) : e.type === "image" && (!e.src && !e.field && F(n, "warning", "IMAGE_WITHOUT_SOURCE", e, t, "图片未设置地址或数据字段"), (e.width !== void 0 && !le(e.width) || e.height !== void 0 && !le(e.height)) && F(n, "error", "INVALID_IMAGE_DIMENSION", e, t, "图片宽高必须是正数"));
+}
+function ze(e) {
+  const t = [];
+  e.version !== 2 && F(t, "error", "INVALID_VERSION", void 0, void 0, "不是有效的表单模板文件（Schema V2）"), le(e.baseRowHeight) || F(t, "error", "INVALID_BASE_ROW_HEIGHT", void 0, ["baseRowHeight"], "基础行高必须是正数");
+  const n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Map(), i = (o, a) => {
+    n.has(o.id) && F(t, "error", "DUPLICATE_ID", o, a, `存在重复的节点 ID：${o.id}`), n.add(o.id);
+  };
+  e.pages.forEach((o, a) => {
+    const l = ["pages", a];
+    i(o, l), o.children.length || F(t, "warning", "EMPTY_PAGE", o, l, "页面没有内容"), Vt(e, o, l, t), o.children.forEach(
+      (c, d) => He(c, [...l, "children", d], t, r, void 0)
+    );
+  });
+  try {
+    se(e);
+  } catch (o) {
+    F(t, "error", "INDEX_BUILD_FAILED", void 0, void 0, o instanceof Error ? o.message : String(o));
+  }
+  return t;
+}
+function P(e) {
+  return `${e}-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 7)}`;
+}
+function me(e) {
+  const t = (n) => P(n);
+  return e.type === "grid-row" ? {
+    ...e,
+    id: t("row"),
+    cells: e.cells.map((n) => me(n))
+  } : e.type === "grid-cell" ? {
+    ...e,
+    id: t("cell"),
+    children: e.children.map(me)
+  } : e.type === "table-cell-template" ? {
+    ...e,
+    id: t("template"),
+    children: e.children.map(me)
+  } : e.type === "page" ? { ...e, id: t("page"), children: e.children.map(me) } : e.type === "grid" ? {
+    ...e,
+    id: t("grid"),
+    rows: e.rows.map((n) => ({
+      ...n,
+      id: t("row"),
+      cells: n.cells.map((r) => ({
+        ...r,
+        id: t("cell"),
+        children: r.children.map(me)
+      }))
+    }))
+  } : e.type === "table" ? {
+    ...e,
+    id: t("table"),
+    rowTemplate: e.rowTemplate.map((n) => ({
+      ...n,
+      id: t("template"),
+      children: n.children.map(me)
+    }))
+  } : { ...e, id: t(e.type) };
+}
+function zt(e) {
+  return me(e);
+}
+function We(e, t, n) {
+  const r = e.id === t ? n(e) : e;
+  return r.type === "grid" ? {
+    ...r,
+    rows: r.rows.map((i) => Wt(i, t, n))
+  } : r.type === "table" ? {
+    ...r,
+    rowTemplate: r.rowTemplate.map((i) => Kt(i, t, n))
+  } : r;
+}
+function Wt(e, t, n) {
+  const r = e.id === t ? n(e) : e;
+  return {
+    ...r,
+    cells: r.cells.map((i) => Ut(i, t, n))
+  };
+}
+function Ut(e, t, n) {
+  const r = e.id === t ? n(e) : e;
+  return {
+    ...r,
+    children: r.children.map((i) => We(i, t, n))
+  };
+}
+function Kt(e, t, n) {
+  const r = e.id === t ? n(e) : e;
+  return {
+    ...r,
+    children: r.children.map((i) => We(i, t, n))
+  };
+}
+function qt(e, t, n) {
+  const r = e.id === t ? n(e) : e;
+  return {
+    ...r,
+    children: r.children.map((i) => We(i, t, n))
+  };
+}
+function k(e, t, n) {
+  return {
+    ...e,
+    pages: e.pages.map((r) => qt(r, t, n))
+  };
+}
+function jt(e, t, n, r) {
+  return k(e, t, (i) => {
+    if (i.type !== "grid") return i;
+    const o = Math.max(0, Math.min(r ?? i.rows.length, i.rows.length)), a = [...i.rows];
+    return a.splice(o, 0, n), { ...i, rows: a };
+  });
+}
+function hn(e, t, n = 1) {
+  return k(e, t, (r) => r.type !== "table" ? r : { ...r, minRows: Math.max(0, r.minRows + n) });
+}
+function gn(e, t, n) {
+  return k(
+    e,
+    t,
+    (r) => r.type === "grid" ? { ...r, border: n } : r
+  );
+}
+function pn(e, t, n) {
+  return k(
+    e,
+    t,
+    (r) => r.type === "table" ? { ...r, border: n } : r
+  );
+}
+function yn(e, t, n) {
+  return k(
+    e,
+    t,
+    (r) => r.type === "grid-row" ? { ...r, height: n } : r
+  );
+}
+function wn(e, t, n) {
+  return k(
+    e,
+    t,
+    (r) => r.type === "grid-cell" ? { ...r, width: n } : r
+  );
+}
+function bn(e, t, n) {
+  const r = Number.isFinite(n) && n > 0 ? n : 0;
+  return k(
+    e,
+    t,
+    (i) => i.type === "grid-cell" ? { ...i, padding: r } : i
+  );
+}
+function vn(e, t, n) {
+  return k(
+    e,
+    t,
+    (r) => r.type === "grid-cell" ? { ...r, align: n } : r
+  );
+}
+function En(e, t, n) {
+  return k(
+    e,
+    t,
+    (r) => r.type === "grid-cell" ? { ...r, verticalAlign: n } : r
+  );
+}
+function Tn(e, t, n) {
+  return k(
+    e,
+    t,
+    (r) => r.type === "grid" ? { ...r, ...n } : r
+  );
+}
+function Sn(e, t, n) {
+  const r = typeof n == "number" && Number.isFinite(n) && n > 0 ? n : void 0;
+  return k(
+    e,
+    t,
+    (i) => i.type === "grid" ? { ...i, gap: r } : i
+  );
+}
+function Re(e) {
+  const t = e.gap;
+  return typeof t == "number" && Number.isFinite(t) && t > 0 ? t : 0;
+}
+function Mn(e, t, n) {
+  return k(
+    e,
+    t,
+    (r) => r.type === "table" ? { ...r, minRows: Math.max(0, Math.floor(n)) } : r
+  );
+}
+function xn(e, t, n) {
+  return k(e, t, (r) => {
+    if (r.type !== "table") return r;
+    const i = new Set(r.columns.map((d) => d.key));
+    let o = r.columns.length + 1, a = `col${o}`;
+    for (; i.has(a); )
+      o += 1, a = `col${o}`;
+    const l = {
+      key: a,
+      title: (n == null ? void 0 : n.title) ?? "新列",
+      width: (n == null ? void 0 : n.width) ?? "1fr",
+      align: n == null ? void 0 : n.align
+    }, c = {
+      id: P(`${r.id}-${a}`),
+      type: "table-cell-template",
+      columnKey: a,
+      children: [
+        {
+          id: P(`${r.id}-${a}-p`),
+          type: "p",
+          mode: "field",
+          // 字段名由渲染期按「列key_行号」自动派生（见 schema-v2-table-rows.ts），
+          // 行模板内不手写 field；校验层对表格内字段跳过命名检查。
+          field: "",
+          underline: !0
+        }
+      ]
+    };
+    return {
+      ...r,
+      columns: [...r.columns, l],
+      rowTemplate: [...r.rowTemplate, c]
+    };
+  });
+}
+function An(e, t, n) {
+  return k(e, t, (r) => r.type !== "table" || r.columns.length <= 1 ? r : {
+    ...r,
+    columns: r.columns.filter((i) => i.key !== n),
+    rowTemplate: r.rowTemplate.filter((i) => i.columnKey !== n)
+  });
+}
+function Rn(e, t, n, r) {
+  const i = r.trim();
+  return !i || i === n ? e : k(e, t, (o) => o.type !== "table" || o.columns.some((a) => a.key === i) ? o : {
+    ...o,
+    columns: o.columns.map(
+      (a) => a.key === n ? { ...a, key: i } : a
+    ),
+    rowTemplate: o.rowTemplate.map(
+      (a) => a.columnKey === n ? { ...a, columnKey: i, id: `${t}-${i}` } : a
+    )
+  });
+}
+function Nn(e, t, n, r) {
+  return k(e, t, (i) => i.type !== "table" ? i : {
+    ...i,
+    columns: i.columns.map(
+      (o) => o.key === n ? { ...o, ...r } : o
+    )
+  });
+}
+function Fn(e, t) {
+  return { ...e, baseRowHeight: Math.max(1, Math.min(99, Math.floor(t))) };
+}
+function kn(e, t) {
+  return { ...e, paper: t };
+}
+function In() {
+  return {
+    version: 2,
+    paper: { size: "A4" },
+    baseRowHeight: 8,
+    pages: [
+      {
+        id: P("page"),
+        type: "page",
+        mode: "fixed",
+        margin: { top: 12, right: 12, bottom: 12, left: 12 },
+        children: []
+      }
+    ]
+  };
+}
+function ke(e = 1, t = 1) {
+  const n = Math.max(1, Math.floor(e));
+  return {
+    id: P("row"),
+    type: "grid-row",
+    height: Math.max(1, Math.floor(t)),
+    cells: Array.from({ length: n }, (r, i) => ({
+      id: P(`cell-${i + 1}`),
+      type: "grid-cell",
+      width: "1fr",
+      children: []
+    }))
+  };
+}
+function Jt(e, t, n) {
+  return k(
+    e,
+    t,
+    (r) => r.type === "grid-cell" || r.type === "table-cell-template" ? { ...r, children: [...r.children, n] } : r
+  );
+}
+function Ln(e, t, n) {
+  var l, c;
+  const r = se(e), i = r.get(t), o = r.get(n);
+  if ((i == null ? void 0 : i.node.type) !== "grid-cell" || (o == null ? void 0 : o.node.type) !== "grid-cell" || ((l = i.parent) == null ? void 0 : l.type) !== "grid-row" || i.parent.id !== ((c = o.parent) == null ? void 0 : c.id)) return e;
+  const a = i.parent.id;
+  return k(e, a, (d) => {
+    if (d.type !== "grid-row") return d;
+    const h = d.cells.findIndex((w) => w.id === t), p = d.cells.findIndex((w) => w.id === n);
+    if (h < 0 || p < 0 || h === p) return d;
+    const b = d.cells[h], y = d.cells[p], M = {
+      ...b,
+      colspan: (b.colspan ?? 1) + (y.colspan ?? 1),
+      children: [...b.children, ...y.children]
+    };
+    return {
+      ...d,
+      cells: d.cells.filter((w) => w.id !== n).map(
+        (w) => w.id === t ? M : w
+      )
+    };
+  });
+}
+function Cn(e, t) {
+  const r = se(e).get(t);
+  if ((r == null ? void 0 : r.node.type) !== "grid-cell") return e;
+  const i = r.node.colspan ?? 1;
+  if (i <= 1) return e;
+  const o = r.parent;
+  return !o || o.type !== "grid-row" ? e : k(e, o.id, (a) => {
+    if (a.type !== "grid-row") return a;
+    const l = a.cells.findIndex((b) => b.id === t);
+    if (l < 0) return a;
+    const c = a.cells[l], { colspan: d, ...h } = c, p = Array.from({ length: i - 1 }, () => ({
+      id: P("cell"),
+      type: "grid-cell",
+      children: []
+    }));
+    return {
+      ...a,
+      cells: [
+        ...a.cells.slice(0, l),
+        h,
+        ...p,
+        ...a.cells.slice(l + 1)
+      ]
+    };
+  });
+}
+function $n(e, t) {
+  return k(e, t, (n) => {
+    if (n.type !== "grid-cell" || n.children.length === 0) return n;
+    const r = Ue({ rows: 1, columns: 1, border: "none" });
+    return r.rows[0].cells[0].children = n.children, { ...n, children: [r] };
+  });
+}
+function at(e, t) {
+  let n;
+  const r = (o) => o.type === "grid" ? {
+    ...o,
+    rows: o.rows.map((a) => ({
+      ...a,
+      cells: a.cells.map((l) => ({
+        ...l,
+        children: l.children.filter((c) => c.id === t ? (n = c, !1) : !0).map(r)
+      }))
+    }))
+  } : o.type === "table" ? {
+    ...o,
+    rowTemplate: o.rowTemplate.map((a) => ({
+      ...a,
+      children: a.children.filter((l) => l.id === t ? (n = l, !1) : !0).map(r)
+    }))
+  } : o;
+  return { schema: {
+    ...e,
+    pages: e.pages.map((o) => ({
+      ...o,
+      children: o.children.filter((a) => a.id === t ? (n = a, !1) : !0).map(r)
+    }))
+  }, node: n };
+}
+function Dn(e, t, n) {
+  var d, h;
+  const r = se(e), i = r.get(t), o = r.get(n);
+  if (!i || !o || o.node.type !== "grid-cell" && o.node.type !== "table-cell-template" || i.node.type === "page" || i.node.type === "grid-row" || i.node.type === "grid-cell" || i.node.type === "table-cell-template" || ((d = i.parent) == null ? void 0 : d.id) === n) return e;
+  let a = o.parent;
+  for (; a; ) {
+    if (a.id === t) return e;
+    a = ((h = r.get(a.id)) == null ? void 0 : h.parent) ?? null;
+  }
+  const { schema: l, node: c } = at(e, t);
+  return c ? Jt(l, n, c) : e;
+}
+const Hn = "application/x-ticket-node-move";
+function Vn(e, t, n, r) {
+  var w;
+  const i = se(e), o = i.get(t), a = i.get(n);
+  if (!o || !a || a.node.type !== "grid-cell" && a.node.type !== "table-cell-template" || o.node.type === "page" || o.node.type === "grid-row" || o.node.type === "grid-cell" || o.node.type === "table-cell-template") return e;
+  let l = a.parent;
+  for (; l; ) {
+    if (l.id === t) return e;
+    l = ((w = i.get(l.id)) == null ? void 0 : w.parent) ?? null;
+  }
+  const c = o.parent, d = c && (c.type === "grid-cell" || c.type === "table-cell-template") ? c.children : null, h = d ? d.findIndex((f) => f.id === t) : -1, p = (c == null ? void 0 : c.id) === n;
+  if (p && h >= 0 && r === h) return e;
+  const { schema: b, node: y } = at(e, t);
+  if (!y) return e;
+  let M = Number.isFinite(r) ? Math.trunc(r) : 0;
+  return p && h >= 0 && M > h && (M -= 1), k(b, n, (f) => {
+    if (f.type !== "grid-cell" && f.type !== "table-cell-template") return f;
+    const u = Math.max(0, Math.min(M, f.children.length));
+    return { ...f, children: [...f.children.slice(0, u), y, ...f.children.slice(u)] };
+  });
+}
+function Pn(e, t, n) {
+  var c;
+  const i = (c = se(e).get(t)) == null ? void 0 : c.parent;
+  if (!i) return e;
+  const o = (d) => {
+    const h = d.findIndex((w) => w.id === t);
+    if (h < 0) return null;
+    const p = n === "up" ? h - 1 : h + 1;
+    if (p < 0 || p >= d.length) return null;
+    const b = d[h], y = d[p];
+    if (!b || !y) return null;
+    const M = [...d];
+    return M[h] = y, M[p] = b, M;
+  };
+  let a = null;
+  const l = k(e, i.id, (d) => {
+    const h = d.type === "grid-cell" || d.type === "table-cell-template" || d.type === "page" ? d.children : null;
+    if (!h) return d;
+    const p = o(h);
+    return p ? (a = p, { ...d, children: p }) : d;
+  });
+  return a ? l : e;
+}
+function _n(e, t) {
+  var c, d;
+  const n = se(e), r = t ? (d = (c = n.get(t)) == null ? void 0 : c.parent) == null ? void 0 : d.id : void 0, i = (h) => {
+    var b, y;
+    let p = h;
+    for (; p; ) {
+      if (p === t) return !0;
+      p = (y = (b = n.get(p)) == null ? void 0 : b.parent) == null ? void 0 : y.id;
+    }
+    return !1;
+  }, o = (h) => h !== r && !(t !== void 0 && i(h)), a = [], l = (h, p) => {
+    h.forEach((b) => {
+      if (b.type === "grid") {
+        const y = `${p}${b.id}`;
+        b.rows.forEach((M, w) => {
+          M.cells.forEach((f, u) => {
+            const m = `${y} · 第${w + 1}行第${u + 1}格`;
+            o(f.id) && a.push({ id: f.id, label: m }), l(f.children, `${m} › `);
+          });
+        });
+      } else b.type === "table" && b.rowTemplate.forEach((y) => {
+        if (!o(y.id)) return;
+        const M = b.columns.find((w) => w.key === y.columnKey);
+        a.push({
+          id: y.id,
+          label: `${p}${b.id} · ${(M == null ? void 0 : M.title) ?? y.columnKey}列`
+        });
+      });
+    });
+  };
+  return e.pages.forEach((h) => l(h.children, "")), a;
+}
+function On(e, t) {
+  return e.pages[0] ? {
+    ...e,
+    pages: e.pages.map(
+      (r, i) => i === 0 ? { ...r, children: [...r.children, t] } : r
+    )
+  } : e;
+}
+function Bn(e, t, n) {
+  return jt(e, t, n);
+}
+function Gn(e, t, n) {
+  const r = (i) => {
+    if (i.type === "grid") {
+      const o = i.rows.findIndex((a) => a.id === t);
+      if (o >= 0) {
+        const a = [...i.rows], l = zt(i.rows[o]), c = Math.max(0, Math.min(n ?? o + 1, a.length));
+        return a.splice(c, 0, l), { ...i, rows: a };
+      }
+      return {
+        ...i,
+        rows: i.rows.map((a) => ({
+          ...a,
+          cells: a.cells.map((l) => ({ ...l, children: l.children.map(r) }))
+        }))
+      };
+    }
+    return i.type === "table" ? {
+      ...i,
+      rowTemplate: i.rowTemplate.map((o) => ({
+        ...o,
+        children: o.children.map(r)
+      }))
+    } : i;
+  };
+  return {
+    ...e,
+    pages: e.pages.map((i) => ({ ...i, children: i.children.map(r) }))
+  };
+}
+function zn(e, t) {
+  const n = (r) => r.type === "grid" ? {
+    ...r,
+    rows: r.rows.filter((i) => i.id !== t).map((i) => ({
+      ...i,
+      cells: i.cells.map((o) => ({
+        ...o,
+        children: o.children.map(n)
+      }))
+    }))
+  } : r.type === "table" ? {
+    ...r,
+    rowTemplate: r.rowTemplate.map((i) => ({
+      ...i,
+      children: i.children.map(n)
+    }))
+  } : r;
+  return {
+    ...e,
+    pages: e.pages.map((r) => ({ ...r, children: r.children.map(n) }))
+  };
+}
+function Ve(e, t) {
+  if (e.id === t) return null;
+  if (e.type === "grid") {
+    const n = e.rows.filter((r) => r.id !== t).map((r) => ({
+      ...r,
+      cells: r.cells.filter((i) => i.id !== t).map((i) => ({
+        ...i,
+        children: i.children.map((o) => Ve(o, t)).filter((o) => o !== null)
+      }))
+    })).filter((r) => r.cells.length > 0);
+    return n.length > 0 ? {
+      ...e,
+      rows: n
+    } : null;
+  }
+  return e.type === "table" ? {
+    ...e,
+    rowTemplate: e.rowTemplate.filter((n) => n.id !== t).map((n) => ({
+      ...n,
+      children: n.children.map((r) => Ve(r, t)).filter((r) => r !== null)
+    }))
+  } : e;
+}
+function Wn(e, t) {
+  return {
+    ...e,
+    pages: e.pages.filter((n) => n.id !== t).map((n) => ({
+      ...n,
+      children: n.children.map((r) => Ve(r, t)).filter((r) => r !== null)
+    }))
+  };
+}
+function Un(e, t, n) {
+  return {
+    ...e,
+    pages: e.pages.map((r) => ({
+      ...r,
+      children: r.children.map((i) => {
+        if (i.type !== "grid") return i;
+        const o = i.rows.findIndex((c) => c.id === t);
+        if (o < 0) return i;
+        const a = n === "up" ? o - 1 : o + 1;
+        if (a < 0 || a >= i.rows.length) return i;
+        const l = [...i.rows];
+        return [l[o], l[a]] = [l[a], l[o]], { ...i, rows: l };
+      })
+    }))
+  };
+}
+function Kn(e, t, n) {
+  const r = Math.max(1, Math.floor(n));
+  return k(e, t, (i) => {
+    if (i.type !== "grid-row") return i;
+    const o = i.cells, a = Array.from({ length: r }, (l, c) => o[c] ?? {
+      id: P(`cell-${c + 1}`),
+      type: "grid-cell",
+      width: "1fr",
+      children: []
+    });
+    return { ...i, cells: a };
+  });
+}
+function Yt(e = "1fr") {
+  return {
+    id: P("cell"),
+    type: "grid-cell",
+    width: e,
+    children: []
+  };
+}
+function lt(e, t) {
+  const n = e.cells.slice(0, t);
+  for (; n.length < t; ) n.push(Yt());
+  if (e.cells.length > t && n.length > 0) {
+    const r = e.cells.slice(t).flatMap((i) => i.children);
+    n[n.length - 1] = {
+      ...n[n.length - 1],
+      children: [...n[n.length - 1].children, ...r]
+    };
+  }
+  return { ...e, cells: n };
+}
+function qn(e, t, n, r) {
+  const i = Math.max(1, Math.floor(n)), o = Math.max(1, Math.floor(r));
+  return k(e, t, (a) => {
+    var h, p;
+    if (a.type !== "grid") return a;
+    const l = a.rows.slice(0, i).map((b) => lt(b, o)), c = ((h = a.rows[0]) == null ? void 0 : h.height) ?? 1;
+    for (; l.length < i; )
+      l.push(ke(o, c));
+    if (a.rows.length > i && l.length > 0) {
+      const b = a.rows.slice(i).flatMap((w) => w.cells.flatMap((f) => f.children)), y = l[l.length - 1], M = y.cells[y.cells.length - 1];
+      y.cells[y.cells.length - 1] = {
+        ...M,
+        children: [...M.children, ...b]
+      };
+    }
+    const d = (((p = l[0]) == null ? void 0 : p.cells) ?? []).map((b) => b.width ?? "1fr");
+    return { ...a, rows: l, columns: d };
+  });
+}
+function Xt(e) {
+  const t = e.rows.find((r) => r.cells.length > 0) ?? e.rows[0], n = [];
+  if (!t) return n;
+  for (const r of t.cells) {
+    const i = r.colspan ?? 1;
+    for (let o = 0; o < i; o += 1) n.push(r.width ?? "1fr");
+  }
+  return n;
+}
+function jn(e, t, n, r) {
+  return k(e, t, (i) => {
+    if (i.type !== "grid") return i;
+    const a = (i.columns ?? Xt(i)).slice();
+    return n >= 0 && n < a.length && (a[n] = r), {
+      ...i,
+      columns: a,
+      rows: i.rows.map((l) => ({
+        ...l,
+        cells: l.cells.map(
+          (c, d) => d === n ? { ...c, width: r } : c
+        )
+      }))
+    };
+  });
+}
+function Zt(e, t, n, r) {
+  const i = Math.max(1, Math.floor(n)), o = Math.max(1, Math.floor(r));
+  return k(e, t, (a) => {
+    var d, h;
+    if (a.type !== "grid-cell") return a;
+    const l = a.children.length === 1 && ((d = a.children[0]) == null ? void 0 : d.type) === "grid" ? a.children[0] : void 0;
+    if (l) {
+      const p = l.rows.slice(0, i).map((y) => lt(y, o)), b = ((h = l.rows[0]) == null ? void 0 : h.height) ?? 1;
+      for (; p.length < i; ) p.push(ke(o, b));
+      if (l.rows.length > i) {
+        const y = l.rows.slice(i).flatMap((f) => f.cells.flatMap((u) => u.children)), M = p[p.length - 1], w = M.cells[M.cells.length - 1];
+        M.cells[M.cells.length - 1] = { ...w, children: [...w.children, ...y] };
+      }
+      return {
+        ...a,
+        children: [{ ...l, rows: p }]
+      };
+    }
+    const c = Ue({ rows: i, columns: o, border: "none" });
+    return c.rows[0].cells[0].children = a.children, { ...a, children: [c] };
+  });
+}
+function Jn(e, t, n) {
+  return Zt(e, t, n, 1);
+}
+function Yn(e = ke(), t = "all") {
+  return "type" in e ? {
+    id: P("grid"),
+    type: "grid",
+    border: t,
+    rows: [e]
+  } : Ue(e);
+}
+function Ue(e = {}) {
+  const t = Math.max(1, Math.floor(e.rows ?? 1)), n = Math.max(1, Math.floor(e.columns ?? 1)), r = Math.max(1, Math.floor(e.rowHeight ?? 1)), i = e.cellWidth ?? "1fr";
+  return {
+    id: P("grid"),
+    type: "grid",
+    border: e.border ?? "all",
+    columns: Array.from({ length: n }, () => i),
+    rows: Array.from({ length: t }, () => {
+      const o = ke(n, r);
+      return {
+        ...o,
+        cells: o.cells.map((a) => ({ ...a, width: i }))
+      };
+    })
+  };
+}
+function Xn(e = "固定文本") {
+  return { id: P("text"), type: "text", text: e };
+}
+function Zn(e = "字段") {
+  return { id: P("p-field"), type: "p", mode: "field", field: e, underline: !0 };
+}
+function Qn() {
+  const e = P("table"), t = [
+    { key: "col1", title: "列 1", width: "1fr" },
+    { key: "col2", title: "列 2", width: "1fr" }
+  ];
+  return {
+    id: e,
+    type: "table",
+    columns: t,
+    minRows: 4,
+    rowTemplate: t.map((n) => ({
+      id: P(`${e}-${n.key}`),
+      type: "table-cell-template",
+      columnKey: n.key,
+      children: [{
+        id: P(`${e}-${n.key}-p`),
+        type: "p",
+        mode: "field",
+        // 字段名由渲染期按「列key_行号」自动派生（见 schema-v2-table-rows.ts），
+        // 行模板内不手写 field；校验层对表格内字段跳过命名检查。
+        field: "",
+        underline: !0
+      }]
+    })),
+    border: "all"
+  };
+}
+function ei(e = "") {
+  return {
+    id: P("html"),
+    type: "html",
+    html: e
+  };
+}
+function ti() {
+  return {
+    id: P("image"),
+    type: "image",
+    objectFit: "contain"
+  };
+}
+class ee extends Error {
+  constructor(n, r = []) {
+    super(n);
+    je(this, "issues");
+    this.name = "SchemaV2SerializationError", this.issues = r;
+  }
+}
+function ue(e, t) {
+  if (!e || typeof e != "object" || Array.isArray(e))
+    throw new ee(`${t} must be an object`);
+  return e;
+}
+function Se(e, t) {
+  if (typeof e != "string" || !e)
+    throw new ee(`${t} must be a non-empty string`);
+  return e;
+}
+function Ke(e) {
+  const t = ue(e, "Schema node");
+  if (Se(t.id, "Schema node id"), typeof t.type != "string")
+    throw new ee(`Schema node ${t.id} is missing type`);
+  if (t.type === "grid") {
+    const n = t.gap, r = typeof n == "number" && Number.isFinite(n) && n > 0 ? n : void 0;
+    return {
+      ...t,
+      border: t.border ?? "none",
+      gap: r,
+      rows: Array.isArray(t.rows) ? t.rows.map((i) => Qt(i)) : []
+    };
+  }
+  if (t.type === "table") {
+    const n = Array.isArray(t.columns) ? t.columns : [];
+    return {
+      ...t,
+      columns: n,
+      minRows: t.minRows ?? 0,
+      rowTemplate: Array.isArray(t.rowTemplate) ? t.rowTemplate.map((r) => tr(r)) : []
+    };
+  }
+  return t.type === "text" ? { ...t, text: t.text ?? "" } : t.type === "p" ? t.mode === "field" ? { ...t, field: t.field ?? "" } : { ...t, type: "text", text: t.text ?? "" } : t.type === "html" ? { ...t, html: t.html ?? "" } : t.type === "image" ? { ...t, objectFit: t.objectFit ?? "contain" } : { ...t };
+}
+function Qt(e) {
+  const t = ue(e, "Grid row");
+  return Se(t.id, "Grid row id"), {
+    ...t,
+    height: t.height ?? 1,
+    cells: Array.isArray(t.cells) ? t.cells.map((n) => er(n)) : []
+  };
+}
+function er(e) {
+  const t = ue(e, "Grid cell");
+  return Se(t.id, "Grid cell id"), {
+    ...t,
+    children: Array.isArray(t.children) ? t.children.map(Ke) : []
+  };
+}
+function tr(e) {
+  const t = ue(e, "Table cell template");
+  return Se(t.id, "Table cell template id"), {
+    ...t,
+    children: Array.isArray(t.children) ? t.children.map(Ke) : []
+  };
+}
+function st(e) {
+  const t = ue(e, "Schema");
+  if (t.version !== 2)
+    throw new ee("Expected Schema V2");
+  if (!Array.isArray(t.pages))
+    throw new ee("Schema pages must be an array");
+  const n = ue(t.paper ?? {}, "Schema paper"), r = n.header, i = n.footer;
+  return {
+    version: 2,
+    paper: {
+      size: n.size ?? "A4",
+      // `orientation` 为废弃键（方向自 P11-3 起由纸张尺寸派生，渲染/打印均忽略）：
+      // 归一化时直接丢弃，不向前携带；旧模板中残留的 orientation 仅在解析时被忽略，不会回写导出。
+      // header / footer 为可选配置：存在则原样保留（此前 paper 只落 size，会导致导出丢失）。
+      ...r ? { header: r } : {},
+      ...i ? { footer: i } : {}
+    },
+    baseRowHeight: t.baseRowHeight ?? 8,
+    pages: t.pages.map((o) => {
+      const a = ue(o, "Page");
+      if (Se(a.id, "Page id"), a.type !== void 0 && a.type !== "page")
+        throw new ee(`Invalid page type: ${String(a.type)}`);
+      const l = ue(a.margin ?? {}, "Page margin");
+      return {
+        ...a,
+        id: a.id,
+        type: "page",
+        mode: "fixed",
+        margin: {
+          top: l.top ?? 10,
+          right: l.right ?? 10,
+          bottom: l.bottom ?? 10,
+          left: l.left ?? 10
+        },
+        children: Array.isArray(a.children) ? a.children.map(Ke) : []
+      };
+    })
+  };
+}
+function ri(e, t = !1) {
+  const r = ze(e).filter((i) => i.level === "error");
+  if (r.length) throw new ee("Cannot serialize invalid Schema V2", r);
+  return JSON.stringify(e, null, t ? 2 : 0);
+}
+function ni(e) {
+  let t = e;
+  if (typeof e == "string")
+    try {
+      t = JSON.parse(e);
+    } catch (o) {
+      throw new ee(`Invalid Schema JSON: ${o instanceof Error ? o.message : String(o)}`);
+    }
+  const n = st(t), i = ze(n).filter((o) => o.level === "error");
+  if (i.length) throw new ee("Schema V2 validation failed", i);
+  return n;
+}
+function ii(e) {
+  let t = e;
+  if (typeof e == "string")
+    try {
+      t = JSON.parse(e);
+    } catch (i) {
+      return {
+        schema: null,
+        issues: [
+          {
+            level: "error",
+            code: "INVALID_JSON",
+            message: `Invalid Schema JSON: ${i instanceof Error ? i.message : String(i)}`
+          }
+        ],
+        ok: !1
+      };
+    }
+  let n;
+  try {
+    n = st(t);
+  } catch (i) {
+    return i instanceof ee ? { schema: null, issues: i.issues, ok: !1 } : {
+      schema: null,
+      issues: [
+        {
+          level: "error",
+          code: "NORMALIZE_FAILED",
+          message: i instanceof Error ? i.message : String(i)
+        }
+      ],
+      ok: !1
+    };
+  }
+  const r = ze(n);
+  return { schema: n, issues: r, ok: !0 };
+}
+function Ye(e, t = []) {
+  if ("field" in e && typeof e.field == "string" && e.field.length > 0 && t.push(e.field), e.type === "grid")
+    for (const n of e.rows)
+      for (const r of n.cells)
+        for (const i of r.children)
+          Ye(i, t);
+  else if (e.type === "table")
+    for (const n of e.rowTemplate)
+      for (const r of n.children)
+        Ye(r, t);
+  return t;
+}
+const rr = ["data-node-id"], nr = /* @__PURE__ */ Te({
+  __name: "HtmlBlock",
+  props: {
+    node: {},
+    data: {},
+    readonly: { type: Boolean },
+    fieldPermissions: {}
+  },
+  emits: ["field-change"],
+  setup(e, { emit: t }) {
+    const n = e, r = t, i = () => n.data != null && !n.readonly;
+    function o(w) {
+      var f;
+      return ((f = n.fieldPermissions) == null ? void 0 : f[w]) ?? "EDIT";
+    }
+    const a = X(null);
+    function l(w) {
+      return w ? w.replace(/@import[^;]+;?/gi, "").replace(/<\/style>/gi, "") : "";
+    }
+    function c(w) {
+      return w.replace(
+        /\{\{\s*([\p{L}\p{N}_.$-]+)\s*\}\}/gu,
+        (f, u) => {
+          const m = o(u);
+          return m === "HIDDEN" ? `<span data-bind="${u}" data-masked>***</span>` : i() ? `<input data-bind="${u}"${m === "READ" ? " readonly" : ""} />` : `<span data-bind="${u}"></span>`;
+        }
+      );
+    }
+    function d() {
+      const w = xt.sanitize(c(n.node.html ?? ""), {
+        USE_PROFILES: { html: !0 },
+        ADD_TAGS: ["input"],
+        ADD_ATTR: ["target", "data-bind", "readonly", "contenteditable"],
+        FORBID_TAGS: ["style", "script"]
+      });
+      return `<style>${l(n.node.css)}</style>${w}`;
+    }
+    function h(w) {
+      w.querySelectorAll("[data-field]").forEach((f) => {
+        const u = f.getAttribute("data-field");
+        if (!u) return;
+        const m = o(u), g = i() && m === "EDIT";
+        if (m === "HIDDEN") {
+          f.textContent = "***", f.setAttribute("data-masked", ""), f.setAttribute("contenteditable", "false");
+          return;
+        }
+        if (i() && n.data) {
+          const S = n.data[u], E = S == null ? "" : String(S);
+          f.textContent !== E && (f.textContent = E);
+        }
+        f.setAttribute("contenteditable", g ? "true" : "false");
+      });
+    }
+    function p() {
+      var f;
+      y();
+      const w = (f = a.value) == null ? void 0 : f.shadowRoot;
+      w && h(w);
+    }
+    function b() {
+      const w = a.value;
+      w && (w.shadowRoot || w.attachShadow({ mode: "open" }), w.shadowRoot.innerHTML = d(), p(), M());
+    }
+    function y() {
+      var f;
+      const w = (f = a.value) == null ? void 0 : f.shadowRoot;
+      !w || !n.data || w.querySelectorAll("[data-bind]").forEach((u) => {
+        var E;
+        const m = u.dataset.bind;
+        if (!m) return;
+        const g = (E = n.data) == null ? void 0 : E[m], S = g == null ? "" : String(g);
+        u instanceof HTMLInputElement ? u.value !== S && (u.value = S) : u.hasAttribute("data-masked") || u.textContent !== S && (u.textContent = S);
+      });
+    }
+    function M() {
+      var f;
+      const w = (f = a.value) == null ? void 0 : f.shadowRoot;
+      w && (w.querySelectorAll("input[data-bind]:not([readonly])").forEach((u) => {
+        u.addEventListener("input", () => {
+          const m = u.dataset.bind;
+          m && r("field-change", m, u.value);
+        });
+      }), w.querySelectorAll("[data-field][contenteditable='true']").forEach((u) => {
+        u.addEventListener("input", () => {
+          const m = u.getAttribute("data-field");
+          m && r("field-change", m, u.textContent ?? "");
+        });
+      }));
+    }
+    return Fe(b), ge(() => [n.node.html, n.node.css, n.fieldPermissions], b), ge(() => n.data, p, { deep: !0 }), (w, f) => (A(), R("div", {
+      ref_key: "host",
+      ref: a,
+      class: "layout-html",
+      "data-node-id": e.node.id
+    }, null, 8, rr));
+  }
+}), Ie = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [r, i] of t)
+    n[r] = i;
+  return n;
+}, ir = /* @__PURE__ */ Ie(nr, [["__scopeId", "data-v-2c9190b4"]]);
+function ct(e, t = {}) {
+  var n;
+  if (!t.isDesign && e.field) {
+    const r = (n = t.data) == null ? void 0 : n[e.field];
+    if (r != null) return String(r);
+  }
+  return e.src && e.src !== "" ? e.src : null;
+}
+const or = 0, ar = "center", lr = "middle";
+function sr(e, t) {
+  return {
+    padding: e.padding ?? t.cellPadding ?? or,
+    align: e.align ?? t.cellAlign ?? ar,
+    verticalAlign: e.verticalAlign ?? t.cellVerticalAlign ?? lr
+  };
+}
+function ut(e, t) {
+  return `${e}_${t}`;
+}
+function dt(e, t, n) {
+  const r = ut(t, n), i = e.type === "p" && e.mode === "field" ? { ...e, field: r } : e;
+  return i.type === "grid" ? {
+    ...i,
+    rows: i.rows.map((o) => ({
+      ...o,
+      cells: o.cells.map((a) => ({
+        ...a,
+        children: a.children.map((l) => dt(l, t, n))
+      }))
+    }))
+  } : i;
+}
+function cr(e, t) {
+  const n = `${t}_`;
+  if (!e.startsWith(n)) return null;
+  const r = e.slice(n.length);
+  if (!/^\d+$/.test(r)) return null;
+  const i = Number(r);
+  return Number.isFinite(i) ? i : null;
+}
+function we(e, t) {
+  const n = Number.isFinite(e.minRows) ? Math.max(0, Math.floor(e.minRows)) : 0;
+  if (!t) return n;
+  let r = 0;
+  for (const i of e.columns)
+    for (const o of Object.keys(t)) {
+      const a = cr(o, i.key);
+      a != null && a > r && (r = a);
+    }
+  return Math.max(n, r);
+}
+function oi(e, t) {
+  const n = [], r = (i, o) => {
+    if (i.type === "p" && i.mode === "field") {
+      o ? n.push({
+        key: ut(o.columnKey, o.rowIndex),
+        kind: "table-field",
+        tableField: o.columnKey,
+        row: o.rowIndex
+      }) : i.field && n.push({ key: i.field, kind: "field" });
+      return;
+    }
+    if (i.type === "table") {
+      const a = we(i, t ?? null);
+      for (const l of i.columns) {
+        const c = i.rowTemplate.find((d) => d.columnKey === l.key);
+        if (c)
+          for (let d = 1; d <= a; d += 1)
+            for (const h of c.children)
+              r(h, { columnKey: l.key, rowIndex: d });
+      }
+      return;
+    }
+    if (i.type === "grid")
+      for (const a of i.rows)
+        for (const l of a.cells)
+          for (const c of l.children)
+            r(c, o);
+  };
+  for (const i of e.pages)
+    for (const o of i.children)
+      r(o);
+  return n;
+}
+function ur(e, t) {
+  if (!e) return [];
+  const n = (r) => typeof r != "string" || r.trim() === "";
+  return Object.entries(e).filter(([, r]) => (r == null ? void 0 : r.required) === !0).map(([r]) => r).filter((r) => n(t == null ? void 0 : t[r]));
+}
+const dr = ["data-node-id"], fr = ["data-layout-id"], mr = ["data-layout-id", "data-node-id"], hr = ["data-node-id"], gr = ["contenteditable", "data-field", "data-node-id", "onClick", "onBlur"], pr = {
+  key: 0,
+  class: "layout-p__label"
+}, yr = ["contenteditable", "data-field"], wr = {
+  key: 3,
+  class: "layout-p__value"
+}, br = {
+  key: 4,
+  class: "layout-p__label"
+}, vr = ["data-node-id"], Er = ["data-layout-id"], Tr = ["data-node-id", "data-field", "src", "alt"], Xe = "***", Ze = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='60'%3E%3Crect width='100%25' height='100%25' fill='%23f1f5f9' stroke='%23cbd5e1'/%3E%3Ctext x='50%25' y='50%25' font-size='10' fill='%2394a3b8' text-anchor='middle' dominant-baseline='middle'%3E图片%3C/text%3E%3C/svg%3E", Sr = /* @__PURE__ */ Te({
+  name: "GridSchemaNodeV2",
+  __name: "GridSchemaNode",
+  props: {
+    node: {},
+    baseRowHeight: {},
+    mode: {},
+    data: {},
+    readonly: { type: Boolean },
+    suppressBorders: {},
+    fieldPermissions: {}
+  },
+  emits: ["field-change", "action-trigger"],
+  setup(e, { emit: t }) {
+    const n = t, r = e;
+    function i(s) {
+      return s.type === "grid" && (s.border === "all" || s.border === "outer");
+    }
+    function o(s, T) {
+      const N = s[T];
+      if (!i(N)) return;
+      const B = s[T - 1];
+      return { left: !!B && i(B) };
+    }
+    const a = K(() => r.mode ? r.mode : r.data != null ? "preview" : "design"), l = K(() => a.value === "design"), c = K(
+      () => a.value !== "design" && !r.readonly
+    ), d = (s) => s === void 0 || s === "auto" ? "auto" : typeof s == "number" ? `${s}mm` : s;
+    function h(s) {
+      const T = Re(s);
+      return T > 0 ? { rowGap: `${T}mm` } : {};
+    }
+    function p(s, T) {
+      const N = s.rows[T], B = s.columns && s.columns.length > 0 ? s.columns : N.cells.map((oe) => oe.width), ce = Re(s);
+      return {
+        gridTemplateColumns: B.map(d).join(" "),
+        minHeight: `${N.height * r.baseRowHeight}mm`,
+        // 列间距：gap 同时作用于行列。
+        columnGap: ce > 0 ? `${ce}mm` : void 0
+      };
+    }
+    function b(s, T) {
+      const N = sr(s, T), B = N.verticalAlign === "top" ? "flex-start" : N.verticalAlign === "bottom" ? "flex-end" : "center", ce = N.align === "center" ? "center" : N.align === "right" ? "flex-end" : "flex-start", oe = {
+        gridColumn: s.colspan ? `span ${s.colspan}` : void 0,
+        // 单元格行高倍数：设置时覆盖所在 Grid 行高（行容器按最高单元格撑开）。
+        minHeight: s.rowHeight ? `${s.rowHeight * r.baseRowHeight}mm` : void 0,
+        padding: `${N.padding}mm`,
+        alignItems: B,
+        justifyContent: ce
+      };
+      return s.flex ? { ...oe, flexWrap: "wrap" } : oe;
+    }
+    function y(s) {
+      return {
+        justifyContent: (s == null ? void 0 : s.align) === "center" ? "center" : (s == null ? void 0 : s.align) === "right" ? "flex-end" : "flex-start",
+        alignItems: (s == null ? void 0 : s.verticalAlign) === "top" ? "flex-start" : (s == null ? void 0 : s.verticalAlign) === "bottom" ? "flex-end" : "center",
+        textAlign: s == null ? void 0 : s.align,
+        fontSize: s != null && s.fontSize ? `${s.fontSize}px` : void 0,
+        lineHeight: s == null ? void 0 : s.lineHeight,
+        fontWeight: s == null ? void 0 : s.fontWeight,
+        writingMode: s == null ? void 0 : s.writingMode,
+        whiteSpace: s == null ? void 0 : s.whiteSpace,
+        color: s == null ? void 0 : s.color,
+        fontFamily: s == null ? void 0 : s.fontFamily
+      };
+    }
+    function M(s) {
+      return {
+        ...y(s.style),
+        whiteSpace: "pre-wrap",
+        width: I(s) ? void 0 : s.width
+      };
+    }
+    function w(s) {
+      return !I(s) || !s.width ? {} : { width: s.width, flexGrow: 0 };
+    }
+    function f(s) {
+      return y(s.style);
+    }
+    function u(s) {
+      return {
+        gridTemplateColumns: s.map((T) => d(T.width)).join(" ")
+      };
+    }
+    function m(s) {
+      return {
+        justifyContent: s.align === "center" ? "center" : s.align === "right" ? "flex-end" : "flex-start"
+      };
+    }
+    function g(s, T) {
+      const N = (T == null ? void 0 : T.align) ?? s.align;
+      return {
+        justifyContent: N === "center" ? "center" : N === "right" ? "flex-end" : "flex-start",
+        fontSize: T != null && T.fontSize ? `${T.fontSize}px` : void 0,
+        fontWeight: (T == null ? void 0 : T.fontWeight) ?? void 0
+      };
+    }
+    function S(s, T) {
+      return s.rowTemplate.find((N) => N.columnKey === T);
+    }
+    function E(s, T) {
+      const N = we(s, T);
+      return typeof s._paginateMaxRows == "number" && s._paginateMaxRows > 0 ? Math.min(N, s._paginateMaxRows) : N;
+    }
+    function $(s, T, N) {
+      return dt(s, T, N);
+    }
+    function I(s) {
+      return s.mode === "field" && !!(s.prefix || s.suffix);
+    }
+    const D = K(() => {
+      var s;
+      return r.node.type !== "p" || r.node.mode !== "field" ? "EDIT" : ((s = r.fieldPermissions) == null ? void 0 : s[r.node.field]) ?? "EDIT";
+    });
+    function _(s, T) {
+      c.value && (s.mode !== "field" || !s.action || s.action === "text" || n("action-trigger", {
+        nodeId: s.id,
+        field: s.field,
+        action: s.action,
+        actionParams: s.actionParams
+      }));
+    }
+    const v = K(() => D.value === "HIDDEN");
+    function x(s) {
+      return v.value ? Xe : ne(s);
+    }
+    function V(s) {
+      return v.value ? [Xe] : H(s);
+    }
+    function L(s) {
+      return l.value && s.mode === "field" && !I(s) ? "true" : void 0;
+    }
+    function te(s) {
+      const T = s.innerText;
+      return typeof T == "string" ? T : s.textContent ?? "";
+    }
+    function J(s, T) {
+      !c.value || !s || n("field-change", s, te(T.target));
+    }
+    const re = X(null);
+    function pe() {
+      var T;
+      if (r.node.type !== "p") return;
+      const s = re.value;
+      if (!(!s || !c.value) && s !== (((T = s.ownerDocument) == null ? void 0 : T.activeElement) ?? null)) {
+        for (; s.firstChild; ) s.removeChild(s.firstChild);
+        for (const N of V(r.node)) {
+          const B = document.createElement("div");
+          B.className = "layout-p__line", B.textContent = N, s.appendChild(B);
+        }
+      }
+    }
+    ge(
+      () => r.node.type === "p" ? ne(r.node) : "",
+      pe
+    ), Fe(pe);
+    function ne(s) {
+      const T = r.data;
+      if (T == null || !(s.field in T)) return s.default ?? "";
+      const N = T[s.field];
+      return N == null ? s.default ?? "" : String(N);
+    }
+    function H(s) {
+      return ne(s).split(`
+`);
+    }
+    const W = X(!1), ie = K(
+      () => r.node.type === "image" ? ct(r.node, {
+        data: r.data,
+        isDesign: a.value === "design"
+      }) : null
+    ), de = K(() => W.value ? Ze : ie.value ?? Ze), Me = K(() => r.node.type === "image" && ie.value === null);
+    ge(
+      () => [
+        r.node.type === "image" ? r.node.src : null,
+        r.node.type === "image" ? r.node.field : null,
+        r.data
+      ],
+      () => {
+        W.value = !1;
+      },
+      { deep: !0 }
+    );
+    function Z() {
+      W.value = !0;
+    }
+    return (s, T) => {
+      var B, ce, oe, qe;
+      const N = wt("GridSchemaNode", !0);
+      return e.node.type === "grid" ? (A(), R("div", {
+        key: 0,
+        class: ae(["layout-grid", [
+          `layout-grid--${e.node.border}`,
+          {
+            "layout-grid--no-top": (B = e.suppressBorders) == null ? void 0 : B.top,
+            "layout-grid--no-right": (ce = e.suppressBorders) == null ? void 0 : ce.right,
+            "layout-grid--no-bottom": (oe = e.suppressBorders) == null ? void 0 : oe.bottom,
+            "layout-grid--no-left": (qe = e.suppressBorders) == null ? void 0 : qe.left
+          }
+        ]]),
+        style: z(h(e.node)),
+        "data-node-id": e.node.id
+      }, [
+        (A(!0), R(q, null, Y(e.node.rows, (C, U) => (A(), R("div", {
+          key: C.id,
+          class: "layout-grid__row",
+          style: z(p(e.node, U)),
+          "data-layout-id": C.id
+        }, [
+          (A(!0), R(q, null, Y(C.cells, (Q) => (A(), R("div", {
+            key: Q.id,
+            class: ae(["layout-grid__cell", Q.flex ? "layout-grid__cell--flex" : {}]),
+            style: z(b(Q, e.node)),
+            "data-layout-id": Q.id,
+            "data-node-id": Q.id
+          }, [
+            (A(!0), R(q, null, Y(Q.children, (ve, xe) => (A(), ye(N, {
+              key: ve.id,
+              node: ve,
+              "base-row-height": e.baseRowHeight,
+              mode: a.value,
+              data: e.data,
+              readonly: r.readonly,
+              "field-permissions": r.fieldPermissions,
+              "suppress-borders": o(Q.children, xe),
+              onFieldChange: T[0] || (T[0] = (fe, Le) => n("field-change", fe, Le)),
+              onActionTrigger: T[1] || (T[1] = (fe) => n("action-trigger", fe))
+            }, null, 8, ["node", "base-row-height", "mode", "data", "readonly", "field-permissions", "suppress-borders"]))), 128))
+          ], 14, mr))), 128))
+        ], 12, fr))), 128))
+      ], 14, dr)) : e.node.type === "text" ? (A(), R("div", {
+        key: 1,
+        class: ae(["layout-text", {}]),
+        style: z(f(e.node)),
+        "data-node-id": e.node.id
+      }, G(e.node.text), 13, hr)) : e.node.type === "p" ? (A(), R("div", {
+        key: 2,
+        class: ae(["layout-p", {
+          "layout-p--field": !0,
+          "layout-p--composite": I(e.node),
+          "layout-p--underline": e.node.underline && !I(e.node),
+          "layout-p--inner-border": e.node.innerBorder,
+          "layout-p--hidden": D.value === "HIDDEN"
+        }]),
+        style: z(M(e.node)),
+        contenteditable: I(e.node) ? void 0 : D.value === "EDIT" ? c.value ? "true" : L(e.node) : void 0,
+        "data-field": e.node.field,
+        "data-node-id": e.node.id,
+        onClick: (C) => _(e.node),
+        onBlur: (C) => J(e.node.field, C)
+      }, [
+        e.node.prefix ? (A(), R("span", pr, G(e.node.prefix), 1)) : Ae("", !0),
+        I(e.node) ? (A(), R("span", {
+          key: 1,
+          class: ae(["layout-p__input", { "layout-p--underline": e.node.underline }]),
+          style: z(w(e.node)),
+          contenteditable: D.value === "EDIT" ? c.value ? "true" : r.readonly ? void 0 : "true" : void 0,
+          "data-field": e.node.field,
+          onBlur: T[2] || (T[2] = (C) => J(e.node.field, C))
+        }, [
+          e.node.innerBorder ? (A(!0), R(q, { key: 0 }, Y(V(e.node), (C, U) => (A(), R("div", {
+            key: U,
+            class: "layout-p__line"
+          }, G(C), 1))), 128)) : (A(), R(q, { key: 1 }, [
+            bt(G(x(e.node)), 1)
+          ], 64))
+        ], 46, yr)) : e.node.innerBorder ? (A(), R("span", {
+          key: 2,
+          ref_key: "innerLinesEl",
+          ref: re,
+          class: "layout-p__lines"
+        }, [
+          (A(!0), R(q, null, Y(V(e.node), (C, U) => (A(), R("div", {
+            key: U,
+            class: "layout-p__line"
+          }, G(C), 1))), 128))
+        ], 512)) : (A(), R("span", wr, G(x(e.node)), 1)),
+        e.node.suffix ? (A(), R("span", br, G(e.node.suffix), 1)) : Ae("", !0)
+      ], 46, gr)) : e.node.type === "table" ? (A(), R("table", {
+        key: 3,
+        class: ae(["layout-table", [`layout-table--${e.node.border ?? "all"}`]]),
+        "data-node-id": e.node.id
+      }, [
+        O("thead", null, [
+          O("tr", {
+            class: "layout-table__row layout-table__header",
+            style: z([
+              u(e.node.columns),
+              { minHeight: `${e.baseRowHeight}mm` }
+            ])
+          }, [
+            (A(!0), R(q, null, Y(e.node.columns, (C) => (A(), R("th", {
+              key: C.key,
+              class: "layout-table__cell",
+              style: z(g(C, e.node.headerStyle))
+            }, G(C.title), 5))), 128))
+          ], 4)
+        ]),
+        O("tbody", null, [
+          (A(!0), R(q, null, Y(E(e.node, e.data), (C) => (A(), R("tr", {
+            key: C,
+            class: "layout-table__row",
+            style: z([
+              u(e.node.columns),
+              { minHeight: `${e.baseRowHeight}mm` }
+            ])
+          }, [
+            (A(!0), R(q, null, Y(e.node.columns, (U) => {
+              var Q, ve;
+              return A(), R("td", {
+                key: U.key,
+                class: "layout-table__cell",
+                style: z(m(U)),
+                "data-layout-id": (Q = S(e.node, U.key)) == null ? void 0 : Q.id
+              }, [
+                (A(!0), R(q, null, Y(((ve = S(e.node, U.key)) == null ? void 0 : ve.children) ?? [], (xe) => (A(), ye(N, {
+                  key: `${xe.id}-${C}`,
+                  node: $(xe, U.key, C),
+                  "base-row-height": e.baseRowHeight,
+                  mode: a.value,
+                  data: e.data,
+                  readonly: r.readonly,
+                  "field-permissions": r.fieldPermissions,
+                  onFieldChange: (fe, Le) => n("field-change", fe, Le),
+                  onActionTrigger: (fe) => n("action-trigger", fe)
+                }, null, 8, ["node", "base-row-height", "mode", "data", "readonly", "field-permissions", "onFieldChange", "onActionTrigger"]))), 128))
+              ], 12, Er);
+            }), 128))
+          ], 4))), 128))
+        ])
+      ], 10, vr)) : e.node.type === "html" ? (A(), ye(ir, {
+        key: 4,
+        node: e.node,
+        data: e.data,
+        readonly: r.readonly,
+        "field-permissions": r.fieldPermissions,
+        onFieldChange: (C, U) => n("field-change", C, U)
+      }, null, 8, ["node", "data", "readonly", "field-permissions", "onFieldChange"])) : (A(), R("img", {
+        key: 5,
+        class: ae(["layout-image", { "layout-image--blank": Me.value }]),
+        "data-node-id": e.node.id,
+        "data-field": e.node.field,
+        src: de.value,
+        alt: e.node.field ?? e.node.src ?? "",
+        style: z({
+          width: e.node.width ? `${e.node.width}mm` : void 0,
+          height: e.node.height ? `${e.node.height}mm` : void 0,
+          objectFit: e.node.objectFit
+        }),
+        onError: Z
+      }, null, 46, Tr));
+    };
+  }
+}), Mr = /* @__PURE__ */ Ie(Sr, [["__scopeId", "data-v-3f4d7b64"]]), xr = "grid-form-page-size";
+let j = null;
+const Ce = /* @__PURE__ */ new Set();
+function Ar() {
+  return typeof document > "u" ? null : (j || (j = document.createElement("style"), j.id = xr, j.setAttribute("data-generated-by", "GridFormRenderer"), document.head.appendChild(j)), j);
+}
+function Rr(e, t) {
+  const n = Ar();
+  n && (n.textContent = `@page { size: ${e}mm ${t}mm; margin: 0; }`);
+}
+function Nr() {
+  const e = {};
+  return Ce.add(e), () => {
+    Ce.delete(e), Ce.size === 0 && j && (j.remove(), j = null);
+  };
+}
+function ai() {
+  return (j == null ? void 0 : j.textContent) ?? "";
+}
+const Fr = 96 / 25.4;
+function kr(e) {
+  return e.offsetHeight / Fr;
+}
+const he = 1 / (96 / 25.4);
+function ft(e) {
+  return e.border === "all" || e.border === "outer";
+}
+function Ne(e, t, n) {
+  if (n) {
+    const i = n(t);
+    if (typeof i == "number" && Number.isFinite(i) && i > 0)
+      return i;
+  }
+  let r = t.height;
+  for (const i of t.cells)
+    typeof i.rowHeight == "number" && Number.isFinite(i.rowHeight) && i.rowHeight > r && (r = i.rowHeight);
+  return r * e;
+}
+function Pe(e, t, n, r, i, o) {
+  const a = Re(t);
+  let l = 0;
+  return n.forEach((c, d) => {
+    d > 0 && (l += a), l += Ne(e, c, o);
+  }), ft(t) && (r || (l += he), i || (l += he)), l;
+}
+function Ir(e, t) {
+  var c, d;
+  const n = ((c = e.style) == null ? void 0 : c.fontSize) ?? 13, r = ((d = e.style) == null ? void 0 : d.lineHeight) ?? 1.35, i = n * r / (96 / 25.4), o = Math.max(0.1, n * 0.6 / (96 / 25.4)), a = Math.max(1, Math.floor(t / o));
+  let l = 0;
+  for (const h of e.text.split(`
+`))
+    l += Math.max(1, Math.ceil(h.length / a));
+  return l * i;
+}
+function Lr(e, t) {
+  return typeof e.height == "number" && Number.isFinite(e.height) && e.height > 0 ? e.height : typeof e.width == "number" && Number.isFinite(e.width) && e.width > 0 ? e.width : t;
+}
+function _e(e, t, n) {
+  const r = we(e, n);
+  let o = (1 + (typeof e._paginateMaxRows == "number" && e._paginateMaxRows > 0 ? Math.min(r, e._paginateMaxRows) : r)) * t;
+  return (e.border === "all" || e.border === "outer") && (o += 2 * he), o;
+}
+function Qe(e, t) {
+  if (t.measureNode) {
+    const n = t.measureNode(e);
+    if (typeof n == "number" && Number.isFinite(n)) return n;
+  }
+  switch (e.type) {
+    case "grid":
+      return Pe(t.baseRowHeight, e, e.rows, !1, !1, t.measureRow);
+    case "image":
+      return ct(e, { data: t.data }) === null ? 0 : Lr(e, t.baseRowHeight);
+    case "text":
+      return Ir(e, t.contentWidthMm);
+    case "table":
+      return _e(e, t.baseRowHeight, t.data);
+    case "html":
+      return t.baseRowHeight;
+    case "p":
+      return t.baseRowHeight;
+  }
+}
+function mt(e, t) {
+  const n = [], r = Math.max(1, t.bodyHeightMm), i = [];
+  let o = [], a = 0;
+  const l = () => {
+    if (o.length > 0) {
+      const f = i.length === 0;
+      i.push({
+        id: f ? e.id : `${e.id}__pp${i.length}`,
+        sourcePageId: e.id,
+        sourceIndex: i.length,
+        index: 0,
+        margin: e.margin,
+        children: o
+      }), o = [], a = 0;
+    }
+  }, c = (f) => a + f <= r + 1e-6, d = (f) => {
+    o.push(f), a += Qe(f.node, t);
+  }, h = (f) => {
+    const u = Qe(f, t);
+    c(u) || (l(), c(u) || n.push({
+      nodeId: f.id,
+      message: `节点（${f.type}）高度约 ${u.toFixed(1)}mm 超过单页可用高 ${r.toFixed(1)}mm，已溢出裁剪`
+    })), d({ node: f });
+  }, p = (f) => {
+    const u = Pe(t.baseRowHeight, f, f.rows, !1, !1, t.measureRow);
+    let m = !1;
+    for (const g of f.rows) {
+      for (const S of g.cells) {
+        for (const E of S.children)
+          if (E.type === "table" && _e(E, t.baseRowHeight, t.data) > t.bodyHeightMm * 0.8) {
+            m = !0;
+            break;
+          }
+        if (m) break;
+      }
+      if (m) break;
+    }
+    if (c(u) && !m) {
+      d({ node: f });
+      return;
+    }
+    w(f);
+  }, b = (f) => {
+    const u = we(f, t.data), m = t.baseRowHeight, g = t.baseRowHeight, S = f.border === "all" || f.border === "outer", E = S ? he : 0, $ = g + u * m + (S ? 2 * E : 0);
+    if (c($)) {
+      d({ node: f });
+      return;
+    }
+    let I = u, D = 0, _ = !0;
+    for (; I > 0; ) {
+      const v = r - a, x = _ ? g + E : E, V = Math.max(0, v - x);
+      let L = V > 0 ? Math.floor(V / m) : 0;
+      if (L === 0 && I > 0 && (L = 1, o.length > 0 && x + m > v + 1e-6)) {
+        l();
+        continue;
+      }
+      L = Math.min(L, I);
+      const te = D + L >= u, J = {
+        ...f,
+        _paginateMaxRows: L
+      };
+      d({
+        node: J,
+        suppressBorders: {
+          top: !_,
+          // 后续片段抑制上外框（连续外观）
+          bottom: !te
+          // 非末片段抑制下外框
+        }
+      }), I -= L, D += L, _ = !1, I > 0 && l();
+    }
+  };
+  function y(f) {
+    const u = [];
+    for (const m of f.cells)
+      for (const g of m.children)
+        g.type === "table" && u.push(g);
+    return u;
+  }
+  function M(f, u) {
+    return f.map((m) => {
+      if (m.type === "grid")
+        return {
+          ...m,
+          rows: m.rows.map((g) => ({
+            ...g,
+            cells: g.cells.map((S) => ({
+              ...S,
+              children: M(S.children, u)
+            }))
+          }))
+        };
+      if (m.type === "table") {
+        const g = u(m);
+        if (typeof g == "number" && g > 0)
+          return { ...m, _paginateMaxRows: g };
+      }
+      return m;
+    });
+  }
+  const w = (f) => {
+    const u = f.rows, m = Re(f), g = ft(f), S = t.measureRow;
+    let E = 0, $ = !0;
+    for (; E < u.length; ) {
+      const I = !$;
+      let D = r - a;
+      const _ = y(u[E]);
+      let v = 0;
+      for (const H of _)
+        v += _e(H, t.baseRowHeight, t.data);
+      const x = Ne(t.baseRowHeight, u[E], S), V = (g ? he : 0) + x;
+      if (_.length > 0 && v > D - V && u.length - E === 1) {
+        o.length > 0 && l();
+        let H = 0;
+        for (const de of _)
+          H += we(de, t.data);
+        let W = 0, ie = !0;
+        for (; H > 0; ) {
+          const de = r - a, Me = Math.max(0, de - V);
+          let Z = Me > 0 ? Math.floor(Me / t.baseRowHeight) : 0;
+          Z === 0 && H > 0 && (Z = 1), Z = Math.min(Z, H);
+          const s = W + Z >= H, T = u[E].cells.map((N) => ({
+            ...N,
+            children: M(N.children, (B) => {
+              const oe = we(B, t.data) / Math.max(1, H + W);
+              return Math.round(Z * oe);
+            })
+          }));
+          d({
+            node: { ...f, rows: [{ ...u[E], cells: T }] },
+            suppressBorders: { top: !ie, bottom: !s }
+          }), H -= Z, W += Z, ie = !1, H > 0 && l();
+        }
+        $ = !1, E = E + 1, E < u.length && l();
+        continue;
+      }
+      let L = E, te = I || !g ? 0 : he, J = 0;
+      for (; L < u.length; ) {
+        const H = Ne(t.baseRowHeight, u[L], S), W = (J > 0 ? m : 0) + H, de = L + 1 >= u.length && g ? he : 0;
+        if (te + W + de <= D + 1e-6)
+          te += W, J++, L++;
+        else
+          break;
+      }
+      if (J === 0) {
+        o.length > 0 && l();
+        const H = !$, W = E + 1 < u.length, ie = Pe(t.baseRowHeight, f, u.slice(E, E + 1), H, W, S);
+        ie > r + 1e-6 && n.push({
+          nodeId: f.id,
+          message: `Grid 第 ${E + 1} 行高度约 ${ie.toFixed(1)}mm 超过单页可用高，已溢出裁剪`
+        }), d({ node: { ...f, rows: u.slice(E, E + 1) }, suppressBorders: { top: H, bottom: W } }), $ = !1, E = E + 1, E < u.length && l();
+        continue;
+      }
+      const re = L < u.length, pe = I, ne = re;
+      d({
+        node: { ...f, rows: u.slice(E, L), id: f.id },
+        suppressBorders: { top: pe, bottom: ne }
+      }), $ = !1, E = L, re && l();
+    }
+  };
+  for (const f of e.children)
+    f.type === "grid" ? p(f) : f.type === "table" ? b(f) : h(f);
+  return l(), i.length === 0 && i.push({
+    id: e.id,
+    sourcePageId: e.id,
+    sourceIndex: 0,
+    index: 0,
+    margin: e.margin,
+    children: []
+  }), { pages: i, warnings: n };
+}
+function Cr(e, t) {
+  const n = Be(e.paper), r = [], i = [];
+  for (const o of e.pages) {
+    const a = n.heightMm - o.margin.top - o.margin.bottom, l = n.widthMm - o.margin.left - o.margin.right, c = mt(o, {
+      baseRowHeight: e.baseRowHeight,
+      bodyHeightMm: a,
+      contentWidthMm: l,
+      data: (t == null ? void 0 : t.data) ?? null,
+      measureNode: t == null ? void 0 : t.measureNode,
+      measureRow: t == null ? void 0 : t.measureRow
+    });
+    r.push(...c.pages), i.push(...c.warnings);
+  }
+  return r.forEach((o, a) => o.index = a + 1), { pages: r, warnings: i };
+}
+const $r = ["data-node-id"], Dr = { class: "grid-form-band__zone" }, Hr = { class: "grid-form-band__zone grid-form-band__zone--center" }, Vr = { class: "grid-form-band__zone grid-form-band__zone--right" }, Pr = { class: "grid-form-band__zone" }, _r = { class: "grid-form-band__zone grid-form-band__zone--center" }, Or = { class: "grid-form-band__zone grid-form-band__zone--right" }, Br = /* @__PURE__ */ Te({
+  name: "GridFormRenderer",
+  __name: "GridFormRenderer",
+  props: {
+    schema: {},
+    mode: {},
+    data: {},
+    readonly: { type: Boolean },
+    bare: { type: Boolean },
+    paginate: { type: Boolean, default: !0 },
+    fieldPermissions: {}
+  },
+  emits: ["field-change", "action-trigger"],
+  setup(e, { emit: t }) {
+    const n = t, r = e, i = K(() => Be(r.schema.paper));
+    ge(
+      i,
+      (u) => Rr(u.widthMm, u.heightMm),
+      { immediate: !0 }
+    ), vt(Nr());
+    function o(u) {
+      const m = i.value, g = r.paginate;
+      return {
+        position: "relative",
+        width: `${m.widthMm}mm`,
+        ...g ? { height: `${m.heightMm}mm` } : { minHeight: `${m.heightMm}mm` },
+        padding: `${u.top}mm ${u.right}mm ${u.bottom}mm ${u.left}mm`
+      };
+    }
+    const a = K(() => {
+      const u = i.value;
+      if (!r.paginate)
+        return r.schema.pages.map((g, S) => ({
+          id: g.id,
+          sourcePageId: g.id,
+          sourceIndex: S,
+          index: S + 1,
+          margin: g.margin,
+          children: g.children.map((E) => ({ node: E }))
+        }));
+      const m = [];
+      for (const g of r.schema.pages) {
+        const S = u.heightMm - g.margin.top - g.margin.bottom, E = u.widthMm - g.margin.left - g.margin.right, $ = mt(g, {
+          baseRowHeight: r.schema.baseRowHeight,
+          bodyHeightMm: S,
+          contentWidthMm: E,
+          data: r.data ?? null
+        });
+        m.push(...$.pages);
+      }
+      return m.forEach((g, S) => g.index = S + 1), m;
+    }), l = X(null);
+    function c() {
+      if (typeof document > "u") return null;
+      const u = /* @__PURE__ */ new Map();
+      return document.querySelectorAll(".grid-form-paper .layout-grid__row").forEach((m) => {
+        const g = m.dataset.layoutId;
+        if (!g) return;
+        const S = kr(m);
+        Number.isFinite(S) && S > 0 && u.set(g, S);
+      }), u.size ? u : null;
+    }
+    function d() {
+      if (!r.paginate || typeof document > "u") {
+        l.value = null;
+        return;
+      }
+      const u = c();
+      if (!u) return;
+      const m = Cr(r.schema, {
+        data: r.data ?? null,
+        measureRow: (g) => {
+          const S = u.get(g.id);
+          if (S !== void 0)
+            return Math.max(S, Ne(r.schema.baseRowHeight, g));
+        }
+      });
+      l.value = m.pages;
+    }
+    ge(a, () => Je(d), { flush: "post" }), Fe(() => Je(d));
+    const h = K(() => l.value ?? a.value);
+    function p(u) {
+      return (u == null ? void 0 : u.enabled) === !0;
+    }
+    function b(u) {
+      const m = u == null ? void 0 : u.height;
+      return typeof m == "number" && Number.isFinite(m) && m > 0 ? m : Nt;
+    }
+    function y(u, m, g) {
+      return u ? u.replace(/\{page\}/g, String(m.index)).replace(/\{total\}/g, String(g)) : "";
+    }
+    function M(u, m, g) {
+      var v, x, V;
+      const S = (u == null ? void 0 : u.separator) !== !1, E = (u == null ? void 0 : u.separatorColor) ?? "#111827", I = `${(u == null ? void 0 : u.separatorWidth) ?? 1}px solid ${E}`, D = g === "top" ? m.top : m.bottom, _ = Math.min(b(u), D);
+      return {
+        left: `${m.left}mm`,
+        right: `${m.right}mm`,
+        height: `${_}mm`,
+        ...g === "top" ? { top: 0, ...S ? { borderBottom: I } : {} } : { bottom: 0, ...S ? { borderTop: I } : {} },
+        fontSize: (v = u == null ? void 0 : u.style) != null && v.fontSize ? `${u.style.fontSize}px` : void 0,
+        fontWeight: ((x = u == null ? void 0 : u.style) == null ? void 0 : x.fontWeight) ?? void 0,
+        color: ((V = u == null ? void 0 : u.style) == null ? void 0 : V.color) ?? void 0
+      };
+    }
+    function w(u, m, g) {
+      return { ...f(u.children.map((E) => E.node), m), ...g ?? {} };
+    }
+    function f(u, m) {
+      const g = u[m];
+      if (!(g.type === "grid" && (g.border === "all" || g.border === "outer"))) return;
+      const E = u[m - 1];
+      return { top: !!E && E.type === "grid" && (E.border === "all" || E.border === "outer") };
+    }
+    return (u, m) => (A(), R("div", {
+      class: ae(["grid-form-canvas", { "grid-form-canvas--bare": e.bare }])
+    }, [
+      (A(!0), R(q, null, Y(h.value, (g) => {
+        var S, E, $, I, D, _, v, x, V, L, te, J;
+        return A(), R("main", {
+          key: g.id,
+          class: "grid-form-paper",
+          style: z(o(g.margin)),
+          "data-node-id": g.id
+        }, [
+          p(e.schema.paper.header) ? (A(), R("div", {
+            key: 0,
+            class: "grid-form-band grid-form-band--header",
+            style: z(M(e.schema.paper.header, g.margin, "top"))
+          }, [
+            O("span", Dr, G(y((E = (S = e.schema.paper.header) == null ? void 0 : S.content) == null ? void 0 : E.left, g, h.value.length)), 1),
+            O("span", Hr, G(y((I = ($ = e.schema.paper.header) == null ? void 0 : $.content) == null ? void 0 : I.center, g, h.value.length)), 1),
+            O("span", Vr, G(y((_ = (D = e.schema.paper.header) == null ? void 0 : D.content) == null ? void 0 : _.right, g, h.value.length)), 1)
+          ], 4)) : Ae("", !0),
+          (A(!0), R(q, null, Y(g.children, (re, pe) => (A(), ye(Mr, {
+            key: re.node.id,
+            node: re.node,
+            "base-row-height": e.schema.baseRowHeight,
+            mode: r.mode,
+            data: e.data,
+            readonly: r.readonly,
+            "field-permissions": r.fieldPermissions,
+            "suppress-borders": w(g, pe, re.suppressBorders),
+            onFieldChange: m[0] || (m[0] = (ne, H) => n("field-change", ne, H)),
+            onActionTrigger: m[1] || (m[1] = (ne) => n("action-trigger", ne))
+          }, null, 8, ["node", "base-row-height", "mode", "data", "readonly", "field-permissions", "suppress-borders"]))), 128)),
+          p(e.schema.paper.footer) ? (A(), R("div", {
+            key: 1,
+            class: "grid-form-band grid-form-band--footer",
+            style: z(M(e.schema.paper.footer, g.margin, "bottom"))
+          }, [
+            O("span", Pr, G(y((x = (v = e.schema.paper.footer) == null ? void 0 : v.content) == null ? void 0 : x.left, g, h.value.length)), 1),
+            O("span", _r, G(y((L = (V = e.schema.paper.footer) == null ? void 0 : V.content) == null ? void 0 : L.center, g, h.value.length)), 1),
+            O("span", Or, G(y((J = (te = e.schema.paper.footer) == null ? void 0 : te.content) == null ? void 0 : J.right, g, h.value.length)), 1)
+          ], 4)) : Ae("", !0)
+        ], 12, $r);
+      }), 128))
+    ], 2));
+  }
+}), et = /* @__PURE__ */ Ie(Br, [["__scopeId", "data-v-f3e7b908"]]), li = "data-node-id", si = "data-layout-id", ci = "application/x-ticket-node-kind", Gr = {
+  class: "paper-viewport__bar",
+  role: "toolbar",
+  "aria-label": "缩放控制"
+}, zr = { class: "paper-viewport__scale" }, Wr = "input, textarea, select, [contenteditable], [draggable='true']", Ur = /* @__PURE__ */ Te({
+  __name: "PaperViewport",
+  props: {
+    initialScale: { default: 1 },
+    fitOnMount: { type: Boolean, default: !1 },
+    minScale: { default: 0.2 },
+    maxScale: { default: 4 }
+  },
+  emits: ["scale-change"],
+  setup(e, { expose: t, emit: n }) {
+    const r = e, i = n, o = X(null), a = X(null), l = X(r.initialScale);
+    let c = null, d = null;
+    const h = K(() => `${Math.round(l.value * 100)}%`);
+    function p() {
+      const v = a.value;
+      v && (v.querySelectorAll(".panzoom-exclude").forEach((x) => x.classList.remove("panzoom-exclude")), v.querySelectorAll(Wr).forEach((x) => {
+        x.classList.add("panzoom-exclude"), x.matches("input, textarea, select, [contenteditable]") && (x.style.userSelect = "text");
+      }));
+    }
+    const b = X(!1);
+    function y(v) {
+      const x = v;
+      return !!(x && typeof x.closest == "function" && x.closest("input, textarea, select, [contenteditable]"));
+    }
+    function M() {
+      var v;
+      b.value || (b.value = !0, (v = o.value) == null || v.classList.add("is-space-pan"));
+    }
+    function w() {
+      var v;
+      b.value && (b.value = !1, (v = o.value) == null || v.classList.remove("is-space-pan"));
+    }
+    function f(v) {
+      v.code !== "Space" && v.key !== " " || y(v.target) || (v.preventDefault(), M());
+    }
+    function u(v) {
+      v.code !== "Space" && v.key !== " " || w();
+    }
+    function m(v) {
+      const x = v.detail;
+      typeof (x == null ? void 0 : x.scale) == "number" && x.scale !== l.value && (l.value = x.scale, i("scale-change", x.scale));
+    }
+    function g(v) {
+      if (!c) return;
+      const x = v.target;
+      x && x.closest("input, textarea, select, [contenteditable]") || c.zoomWithWheel(v);
+    }
+    function S(v) {
+      return Math.min(r.maxScale, Math.max(r.minScale, v));
+    }
+    function E() {
+      const v = (c == null ? void 0 : c.getScale()) ?? l.value;
+      c == null || c.zoom(S(v * 1.2));
+    }
+    function $() {
+      const v = (c == null ? void 0 : c.getScale()) ?? l.value;
+      c == null || c.zoom(S(v / 1.2));
+    }
+    function I() {
+      c == null || c.reset({ animate: !1 });
+    }
+    function D() {
+      const v = o.value, x = a.value;
+      if (!v || !x || !c) return;
+      const L = (x.firstElementChild ?? x).scrollWidth || 0;
+      if (L <= 0 || v.clientWidth <= 0) {
+        c.zoom(r.initialScale);
+        return;
+      }
+      c.zoom(S(v.clientWidth / L));
+    }
+    function _() {
+      return (c == null ? void 0 : c.getScale()) ?? l.value;
+    }
+    return t({ zoomIn: E, zoomOut: $, reset: I, fitWidth: D, getScale: _ }), Fe(() => {
+      const v = a.value, x = o.value;
+      if (!v || !x) return;
+      const V = {
+        minScale: r.minScale,
+        maxScale: r.maxScale,
+        startScale: r.initialScale,
+        step: 0.3,
+        cursor: "grab",
+        touchAction: "none"
+      };
+      c = At(v, V), v.style.userSelect = "", x.style.userSelect = "", p(), d = new MutationObserver(p), d.observe(v, {
+        childList: !0,
+        subtree: !0,
+        attributes: !0,
+        attributeFilter: ["draggable", "contenteditable"]
+      }), v.addEventListener("panzoomchange", m), x.addEventListener("wheel", g, { passive: !1 }), window.addEventListener("keydown", f), window.addEventListener("keyup", u), r.fitOnMount && D();
+    }), Et(() => {
+      d == null || d.disconnect(), d = null;
+      const v = a.value, x = o.value;
+      v == null || v.removeEventListener("panzoomchange", m), x == null || x.removeEventListener("wheel", g), window.removeEventListener("keydown", f), window.removeEventListener("keyup", u), c == null || c.resetStyle(), c == null || c.destroy(), c = null;
+    }), (v, x) => (A(), R("div", {
+      ref_key: "viewport",
+      ref: o,
+      class: ae(["paper-viewport", { "is-space-pan": b.value }])
+    }, [
+      O("div", {
+        ref_key: "scaler",
+        ref: a,
+        class: "paper-viewport__scaler"
+      }, [
+        Tt(v.$slots, "default", {}, void 0, !0)
+      ], 512),
+      O("div", Gr, [
+        O("button", {
+          type: "button",
+          class: "paper-viewport__btn",
+          title: "缩小",
+          onClick: $
+        }, " − "),
+        O("span", zr, G(h.value), 1),
+        O("button", {
+          type: "button",
+          class: "paper-viewport__btn",
+          title: "放大",
+          onClick: E
+        }, " + "),
+        O("button", {
+          type: "button",
+          class: "paper-viewport__btn paper-viewport__btn--text",
+          title: "适应宽度",
+          onClick: D
+        }, " 适应 "),
+        O("button", {
+          type: "button",
+          class: "paper-viewport__btn paper-viewport__btn--text",
+          title: "重置为 100%",
+          onClick: I
+        }, " 重置 ")
+      ])
+    ], 2));
+  }
+}), Kr = /* @__PURE__ */ Ie(Ur, [["__scopeId", "data-v-2b6e9ef6"]]), qr = {
+  "toolbar.dirty": "● 未保存",
+  "toolbar.saved": "已保存",
+  "toolbar.newBlank": "新建空白",
+  "toolbar.loadSamplePrefix": "载入",
+  "toolbar.undo": "撤销",
+  "toolbar.redo": "重做",
+  "toolbar.module.template": "模板",
+  "toolbar.saveTemplate": "保存模板",
+  "toolbar.loadTemplate": "读取模板",
+  "toolbar.exportTemplate": "导出文件",
+  "toolbar.importTemplate": "导入文件",
+  "toolbar.module.fillData": "填充数据",
+  "toolbar.importFillData": "导入数据",
+  "toolbar.exportFillData": "导出数据",
+  "toolbar.loadFillData": "读取数据",
+  "toolbar.saveFillData": "保存数据",
+  "toolbar.preview": "预览",
+  "toolbar.exitPreview": "退出预览",
+  "toolbar.print": "打印",
+  "toolbar.help": "帮助",
+  "toolbar.importFillDataTip": "选择填写数据 JSON 文件并进入预览态",
+  "toolbar.exportFillDataTip": "导出表单当前的字段与值 JSON（设计态 / 预览态均可，无字段则为空对象）",
+  "toolbar.loadFillDataTip": "读取本地已保存的填写数据并进入预览态",
+  "toolbar.saveFillDataTip": "保存表单当前的字段与值到本机（设计态 / 预览态均可，无字段则为空对象）",
+  "toolbar.previewTip": "查看表单的实际填写效果；预览中可直接输入内容，并可导出为填写数据",
+  "toolbar.helpTip": "查看使用说明"
+}, jr = {
+  "toolbar.dirty": "● Unsaved",
+  "toolbar.saved": "Saved",
+  "toolbar.newBlank": "New Blank",
+  "toolbar.loadSamplePrefix": "Load ",
+  "toolbar.undo": "Undo",
+  "toolbar.redo": "Redo",
+  "toolbar.module.template": "Template",
+  "toolbar.saveTemplate": "Save Template",
+  "toolbar.loadTemplate": "Load Template",
+  "toolbar.exportTemplate": "Export File",
+  "toolbar.importTemplate": "Import File",
+  "toolbar.module.fillData": "Fill Data",
+  "toolbar.importFillData": "Import Data",
+  "toolbar.exportFillData": "Export Data",
+  "toolbar.loadFillData": "Load Data",
+  "toolbar.saveFillData": "Save Data",
+  "toolbar.preview": "Preview",
+  "toolbar.exitPreview": "Exit Preview",
+  "toolbar.print": "Print",
+  "toolbar.help": "Help",
+  "toolbar.importFillDataTip": "Choose a fill-data JSON file and enter preview",
+  "toolbar.exportFillDataTip": "Export the form's field-value JSON (design or preview; empty object when no fields)",
+  "toolbar.loadFillDataTip": "Load locally saved fill data and enter preview",
+  "toolbar.saveFillDataTip": "Save the form's field-value JSON to this browser (design or preview; empty object when no fields)",
+  "toolbar.previewTip": "See the actual filled form; you can input in preview and export as fill data",
+  "toolbar.helpTip": "View usage instructions"
+}, Jr = ["zh-CN", "en"], Oe = "zh-CN", $e = {
+  "zh-CN": qr,
+  en: jr
+}, ht = X(Oe);
+function ui(e) {
+  Jr.includes(e) && (ht.value = e);
+}
+function Yr(e, t, n) {
+  let i = ($e[e] ?? $e[Oe])[t];
+  return i == null && (i = $e[Oe][t] ?? t), i;
+}
+function di(e, t, n) {
+  return Yr(n ?? ht.value, e);
+}
+const Xr = ".grid-form-paper", Zr = ".grid-form-canvas", gt = ".layout-html", De = "data-v2-print-scope";
+let Qr = 0;
+function en(e) {
+  const t = [];
+  e.querySelectorAll(gt).forEach((r) => {
+    const i = r.shadowRoot;
+    if (!i) return;
+    const o = [];
+    if (Array.from(i.childNodes).forEach((l) => {
+      l.nodeType === Node.ELEMENT_NODE && l.tagName === "STYLE" || o.push(l);
+    }), !o.length) return;
+    o.forEach((l) => r.appendChild(l));
+    const a = [];
+    r.querySelectorAll("input, textarea").forEach((l) => {
+      const c = l instanceof HTMLInputElement && (l.type === "checkbox" || l.type === "radio"), d = c ? "checked" : "value";
+      a.push({ el: l, attr: d, prev: l.getAttribute(d) }), c ? l.checked ? l.setAttribute("checked", "") : l.removeAttribute("checked") : l.setAttribute("value", l.value);
+    }), t.push({ host: r, nodes: o, controls: a });
+  });
+  let n = !1;
+  return () => {
+    n || (n = !0, t.forEach(({ host: r, nodes: i, controls: o }) => {
+      o.forEach(({ el: l, attr: c, prev: d }) => {
+        d === null ? l.removeAttribute(c) : l.setAttribute(c, d);
+      });
+      const a = r.shadowRoot;
+      a && i.forEach((l) => a.appendChild(l));
+    }));
+  };
+}
+function tn(e) {
+  const t = [];
+  return e.querySelectorAll(gt).forEach((n) => {
+    var r;
+    (r = n.shadowRoot) == null || r.querySelectorAll("style").forEach((i) => {
+      const o = i.textContent ?? "";
+      o.trim() && t.push(o);
+    });
+  }), t.length ? `<style>${t.join(`
+`)}</style>` : "";
+}
+function rn(e = {}) {
+  if (typeof document > "u") return !1;
+  const t = e.root !== void 0 ? e.root : document.querySelector(Zr);
+  if (!t) return !1;
+  const n = Array.from(t.querySelectorAll(Xr));
+  if (!n.length) return !1;
+  const r = String(Qr++);
+  n.forEach((a) => a.setAttribute(De, r));
+  const i = tn(t), o = en(t);
+  try {
+    new Rt({
+      el: `[${De}="${r}"]`,
+      popTitle: e.title ?? document.title,
+      extraHead: i,
+      // 刻意不传 paperSize / orientation / customSize —— 契约 2。
+      closeCallback: o
+    });
+  } catch {
+    return !1;
+  } finally {
+    o(), n.forEach((a) => a.removeAttribute(De));
+  }
+  return !0;
+}
+function fi(e, t = {}) {
+  const { baseData: n, maskHidden: r } = t, i = {}, a = [
+    ...e instanceof Element && e.matches("[data-field]") ? [e] : [],
+    ...e.querySelectorAll("[data-field]")
+  ];
+  for (const c of Array.from(a)) {
+    const d = c.getAttribute("data-field");
+    if (!d) continue;
+    if (c.closest(".layout-p--hidden")) {
+      if (r)
+        i[d] = "***";
+      else {
+        const p = n == null ? void 0 : n[d];
+        p != null && (i[d] = String(p));
+      }
+      continue;
+    }
+    if (c instanceof HTMLImageElement) {
+      i[d] = c.getAttribute("src") ?? "";
+      continue;
+    }
+    const h = c.innerText;
+    i[d] = typeof h == "string" ? h : c.textContent ?? "";
+  }
+  const l = [
+    ...e instanceof HTMLElement && e.matches(".layout-html") ? [e] : [],
+    ...e.querySelectorAll(".layout-html")
+  ];
+  for (const c of Array.from(l)) {
+    const d = c.shadowRoot;
+    d && (d.querySelectorAll("[data-bind]").forEach((h) => {
+      const p = h.getAttribute("data-bind");
+      if (p) {
+        if (h.hasAttribute("data-masked")) {
+          if (r)
+            i[p] = "***";
+          else {
+            const b = n == null ? void 0 : n[p];
+            b != null && (i[p] = String(b));
+          }
+          return;
+        }
+        if (h instanceof HTMLInputElement) {
+          i[p] = h.value;
+          return;
+        }
+      }
+    }), d.querySelectorAll("[data-field]").forEach((h) => {
+      const p = h.getAttribute("data-field");
+      if (!p) return;
+      if (h.hasAttribute("data-masked")) {
+        if (r)
+          i[p] = "***";
+        else {
+          const y = n == null ? void 0 : n[p];
+          y != null && (i[p] = String(y));
+        }
+        return;
+      }
+      const b = h.innerText;
+      i[p] = typeof b == "string" ? b : h.textContent ?? "";
+    }));
+  }
+  return i;
+}
+const tt = "preview", mi = /* @__PURE__ */ Te({
+  __name: "FormRenderer",
+  props: {
+    schema: {},
+    data: {},
+    options: { default: () => ({}) }
+  },
+  emits: ["field-change", "update:data", "action"],
+  setup(e, { expose: t, emit: n }) {
+    const r = e, i = n, o = X({ ...r.data ?? {} });
+    ge(
+      () => r.data,
+      (y) => {
+        o.value = { ...y ?? {} };
+      }
+    );
+    const a = K(() => {
+      var y;
+      return ((y = r.options) == null ? void 0 : y.readonly) ?? !0;
+    });
+    function l(y, M) {
+      o.value = { ...o.value, [y]: M }, i("update:data", o.value), i("field-change", y, M);
+    }
+    function c(y) {
+      i("action", y);
+    }
+    const d = X(null);
+    function h() {
+      var M;
+      const y = (M = d.value) == null ? void 0 : M.$el;
+      return rn({ root: y instanceof HTMLElement ? y : null });
+    }
+    function p() {
+      return { ...o.value };
+    }
+    function b() {
+      var y;
+      return ur((y = r.options) == null ? void 0 : y.rules, o.value);
+    }
+    return t({ print: h, getFormData: p, validate: b }), (y, M) => {
+      var w, f, u, m;
+      return (w = e.options) != null && w.zoom ? (A(), ye(Kr, {
+        key: 0,
+        "fit-on-mount": ((f = e.options) == null ? void 0 : f.fitOnMount) ?? !1
+      }, {
+        default: St(() => {
+          var g;
+          return [
+            Mt(et, {
+              ref_key: "rendererRef",
+              ref: d,
+              schema: e.schema,
+              mode: tt,
+              data: o.value,
+              readonly: a.value,
+              "field-permissions": (g = e.options) == null ? void 0 : g.fieldPermissions,
+              bare: !0,
+              onFieldChange: l,
+              onActionTrigger: c
+            }, null, 8, ["schema", "data", "readonly", "field-permissions"])
+          ];
+        }),
+        _: 1
+      }, 8, ["fit-on-mount"])) : (A(), ye(et, {
+        key: 1,
+        ref_key: "rendererRef",
+        ref: d,
+        schema: e.schema,
+        mode: tt,
+        data: o.value,
+        readonly: a.value,
+        "field-permissions": (u = e.options) == null ? void 0 : u.fieldPermissions,
+        bare: (m = e.options) == null ? void 0 : m.bare,
+        onFieldChange: l,
+        onActionTrigger: c
+      }, null, 8, ["schema", "data", "readonly", "field-permissions", "bare"]));
+    };
+  }
+});
+export {
+  ee as $,
+  Vn as A,
+  Cn as B,
+  Ln as C,
+  Nt as D,
+  zt as E,
+  Wn as F,
+  et as G,
+  Xn as H,
+  Zn as I,
+  Qn as J,
+  ei as K,
+  si as L,
+  ti as M,
+  li as N,
+  ui as O,
+  ci as P,
+  ze as Q,
+  Cr as R,
+  Kr as S,
+  rn as T,
+  Oe as U,
+  mi as V,
+  Mr as W,
+  Ft as X,
+  Xr as Y,
+  Zr as Z,
+  Ie as _,
+  Hn as a,
+  Bn as a0,
+  hn as a1,
+  dt as a2,
+  ut as a3,
+  Ye as a4,
+  oi as a5,
+  Gn as a6,
+  Ue as a7,
+  ke as a8,
+  P as a9,
+  Kn as aA,
+  _e as aB,
+  vn as aC,
+  bn as aD,
+  En as aE,
+  wn as aF,
+  yn as aG,
+  $n as aH,
+  ai as aa,
+  ur as ab,
+  mn as ac,
+  dn as ad,
+  rt as ae,
+  fn as af,
+  Pe as ag,
+  Ne as ah,
+  jt as ai,
+  _n as aj,
+  Un as ak,
+  Dn as al,
+  Pn as am,
+  st as an,
+  mt as ao,
+  ii as ap,
+  Nr as aq,
+  zn as ar,
+  Zt as as,
+  lt as at,
+  Re as au,
+  ct as av,
+  Be as aw,
+  we as ax,
+  Rr as ay,
+  Jn as az,
+  se as b,
+  fi as c,
+  In as d,
+  Yn as e,
+  On as f,
+  Fn as g,
+  Sn as h,
+  un as i,
+  Tn as j,
+  jn as k,
+  Nn as l,
+  Rn as m,
+  An as n,
+  xn as o,
+  ni as p,
+  Mn as q,
+  sr as r,
+  ri as s,
+  di as t,
+  kn as u,
+  qn as v,
+  pn as w,
+  gn as x,
+  k as y,
+  Jt as z
+};