@agile-team/mach-report 2.8.4 → 2.9.1

package/dist/designer.js

@@ -1,268 +1,285 @@
-import { defineComponent as Ce, openBlock as p, createElementBlock as y, Fragment as X, renderList as oe, toDisplayString as s, nextTick as Y, ref as D, watch as te, onMounted as Ee, onBeforeUnmount as be, computed as j, shallowRef as Ae, getCurrentInstance as Te, unref as e, createElementVNode as n, createVNode as q, normalizeClass as me, createTextVNode as P, createCommentVNode as H, withKeys as ge, withModifiers as De, withDirectives as fe, isRef as he, vModelSelect as $e, vModelText as _e, createBlock as ke } from "vue";
-import { provideMachReportConfig as je, createLocalFetcher as Ve, ReportPreview as Le } from "@agile-team/mach-report/vue";
-import { _ as Se, a as W } from "./_plugin-vue_export-helper-8SL1F89S.js";
-import { resolveGridLayout as pe, parseReportTemplate as U, serializeReportTemplate as ee, validateReportTemplateDocument as Re } from "@agile-team/mach-report";
-const Be = ["aria-label"], Pe = ["data-align", "aria-label", "title", "aria-checked", "tabindex", "onClick", "onKeydown"], Oe = { key: 0 }, Ie = {
-  key: 1,
-  viewBox: "0 0 20 20",
-  fill: "none",
-  "aria-hidden": "true"
-}, Je = {
-  key: 0,
-  d: "M3 4h14M3 8h9M3 12h14M3 16h9"
-}, Ne = {
-  key: 1,
-  d: "M3 4h14M6 8h8M3 12h14M6 16h8"
-}, Ge = {
-  key: 2,
-  d: "M3 4h14M8 8h9M3 12h14M8 16h9"
-}, He = {
-  key: 3,
-  d: "M3 4h14M3 8h14M3 12h14M3 16h14"
-}, Ue = /* @__PURE__ */ Ce({
-  __name: "AlignmentControl",
-  props: {
-    modelValue: {},
-    label: {},
-    labels: {},
-    autoLabel: {},
-    allowAuto: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(r, { emit: w }) {
-    const c = r, g = w, u = () => c.allowAuto ? ["auto", "left", "center", "right", "justify"] : ["left", "center", "right", "justify"];
-    async function i(b, $) {
-      if (!["ArrowLeft", "ArrowRight", "Home", "End"].includes(b.key)) return;
-      b.preventDefault();
-      const _ = u(), k = _.indexOf($), C = b.key === "Home" ? 0 : b.key === "End" ? _.length - 1 : (k + (b.key === "ArrowRight" ? 1 : -1) + _.length) % _.length;
-      g("update:modelValue", _[C]);
-      const A = b.currentTarget.parentElement;
-      await Y(), A?.querySelector(`[data-align="${_[C]}"]`)?.focus();
-    }
-    return (b, $) => (p(), y("div", {
-      class: "mr-designer-alignment",
-      role: "radiogroup",
-      "aria-label": r.label
-    }, [
-      (p(!0), y(X, null, oe(u(), (m) => (p(), y("button", {
-        key: m,
-        type: "button",
-        role: "radio",
-        "data-align": m,
-        "aria-label": r.labels[m],
-        title: r.labels[m],
-        "aria-checked": r.modelValue === m,
-        tabindex: r.modelValue === m ? 0 : -1,
-        onClick: (_) => g("update:modelValue", m),
-        onKeydown: (_) => i(_, m)
-      }, [
-        m === "auto" ? (p(), y("span", Oe, s(r.autoLabel), 1)) : (p(), y("svg", Ie, [
-          m === "left" ? (p(), y("path", Je)) : m === "center" ? (p(), y("path", Ne)) : m === "right" ? (p(), y("path", Ge)) : (p(), y("path", He))
-        ]))
-      ], 40, Pe))), 128))
-    ], 8, Be));
-  }
-}), we = /* @__PURE__ */ Se(Ue, [["__scopeId", "data-v-c85770c4"]]);
-function Fe(r, w, c) {
-  if (!r.length) return;
-  const g = Math.max(0, r.indexOf(w)), i = {
-    ArrowDown: Math.min(g + 1, r.length - 1),
-    ArrowUp: Math.max(g - 1, 0),
-    Home: 0,
-    End: r.length - 1
-  }[c];
-  return i === void 0 ? void 0 : r[i];
+import { watch as Z, onBeforeUnmount as $e, defineComponent as Ee, computed as z, ref as j, openBlock as h, createElementBlock as y, createElementVNode as n, toDisplayString as l, createTextVNode as P, withDirectives as oe, vModelSelect as ye, normalizeStyle as re, Fragment as U, renderList as W, unref as e, normalizeClass as _e, withModifiers as tt, createCommentVNode as B, nextTick as de, createVNode as Q, onMounted as ht, shallowRef as nt, defineAsyncComponent as Me, getCurrentInstance as gt, withKeys as Be, createBlock as fe, vShow as Te, isRef as Ce, vModelText as qe } from "vue";
+import { provideMachReportConfig as ft, createLocalFetcher as bt, ReportPreview as yt } from "@agile-team/mach-report/vue";
+import { resolveGridLayout as ve, parseReportTemplate as Y, serializeReportTemplate as me, validateReportTemplateDocument as Ye } from "@agile-team/mach-report";
+import { _ as Ie, a as ae } from "./_plugin-vue_export-helper-8SL1F89S.js";
+import { r as Ne } from "./style-CQ1PK8ZB.js";
+const wt = 96 / 25.4;
+function Oe(t) {
+  return t.kind === "list" ? Math.max(
+    16,
+    (t.headerGrid?.rowHeightsMm?.reduce(
+      (u, s) => u + s,
+      0
+    ) ?? 8) + (t.rowHeightMm ?? 8) * 3
+  ) : t.heightMm;
 }
-function ze(r, w, c) {
-  const g = D(!1), u = D(r.activeIndex.value), i = D(null), b = D(null), $ = D(null), m = D(null);
-  function _(f = !1) {
-    const o = m.value, d = o?.querySelector(
-      `button[data-column-index="${u.value}"]`
-    );
-    if (!o || !d) return;
-    f && d.focus({ preventScroll: !0 });
-    const v = o.getBoundingClientRect(), h = d.getBoundingClientRect(), x = v.top + o.clientTop, t = x + o.clientHeight;
-    h.top < x ? o.scrollTop += h.top - x : h.bottom > t && (o.scrollTop += h.bottom - t);
-  }
-  async function k(f = !1) {
-    g.value && (g.value = !1, f && (await Y(), i.value?.focus({ preventScroll: !0 })));
-  }
-  async function C() {
-    if (g.value) return k(!0);
-    const f = c.value.map((o) => o.index);
-    u.value = f.includes(r.activeIndex.value) ? r.activeIndex.value : f[0] ?? -1, g.value = !0, await Y(), $.value?.focus({ preventScroll: !0 }), _();
-  }
-  function A(f) {
-    r.activate(f), k(!0);
-  }
-  function S(f) {
-    g.value && (f.preventDefault(), f.stopPropagation(), k(!0));
-  }
-  async function G(f) {
-    const o = Fe(
-      c.value.map((d) => d.index),
-      u.value,
-      f.key
-    );
-    o !== void 0 && (u.value = o, f.preventDefault(), await Y(), _(!0));
-  }
-  async function Z(f) {
-    if (!["ArrowDown", "ArrowUp", "Enter"].includes(f.key)) return;
-    f.preventDefault(), f.stopPropagation();
-    const o = c.value.map((d) => d.index);
-    if (o.length) {
-      if (f.key === "Enter") {
-        o.includes(u.value) && A(u.value);
-        return;
-      }
-      f.key === "ArrowUp" && (u.value = o.at(-1)), await Y(), _(!0);
+function Se(t) {
+  return {
+    leftMm: t.leftMm,
+    topMm: t.topMm,
+    widthMm: t.widthMm,
+    heightMm: Oe(t)
+  };
+}
+function ze(t, u) {
+  return u ? t.template.pages[u.pageIndex]?.components[u.componentIndex] : void 0;
+}
+function kt(t, u = "detail") {
+  const s = { leftMm: 10, topMm: 10, widthMm: 60, heightMm: 10 };
+  return t === "list" ? {
+    kind: t,
+    leftMm: 10,
+    topMm: 30,
+    widthMm: 90,
+    dataset: u,
+    columns: [
+      { header: "字段", field: "field", widthMm: 45 },
+      { header: "数值", field: "value", widthMm: 45 }
+    ],
+    border: !0,
+    headerBackgroundColor: "#eaf2fc",
+    headerAlign: "center"
+  } : t === "text" ? {
+    ...s,
+    kind: t,
+    text: "文本",
+    style: { fontSize: 12, color: "#233c5c" }
+  } : t === "rect" ? {
+    ...s,
+    kind: t,
+    style: {
+      borderColor: "#cbd5e1",
+      lineWidthPt: 0.75,
+      backgroundColor: "#eff6ff"
     }
-  }
-  function O(f) {
-    const o = f.target;
-    !g.value || b.value?.contains(o) || i.value?.contains(o) || k();
-  }
-  function V(f) {
-    const o = f.relatedTarget;
-    !o || b.value?.contains(o) || i.value?.contains(o) || k();
-  }
-  return te(c, (f) => {
-    f.some((o) => o.index === u.value) || (u.value = f[0]?.index ?? -1);
-  }), te(w, () => {
-    k();
-  }), Ee(() => document.addEventListener("pointerdown", O)), be(() => document.removeEventListener("pointerdown", O)), {
-    open: g,
-    cursor: u,
-    trigger: i,
-    panel: b,
-    search: $,
-    list: m,
-    toggle: C,
-    close: k,
-    choose: A,
-    escape: S,
-    navigate: G,
-    searchKeydown: Z,
-    leave: V
+  } : {
+    ...s,
+    kind: t,
+    widthMm: 48,
+    heightMm: 24,
+    imageData: `data:image/svg+xml;charset=utf-8,${encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="180" height="90" viewBox="0 0 180 90"><rect width="180" height="90" rx="5" fill="#eff6ff"/><path d="m25 68 32-32 25 23 27-35 45 44" fill="none" stroke="#94b8e5" stroke-width="3"/><circle cx="45" cy="24" r="7" fill="#bfd5ef"/></svg>')}`
   };
 }
-function Ke(r, w, c, g) {
-  const u = D(0), i = D(""), b = D([]), $ = j(() => r.value.template.pages.flatMap((o, d) => o.components.flatMap((v, h) => v.kind === "list" ? [{ component: v, pageIndex: d, componentIndex: h }] : []))), m = j(() => $.value[u.value]?.component), _ = j(() => {
-    const o = m.value;
-    if (!o) return [];
-    const d = o.columns.map((v) => v.headerStyle?.align ?? v.headerAlign ?? o.headerStyle?.align ?? o.headerAlign ?? v.style?.align ?? "center");
-    if (o.headerGrid && w())
-      for (const v of pe(o.headerGrid, o.widthMm, 100).cells)
-        for (let h = v.ci; h < v.ci + (v.cell.colSpan ?? 1); h++) d[h] = v.cell.style?.align ?? "left";
-    return d;
-  }), k = j(() => {
-    const o = i.value.trim().toLocaleLowerCase().split(/\s+/).filter(Boolean);
-    return (m.value?.columns ?? []).flatMap((d, v) => {
-      const h = `${d.header} ${d.field}`.toLocaleLowerCase();
-      return o.every((x) => h.includes(x)) ? [{ column: d, index: v }] : [];
-    });
-  });
-  function C(o, d) {
-    b.value = d ? [.../* @__PURE__ */ new Set([...b.value, o])] : b.value.filter((v) => v !== o);
-  }
-  function A(o) {
-    for (const d of k.value) C(d.index, o);
-  }
-  function S() {
-    b.value = [];
-  }
-  function G(o, d, v) {
-    if (!c()) return;
-    const h = m.value?.columns[o];
-    h && (Object.assign(h, { [d]: d === "widthMm" ? Number(v) : v }), d === "header" && O(o, String(v)), d === "headerAlign" && V(o, v), d === "widthMm" && Z(), g());
-  }
-  function Z() {
-    const o = $.value[u.value];
-    if (!o) return;
-    const d = o.component, v = r.value.template.pages[o.pageIndex], h = d.columns.map((x) => x.widthMm);
-    d.headerGrid && (d.headerGrid.colWidthsMm = h), v.layout === "wide" && h.every((x) => Number.isFinite(x) && x > 0) && (d.widthMm = h.reduce((x, t) => x + t, 0), v.widthMm = Math.max(...v.components.map((x) => x.leftMm + x.widthMm)) + (v.marginRightMm ?? 0));
-  }
-  function O(o, d) {
-    const v = m.value;
-    if (!v?.headerGrid) return;
-    const x = pe(v.headerGrid, v.widthMm, 100).cells.filter(({ ci: t, cell: I }) => t <= o && t + (I.colSpan ?? 1) > o).slice(-1)[0];
-    x && (Object.assign(x.cell, { text: d, rawText: d, value: d }), v.columns.slice(x.ci, x.ci + (x.cell.colSpan ?? 1)).forEach((t) => {
-      t.header = d;
-    }));
+function je(t, u, s = !1) {
+  const r = Math.max(2, Math.min(u.widthMm, t.widthMm)), a = Math.max(2, Math.min(u.heightMm, t.heightMm));
+  return {
+    leftMm: Math.max(0, Math.min(u.widthMm - r, t.leftMm)),
+    topMm: Math.max(
+      0,
+      Math.min(u.heightMm - (s ? 2 : a), t.topMm)
+    ),
+    widthMm: r,
+    heightMm: a
+  };
+}
+function Qe(t, u) {
+  const s = t.widthMm;
+  if (Object.assign(t, {
+    leftMm: u.leftMm,
+    topMm: u.topMm,
+    widthMm: u.widthMm
+  }), t.kind !== "list") t.heightMm = u.heightMm;
+  else if (s > 0 && u.widthMm !== s) {
+    const r = u.widthMm / s;
+    t.columns.forEach((a) => {
+      a.widthMm = Math.round(a.widthMm * r * 100) / 100;
+    }), t.widthMm = t.columns.reduce(
+      (a, b) => a + b.widthMm,
+      0
+    ), t.headerGrid && (t.headerGrid.colWidthsMm = t.columns.map(
+      (a) => a.widthMm
+    ));
   }
-  function V(o, d) {
-    const v = m.value, h = v?.columns[o];
-    if (h?.headerStyle?.align !== void 0 && (h.headerStyle = { ...h.headerStyle, align: d }), !v?.headerGrid) return;
-    const t = pe(v.headerGrid, v.widthMm, 100).cells.filter(({ ci: I, cell: R }) => I <= o && I + (R.colSpan ?? 1) > o).slice(-1)[0];
-    t && (t.cell.style = { ...t.cell.style, align: d }, v.columns.slice(t.ci, t.ci + (t.cell.colSpan ?? 1)).forEach((I) => {
-      I.headerAlign = d, I.headerStyle?.align !== void 0 && (I.headerStyle = { ...I.headerStyle, align: d });
-    }));
+}
+function Mt(t, u, s) {
+  if (u === s || !t.columns[u] || !t.columns[s]) return !1;
+  if (t.headerGrid) {
+    if (ve(t.headerGrid, t.widthMm, 100).cells.some(({ cell: b }) => (b.colSpan ?? 1) > 1))
+      throw new Error("请先拆分跨列合并表头，再调整列顺序，避免改变业务分组。");
+    const a = Re(t);
+    a.forEach((b) => {
+      b.splice(s, 0, b.splice(u, 1)[0]);
+    }), t.headerGrid = Ge(
+      a,
+      t.columns.map((b) => b.widthMm),
+      t.headerGrid.rowHeightsMm ?? a.map(() => 8)
+    );
   }
-  function f(o, d) {
-    if (!(!c() || o === "headerAlign" && d === "auto")) {
-      for (const v of b.value) {
-        const h = m.value?.columns[v];
-        h && (Object.assign(h, { [o]: d }), o === "headerAlign" && V(v, d));
-      }
-      g();
+  return t.columns.splice(s, 0, t.columns.splice(u, 1)[0]), t.headerGrid && (t.headerGrid.colWidthsMm = t.columns.map((r) => r.widthMm)), !0;
+}
+function Re(t) {
+  if (!t.headerGrid)
+    return [t.columns.map((s) => ({ text: s.header }))];
+  const u = Array.from(
+    { length: t.headerGrid.cells.length },
+    () => Array.from({ length: t.columns.length }, () => null)
+  );
+  for (const { cell: s, ri: r, ci: a } of ve(
+    t.headerGrid,
+    t.widthMm,
+    100
+  ).cells)
+    u[r][a] = s;
+  return u;
+}
+function Ge(t, u, s) {
+  const r = /* @__PURE__ */ new Set();
+  return { cells: t.map(
+    (b, m) => b.flatMap((_, d) => {
+      if (r.has(`${m}:${d}`)) return [];
+      if (!_) return [null];
+      for (let w = m; w < m + (_.rowSpan ?? 1); w++)
+        for (let x = d; x < d + (_.colSpan ?? 1); x++)
+          (w !== m || x !== d) && r.add(`${w}:${x}`);
+      return [_];
+    })
+  ), colWidthsMm: u, rowHeightsMm: s };
+}
+function xt(t) {
+  const u = Re(t), s = t.headerGrid?.rowHeightsMm ?? u.map(() => 8);
+  u.unshift(
+    t.columns.map(() => ({
+      text: "分组",
+      style: { align: "center", backgroundColor: "#eaf2fc", bold: !0 }
+    }))
+  ), t.headerGrid = Ge(
+    u,
+    t.columns.map((r) => r.widthMm),
+    [8, ...s]
+  );
+}
+function Ct(t, u, s, r) {
+  if (s >= r || s < 0 || r >= t.columns.length)
+    throw new Error("请选择同一行的至少两个连续表头。");
+  const a = Re(t), b = a[u];
+  if (!b) throw new Error("表头行不存在。");
+  const m = b.slice(s, r + 1);
+  if (m.some(
+    (d) => !d || (d.colSpan ?? 1) !== 1 || (d.rowSpan ?? 1) !== 1
+  ))
+    throw new Error("选择包含合并区域，请先拆分，再重新合并。");
+  const _ = m[0];
+  b[s] = { ..._, colSpan: r - s + 1 };
+  for (let d = s + 1; d <= r; d++) b[d] = null;
+  t.headerGrid = Ge(
+    a,
+    t.columns.map((d) => d.widthMm),
+    t.headerGrid?.rowHeightsMm ?? [8]
+  );
+}
+function _t(t, u, s) {
+  if (!t.headerGrid) return;
+  const a = ve(t.headerGrid, t.widthMm, 100).cells.find(
+    ({ ri: w, ci: x, cell: E }) => u >= w && u < w + (E.rowSpan ?? 1) && s >= x && s < x + (E.colSpan ?? 1)
+  );
+  if (!a) return;
+  const b = Re(t), { ri: m, ci: _, cell: d } = a;
+  for (let w = m; w < m + (d.rowSpan ?? 1); w++)
+    for (let x = _; x < _ + (d.colSpan ?? 1); x++) {
+      const E = {
+        ...d,
+        text: w === b.length - 1 ? t.columns[x].header : d.text
+      };
+      delete E.colSpan, delete E.rowSpan, b[w][x] = E;
     }
+  t.headerGrid = Ge(
+    b,
+    t.columns.map((w) => w.widthMm),
+    t.headerGrid.rowHeightsMm ?? b.map(() => 8)
+  );
+}
+function Ze(t, u, s) {
+  const r = t.filter((a) => a !== u).flatMap((a) => {
+    const b = a[s], m = s === "leftMm" ? a.widthMm : Oe(a);
+    return [b, b + m / 2, b + m];
+  });
+  return [...new Set(r)].sort((a, b) => a - b);
+}
+function St(t, u) {
+  if (!t.length) return;
+  let s = 0, r = t.length;
+  for (; s < r; ) {
+    const m = s + r >>> 1;
+    t[m] < u ? s = m + 1 : r = m;
   }
-  return { selected: u, query: i, selectedColumns: b, lists: $, activeList: m, headerAlignments: _, visibleColumns: k, toggleColumn: C, selectVisible: A, clearSelection: S, setColumn: G, alignColumns: f };
+  const a = t[Math.max(0, s - 1)], b = t[Math.min(t.length - 1, s)];
+  return Math.abs(a - u) < Math.abs(b - u) ? a : b;
 }
-function qe(r, w = { entries: 100, bytes: 16 * 1024 * 1024 }) {
-  const c = D([r]), g = D(0), u = j(() => g.value > 0), i = j(() => g.value + 1 < c.value.length), b = j(() => c.value[g.value]);
-  function $(k) {
-    c.value = [k], g.value = 0;
-  }
-  function m(k) {
-    if (c.value[g.value] === k) return;
-    const C = c.value.slice(0, g.value + 1);
-    C.push(k);
-    let A = C.reduce((S, G) => S + G.length * 2, 0);
-    for (; C.length > 1 && (C.length > w.entries || A > w.bytes); ) A -= C.shift().length * 2;
-    c.value = C, g.value = c.value.length - 1;
-  }
-  function _(k) {
-    if (!(k < 0 ? !u.value : !i.value))
-      return g.value += k, c.value[g.value];
-  }
-  return { canUndo: u, canRedo: i, current: b, reset: $, record: m, move: _ };
+function et(t, u, s, r) {
+  let a = 1 / 0, b = {
+    value: Math.round(t * 2) / 2
+  };
+  for (const m of [0, u / 2, u]) {
+    const _ = St(s, t + m);
+    if (_ === void 0) continue;
+    const d = Math.abs(_ - t - m);
+    d <= r && d < a && (a = d, b = { value: _ - m, guide: _ });
+  }
+  return b;
 }
-function We(r) {
-  const w = Ae(null), c = D(!1);
-  let g, u = 0;
-  function i(m) {
-    g?.(m), g = void 0, w.value = null;
-  }
-  function b() {
-    u++, i(!1), c.value = !1;
-  }
-  async function $(m) {
-    b();
-    const _ = u, k = r();
-    c.value = !0;
-    try {
-      const C = await new Promise((A, S) => {
-        if (g = A, !k) {
-          w.value = m;
-          return;
-        }
-        Promise.resolve().then(() => u === _ ? k(m) : !1).then((G) => {
-          u === _ && i(G === !0);
-        }, (G) => {
-          u === _ && (g = void 0, w.value = null, S(G));
-        });
-      });
-      return u === _ && C === !0;
-    } finally {
-      u === _ && (c.value = !1);
-    }
+function $t(t) {
+  let u;
+  function s(r, a, b = !1) {
+    if (t.disabled() || r.button !== 0) return;
+    r.preventDefault(), r.stopPropagation(), u?.();
+    const m = r.currentTarget.closest(
+      "[data-canvas-component]"
+    ), _ = Se(a), d = r.clientX, w = r.clientY;
+    let x = _, E = 0;
+    const G = t.scale.value, A = m.parentElement;
+    let g, f;
+    const I = () => {
+      for (const [T, F] of [
+        ["x", g],
+        ["y", f]
+      ])
+        A.style.setProperty(
+          `--mr-canvas-guide-${T}-display`,
+          F === void 0 ? "none" : "block"
+        ), F !== void 0 && A.style.setProperty(
+          `--mr-canvas-guide-${T}`,
+          `${F * G}px`
+        );
+    }, k = () => {
+      E = 0, I(), m.style.left = `${x.leftMm * G}px`, m.style.top = `${x.topMm * G}px`, m.style.width = `${x.widthMm * G}px`, m.style.height = `${x.heightMm * G}px`;
+    }, S = {
+      leftMm: Ze(t.page().components, a, "leftMm"),
+      topMm: Ze(t.page().components, a, "topMm")
+    }, c = (T) => {
+      const F = (T.clientX - d) / G, te = (T.clientY - w) / G, o = et(
+        _.leftMm + F,
+        _.widthMm,
+        S.leftMm,
+        5 / G
+      ), q = et(
+        _.topMm + te,
+        _.heightMm,
+        S.topMm,
+        5 / G
+      );
+      g = b ? void 0 : o.guide, f = b ? void 0 : q.guide, x = je(
+        b ? {
+          ..._,
+          widthMm: Math.round((_.widthMm + F) * 2) / 2,
+          heightMm: Math.round((_.heightMm + te) * 2) / 2
+        } : { ..._, leftMm: o.value, topMm: q.value },
+        t.page(),
+        a.kind === "list"
+      ), E || (E = requestAnimationFrame(k));
+    }, M = (T) => {
+      window.removeEventListener("pointermove", c), window.removeEventListener("pointerup", p), window.removeEventListener("pointercancel", C), window.removeEventListener("keydown", D), E && cancelAnimationFrame(E), x = T ? x : _, g = void 0, f = void 0, k(), u = void 0, T && JSON.stringify(x) !== JSON.stringify(_) && t.commit(x);
+    }, p = () => M(!0), C = () => M(!1), D = (T) => {
+      T.key === "Escape" && (T.preventDefault(), C());
+    };
+    window.addEventListener("pointermove", c), window.addEventListener("pointerup", p), window.addEventListener("pointercancel", C), window.addEventListener("keydown", D), u = C;
   }
-  return be(b), { confirmation: w, pending: c, decide: i, request: $, cancel: b };
+  return Z(t.disabled, (r) => {
+    r && u?.();
+  }), Z(t.page, () => u?.()), $e(() => u?.()), { start: s };
 }
-const Qe = {
-  title: "报表模板属性编辑器",
-  heading: "模板属性",
+const Et = {
+  title: "报表模板设计器",
+  heading: "模板设计",
   unpublished: "未发布",
   dirty: "有未保存修改",
   reset: "恢复草稿",
@@ -293,7 +310,65 @@ const Qe = {
   applyJson: "校验并应用 JSON",
   note: "字段映射应与数据源契约一致。此编辑器维护模板属性；保存由接入方提供的版本服务处理。",
   invalid: "请先修正模板错误，再预览或保存。"
-}, Xe = {
+}, It = {
+  repeatPage: "每页重复",
+  repeatNone: "不重复",
+  repeatHeader: "页眉",
+  repeatFooter: "页脚",
+  textFormat: "文字样式",
+  fontSize: "字号（pt）",
+  fontBold: "加粗",
+  textColor: "文字颜色",
+  backgroundColor: "背景颜色",
+  canvasGridLimited: "设计窗口仅显示前 2000 个单元格；最终预览与导出保留完整内容。",
+  design: "设计",
+  preview: "预览",
+  componentSection: "组件",
+  toolsSection: "工具",
+  component: "组件",
+  components: "组件目录",
+  canvasHint: "点击选择 · 拖动移动 · 方向键微调 · Shift 加速 · Esc 取消",
+  zoom: "缩放",
+  sampleRows: "数据预览区域",
+  resizeComponent: "调整组件尺寸",
+  resizeColumn: "调整列宽",
+  insertComponent: "添加组件",
+  insertText: "文本",
+  insertList: "明细表",
+  insertImage: "图片",
+  insertRect: "矩形",
+  removeComponent: "删除组件",
+  duplicateComponent: "复制组件",
+  forward: "向上移动层级",
+  backward: "向下移动层级",
+  positionGroup: "位置与尺寸 · mm",
+  componentContent: "组件内容",
+  componentText: "文本内容",
+  imageSource: "图片地址或 data URI",
+  imageUpload: "上传图片",
+  imageBudget: "图片不超过 4 MB，支持 PNG/JPEG/WebP/SVG",
+  leftPosition: "左侧",
+  topPosition: "顶部",
+  componentWidth: "宽度",
+  componentHeight: "高度",
+  noComponent: "在画布或目录选择组件",
+  listDataset: "数据集",
+  columnOrder: "列结构",
+  moveColumnLeft: "向前移动列",
+  moveColumnRight: "向后移动列",
+  columnVisible: "显示此列",
+  headerStructure: "多层表头",
+  addHeaderRow: "添加分组行",
+  mergeHeader: "合并所选表头",
+  splitHeader: "拆分表头",
+  headerRow: "表头行",
+  headerFirst: "开始列",
+  headerLast: "结束列",
+  excelTool: "Excel 绑定",
+  rulesTool: "计算与规则",
+  reviewTool: "发布检查",
+  toolsDescription: "按需绑定数据、定义规则并验证模板。",
+  rulesNeedList: "请先在字段区域选择明细表。",
   undo: "撤销",
   redo: "重做",
   columnsSearch: "搜索列名或字段",
@@ -335,16 +410,1047 @@ const Qe = {
   technicalDetails: "标识与修订",
   fieldPosition: "当前字段",
   previewFieldDirectory: "定位字段"
-}, Ye = {
-  ...Qe,
-  ...Xe
-};
-function Ze(r, w) {
-  const c = D(U(r.modelValue)), g = D(ee(c.value)), u = D(ee(c.value)), i = D(""), b = D(!1), $ = j(() => ({ ...Ye, ...r.messages })), m = j(() => ({
+}, Pe = {
+  ...Et,
+  ...It
+}, At = { class: "mr-canvas" }, Dt = { class: "mr-canvas-heading" }, Tt = { class: "mr-canvas-scroll" }, Lt = ["data-canvas-component", "aria-label", "aria-pressed", "tabindex", "onFocus", "onPointerdown", "onClick", "onKeydown"], Rt = { class: "mr-canvas-table" }, Gt = {
+  key: 1,
+  class: "mr-canvas-table-row is-header"
+}, Pt = ["onPointerdown"], Ht = {
+  key: 2,
+  class: "mr-canvas-placeholder"
+}, Vt = ["aria-label", "onPointerdown"], Bt = {
+  key: 1,
+  class: "mr-canvas-static-grid"
+}, zt = {
+  key: 0,
+  class: "mr-canvas-grid-limit"
+}, Nt = ["src"], jt = ["aria-label", "onPointerdown"], Ft = /* @__PURE__ */ Ee({
+  __name: "TemplateDesignCanvas",
+  props: {
+    document: {},
+    selection: {},
+    pageIndex: {},
+    datasets: {},
+    disabled: { type: Boolean },
+    messages: {}
+  },
+  emits: ["select", "geometry", "column", "width"],
+  setup(t, { emit: u }) {
+    const s = t, r = u, a = z(() => ({ ...Pe, ...s.messages })), b = j(0.8), m = z(() => b.value * wt), _ = z(() => s.document.template.pages[s.pageIndex]), d = $t({
+      scale: m,
+      page: () => _.value,
+      disabled: () => s.disabled === !0,
+      commit: (k) => r("geometry", k)
+    });
+    function w(k) {
+      return s.selection?.pageIndex === s.pageIndex && s.selection.componentIndex === k;
+    }
+    function x(k) {
+      const S = _.value.components[k];
+      return {
+        left: `${S.leftMm * m.value}px`,
+        top: `${S.topMm * m.value}px`,
+        width: `${S.widthMm * m.value}px`,
+        height: `${Oe(S) * m.value}px`
+      };
+    }
+    function E(k, S) {
+      const c = _.value.components[S];
+      if (s.disabled || !w(S)) return;
+      const M = {
+        ArrowLeft: [-1, 0],
+        ArrowRight: [1, 0],
+        ArrowUp: [0, -1],
+        ArrowDown: [0, 1]
+      }, p = M[k.key];
+      if (!p) return;
+      k.preventDefault(), k.stopPropagation();
+      const C = Se(c), D = k.shiftKey ? 5 : 0.5;
+      C.leftMm += p[0] * D, C.topMm += p[1] * D, r("geometry", C);
+    }
+    function G(k) {
+      let S = 0;
+      return k.columns.map((c) => (S += c.widthMm, S));
+    }
+    function A(k) {
+      return k.grid ? ve(
+        k.grid,
+        k.widthMm,
+        k.heightMm
+      ).cells.slice(0, 2e3) : [];
+    }
+    function g(k) {
+      return k.headerGrid ? ve(
+        k.headerGrid,
+        k.widthMm,
+        k.headerGrid.rowHeightsMm?.reduce(
+          (S, c) => S + c,
+          0
+        ) ?? k.headerGrid.cells.length * 8
+      ).cells : [];
+    }
+    let f;
+    Z(
+      () => s.disabled,
+      (k) => {
+        k && f?.();
+      }
+    ), Z(
+      () => s.document,
+      () => f?.()
+    ), $e(() => f?.());
+    function I(k, S, c) {
+      if (s.disabled || k.button !== 0) return;
+      k.preventDefault(), k.stopPropagation(), f?.();
+      const M = k.clientX, p = S.columns[c].widthMm;
+      let C = p;
+      const D = k.currentTarget, T = ($) => {
+        C = Math.max(
+          2,
+          Math.round((p + ($.clientX - M) / m.value) * 2) / 2
+        ), D.style.transform = `translateX(${(C - p) * m.value}px)`;
+      }, F = () => {
+        window.removeEventListener("pointermove", T), window.removeEventListener("pointerup", te), window.removeEventListener("pointercancel", o), window.removeEventListener("keydown", q), D.style.transform = "", f = void 0;
+      }, te = () => {
+        F(), C !== p && r("width", c, C);
+      }, o = () => F(), q = ($) => {
+        $.key === "Escape" && ($.preventDefault(), o());
+      };
+      window.addEventListener("pointermove", T), window.addEventListener("pointerup", te), window.addEventListener("pointercancel", o), window.addEventListener("keydown", q), f = o;
+    }
+    return (k, S) => (h(), y("div", At, [
+      n("div", Dt, [
+        n("span", null, l(a.value.canvasHint), 1),
+        n("label", null, [
+          P(l(a.value.zoom), 1),
+          oe(n("select", {
+            "onUpdate:modelValue": S[0] || (S[0] = (c) => b.value = c)
+          }, [...S[1] || (S[1] = [
+            n("option", { value: 0.5 }, "50%", -1),
+            n("option", { value: 0.8 }, "80%", -1),
+            n("option", { value: 1 }, "100%", -1),
+            n("option", { value: 1.25 }, "125%", -1)
+          ])], 512), [
+            [
+              ye,
+              b.value,
+              void 0,
+              { number: !0 }
+            ]
+          ])
+        ])
+      ]),
+      n("div", Tt, [
+        n("div", {
+          class: "mr-canvas-paper",
+          style: re({
+            width: `${_.value.widthMm * m.value}px`,
+            height: `${_.value.heightMm * m.value}px`
+          })
+        }, [
+          (h(!0), y(U, null, W(_.value.components, (c, M) => (h(), y("div", {
+            key: M,
+            class: _e(["mr-canvas-component", { "is-selected": w(M) }]),
+            "data-canvas-component": M,
+            style: re(x(M)),
+            role: "button",
+            "aria-label": `${a.value.component} ${M + 1} ${c.kind}`,
+            "aria-pressed": w(M),
+            tabindex: w(M) ? 0 : -1,
+            onFocus: (p) => r("select", { pageIndex: t.pageIndex, componentIndex: M }),
+            onPointerdown: (p) => {
+              r("select", { pageIndex: t.pageIndex, componentIndex: M }), e(d).start(p, c);
+            },
+            onClick: (p) => r("select", { pageIndex: t.pageIndex, componentIndex: M }),
+            onKeydown: (p) => E(p, M)
+          }, [
+            c.kind === "list" ? (h(), y(U, { key: 0 }, [
+              n("div", Rt, [
+                c.headerGrid ? (h(), y("div", {
+                  key: 0,
+                  class: "mr-canvas-merged",
+                  style: re({
+                    height: `${(c.headerGrid.rowHeightsMm?.reduce((p, C) => p + C, 0) ?? c.headerGrid.cells.length * 8) * m.value}px`
+                  })
+                }, [
+                  (h(!0), y(U, null, W(g(c), (p, C) => (h(), y("div", {
+                    key: C,
+                    style: re({
+                      left: `${p.xMm * m.value}px`,
+                      top: `${p.yMm * m.value}px`,
+                      width: `${p.widthMm * m.value}px`,
+                      height: `${p.heightMm * m.value}px`,
+                      textAlign: p.cell.style?.align ?? "center"
+                    })
+                  }, l(p.cell.text), 5))), 128))
+                ], 4)) : (h(), y("div", Gt, [
+                  (h(!0), y(U, null, W(c.columns, (p, C) => (h(), y("div", {
+                    key: C,
+                    style: re({
+                      width: `${p.widthMm * m.value}px`,
+                      opacity: p.hidden ? 0.35 : 1
+                    }),
+                    onPointerdown: tt((D) => {
+                      r("select", { pageIndex: t.pageIndex, componentIndex: M }), r("column", C);
+                    }, ["stop"])
+                  }, l(p.header), 45, Pt))), 128))
+                ])),
+                (h(!0), y(U, null, W((t.datasets?.[c.dataset] ?? []).slice(0, 3), (p, C) => (h(), y("div", {
+                  key: C,
+                  class: "mr-canvas-table-row"
+                }, [
+                  (h(!0), y(U, null, W(c.columns, (D, T) => (h(), y("div", {
+                    key: T,
+                    style: re({
+                      width: `${D.widthMm * m.value}px`,
+                      opacity: D.hidden ? 0.35 : 1
+                    })
+                  }, l(p[D.field] ?? "—"), 5))), 128))
+                ]))), 128)),
+                t.datasets?.[c.dataset]?.length ? B("", !0) : (h(), y("div", Ht, l(c.dataset) + " · " + l(a.value.sampleRows), 1))
+              ]),
+              w(M) && !t.disabled ? (h(!0), y(U, { key: 0 }, W(G(c), (p, C) => (h(), y("span", {
+                key: C,
+                class: "mr-canvas-column-handle",
+                "aria-label": `${a.value.resizeColumn} ${c.columns[C]?.header}`,
+                role: "separator",
+                "aria-orientation": "vertical",
+                style: re({ left: `${p * m.value}px` }),
+                onPointerdown: (D) => I(D, c, C)
+              }, null, 44, Vt))), 128)) : B("", !0)
+            ], 64)) : c.grid ? (h(), y("div", Bt, [
+              (h(!0), y(U, null, W(A(c), (p, C) => (h(), y("div", {
+                key: C,
+                style: re({
+                  left: `${p.xMm * m.value}px`,
+                  top: `${p.yMm * m.value}px`,
+                  width: `${p.widthMm * m.value}px`,
+                  height: `${p.heightMm * m.value}px`,
+                  backgroundColor: p.cell.style?.backgroundColor,
+                  color: p.cell.style?.color,
+                  fontWeight: p.cell.style?.bold ? "700" : "400",
+                  fontSize: `${e(Ne)(p.cell.style).fontSizePx * b.value}px`,
+                  textAlign: p.cell.style?.align ?? "left"
+                })
+              }, l(p.cell.text), 5))), 128)),
+              c.grid.cells.reduce((p, C) => p + C.length, 0) > 2e3 ? (h(), y("span", zt, l(a.value.canvasGridLimited), 1)) : B("", !0)
+            ])) : c.imageData ? (h(), y("img", {
+              key: 2,
+              src: c.imageData,
+              alt: "",
+              draggable: "false"
+            }, null, 8, Nt)) : (h(), y("div", {
+              key: 3,
+              class: "mr-canvas-content",
+              style: re({
+                color: c.style?.color,
+                backgroundColor: c.style?.backgroundColor,
+                fontWeight: c.style?.bold ? "700" : "400",
+                fontSize: `${e(Ne)(c.style).fontSizePx * b.value}px`,
+                textAlign: c.style?.align
+              })
+            }, l(c.text ?? c.fallbackText ?? (c.kind === "rect" ? "" : c.kind)), 5)),
+            w(M) && !t.disabled ? (h(), y("span", {
+              key: 4,
+              class: "mr-canvas-resize",
+              "aria-label": a.value.resizeComponent,
+              role: "separator",
+              onPointerdown: (p) => e(d).start(p, c, !0)
+            }, null, 40, jt)) : B("", !0)
+          ], 46, Lt))), 128))
+        ], 4)
+      ])
+    ]));
+  }
+}), Ot = /* @__PURE__ */ Ie(Ft, [["__scopeId", "data-v-0b2669dc"]]), Ut = ["aria-label"], Jt = ["data-align", "aria-label", "title", "aria-checked", "tabindex", "onClick", "onKeydown"], Kt = { key: 0 }, Wt = {
+  key: 1,
+  viewBox: "0 0 20 20",
+  fill: "none",
+  "aria-hidden": "true"
+}, Xt = {
+  key: 0,
+  d: "M3 4h14M3 8h9M3 12h14M3 16h9"
+}, qt = {
+  key: 1,
+  d: "M3 4h14M6 8h8M3 12h14M6 16h8"
+}, Yt = {
+  key: 2,
+  d: "M3 4h14M8 8h9M3 12h14M8 16h9"
+}, Qt = {
+  key: 3,
+  d: "M3 4h14M3 8h14M3 12h14M3 16h14"
+}, Zt = /* @__PURE__ */ Ee({
+  __name: "AlignmentControl",
+  props: {
+    modelValue: {},
+    label: {},
+    labels: {},
+    autoLabel: {},
+    allowAuto: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: u }) {
+    const s = t, r = u, a = () => s.allowAuto ? ["auto", "left", "center", "right", "justify"] : ["left", "center", "right", "justify"];
+    async function b(m, _) {
+      if (!["ArrowLeft", "ArrowRight", "Home", "End"].includes(m.key)) return;
+      m.preventDefault();
+      const w = a(), x = w.indexOf(_), E = m.key === "Home" ? 0 : m.key === "End" ? w.length - 1 : (x + (m.key === "ArrowRight" ? 1 : -1) + w.length) % w.length;
+      r("update:modelValue", w[E]);
+      const G = m.currentTarget.parentElement;
+      await de(), G?.querySelector(`[data-align="${w[E]}"]`)?.focus();
+    }
+    return (m, _) => (h(), y("div", {
+      class: "mr-designer-alignment",
+      role: "radiogroup",
+      "aria-label": t.label
+    }, [
+      (h(!0), y(U, null, W(a(), (d) => (h(), y("button", {
+        key: d,
+        type: "button",
+        role: "radio",
+        "data-align": d,
+        "aria-label": t.labels[d],
+        title: t.labels[d],
+        "aria-checked": t.modelValue === d,
+        tabindex: t.modelValue === d ? 0 : -1,
+        onClick: (w) => r("update:modelValue", d),
+        onKeydown: (w) => b(w, d)
+      }, [
+        d === "auto" ? (h(), y("span", Kt, l(t.autoLabel), 1)) : (h(), y("svg", Wt, [
+          d === "left" ? (h(), y("path", Xt)) : d === "center" ? (h(), y("path", qt)) : d === "right" ? (h(), y("path", Yt)) : (h(), y("path", Qt))
+        ]))
+      ], 40, Jt))), 128))
+    ], 8, Ut));
+  }
+}), Fe = /* @__PURE__ */ Ie(Zt, [["__scopeId", "data-v-c85770c4"]]), en = ["disabled"], tn = { class: "mr-component-dimensions" }, nn = ["min", "value", "onChange"], an = { key: 0 }, on = ["value"], ln = { value: "" }, sn = { value: "header" }, rn = { value: "footer" }, dn = { key: 1 }, un = ["value"], cn = ["value"], mn = { class: "mr-component-upload" }, vn = ["aria-label"], pn = {
+  key: 0,
+  role: "alert"
+}, hn = {
+  key: 3,
+  class: "mr-component-type"
+}, gn = { class: "mr-component-dimensions" }, fn = ["value"], bn = ["checked"], yn = { class: "mr-component-dimensions" }, wn = ["value"], kn = ["value"], Mn = { key: 4 }, xn = ["value"], Cn = /* @__PURE__ */ Ee({
+  __name: "CanvasComponentInspector",
+  props: {
+    component: {},
+    disabled: { type: Boolean },
+    messages: {}
+  },
+  emits: ["geometry", "patch"],
+  setup(t, { emit: u }) {
+    const s = t, r = u, a = z(() => ({ ...Pe, ...s.messages })), b = j(""), m = ["leftMm", "topMm", "widthMm", "heightMm"], _ = z(() => [
+      a.value.leftPosition,
+      a.value.topPosition,
+      a.value.componentWidth,
+      a.value.componentHeight
+    ]);
+    function d(A, g) {
+      const f = Number(g.target.value);
+      Number.isFinite(f) && r("geometry", { ...Se(s.component), [A]: f });
+    }
+    function w(A, g) {
+      if (s.component.kind === "list") return;
+      const f = { ...s.component.style, [A]: g };
+      A === "fontSize" && delete f.fontSizePx, r("patch", { style: f });
+    }
+    const x = z(() => ({
+      auto: a.value.auto,
+      left: a.value.left,
+      center: a.value.center,
+      right: a.value.right,
+      justify: a.value.justify
+    }));
+    function E(A) {
+      return A.target.value;
+    }
+    async function G(A) {
+      const g = A.target, f = g.files?.[0];
+      if (!f) return;
+      b.value = "";
+      const I = s.component;
+      try {
+        if (f.size > 4 * 1024 * 1024 || !["image/png", "image/jpeg", "image/webp", "image/svg+xml"].includes(
+          f.type
+        ))
+          throw new Error(a.value.imageBudget);
+        const k = new FileReader(), S = await new Promise((c, M) => {
+          k.onload = () => c(String(k.result)), k.onerror = () => M(k.error), k.readAsDataURL(f);
+        });
+        !s.disabled && s.component === I && r("patch", { imageData: S });
+      } catch (k) {
+        b.value = k instanceof Error ? k.message : String(k);
+      } finally {
+        g.value = "";
+      }
+    }
+    return (A, g) => (h(), y("fieldset", {
+      class: "mr-component-properties",
+      disabled: t.disabled
+    }, [
+      n("h3", null, l(a.value.positionGroup), 1),
+      n("div", tn, [
+        (h(!0), y(U, null, W(m.filter(
+          (f) => t.component.kind !== "list" || f !== "heightMm"
+        ), (f, I) => (h(), y("label", { key: f }, [
+          P(l(_.value[I]), 1),
+          n("input", {
+            type: "number",
+            step: "0.5",
+            min: f === "widthMm" || f === "heightMm" ? 2 : 0,
+            value: e(Se)(t.component)[f],
+            onChange: (k) => d(f, k)
+          }, null, 40, nn)
+        ]))), 128))
+      ]),
+      t.component.kind !== "list" ? (h(), y("label", an, [
+        P(l(a.value.repeatPage), 1),
+        n("select", {
+          value: t.component.pageAnchor ?? "",
+          onChange: g[0] || (g[0] = (f) => r("patch", { pageAnchor: E(f) || void 0 }))
+        }, [
+          n("option", ln, l(a.value.repeatNone), 1),
+          n("option", sn, l(a.value.repeatHeader), 1),
+          n("option", rn, l(a.value.repeatFooter), 1)
+        ], 40, on)
+      ])) : B("", !0),
+      n("h3", null, l(a.value.componentContent), 1),
+      t.component.kind === "text" ? (h(), y("label", dn, [
+        P(l(a.value.componentText), 1),
+        n("textarea", {
+          rows: "4",
+          value: t.component.text,
+          onChange: g[1] || (g[1] = (f) => r("patch", { text: E(f) }))
+        }, null, 40, un)
+      ])) : B("", !0),
+      t.component.kind === "image" ? (h(), y(U, { key: 2 }, [
+        n("label", null, [
+          P(l(a.value.imageSource), 1),
+          n("textarea", {
+            rows: "2",
+            value: t.component.imageData,
+            onChange: g[2] || (g[2] = (f) => r("patch", { imageData: E(f) }))
+          }, null, 40, cn)
+        ]),
+        n("label", mn, [
+          P(l(a.value.imageUpload), 1),
+          n("input", {
+            type: "file",
+            accept: "image/png,image/jpeg,image/webp,image/svg+xml",
+            "aria-label": a.value.imageUpload,
+            onChange: G
+          }, null, 40, vn)
+        ]),
+        b.value ? (h(), y("p", pn, l(b.value), 1)) : B("", !0)
+      ], 64)) : B("", !0),
+      t.component.kind === "text" ? (h(), y("div", hn, [
+        n("h3", null, l(a.value.textFormat), 1),
+        n("div", gn, [
+          n("label", null, [
+            P(l(a.value.fontSize), 1),
+            n("input", {
+              type: "number",
+              min: "1",
+              max: "200",
+              value: e(Ne)(t.component.style).fontSizePt,
+              onChange: g[3] || (g[3] = (f) => w("fontSize", Number(E(f))))
+            }, null, 40, fn)
+          ]),
+          n("label", null, [
+            P(l(a.value.fontBold), 1),
+            n("input", {
+              type: "checkbox",
+              checked: t.component.style?.bold === !0,
+              onChange: g[4] || (g[4] = (f) => w("bold", f.target.checked))
+            }, null, 40, bn)
+          ])
+        ]),
+        Q(Fe, {
+          "model-value": t.component.style?.align ?? "left",
+          label: a.value.bodyAlign,
+          labels: x.value,
+          "auto-label": a.value.autoShort,
+          "onUpdate:modelValue": g[5] || (g[5] = (f) => w("align", f))
+        }, null, 8, ["model-value", "label", "labels", "auto-label"]),
+        n("div", yn, [
+          n("label", null, [
+            P(l(a.value.textColor), 1),
+            n("input", {
+              type: "color",
+              value: t.component.style?.color ?? "#233c5c",
+              onChange: g[6] || (g[6] = (f) => w("color", E(f)))
+            }, null, 40, wn)
+          ]),
+          n("label", null, [
+            P(l(a.value.backgroundColor), 1),
+            n("input", {
+              type: "color",
+              value: t.component.style?.backgroundColor ?? "#ffffff",
+              onChange: g[7] || (g[7] = (f) => w("backgroundColor", E(f)))
+            }, null, 40, kn)
+          ])
+        ])
+      ])) : B("", !0),
+      t.component.kind === "list" ? (h(), y("label", Mn, [
+        P(l(a.value.listDataset), 1),
+        n("input", {
+          value: t.component.dataset,
+          onChange: g[8] || (g[8] = (f) => r("patch", { dataset: E(f) }))
+        }, null, 40, xn)
+      ])) : B("", !0)
+    ], 8, en));
+  }
+}), _n = /* @__PURE__ */ Ie(Cn, [["__scopeId", "data-v-2dcbd9cb"]]), Sn = { class: "mr-header-editor" }, $n = ["disabled"], En = ["value"], In = ["value"], An = ["value"], Dn = ["disabled"], Tn = /* @__PURE__ */ Ee({
+  __name: "HeaderStructureEditor",
+  props: {
+    list: {},
+    disabled: { type: Boolean },
+    messages: {}
+  },
+  emits: ["command"],
+  setup(t, { emit: u }) {
+    const s = t, r = u, a = z(() => ({ ...Pe, ...s.messages })), b = j(0), m = j(0), _ = j(Math.min(1, s.list.columns.length - 1));
+    return Z(
+      () => s.list.columns.length,
+      (d) => {
+        m.value = Math.min(m.value, d - 1), _.value = Math.min(_.value, d - 1);
+      }
+    ), (d, w) => (h(), y("details", Sn, [
+      n("summary", null, [
+        P(l(a.value.headerStructure), 1),
+        n("span", null, l(t.list.headerGrid?.cells.length ?? 1) + " " + l(a.value.headerRow), 1)
+      ]),
+      n("fieldset", { disabled: t.disabled }, [
+        n("label", null, [
+          P(l(a.value.headerRow), 1),
+          oe(n("select", {
+            "onUpdate:modelValue": w[0] || (w[0] = (x) => b.value = x)
+          }, [
+            (h(!0), y(U, null, W(t.list.headerGrid?.cells.length ?? 1, (x) => (h(), y("option", {
+              key: x,
+              value: x - 1
+            }, l(x), 9, En))), 128))
+          ], 512), [
+            [
+              ye,
+              b.value,
+              void 0,
+              { number: !0 }
+            ]
+          ])
+        ]),
+        n("label", null, [
+          P(l(a.value.headerFirst), 1),
+          oe(n("select", {
+            "onUpdate:modelValue": w[1] || (w[1] = (x) => m.value = x)
+          }, [
+            (h(!0), y(U, null, W(t.list.columns, (x, E) => (h(), y("option", {
+              key: E,
+              value: E
+            }, l(E + 1) + " · " + l(x.header), 9, In))), 128))
+          ], 512), [
+            [
+              ye,
+              m.value,
+              void 0,
+              { number: !0 }
+            ]
+          ])
+        ]),
+        n("label", null, [
+          P(l(a.value.headerLast), 1),
+          oe(n("select", {
+            "onUpdate:modelValue": w[2] || (w[2] = (x) => _.value = x)
+          }, [
+            (h(!0), y(U, null, W(t.list.columns, (x, E) => (h(), y("option", {
+              key: E,
+              value: E
+            }, l(E + 1) + " · " + l(x.header), 9, An))), 128))
+          ], 512), [
+            [
+              ye,
+              _.value,
+              void 0,
+              { number: !0 }
+            ]
+          ])
+        ]),
+        n("div", null, [
+          n("button", {
+            type: "button",
+            onClick: w[3] || (w[3] = (x) => r("command", { action: "add", row: b.value, first: m.value, last: _.value }))
+          }, l(a.value.addHeaderRow), 1),
+          n("button", {
+            type: "button",
+            disabled: m.value >= _.value,
+            onClick: w[4] || (w[4] = (x) => r("command", { action: "merge", row: b.value, first: m.value, last: _.value }))
+          }, l(a.value.mergeHeader), 9, Dn),
+          n("button", {
+            type: "button",
+            onClick: w[5] || (w[5] = (x) => r("command", { action: "split", row: b.value, first: m.value, last: _.value }))
+          }, l(a.value.splitHeader), 1)
+        ])
+      ], 8, $n)
+    ]));
+  }
+}), Ln = /* @__PURE__ */ Ie(Tn, [["__scopeId", "data-v-acd607ef"]]);
+function Rn(t, u) {
+  const s = j("preview"), r = j(), a = j(0), b = z(
+    () => ze(t.value, r.value)
+  );
+  Z(t, () => {
+    b.value || (r.value = void 0), t.value.template.pages[a.value] || (a.value = 0);
+  });
+  function m(A) {
+    r.value = A, a.value = A.pageIndex;
+  }
+  function _(A) {
+    const g = r.value;
+    return g ? u((f) => {
+      const I = ze(f, g);
+      I && A(I, f);
+    }) : !1;
+  }
+  function d(A) {
+    _((g, f) => {
+      const I = f.template.pages[r.value.pageIndex];
+      Qe(
+        g,
+        je(A, I, g.kind === "list")
+      );
+    });
+  }
+  function w(A) {
+    let g = -1;
+    const f = a.value;
+    u((I) => {
+      const k = I.template.pages[f].components;
+      k.push(kt(A)), g = k.length - 1;
+    }) && m({ pageIndex: f, componentIndex: g });
+  }
+  function x() {
+    const A = r.value;
+    A && u((g) => {
+      g.template.pages[A.pageIndex].components.splice(
+        A.componentIndex,
+        1
+      );
+    }) && (r.value = void 0);
+  }
+  function E() {
+    const A = r.value;
+    if (!A) return;
+    let g = -1;
+    u((f) => {
+      const I = f.template.pages[A.pageIndex], k = JSON.parse(JSON.stringify(ze(f, A))), S = Se(k);
+      S.leftMm += 4, S.topMm += 4, Qe(
+        k,
+        je(S, I, k.kind === "list")
+      ), k.kind === "list" ? delete k.id : (delete k.nid, delete k.rkey), I.components.push(k), g = I.components.length - 1;
+    }) && m({ pageIndex: A.pageIndex, componentIndex: g });
+  }
+  function G(A) {
+    const g = r.value;
+    if (!g) return;
+    const f = g.componentIndex + A;
+    t.value.template.pages[g.pageIndex]?.components[f] && u((I) => {
+      const k = I.template.pages[g.pageIndex].components;
+      k.splice(f, 0, k.splice(g.componentIndex, 1)[0]);
+    }) && m({ pageIndex: g.pageIndex, componentIndex: f });
+  }
+  return {
+    mode: s,
+    selection: r,
+    pageIndex: a,
+    active: b,
+    select: m,
+    mutate: _,
+    geometry: d,
+    insert: w,
+    remove: x,
+    duplicate: E,
+    reorder: G
+  };
+}
+function Gn(t, u, s) {
+  const { draft: r, lists: a, selected: b, activeList: m, blocked: _, jsonPending: d, error: w } = t, { section: x, activeIndex: E } = u, G = Rn(r, t.transaction), {
+    mode: A,
+    selection: g,
+    pageIndex: f,
+    active: I
+  } = G, k = j("excel"), S = j(/* @__PURE__ */ new Set());
+  Z([x, k], () => {
+    x.value === "tools" && (S.value = /* @__PURE__ */ new Set([...S.value, k.value]));
+  }), Z(g, ($) => {
+    if (!$) return;
+    const L = a.value.findIndex(
+      (R) => R.pageIndex === $.pageIndex && R.componentIndex === $.componentIndex
+    );
+    L >= 0 && (b.value = L);
+  });
+  const c = z(
+    () => t.editingReadonly.value || _.value || d.value
+  ), M = z(
+    () => s()?.[m.value?.dataset ?? ""]
+  );
+  function p($) {
+    A.value = $, x.value === "tools" && (x.value = $ === "design" ? "component" : "fields");
+  }
+  function C($) {
+    if (!r.value.template.pages[$.pageIndex]?.components[$.componentIndex])
+      return;
+    if (G.select($), r.value.template.pages[$.pageIndex]?.components[$.componentIndex]?.kind === "list") {
+      const R = a.value.findIndex(
+        (H) => H.pageIndex === $.pageIndex && H.componentIndex === $.componentIndex
+      );
+      R >= 0 && (b.value = R), x.value = "fields";
+    } else x.value = "component";
+  }
+  function D($) {
+    const L = $.target;
+    L.value && (G.insert(L.value), A.value = "design", x.value = "component", L.value = "");
+  }
+  function T($) {
+    G.mutate((L, R) => {
+      if (L.kind !== "list" && $.pageAnchor !== L.pageAnchor) {
+        const K = R.template.pages[g.value.pageIndex];
+        $.pageAnchor === "header" && (L.topMm = K.marginTopMm ?? 0), $.pageAnchor === "footer" && (L.topMm = Math.max(
+          0,
+          K.heightMm - (K.marginBottomMm ?? 0) - L.heightMm
+        ));
+      }
+      const H = L;
+      for (const [K, ue] of Object.entries($))
+        ue === void 0 ? delete H[K] : H[K] = ue;
+    });
+  }
+  function F($) {
+    const L = a.value[b.value];
+    L && t.transaction((R) => {
+      R.template.pages[L.pageIndex].components[L.componentIndex] = $;
+    });
+  }
+  function te($) {
+    const L = m.value;
+    if (!L) return;
+    const R = JSON.parse(JSON.stringify(L));
+    try {
+      Mt(R, E.value, E.value + $) && (F(R), u.activate(E.value + $));
+    } catch (H) {
+      w.value = H instanceof Error ? H.message : String(H);
+    }
+  }
+  function o($) {
+    const L = a.value[b.value];
+    L && t.transaction((R) => {
+      const H = R.template.pages[L.pageIndex].components[L.componentIndex];
+      H?.kind === "list" && ($.action === "add" ? xt(H) : $.action === "merge" ? Ct(H, $.row, $.first, $.last) : _t(H, $.row, $.first));
+    });
+  }
+  function q($) {
+    const L = /\.pages\[(\d+)\]\.components\[(\d+)\]/.exec($.path ?? ""), R = $.pageIndex ?? (L ? Number(L[1]) : void 0), H = $.componentIndex ?? (L ? Number(L[2]) : void 0);
+    if (!(R === void 0 || H === void 0) && (A.value = "design", C({ pageIndex: R, componentIndex: H }), $.field)) {
+      const K = m.value?.columns.findIndex(
+        (ue) => ue.field === $.field
+      );
+      K !== void 0 && K >= 0 && u.activate(K);
+    }
+  }
+  return {
+    mode: A,
+    setMode: p,
+    canvasSelection: g,
+    canvasPage: f,
+    canvasActive: I,
+    tool: k,
+    visitedTools: S,
+    editDisabled: c,
+    dataSchema: M,
+    chooseCanvas: C,
+    insertComponent: D,
+    patchCanvas: T,
+    changeList: F,
+    moveColumn: te,
+    headerCommand: o,
+    locateReview: q,
+    canvas: G
+  };
+}
+function Pn(t, u, s) {
+  if (!t.length) return;
+  const r = Math.max(0, t.indexOf(u)), b = {
+    ArrowDown: Math.min(r + 1, t.length - 1),
+    ArrowUp: Math.max(r - 1, 0),
+    Home: 0,
+    End: t.length - 1
+  }[s];
+  return b === void 0 ? void 0 : t[b];
+}
+function Hn(t, u, s) {
+  const r = j(!1), a = j(t.activeIndex.value), b = j(null), m = j(null), _ = j(null), d = j(null);
+  function w(S = !1) {
+    const c = d.value, M = c?.querySelector(
+      `button[data-column-index="${a.value}"]`
+    );
+    if (!c || !M) return;
+    S && M.focus({ preventScroll: !0 });
+    const p = c.getBoundingClientRect(), C = M.getBoundingClientRect(), D = p.top + c.clientTop, T = D + c.clientHeight;
+    C.top < D ? c.scrollTop += C.top - D : C.bottom > T && (c.scrollTop += C.bottom - T);
+  }
+  async function x(S = !1) {
+    r.value && (r.value = !1, S && (await de(), b.value?.focus({ preventScroll: !0 })));
+  }
+  async function E() {
+    if (r.value) return x(!0);
+    const S = s.value.map((c) => c.index);
+    a.value = S.includes(t.activeIndex.value) ? t.activeIndex.value : S[0] ?? -1, r.value = !0, await de(), _.value?.focus({ preventScroll: !0 }), w();
+  }
+  function G(S) {
+    t.activate(S), x(!0);
+  }
+  function A(S) {
+    r.value && (S.preventDefault(), S.stopPropagation(), x(!0));
+  }
+  async function g(S) {
+    const c = Pn(
+      s.value.map((M) => M.index),
+      a.value,
+      S.key
+    );
+    c !== void 0 && (a.value = c, S.preventDefault(), await de(), w(!0));
+  }
+  async function f(S) {
+    if (!["ArrowDown", "ArrowUp", "Enter"].includes(S.key)) return;
+    S.preventDefault(), S.stopPropagation();
+    const c = s.value.map((M) => M.index);
+    if (c.length) {
+      if (S.key === "Enter") {
+        c.includes(a.value) && G(a.value);
+        return;
+      }
+      S.key === "ArrowUp" && (a.value = c.at(-1)), await de(), w(!0);
+    }
+  }
+  function I(S) {
+    const c = S.target;
+    !r.value || m.value?.contains(c) || b.value?.contains(c) || x();
+  }
+  function k(S) {
+    const c = S.relatedTarget;
+    !c || m.value?.contains(c) || b.value?.contains(c) || x();
+  }
+  return Z(s, (S) => {
+    S.some((c) => c.index === a.value) || (a.value = S[0]?.index ?? -1);
+  }), Z(u, () => {
+    x();
+  }), ht(() => document.addEventListener("pointerdown", I)), $e(() => document.removeEventListener("pointerdown", I)), {
+    open: r,
+    cursor: a,
+    trigger: b,
+    panel: m,
+    search: _,
+    list: d,
+    toggle: E,
+    close: x,
+    choose: G,
+    escape: A,
+    navigate: g,
+    searchKeydown: f,
+    leave: k
+  };
+}
+function Vn(t, u, s, r) {
+  const a = j(0), b = j(""), m = j([]), _ = z(
+    () => t.value.template.pages.flatMap(
+      (c, M) => c.components.flatMap(
+        (p, C) => p.kind === "list" ? [{ component: p, pageIndex: M, componentIndex: C }] : []
+      )
+    )
+  ), d = z(
+    () => _.value[a.value]?.component
+  ), w = z(() => {
+    const c = d.value;
+    if (!c) return [];
+    const M = c.columns.map(
+      (p) => p.headerStyle?.align ?? p.headerAlign ?? c.headerStyle?.align ?? c.headerAlign ?? p.style?.align ?? "center"
+    );
+    if (c.headerGrid && u())
+      for (const p of ve(c.headerGrid, c.widthMm, 100).cells)
+        for (let C = p.ci; C < p.ci + (p.cell.colSpan ?? 1); C++)
+          M[C] = p.cell.style?.align ?? "left";
+    return M;
+  }), x = z(() => {
+    const c = b.value.trim().toLocaleLowerCase().split(/\s+/).filter(Boolean);
+    return (d.value?.columns ?? []).flatMap((M, p) => {
+      const C = `${M.header} ${M.field}`.toLocaleLowerCase();
+      return c.every((D) => C.includes(D)) ? [{ column: M, index: p }] : [];
+    });
+  });
+  function E(c, M) {
+    m.value = M ? [.../* @__PURE__ */ new Set([...m.value, c])] : m.value.filter((p) => p !== c);
+  }
+  function G(c) {
+    for (const M of x.value) E(M.index, c);
+  }
+  function A() {
+    m.value = [];
+  }
+  function g(c, M, p) {
+    if (!s()) return;
+    const C = d.value?.columns[c];
+    C && (M === "hidden" && p === !0 && !d.value?.columns.some(
+      (D, T) => T !== c && !D.hidden
+    ) || (Object.assign(C, { [M]: M === "widthMm" ? Number(p) : p }), M === "header" && I(c, String(p)), M === "headerAlign" && k(
+      c,
+      p
+    ), M === "widthMm" && f(), r()));
+  }
+  function f() {
+    const c = _.value[a.value];
+    if (!c) return;
+    const M = c.component, p = t.value.template.pages[c.pageIndex], C = M.columns.map((D) => D.widthMm);
+    M.headerGrid && (M.headerGrid.colWidthsMm = C), p.layout === "wide" && C.every((D) => Number.isFinite(D) && D > 0) && (M.widthMm = C.reduce((D, T) => D + T, 0), p.widthMm = Math.max(
+      ...p.components.map(
+        (D) => D.leftMm + D.widthMm
+      )
+    ) + (p.marginRightMm ?? 0));
+  }
+  function I(c, M) {
+    const p = d.value;
+    if (!p?.headerGrid) return;
+    const D = ve(p.headerGrid, p.widthMm, 100).cells.filter(({ ci: T, cell: F }) => T <= c && T + (F.colSpan ?? 1) > c).slice(-1)[0];
+    D && (Object.assign(D.cell, { text: M, rawText: M, value: M }), p.columns.slice(D.ci, D.ci + (D.cell.colSpan ?? 1)).forEach((T) => {
+      T.header = M;
+    }));
+  }
+  function k(c, M) {
+    const p = d.value, C = p?.columns[c];
+    if (C?.headerStyle?.align !== void 0 && (C.headerStyle = { ...C.headerStyle, align: M }), !p?.headerGrid) return;
+    const T = ve(p.headerGrid, p.widthMm, 100).cells.filter(({ ci: F, cell: te }) => F <= c && F + (te.colSpan ?? 1) > c).slice(-1)[0];
+    T && (T.cell.style = { ...T.cell.style, align: M }, p.columns.slice(T.ci, T.ci + (T.cell.colSpan ?? 1)).forEach((F) => {
+      F.headerAlign = M, F.headerStyle?.align !== void 0 && (F.headerStyle = { ...F.headerStyle, align: M });
+    }));
+  }
+  function S(c, M) {
+    if (!(!s() || c === "headerAlign" && M === "auto")) {
+      for (const p of m.value) {
+        const C = d.value?.columns[p];
+        C && (Object.assign(C, { [c]: M }), c === "headerAlign" && k(
+          p,
+          M
+        ));
+      }
+      r();
+    }
+  }
+  return {
+    selected: a,
+    query: b,
+    selectedColumns: m,
+    lists: _,
+    activeList: d,
+    headerAlignments: w,
+    visibleColumns: x,
+    toggleColumn: E,
+    selectVisible: G,
+    clearSelection: A,
+    setColumn: g,
+    alignColumns: S
+  };
+}
+function be(t) {
+  return t.kind === "snapshot" ? t.value.length * 2 : (t.removed.length + t.inserted.length) * 2 + 16;
+}
+function Bn(t, u, s = !1) {
+  const r = { kind: "snapshot", value: u };
+  if (s) return r;
+  let a = 0;
+  const b = Math.min(t.length, u.length);
+  for (; a < b && t.charCodeAt(a) === u.charCodeAt(a); ) a++;
+  let m = t.length, _ = u.length;
+  for (; m > a && _ > a && t.charCodeAt(m - 1) === u.charCodeAt(_ - 1); )
+    m--, _--;
+  const d = { kind: "patch", start: a, removed: t.slice(a, m), inserted: u.slice(a, _) };
+  return be(d) < be(r) ? d : r;
+}
+function Le(t, u, s = !1) {
+  if (u.kind === "snapshot") return u.value;
+  const r = s ? u.inserted : u.removed, a = s ? u.removed : u.inserted;
+  return t.slice(0, u.start) + a + t.slice(u.start + r.length);
+}
+function zn(t, u = { entries: 100, bytes: 16 * 1024 * 1024 }) {
+  if (![u.entries, u.bytes].every((g) => Number.isSafeInteger(g) && g > 0)) throw new RangeError("History budgets must be positive safe integers");
+  const s = nt([{ kind: "snapshot", value: t }]), r = j(0), a = j(t), b = z(() => r.value > 0), m = z(() => r.value + 1 < s.value.length), _ = z(() => a.value), d = z(() => s.value.reduce((g, f) => g + be(f), 0));
+  function w(g) {
+    s.value = [{ kind: "snapshot", value: g }], r.value = 0, a.value = g;
+  }
+  function x(g) {
+    let f = g;
+    for (; f > 0 && s.value[f].kind !== "snapshot"; ) f--;
+    let I = "";
+    for (; f <= g; f++) I = Le(I, s.value[f]);
+    return I;
+  }
+  function E(g) {
+    let f = g.reduce((I, k) => I + be(k), 0);
+    for (; g.length > 1 && (g.length > u.entries || f > u.bytes); ) {
+      const I = g[0], k = g[1], S = { kind: "snapshot", value: Le(I.value, k) };
+      f += be(S) - be(I) - be(k), g.splice(0, 2, S);
+    }
+    return g;
+  }
+  function G(g) {
+    if (a.value === g) return;
+    const f = s.value.slice(0, r.value + 1);
+    f.push(Bn(a.value, g, f.length % 20 === 0)), s.value = E(f), r.value = s.value.length - 1, a.value = g;
+  }
+  function A(g) {
+    if (g < 0 ? !b.value : !m.value) return;
+    const f = s.value[r.value];
+    return g < 0 && f.kind === "patch" ? a.value = Le(a.value, f, !0) : g > 0 ? a.value = Le(a.value, s.value[r.value + 1]) : a.value = x(r.value - 1), r.value += g, a.value;
+  }
+  return { canUndo: b, canRedo: m, current: _, retainedBytes: d, reset: w, record: G, move: A };
+}
+function Nn(t) {
+  const u = nt(null), s = j(!1);
+  let r, a = 0;
+  function b(d) {
+    r?.(d), r = void 0, u.value = null;
+  }
+  function m() {
+    a++, b(!1), s.value = !1;
+  }
+  async function _(d) {
+    m();
+    const w = a, x = t();
+    s.value = !0;
+    try {
+      const E = await new Promise((G, A) => {
+        if (r = G, !x) {
+          u.value = d;
+          return;
+        }
+        Promise.resolve().then(() => a === w ? x(d) : !1).then((g) => {
+          a === w && b(g === !0);
+        }, (g) => {
+          a === w && (r = void 0, u.value = null, A(g));
+        });
+      });
+      return a === w && E === !0;
+    } finally {
+      a === w && (s.value = !1);
+    }
+  }
+  return $e(m), { confirmation: u, pending: s, decide: b, request: _, cancel: m };
+}
+function jn(t, u) {
+  const s = j(Y(t.modelValue)), r = j(me(s.value)), a = j(me(s.value)), b = j(""), m = j(!1), _ = z(() => ({
+    ...Pe,
+    ...t.messages
+  })), d = z(() => ({
     showExport: !1,
     showPrint: !1,
     showPdfWindow: !1,
-    ...r.preview,
+    ...t.preview,
     theme: {
       shellBg: "#f1f5f9",
       shellFg: "#334155",
@@ -356,312 +1462,488 @@ function Ze(r, w) {
       btnHoverBg: "#eff6ff",
       btnHoverFg: "#1d4ed8",
       btnActiveBg: "#2563eb",
-      ...r.preview?.theme
+      ...t.preview?.theme
     }
   }));
-  je({ get defaults() {
-    return m.value;
-  } });
-  let _, k = 0;
-  const C = j(() => Re(c.value)), A = j(() => {
+  ft({
+    get defaults() {
+      return d.value;
+    }
+  });
+  let w, x = 0;
+  const E = z(
+    () => Ye(s.value)
+  ), G = z(() => {
     try {
-      return ee(c.value) !== g.value;
+      return me(s.value) !== r.value;
     } catch {
       return !0;
     }
-  }), S = D(u.value), G = j(() => u.value !== S.value), Z = j(() => A.value || u.value !== S.value), O = () => JSON.stringify({ document: c.value, json: u.value, appliedJson: S.value }), V = qe(O()), f = We(() => r.beforeDiscard), o = j(() => b.value || f.pending.value), d = () => !r.readonly && !o.value && !G.value, v = Ke(c, () => C.value.ok, d, ne), { selected: h, lists: x, activeList: t, headerAlignments: I, setColumn: R } = v;
-  te(h, () => v.clearSelection());
-  const Q = j(() => C.value.ok ? Ve({ draft: { template: c.value.template, datasets: r.datasets ?? {}, params: [] } }) : void 0);
-  function T() {
-    k++, _?.abort(), _ = void 0, b.value = !1;
-  }
-  let F = 0;
-  async function z(M = "replace", L) {
-    if (!Z.value) return !0;
-    const E = O();
+  }), A = j(a.value), g = z(() => a.value !== A.value), f = z(
+    () => G.value || a.value !== A.value
+  ), I = () => JSON.stringify({
+    document: s.value,
+    json: a.value,
+    appliedJson: A.value
+  }), k = zn(I()), S = Nn(() => t.beforeDiscard), c = z(() => m.value || S.pending.value), M = () => !t.readonly && !c.value && !g.value, p = Vn(
+    s,
+    () => E.value.ok,
+    M,
+    H
+  ), { selected: C, lists: D, activeList: T, headerAlignments: F, setColumn: te } = p;
+  Z(C, () => p.clearSelection());
+  const o = z(
+    () => E.value.ok ? bt({
+      draft: {
+        template: s.value.template,
+        datasets: t.datasets ?? {},
+        params: []
+      }
+    }) : void 0
+  );
+  function q() {
+    x++, w?.abort(), w = void 0, m.value = !1;
+  }
+  let $ = 0;
+  async function L(V = "replace", N) {
+    if (!f.value) return !0;
+    const J = I();
     try {
-      return await f.request({
-        reason: M,
-        document: JSON.parse(JSON.stringify(c.value)),
-        replacement: L ? U(L) : void 0,
+      return await S.request({
+        reason: V,
+        document: JSON.parse(
+          JSON.stringify(s.value)
+        ),
+        replacement: N ? Y(N) : void 0,
         pendingLocalChanges: !0
-      }) && E === O();
-    } catch (K) {
-      return i.value = K instanceof Error ? K.message : String(K), !1;
+      }) && J === I();
+    } catch (ne) {
+      return b.value = ne instanceof Error ? ne.message : String(ne), !1;
     }
   }
-  function se(M) {
-    T(), c.value = M, g.value = ee(M), u.value = g.value, S.value = u.value, i.value = "", h.value = 0, v.clearSelection(), V.reset(O());
+  function R(V) {
+    q(), s.value = V, r.value = me(V), a.value = r.value, A.value = a.value, b.value = "", C.value = 0, p.clearSelection(), k.reset(I());
   }
-  te(() => r.modelValue, async (M) => {
-    let L;
-    try {
-      L = U(M);
-    } catch (K) {
-      i.value = K instanceof Error ? K.message : String(K);
-      return;
+  Z(
+    () => t.modelValue,
+    async (V) => {
+      let N;
+      try {
+        N = Y(V);
+      } catch (ne) {
+        b.value = ne instanceof Error ? ne.message : String(ne);
+        return;
+      }
+      try {
+        if (me(N) === me(s.value))
+          return;
+      } catch {
+      }
+      const J = ++$;
+      if (q(), !await L("replace", N)) {
+        J === $ && E.value.ok && u("update:modelValue", Y(s.value));
+        return;
+      }
+      J === $ && R(N);
     }
+  ), $e(() => {
+    $++, q();
+  });
+  function H() {
+    S.cancel(), b.value = "", E.value.ok && (a.value = me(s.value), A.value = a.value, u("update:modelValue", Y(s.value))), k.record(I());
+  }
+  function K(V) {
+    if (!M()) return !1;
     try {
-      if (ee(L) === ee(c.value)) return;
-    } catch {
+      const N = Y(s.value);
+      V(N);
+      const J = Ye(N);
+      if (!J.ok)
+        throw new Error(
+          J.errors.map((ne) => `${ne.path}: ${ne.message}`).join(`
+`)
+        );
+      return s.value = N, H(), !0;
+    } catch (N) {
+      return b.value = N instanceof Error ? N.message : String(N), !1;
     }
-    const E = ++F;
-    if (T(), !await z("replace", L)) {
-      E === F && C.value.ok && w("update:modelValue", U(c.value));
-      return;
+  }
+  async function ue(V) {
+    if (!M()) return !1;
+    try {
+      const N = Y(V);
+      return !await L("replace", N) || !M() ? !1 : (s.value = N, C.value = 0, p.clearSelection(), H(), !0);
+    } catch (N) {
+      return b.value = N instanceof Error ? N.message : String(N), !1;
     }
-    E === F && se(L);
-  }), be(() => {
-    F++, T();
-  });
-  function ne() {
-    f.cancel(), i.value = "", C.value.ok && (u.value = ee(c.value), S.value = u.value, w("update:modelValue", U(c.value))), V.record(O());
   }
-  function ae(M) {
-    d() && (c.value.name = M, ne());
+  function xe(V) {
+    M() && (s.value.name = V, H());
   }
-  function B(M) {
-    d() && (c.value.description = M, ne());
+  function Ae(V) {
+    M() && (s.value.description = V, H());
   }
-  function ie() {
-    if (!(r.readonly || o.value))
+  function pe() {
+    if (!(t.readonly || c.value))
       try {
-        const M = U(u.value);
-        if (M.id !== c.value.id) throw new Error("属性编辑不允许更换模板 ID，请另存为新模板");
-        if (M.revision !== c.value.revision) throw new Error("修订号由保存服务管理，不能在 JSON 中修改");
-        c.value = M, h.value = 0, v.clearSelection(), ne();
-      } catch (M) {
-        i.value = M instanceof Error ? M.message : String(M);
+        const V = Y(a.value);
+        if (V.id !== s.value.id)
+          throw new Error("属性编辑不允许更换模板 ID，请另存为新模板");
+        if (V.revision !== s.value.revision)
+          throw new Error("修订号由保存服务管理，不能在 JSON 中修改");
+        s.value = V, C.value = 0, p.clearSelection(), H();
+      } catch (V) {
+        b.value = V instanceof Error ? V.message : String(V);
       }
   }
-  async function ue() {
-    o.value || r.readonly || !await z("reset") || (se(U(g.value)), w("update:modelValue", U(c.value)));
+  async function se() {
+    c.value || t.readonly || !await L("reset") || (R(Y(r.value)), u("update:modelValue", Y(s.value)));
   }
-  function re(M) {
-    if (o.value || r.readonly) return;
-    V.record(O());
-    const L = V.move(M);
-    if (!L) return;
-    f.cancel();
-    const E = JSON.parse(L);
-    c.value = E.document, u.value = E.json, S.value = E.appliedJson, i.value = "", h.value = 0, v.clearSelection(), C.value.ok && w("update:modelValue", U(c.value));
-  }
-  async function de() {
-    if (!r.save || !d() || !C.value.ok) return;
-    const M = ++k;
-    _ = new AbortController(), b.value = !0, i.value = "";
-    const L = U(c.value);
+  function ie(V) {
+    if (c.value || t.readonly) return;
+    k.record(I());
+    const N = k.move(V);
+    if (!N) return;
+    S.cancel();
+    const J = JSON.parse(N);
+    s.value = J.document, a.value = J.json, A.value = J.appliedJson, b.value = "", C.value = 0, p.clearSelection(), E.value.ok && u("update:modelValue", Y(s.value));
+  }
+  async function he() {
+    if (!t.save || !M() || !E.value.ok) return;
+    const V = ++x;
+    w = new AbortController(), m.value = !0, b.value = "";
+    const N = Y(s.value);
     try {
-      const E = U(await r.save(L, { expectedRevision: L.revision, signal: _.signal }));
-      if (M !== k) return;
-      if (E.id !== L.id) throw new Error("保存服务返回了其他模板的文档");
-      c.value = E, g.value = ee(E), u.value = g.value, S.value = u.value, V.reset(O()), w("saved", U(E)), w("update:modelValue", U(E));
-    } catch (E) {
-      M === k && (i.value = E instanceof Error ? E.message : String(E));
+      const J = Y(
+        await t.save(N, {
+          expectedRevision: N.revision,
+          signal: w.signal
+        })
+      );
+      if (V !== x) return;
+      if (J.id !== N.id)
+        throw new Error("保存服务返回了其他模板的文档");
+      s.value = J, r.value = me(J), a.value = r.value, A.value = a.value, k.reset(I()), u("saved", Y(J)), u("update:modelValue", Y(J));
+    } catch (J) {
+      V === x && (b.value = J instanceof Error ? J.message : String(J));
     } finally {
-      M === k && (b.value = !1, _ = void 0);
+      V === x && (m.value = !1, w = void 0);
     }
   }
-  const ce = j(() => V.canUndo.value || O() !== V.current.value), ve = j(() => V.canRedo.value && O() === V.current.value);
-  return { ...v, canUndo: ce, canRedo: ve, undo: () => re(-1), redo: () => re(1), pendingLocalChanges: Z, jsonPending: G, blocked: o, confirmation: f.confirmation, decideDiscard: f.decide, guardChanges: z, draft: c, json: u, selected: h, error: i, saving: b, dirty: A, validation: C, lists: x, activeList: t, headerAlignments: I, previewOptions: m, fetcher: Q, messages: $, setName: ae, setDescription: B, setColumn: R, applyJson: ie, reset: ue, save: de };
+  const we = z(
+    () => k.canUndo.value || I() !== k.current.value
+  ), le = z(
+    () => k.canRedo.value && I() === k.current.value
+  );
+  return {
+    ...p,
+    editingReadonly: z(() => t.readonly === !0),
+    transaction: K,
+    replaceDocument: ue,
+    originalDocument: z(() => Y(r.value)),
+    canUndo: we,
+    canRedo: le,
+    undo: () => ie(-1),
+    redo: () => ie(1),
+    pendingLocalChanges: f,
+    jsonPending: g,
+    blocked: c,
+    confirmation: S.confirmation,
+    decideDiscard: S.decide,
+    guardChanges: L,
+    draft: s,
+    json: a,
+    selected: C,
+    error: b,
+    saving: m,
+    dirty: G,
+    validation: E,
+    lists: D,
+    activeList: T,
+    headerAlignments: F,
+    previewOptions: d,
+    fetcher: o,
+    messages: _,
+    setName: xe,
+    setDescription: Ae,
+    setColumn: te,
+    applyJson: pe,
+    reset: se,
+    save: he
+  };
 }
-function et(r, w) {
-  const c = D("fields"), g = () => w.value?.columns.length ? 0 : -1, u = D(g()), i = j(() => {
-    const m = w.value?.columns[u.value];
-    return m ? { column: m, index: u.value } : void 0;
+function Fn(t, u) {
+  const s = j("fields"), r = () => u.value?.columns.length ? 0 : -1, a = j(r()), b = z(() => {
+    const d = u.value?.columns[a.value];
+    return d ? { column: d, index: a.value } : void 0;
   });
-  te(r, () => {
-    u.value = g();
-  }), te(w, (m) => {
-    m?.columns[u.value] || (u.value = g());
+  Z(t, () => {
+    a.value = r();
+  }), Z(u, (d) => {
+    d?.columns[a.value] || (a.value = r());
   });
-  function b(m) {
-    w.value?.columns[m] && (u.value = m);
+  function m(d) {
+    u.value?.columns[d] && (a.value = d);
   }
-  function $(m) {
-    const _ = w.value?.columns.length ?? 0;
-    _ && (u.value = Math.max(
+  function _(d) {
+    const w = u.value?.columns.length ?? 0;
+    w && (a.value = Math.max(
       0,
-      Math.min(_ - 1, u.value + m)
+      Math.min(w - 1, a.value + d)
     ));
   }
-  return { section: c, activeIndex: u, activeColumn: i, activate: b, stepColumn: $ };
+  return { section: s, activeIndex: a, activeColumn: b, activate: m, stepColumn: _ };
 }
-const tt = ["aria-label", "aria-busy"], nt = { class: "mr-designer-bar" }, lt = { class: "mr-designer-heading" }, at = ["aria-label"], ot = ["id", "aria-selected", "aria-controls", "tabindex", "onClick"], st = { class: "mr-designer-actions" }, it = { class: "mr-designer-history" }, rt = ["aria-label", "title", "disabled"], ut = ["aria-label", "title", "disabled"], dt = ["disabled"], ct = ["disabled"], vt = ["aria-label"], mt = { class: "mr-designer-body" }, gt = { class: "mr-designer-inspector" }, ft = ["id", "aria-labelledby"], ht = {
+const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn = { class: "mr-designer-heading" }, Kn = ["aria-label"], Wn = ["id", "aria-selected", "aria-controls", "tabindex", "onClick"], Xn = ["aria-label"], qn = ["aria-pressed"], Yn = ["aria-pressed"], Qn = { class: "mr-designer-actions" }, Zn = { class: "mr-designer-history" }, ea = ["aria-label", "title", "disabled"], ta = ["aria-label", "title", "disabled"], na = ["disabled"], aa = ["disabled"], oa = ["aria-label"], la = {
+  key: 0,
+  class: "mr-designer-tools"
+}, sa = ["aria-label"], ia = ["aria-pressed", "onClick"], ra = { class: "mr-designer-tool-content" }, da = {
+  key: 2,
+  class: "mr-designer-rule-workspace"
+}, ua = { key: 0 }, ca = ["value"], ma = {
+  key: 2,
+  class: "mr-designer-note"
+}, va = {
+  key: 1,
+  class: "mr-designer-inspector"
+}, pa = ["id", "aria-labelledby"], ha = {
   key: 0,
   class: "mr-designer-area"
-}, pt = ["value"], bt = { class: "mr-designer-current" }, yt = ["aria-expanded", "aria-controls"], _t = { class: "mr-designer-current-name" }, kt = { class: "mr-designer-directory-entry" }, wt = { class: "mr-designer-field-position" }, Ct = ["aria-label"], St = ["aria-label", "title", "disabled"], xt = ["aria-label", "title", "disabled"], Mt = ["disabled", "aria-label"], Et = { class: "mr-designer-property-group" }, At = ["value"], Tt = ["value"], Dt = { class: "mr-designer-property-group" }, $t = { class: "mr-designer-format-pair" }, jt = { class: "mr-designer-stacked" }, Vt = ["value"], Lt = { class: "mr-designer-stacked" }, Rt = ["value"], Bt = { value: "identifier" }, Pt = { value: "dimension" }, Ot = { value: "measure" }, It = { value: "date" }, Jt = { value: "text" }, Nt = { class: "mr-designer-control-row" }, Gt = { class: "mr-designer-control-row" }, Ht = { class: "mr-designer-toggle" }, Ut = ["checked"], Ft = ["id", "aria-label"], zt = { class: "mr-designer-directory-heading" }, Kt = ["aria-label"], qt = { class: "mr-designer-search" }, Wt = ["aria-label", "placeholder"], Qt = ["aria-label", "title"], Xt = { class: "mr-designer-column-tools" }, Yt = ["disabled"], Zt = {
+}, ga = ["value"], fa = { class: "mr-designer-current" }, ba = ["aria-expanded", "aria-controls"], ya = { class: "mr-designer-current-name" }, wa = { class: "mr-designer-directory-entry" }, ka = { class: "mr-designer-field-position" }, Ma = ["aria-label"], xa = ["aria-label", "title", "disabled"], Ca = ["aria-label", "title", "disabled"], _a = ["disabled", "aria-label"], Sa = { class: "mr-designer-property-group" }, $a = ["value"], Ea = ["value", "list"], Ia = ["id"], Aa = ["value"], Da = { class: "mr-designer-property-group" }, Ta = { class: "mr-designer-format-pair" }, La = { class: "mr-designer-stacked" }, Ra = ["value"], Ga = { class: "mr-designer-stacked" }, Pa = ["value"], Ha = { value: "identifier" }, Va = { value: "dimension" }, Ba = { value: "measure" }, za = { value: "date" }, Na = { value: "text" }, ja = { class: "mr-designer-control-row" }, Fa = { class: "mr-designer-control-row" }, Oa = { class: "mr-designer-toggle" }, Ua = ["checked"], Ja = { class: "mr-designer-column-structure" }, Ka = ["aria-label", "title", "disabled"], Wa = ["aria-label", "title", "disabled"], Xa = ["checked", "disabled"], qa = ["id", "aria-label"], Ya = { class: "mr-designer-directory-heading" }, Qa = ["aria-label"], Za = { class: "mr-designer-search" }, eo = ["aria-label", "placeholder"], to = ["aria-label", "title"], no = { class: "mr-designer-column-tools" }, ao = ["disabled"], oo = {
   key: 1,
   role: "status"
-}, en = { key: 2 }, tn = ["aria-label"], nn = ["aria-label", "checked", "disabled", "onChange"], ln = ["data-column-index", "aria-pressed", "tabindex", "onClick"], an = { class: "mr-designer-column-number" }, on = { class: "mr-designer-column-name" }, sn = {
+}, lo = { key: 2 }, so = ["aria-label"], io = ["aria-label", "checked", "disabled", "onChange"], ro = ["data-column-index", "aria-pressed", "tabindex", "onClick"], uo = { class: "mr-designer-column-number" }, co = { class: "mr-designer-column-name" }, mo = {
   key: 0,
   role: "status",
   class: "mr-designer-empty"
-}, rn = {
+}, vo = {
   key: 0,
   class: "mr-designer-batch"
-}, un = ["aria-label", "disabled"], dn = { value: "" }, cn = { value: "auto" }, vn = { value: "left" }, mn = { value: "center" }, gn = { value: "right" }, fn = { value: "justify" }, hn = ["aria-label", "disabled"], pn = { value: "" }, bn = { value: "left" }, yn = { value: "center" }, _n = { value: "right" }, kn = { value: "justify" }, wn = {
+}, po = ["aria-label", "disabled"], ho = { value: "" }, go = { value: "auto" }, fo = { value: "left" }, bo = { value: "center" }, yo = { value: "right" }, wo = { value: "justify" }, ko = ["aria-label", "disabled"], Mo = { value: "" }, xo = { value: "left" }, Co = { value: "center" }, _o = { value: "right" }, So = { value: "justify" }, $o = {
   key: 2,
   role: "status",
   class: "mr-designer-empty"
-}, Cn = { class: "mr-designer-stacked" }, Sn = ["value", "disabled"], xn = { class: "mr-designer-stacked" }, Mn = ["value", "disabled"], En = { class: "mr-designer-technical" }, An = { class: "mr-designer-identity" }, Tn = { class: "mr-designer-stacked mr-designer-json-label" }, Dn = ["aria-label", "disabled"], $n = ["disabled"], jn = {
-  key: 3,
+}, Eo = { class: "mr-designer-object-tools" }, Io = ["aria-label", "disabled"], Ao = { value: "" }, Do = { value: "text" }, To = { value: "list" }, Lo = { value: "image" }, Ro = { value: "rect" }, Go = ["title", "aria-label", "disabled"], Po = ["title", "aria-label", "disabled"], Ho = { key: 0 }, Vo = ["value"], Bo = { class: "mr-designer-stacked" }, zo = ["value"], No = {
+  value: -1,
+  disabled: ""
+}, jo = ["value"], Fo = { class: "mr-designer-layer-tools" }, Oo = ["disabled"], Uo = ["disabled"], Jo = {
+  key: 2,
+  class: "mr-designer-empty"
+}, Ko = { class: "mr-designer-stacked" }, Wo = ["value", "disabled"], Xo = { class: "mr-designer-stacked" }, qo = ["value", "disabled"], Yo = { class: "mr-designer-technical" }, Qo = { class: "mr-designer-identity" }, Zo = { class: "mr-designer-stacked mr-designer-json-label" }, el = ["aria-label", "disabled"], tl = ["disabled"], nl = {
+  key: 4,
   role: "status",
   class: "mr-designer-note mr-designer-pending"
-}, Vn = ["aria-label"], Ln = {
+}, al = ["aria-label"], ol = {
   key: 0,
   role: "alert",
   class: "mr-designer-error"
-}, Rn = {
+}, ll = {
   key: 1,
   role: "alert",
   class: "mr-designer-error"
-}, Bn = {
-  key: 3,
+}, sl = {
+  key: 4,
   class: "mr-designer-note mr-designer-invalid"
-}, Pn = /* @__PURE__ */ Ce({
+}, il = /* @__PURE__ */ Ee({
   __name: "ReportTemplateEditor",
   props: {
     modelValue: {},
     datasets: {},
+    dataSchemas: {},
+    bindingDatasets: {},
+    bindingSession: {},
     readonly: { type: Boolean },
     messages: {},
     preview: {},
     beforeDiscard: { type: Function },
     save: { type: Function }
   },
-  emits: ["update:modelValue", "saved"],
-  setup(r, { expose: w, emit: c }) {
-    const g = r, u = c, i = Ze(g, (J, a) => {
-      u(J === "saved" ? "saved" : "update:modelValue", a);
+  emits: ["update:modelValue", "saved", "excel-bound"],
+  setup(t, { expose: u, emit: s }) {
+    const r = Me(
+      () => import("./ExcelBindingWizard-RLJIXKKG.js")
+    ), a = Me(() => import("./RuleEditor-CtJFzKuY.js")), b = Me(
+      () => import("./TemplateReviewPanel-Cn32OY4_.js")
+    ), m = t, _ = s, d = jn(m, (X, v) => {
+      _(X === "saved" ? "saved" : "update:modelValue", v);
     }), {
-      draft: b,
-      json: $,
-      selected: m,
-      error: _,
-      saving: k,
-      pendingLocalChanges: C,
-      jsonPending: A,
-      blocked: S,
-      confirmation: G,
-      canUndo: Z,
-      canRedo: O,
-      validation: V,
-      lists: f,
-      activeList: o,
-      visibleColumns: d,
-      query: v,
-      selectedColumns: h,
-      fetcher: x,
-      messages: t
-    } = i, I = et(m, o), { section: R, activeIndex: Q, activeColumn: T } = I, F = `mr-designer-${Te()?.uid ?? 0}`, z = ["fields", "template", "advanced"], se = j(
-      () => k.value ? t.value.saving : g.readonly ? t.value.readonly : C.value ? t.value.dirty : t.value.ready
-    ), ne = D(null), ae = D(null), B = ze(I, R, d), {
-      open: ie,
-      cursor: ue,
-      trigger: re,
-      panel: de,
-      search: ce,
-      list: ve
-    } = B;
-    te(R, async () => {
-      await Y(), ae.value && (ae.value.scrollTop = 0);
+      draft: w,
+      json: x,
+      selected: E,
+      error: G,
+      saving: A,
+      pendingLocalChanges: g,
+      jsonPending: f,
+      blocked: I,
+      confirmation: k,
+      canUndo: S,
+      canRedo: c,
+      validation: M,
+      lists: p,
+      activeList: C,
+      visibleColumns: D,
+      query: T,
+      selectedColumns: F,
+      fetcher: te,
+      messages: o
+    } = d, q = Fn(E, C), { section: $, activeIndex: L, activeColumn: R } = q, H = `mr-designer-${gt()?.uid ?? 0}`, K = [
+      "fields",
+      "component",
+      "template",
+      "tools",
+      "advanced"
+    ], ue = Gn(
+      d,
+      q,
+      () => m.dataSchemas
+    ), {
+      mode: xe,
+      setMode: Ae,
+      canvasSelection: pe,
+      canvasPage: se,
+      canvasActive: ie,
+      tool: he,
+      visitedTools: we,
+      editDisabled: le,
+      dataSchema: V,
+      chooseCanvas: N,
+      insertComponent: J,
+      patchCanvas: ne,
+      changeList: at,
+      moveColumn: Ue,
+      headerCommand: ot,
+      locateReview: lt,
+      canvas: ce
+    } = ue, st = z(
+      () => A.value ? o.value.saving : m.readonly ? o.value.readonly : g.value ? o.value.dirty : o.value.ready
+    ), Je = j(null), He = j(null), ee = Hn(q, $, D), {
+      open: Ke,
+      cursor: it,
+      trigger: rt,
+      panel: dt,
+      search: ut,
+      list: ct
+    } = ee;
+    Z($, async () => {
+      await de(), He.value && (He.value.scrollTop = 0);
     });
-    const M = j(() => ({
-      auto: t.value.auto,
-      left: t.value.left,
-      center: t.value.center,
-      right: t.value.right,
-      justify: t.value.justify
+    const We = z(() => ({
+      auto: o.value.auto,
+      left: o.value.left,
+      center: o.value.center,
+      right: o.value.right,
+      justify: o.value.justify
     }));
-    let L = null;
-    te(G, async (J) => {
-      J ? (L = document.activeElement, await Y(), ne.value?.focus()) : (await Y(), L?.isConnected && L.focus(), L = null);
-    }), w({
+    let De = null;
+    Z(k, async (X) => {
+      X ? (De = document.activeElement, await de(), Je.value?.focus()) : (await de(), De?.isConnected && De.focus(), De = null);
+    }), u({
       get pendingLocalChanges() {
-        return C.value;
+        return g.value;
       },
       get saving() {
-        return k.value;
+        return A.value;
       },
       get blocked() {
-        return S.value;
+        return I.value;
       },
-      guardChanges: i.guardChanges,
-      reset: i.reset,
-      save: i.save
+      guardChanges: d.guardChanges,
+      reset: d.reset,
+      save: d.save
     });
-    function E(J) {
-      return J.target.value;
+    async function mt(X) {
+      const v = { ...X.document, id: w.value.id };
+      if (w.value.revision === void 0 ? delete v.revision : v.revision = w.value.revision, !await d.replaceDocument(v)) return;
+      const i = Y(d.draft.value);
+      _("excel-bound", { ...X, document: i, session: { ...X.session, identity: { id: i.id, name: i.name } } });
     }
-    function K(J) {
-      return J.target.checked;
+    function ge(X) {
+      return X.target.value;
     }
-    function ye(J, a) {
-      const l = J.target;
-      i.alignColumns(
-        a,
-        l.value
-      ), l.value = "";
+    function Ve(X) {
+      return X.target.checked;
     }
-    async function xe(J) {
-      const l = {
+    function Xe(X, v) {
+      const i = X.target;
+      d.alignColumns(
+        v,
+        i.value
+      ), i.value = "";
+    }
+    async function vt(X) {
+      const i = {
         ArrowRight: 1,
         ArrowLeft: -1,
-        Home: -z.length,
-        End: z.length
-      }[J.key];
-      if (l === void 0) return;
-      J.preventDefault();
-      const N = z.indexOf(R.value), le = J.key === "Home" ? 0 : J.key === "End" ? z.length - 1 : (N + l + z.length) % z.length;
-      R.value = z[le];
-      const Me = J.currentTarget.parentElement;
-      await Y(), Me?.querySelector(`#${F}-tab-${R.value}`)?.focus();
+        Home: -K.length,
+        End: K.length
+      }[X.key];
+      if (i === void 0) return;
+      X.preventDefault();
+      const O = K.indexOf($.value), ke = X.key === "Home" ? 0 : X.key === "End" ? K.length - 1 : (O + i + K.length) % K.length;
+      $.value = K[ke];
+      const pt = X.currentTarget.parentElement;
+      await de(), pt?.querySelector(`#${H}-tab-${$.value}`)?.focus();
     }
-    return (J, a) => (p(), y("section", {
+    return (X, v) => (h(), y("section", {
       class: "mr-designer",
-      "aria-label": e(t).title,
-      "aria-busy": e(k)
+      "aria-label": e(o).title,
+      "aria-busy": e(A)
     }, [
-      n("header", nt, [
-        n("div", lt, [
-          q(W, {
+      n("header", Un, [
+        n("div", Jn, [
+          Q(ae, {
             name: "columns",
             size: 15
           }),
-          n("strong", null, s(e(t).heading), 1),
+          n("strong", null, l(e(o).heading), 1),
           n("span", {
-            class: me({ "mr-designer-dirty": e(C) })
-          }, s(se.value), 3)
+            class: _e({ "mr-designer-dirty": e(g) })
+          }, l(st.value), 3)
         ]),
         n("nav", {
           class: "mr-designer-tabs",
           role: "tablist",
-          "aria-label": e(t).sectionsLabel
+          "aria-label": e(o).sectionsLabel
         }, [
-          (p(), y(X, null, oe(z, (l) => n("button", {
-            id: `${F}-tab-${l}`,
-            key: l,
+          (h(), y(U, null, W(K, (i) => n("button", {
+            id: `${H}-tab-${i}`,
+            key: i,
             type: "button",
             role: "tab",
-            "aria-selected": e(R) === l,
-            "aria-controls": `${F}-panel-${l}`,
-            tabindex: e(R) === l ? 0 : -1,
-            onClick: (N) => R.value = l,
-            onKeydown: xe
-          }, s(e(t)[`${l}Section`]), 41, ot)), 64))
-        ], 8, at),
-        n("div", st, [
-          n("div", it, [
+            "aria-selected": e($) === i,
+            "aria-controls": `${H}-panel-${i}`,
+            tabindex: e($) === i ? 0 : -1,
+            onClick: (O) => $.value = i,
+            onKeydown: vt
+          }, l(e(o)[`${i}Section`]), 41, Wn)), 64))
+        ], 8, Kn),
+        n("div", {
+          class: "mr-designer-mode",
+          role: "group",
+          "aria-label": e(o).design
+        }, [
+          n("button", {
+            type: "button",
+            "aria-pressed": e(xe) === "design",
+            onClick: v[0] || (v[0] = (i) => e(Ae)("design"))
+          }, l(e(o).design), 9, qn),
+          n("button", {
+            type: "button",
+            "aria-pressed": e(xe) === "preview",
+            onClick: v[1] || (v[1] = (i) => e(Ae)("preview"))
+          }, l(e(o).preview), 9, Yn)
+        ], 8, Xn),
+        n("div", Qn, [
+          n("div", Zn, [
             n("button", {
               type: "button",
               class: "mr-designer-icon-button",
-              "aria-label": e(t).undo,
-              title: e(t).undo,
-              disabled: r.readonly || e(S) || !e(Z),
-              onClick: a[0] || (a[0] = //@ts-ignore
-              (...l) => e(i).undo && e(i).undo(...l))
-            }, [...a[34] || (a[34] = [
+              "aria-label": e(o).undo,
+              title: e(o).undo,
+              disabled: t.readonly || e(I) || !e(S),
+              onClick: v[2] || (v[2] = //@ts-ignore
+              (...i) => e(d).undo && e(d).undo(...i))
+            }, [...v[48] || (v[48] = [
               n("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
@@ -669,16 +1951,16 @@ const tt = ["aria-label", "aria-busy"], nt = { class: "mr-designer-bar" }, lt =
               }, [
                 n("path", { d: "M4 10h10a6 6 0 0 1 0 12M4 10l5-5M4 10l5 5" })
               ], -1)
-            ])], 8, rt),
+            ])], 8, ea),
             n("button", {
               type: "button",
               class: "mr-designer-icon-button",
-              "aria-label": e(t).redo,
-              title: e(t).redo,
-              disabled: r.readonly || e(S) || !e(O),
-              onClick: a[1] || (a[1] = //@ts-ignore
-              (...l) => e(i).redo && e(i).redo(...l))
-            }, [...a[35] || (a[35] = [
+              "aria-label": e(o).redo,
+              title: e(o).redo,
+              disabled: t.readonly || e(I) || !e(c),
+              onClick: v[3] || (v[3] = //@ts-ignore
+              (...i) => e(d).redo && e(d).redo(...i))
+            }, [...v[49] || (v[49] = [
               n("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
@@ -686,492 +1968,938 @@ const tt = ["aria-label", "aria-busy"], nt = { class: "mr-designer-bar" }, lt =
               }, [
                 n("path", { d: "M20 10H10a6 6 0 0 0 0 12m10-12-5-5m5 5-5 5" })
               ], -1)
-            ])], 8, ut)
+            ])], 8, ta)
           ]),
           n("button", {
             type: "button",
             class: "mr-designer-reset",
-            disabled: r.readonly || e(S) || !e(C),
-            onClick: a[2] || (a[2] = //@ts-ignore
-            (...l) => e(i).reset && e(i).reset(...l))
-          }, s(e(t).reset), 9, dt),
-          r.save ? (p(), y("button", {
+            disabled: t.readonly || e(I) || !e(g),
+            onClick: v[4] || (v[4] = //@ts-ignore
+            (...i) => e(d).reset && e(d).reset(...i))
+          }, l(e(o).reset), 9, na),
+          t.save ? (h(), y("button", {
             key: 0,
             type: "button",
             class: "mr-designer-save",
-            disabled: r.readonly || e(S) || e(A) || !e(V).ok || !e(C),
-            onClick: a[3] || (a[3] = //@ts-ignore
-            (...l) => e(i).save && e(i).save(...l))
+            disabled: t.readonly || e(I) || e(f) || !e(M).ok || !e(g),
+            onClick: v[5] || (v[5] = //@ts-ignore
+            (...i) => e(d).save && e(d).save(...i))
           }, [
-            q(W, {
+            Q(ae, {
               name: "file",
               size: 13
             }),
-            P(s(e(k) ? e(t).saving : e(t).save), 1)
-          ], 8, ct)) : H("", !0)
+            P(l(e(A) ? e(o).saving : e(o).save), 1)
+          ], 8, aa)) : B("", !0)
         ])
       ]),
-      e(G) ? (p(), y("div", {
+      e(k) ? (h(), y("div", {
         key: 0,
         role: "alertdialog",
-        "aria-label": e(t).discardTitle,
+        "aria-label": e(o).discardTitle,
         class: "mr-designer-confirm",
-        onKeydown: a[6] || (a[6] = ge(De((l) => e(i).decideDiscard(!1), ["prevent", "stop"]), ["esc"]))
+        onKeydown: v[8] || (v[8] = Be(tt((i) => e(d).decideDiscard(!1), ["prevent", "stop"]), ["esc"]))
       }, [
         n("div", null, [
-          n("strong", null, s(e(t).discardTitle), 1),
-          n("p", null, s(e(t).discardDescription), 1)
+          n("strong", null, l(e(o).discardTitle), 1),
+          n("p", null, l(e(o).discardDescription), 1)
         ]),
         n("div", null, [
           n("button", {
             ref_key: "keepButton",
-            ref: ne,
+            ref: Je,
             type: "button",
-            onClick: a[4] || (a[4] = (l) => e(i).decideDiscard(!1))
-          }, s(e(t).keepEditing), 513),
+            onClick: v[6] || (v[6] = (i) => e(d).decideDiscard(!1))
+          }, l(e(o).keepEditing), 513),
           n("button", {
             type: "button",
-            onClick: a[5] || (a[5] = (l) => e(i).decideDiscard(!0))
-          }, s(e(t).discard), 1)
+            onClick: v[7] || (v[7] = (i) => e(d).decideDiscard(!0))
+          }, l(e(o).discard), 1)
         ])
-      ], 40, vt)) : H("", !0),
-      n("div", mt, [
-        n("aside", gt, [
+      ], 40, oa)) : B("", !0),
+      n("div", {
+        class: _e(["mr-designer-body", { "is-tools": e($) === "tools" }])
+      }, [
+        e(we).size ? oe((h(), y("div", la, [
+          n("nav", {
+            class: "mr-designer-tool-tabs",
+            "aria-label": e(o).toolsSection
+          }, [
+            (h(), y(U, null, W(["excel", "rules", "review"], (i) => n("button", {
+              key: i,
+              type: "button",
+              "aria-pressed": e(he) === i,
+              onClick: (O) => he.value = i
+            }, l(e(o)[`${i}Tool`]), 9, ia)), 64)),
+            n("span", null, l(e(o).toolsDescription), 1)
+          ], 8, sa),
+          n("div", ra, [
+            e(we).has("excel") ? oe((h(), fe(e(r), {
+              key: 0,
+              datasets: t.bindingDatasets ?? [],
+              session: t.bindingSession,
+              identity: { id: e(w).id, name: e(w).name },
+              "lock-id": "",
+              readonly: e(le),
+              onApply: mt
+            }, null, 8, ["datasets", "session", "identity", "readonly"])), [
+              [Te, e(he) === "excel"]
+            ]) : B("", !0),
+            e(we).has("review") ? oe((h(), fe(e(b), {
+              key: 1,
+              document: e(w),
+              previous: e(d).originalDocument.value,
+              datasets: t.datasets,
+              "data-schemas": t.dataSchemas,
+              onLocate: e(lt)
+            }, null, 8, ["document", "previous", "datasets", "data-schemas", "onLocate"])), [
+              [Te, e(he) === "review"]
+            ]) : B("", !0),
+            e(we).has("rules") ? oe((h(), y("div", da, [
+              e(p).length > 1 ? (h(), y("label", ua, [
+                P(l(e(o).area), 1),
+                oe(n("select", {
+                  "onUpdate:modelValue": v[9] || (v[9] = (i) => Ce(E) ? E.value = i : null)
+                }, [
+                  (h(!0), y(U, null, W(e(p), (i, O) => (h(), y("option", {
+                    key: O,
+                    value: O
+                  }, l(i.component.title || i.component.dataset), 9, ca))), 128))
+                ], 512), [
+                  [ye, e(E)]
+                ])
+              ])) : B("", !0),
+              e(C) ? (h(), fe(e(a), {
+                key: 1,
+                list: e(C),
+                datasets: t.datasets,
+                "dataset-schema": e(V),
+                "dataset-schemas": t.dataSchemas,
+                readonly: e(le),
+                onChange: e(at)
+              }, null, 8, ["list", "datasets", "dataset-schema", "dataset-schemas", "readonly", "onChange"])) : (h(), y("p", ma, l(e(o).rulesNeedList), 1))
+            ], 512)), [
+              [Te, e(he) === "rules"]
+            ]) : B("", !0)
+          ])
+        ], 512)), [
+          [Te, e($) === "tools"]
+        ]) : B("", !0),
+        e($) !== "tools" ? (h(), y("aside", va, [
           n("div", {
             ref_key: "inspectorPanel",
-            ref: ae,
-            id: `${F}-panel-${e(R)}`,
-            class: me(["mr-designer-panel", { "is-advanced": e(R) === "advanced" }]),
+            ref: He,
+            id: `${H}-panel-${e($)}`,
+            class: _e(["mr-designer-panel", { "is-advanced": e($) === "advanced" }]),
             role: "tabpanel",
-            "aria-labelledby": `${F}-tab-${e(R)}`
+            "aria-labelledby": `${H}-tab-${e($)}`
           }, [
-            e(R) === "fields" ? (p(), y(X, { key: 0 }, [
-              e(f).length > 1 ? (p(), y("label", ht, [
-                P(s(e(t).area), 1),
-                fe(n("select", {
-                  "onUpdate:modelValue": a[7] || (a[7] = (l) => he(m) ? m.value = l : null)
+            e($) === "fields" ? (h(), y(U, { key: 0 }, [
+              e(p).length > 1 ? (h(), y("label", ha, [
+                P(l(e(o).area), 1),
+                oe(n("select", {
+                  "onUpdate:modelValue": v[10] || (v[10] = (i) => Ce(E) ? E.value = i : null)
                 }, [
-                  (p(!0), y(X, null, oe(e(f), (l, N) => (p(), y("option", {
-                    key: N,
-                    value: N
-                  }, s(l.pageIndex + 1) + " " + s(e(t).page) + " · " + s(l.component.title || l.component.dataset), 9, pt))), 128))
+                  (h(!0), y(U, null, W(e(p), (i, O) => (h(), y("option", {
+                    key: O,
+                    value: O
+                  }, l(i.pageIndex + 1) + " " + l(e(o).page) + " · " + l(i.component.title || i.component.dataset), 9, ga))), 128))
                 ], 512), [
-                  [$e, e(m)]
+                  [ye, e(E)]
                 ])
-              ])) : H("", !0),
-              e(o) ? (p(), y(X, { key: 1 }, [
-                n("div", bt, [
+              ])) : B("", !0),
+              e(C) ? (h(), y(U, { key: 1 }, [
+                n("div", fa, [
                   n("button", {
                     ref_key: "directoryTrigger",
-                    ref: re,
+                    ref: rt,
                     type: "button",
                     class: "mr-designer-field-trigger",
-                    "aria-expanded": e(ie),
-                    "aria-controls": `${F}-directory`,
+                    "aria-expanded": e(Ke),
+                    "aria-controls": `${H}-directory`,
                     "aria-haspopup": "dialog",
-                    onClick: a[8] || (a[8] = //@ts-ignore
-                    (...l) => e(B).toggle && e(B).toggle(...l)),
-                    onKeydown: a[9] || (a[9] = ge(
+                    onClick: v[11] || (v[11] = //@ts-ignore
+                    (...i) => e(ee).toggle && e(ee).toggle(...i)),
+                    onKeydown: v[12] || (v[12] = Be(
                       //@ts-ignore
-                      (...l) => e(B).escape && e(B).escape(...l),
+                      (...i) => e(ee).escape && e(ee).escape(...i),
                       ["esc"]
                     ))
                   }, [
-                    n("span", _t, [
-                      n("strong", null, s(e(T)?.column.header || e(t).noColumns), 1),
-                      n("small", null, s(e(T)?.column.field || "—"), 1)
+                    n("span", ya, [
+                      n("strong", null, l(e(R)?.column.header || e(o).noColumns), 1),
+                      n("small", null, l(e(R)?.column.field || "—"), 1)
                     ]),
-                    n("span", kt, [
-                      P(s(e(t).columnDirectory) + " ", 1),
-                      n("b", null, s(e(o).columns.length), 1),
-                      q(W, {
+                    n("span", wa, [
+                      P(l(e(o).columnDirectory) + " ", 1),
+                      n("b", null, l(e(C).columns.length), 1),
+                      Q(ae, {
                         name: "chevron-down",
                         size: 13
                       })
                     ])
-                  ], 40, yt),
-                  n("div", wt, [
+                  ], 40, ba),
+                  n("div", ka, [
                     n("span", {
-                      "aria-label": e(t).fieldPosition
+                      "aria-label": e(o).fieldPosition
                     }, [
-                      P(s(e(Q) >= 0 ? e(Q) + 1 : 0), 1),
-                      a[36] || (a[36] = n("i", null, "/", -1)),
-                      P(s(e(o).columns.length), 1)
-                    ], 8, Ct),
+                      P(l(e(L) >= 0 ? e(L) + 1 : 0), 1),
+                      v[50] || (v[50] = n("i", null, "/", -1)),
+                      P(l(e(C).columns.length), 1)
+                    ], 8, Ma),
                     n("button", {
                       type: "button",
                       class: "mr-designer-icon-button",
-                      "aria-label": e(t).previousColumn,
-                      title: e(t).previousColumn,
-                      disabled: e(Q) <= 0,
-                      onClick: a[10] || (a[10] = (l) => e(I).stepColumn(-1))
+                      "aria-label": e(o).previousColumn,
+                      title: e(o).previousColumn,
+                      disabled: e(L) <= 0,
+                      onClick: v[13] || (v[13] = (i) => e(q).stepColumn(-1))
                     }, [
-                      q(W, {
+                      Q(ae, {
                         name: "chevron-left",
                         size: 14
                       })
-                    ], 8, St),
+                    ], 8, xa),
                     n("button", {
                       type: "button",
                       class: "mr-designer-icon-button",
-                      "aria-label": e(t).nextColumn,
-                      title: e(t).nextColumn,
-                      disabled: e(Q) >= e(o).columns.length - 1,
-                      onClick: a[11] || (a[11] = (l) => e(I).stepColumn(1))
+                      "aria-label": e(o).nextColumn,
+                      title: e(o).nextColumn,
+                      disabled: e(L) >= e(C).columns.length - 1,
+                      onClick: v[14] || (v[14] = (i) => e(q).stepColumn(1))
                     }, [
-                      q(W, {
+                      Q(ae, {
                         name: "chevron-right",
                         size: 14
                       })
-                    ], 8, xt)
+                    ], 8, Ca)
                   ])
                 ]),
-                e(T) ? (p(), y("fieldset", {
+                e(R) ? (h(), y("fieldset", {
                   key: 0,
                   class: "mr-designer-properties",
-                  disabled: r.readonly || e(S) || e(A),
-                  "aria-label": e(t).columnProperties
+                  disabled: t.readonly || e(I) || e(f),
+                  "aria-label": e(o).columnProperties
                 }, [
-                  n("div", Et, [
-                    n("h3", null, s(e(t).contentGroup), 1),
+                  n("div", Sa, [
+                    n("h3", null, l(e(o).contentGroup), 1),
                     n("label", null, [
-                      P(s(e(t).header), 1),
+                      P(l(e(o).header), 1),
                       n("input", {
-                        value: e(T).column.header,
-                        onInput: a[12] || (a[12] = (l) => e(i).setColumn(
-                          e(T).index,
+                        value: e(R).column.header,
+                        onInput: v[15] || (v[15] = (i) => e(d).setColumn(
+                          e(R).index,
                           "header",
-                          E(l)
+                          ge(i)
                         ))
-                      }, null, 40, At)
+                      }, null, 40, $a)
                     ]),
                     n("label", null, [
-                      P(s(e(t).field), 1),
+                      P(l(e(o).field), 1),
                       n("input", {
-                        value: e(T).column.field,
-                        onChange: a[13] || (a[13] = (l) => e(i).setColumn(
-                          e(T).index,
+                        value: e(R).column.field,
+                        list: e(V) ? `${H}-fields` : void 0,
+                        onChange: v[16] || (v[16] = (i) => e(d).setColumn(
+                          e(R).index,
                           "field",
-                          E(l)
+                          ge(i)
                         ))
-                      }, null, 40, Tt)
-                    ])
+                      }, null, 40, Ea)
+                    ]),
+                    e(V) ? (h(), y("datalist", {
+                      key: 0,
+                      id: `${H}-fields`
+                    }, [
+                      (h(!0), y(U, null, W(e(V).fields, (i) => (h(), y("option", {
+                        key: i.field,
+                        value: i.field
+                      }, l(i.label) + " · " + l(i.type) + " " + l(i.unit), 9, Aa))), 128))
+                    ], 8, Ia)) : B("", !0)
                   ]),
-                  n("div", Dt, [
-                    n("h3", null, s(e(t).formatGroup), 1),
-                    n("div", $t, [
-                      n("label", jt, [
-                        P(s(e(t).width), 1),
+                  n("div", Da, [
+                    n("h3", null, l(e(o).formatGroup), 1),
+                    n("div", Ta, [
+                      n("label", La, [
+                        P(l(e(o).width), 1),
                         n("input", {
                           type: "number",
                           min: "0.1",
                           step: "0.5",
-                          value: e(T).column.widthMm,
-                          onChange: a[14] || (a[14] = (l) => e(i).setColumn(
-                            e(T).index,
+                          value: e(R).column.widthMm,
+                          onChange: v[17] || (v[17] = (i) => e(d).setColumn(
+                            e(R).index,
                             "widthMm",
-                            E(l)
+                            ge(i)
                           ))
-                        }, null, 40, Vt)
+                        }, null, 40, Ra)
                       ]),
-                      n("label", Lt, [
-                        P(s(e(t).semantic), 1),
+                      n("label", Ga, [
+                        P(l(e(o).semantic), 1),
                         n("select", {
-                          value: e(T).column.semanticRole || "text",
-                          onChange: a[15] || (a[15] = (l) => e(i).setColumn(
-                            e(T).index,
+                          value: e(R).column.semanticRole || "text",
+                          onChange: v[18] || (v[18] = (i) => e(d).setColumn(
+                            e(R).index,
                             "semanticRole",
-                            E(l)
+                            ge(i)
                           ))
                         }, [
-                          n("option", Bt, s(e(t).identifier), 1),
-                          n("option", Pt, s(e(t).dimension), 1),
-                          n("option", Ot, s(e(t).measure), 1),
-                          n("option", It, s(e(t).date), 1),
-                          n("option", Jt, s(e(t).text), 1)
-                        ], 40, Rt)
+                          n("option", Ha, l(e(o).identifier), 1),
+                          n("option", Va, l(e(o).dimension), 1),
+                          n("option", Ba, l(e(o).measure), 1),
+                          n("option", za, l(e(o).date), 1),
+                          n("option", Na, l(e(o).text), 1)
+                        ], 40, Pa)
                       ])
                     ]),
-                    n("div", Nt, [
-                      n("span", null, s(e(t).bodyAlign), 1),
-                      q(we, {
-                        "model-value": e(T).column.align ?? e(T).column.style?.align ?? e(o).align ?? "left",
-                        label: e(t).bodyAlign,
-                        labels: M.value,
-                        "auto-label": e(t).autoShort,
+                    n("div", ja, [
+                      n("span", null, l(e(o).bodyAlign), 1),
+                      Q(Fe, {
+                        "model-value": e(R).column.align ?? e(R).column.style?.align ?? e(C).align ?? "left",
+                        label: e(o).bodyAlign,
+                        labels: We.value,
+                        "auto-label": e(o).autoShort,
                         "allow-auto": "",
-                        "onUpdate:modelValue": a[16] || (a[16] = (l) => e(i).setColumn(e(T).index, "align", l))
+                        "onUpdate:modelValue": v[19] || (v[19] = (i) => e(d).setColumn(e(R).index, "align", i))
                       }, null, 8, ["model-value", "label", "labels", "auto-label"])
                     ]),
-                    n("div", Gt, [
-                      n("span", null, s(e(t).headerAlign), 1),
-                      q(we, {
-                        "model-value": e(i).headerAlignments.value[e(T).index] || "left",
-                        label: e(t).headerAlign,
-                        labels: M.value,
-                        "auto-label": e(t).autoShort,
-                        "onUpdate:modelValue": a[17] || (a[17] = (l) => e(i).setColumn(
-                          e(T).index,
+                    n("div", Fa, [
+                      n("span", null, l(e(o).headerAlign), 1),
+                      Q(Fe, {
+                        "model-value": e(d).headerAlignments.value[e(R).index] || "left",
+                        label: e(o).headerAlign,
+                        labels: We.value,
+                        "auto-label": e(o).autoShort,
+                        "onUpdate:modelValue": v[20] || (v[20] = (i) => e(d).setColumn(
+                          e(R).index,
                           "headerAlign",
-                          l
+                          i
                         ))
                       }, null, 8, ["model-value", "label", "labels", "auto-label"])
                     ])
                   ]),
-                  n("label", Ht, [
-                    P(s(e(t).editable), 1),
+                  n("label", Oa, [
+                    P(l(e(o).editable), 1),
                     n("input", {
                       type: "checkbox",
                       role: "switch",
-                      checked: e(T).column.editable === !0,
-                      onChange: a[18] || (a[18] = (l) => e(i).setColumn(
-                        e(T).index,
+                      checked: e(R).column.editable === !0,
+                      onChange: v[21] || (v[21] = (i) => e(d).setColumn(
+                        e(R).index,
                         "editable",
-                        K(l)
+                        Ve(i)
                       ))
-                    }, null, 40, Ut)
+                    }, null, 40, Ua)
+                  ]),
+                  n("div", Ja, [
+                    n("span", null, l(e(o).columnOrder), 1),
+                    n("button", {
+                      type: "button",
+                      "aria-label": e(o).moveColumnLeft,
+                      title: e(o).moveColumnLeft,
+                      disabled: e(L) <= 0,
+                      onClick: v[22] || (v[22] = (i) => e(Ue)(-1))
+                    }, [
+                      Q(ae, {
+                        name: "chevron-left",
+                        size: 13
+                      })
+                    ], 8, Ka),
+                    n("button", {
+                      type: "button",
+                      "aria-label": e(o).moveColumnRight,
+                      title: e(o).moveColumnRight,
+                      disabled: e(L) >= e(C).columns.length - 1,
+                      onClick: v[23] || (v[23] = (i) => e(Ue)(1))
+                    }, [
+                      Q(ae, {
+                        name: "chevron-right",
+                        size: 13
+                      })
+                    ], 8, Wa),
+                    n("label", null, [
+                      P(l(e(o).columnVisible), 1),
+                      n("input", {
+                        type: "checkbox",
+                        checked: e(R).column.hidden !== !0,
+                        disabled: e(R).column.hidden !== !0 && e(C).columns.filter((i) => !i.hidden).length === 1,
+                        onChange: v[24] || (v[24] = (i) => e(d).setColumn(
+                          e(R).index,
+                          "hidden",
+                          !Ve(i)
+                        ))
+                      }, null, 40, Xa)
+                    ])
                   ])
-                ], 8, Mt)) : H("", !0),
-                e(ie) ? (p(), y("div", {
+                ], 8, _a)) : B("", !0),
+                e(Ke) ? (h(), y("div", {
                   key: 1,
-                  id: `${F}-directory`,
+                  id: `${H}-directory`,
                   ref_key: "directoryPanel",
-                  ref: de,
+                  ref: dt,
                   role: "dialog",
-                  "aria-label": e(t).columnDirectory,
+                  "aria-label": e(o).columnDirectory,
                   class: "mr-designer-directory",
-                  onKeydown: a[28] || (a[28] = ge(
+                  onKeydown: v[34] || (v[34] = Be(
                     //@ts-ignore
-                    (...l) => e(B).escape && e(B).escape(...l),
+                    (...i) => e(ee).escape && e(ee).escape(...i),
                     ["esc"]
                   )),
-                  onFocusout: a[29] || (a[29] = //@ts-ignore
-                  (...l) => e(B).leave && e(B).leave(...l))
+                  onFocusout: v[35] || (v[35] = //@ts-ignore
+                  (...i) => e(ee).leave && e(ee).leave(...i))
                 }, [
-                  n("div", zt, [
+                  n("div", Ya, [
                     n("strong", null, [
-                      P(s(e(t).columnDirectory) + " ", 1),
-                      n("span", null, s(e(o).columns.length), 1)
+                      P(l(e(o).columnDirectory) + " ", 1),
+                      n("span", null, l(e(C).columns.length), 1)
                     ]),
                     n("button", {
                       type: "button",
                       class: "mr-designer-icon-button",
-                      "aria-label": e(t).closeDirectory,
-                      onClick: a[19] || (a[19] = (l) => e(B).close(!0))
+                      "aria-label": e(o).closeDirectory,
+                      onClick: v[25] || (v[25] = (i) => e(ee).close(!0))
                     }, [
-                      q(W, {
+                      Q(ae, {
                         name: "close",
                         size: 15
                       })
-                    ], 8, Kt)
+                    ], 8, Qa)
                   ]),
-                  n("div", qt, [
-                    q(W, {
+                  n("div", Za, [
+                    Q(ae, {
                       name: "search",
                       size: 14
                     }),
-                    fe(n("input", {
+                    oe(n("input", {
                       ref_key: "directorySearch",
-                      ref: ce,
-                      "onUpdate:modelValue": a[20] || (a[20] = (l) => he(v) ? v.value = l : null),
+                      ref: ut,
+                      "onUpdate:modelValue": v[26] || (v[26] = (i) => Ce(T) ? T.value = i : null),
                       type: "search",
-                      "aria-label": e(t).columnsSearch,
-                      placeholder: e(t).columnsSearch,
-                      onKeydown: a[21] || (a[21] = //@ts-ignore
-                      (...l) => e(B).searchKeydown && e(B).searchKeydown(...l))
-                    }, null, 40, Wt), [
-                      [_e, e(v)]
+                      "aria-label": e(o).columnsSearch,
+                      placeholder: e(o).columnsSearch,
+                      onKeydown: v[27] || (v[27] = //@ts-ignore
+                      (...i) => e(ee).searchKeydown && e(ee).searchKeydown(...i))
+                    }, null, 40, eo), [
+                      [qe, e(T)]
                     ]),
-                    e(v) ? (p(), y("button", {
+                    e(T) ? (h(), y("button", {
                       key: 0,
                       type: "button",
                       class: "mr-designer-icon-button",
-                      "aria-label": e(t).clearSearch,
-                      title: e(t).clearSearch,
-                      onClick: a[22] || (a[22] = (l) => v.value = "")
+                      "aria-label": e(o).clearSearch,
+                      title: e(o).clearSearch,
+                      onClick: v[28] || (v[28] = (i) => T.value = "")
                     }, [
-                      q(W, {
+                      Q(ae, {
                         name: "close",
                         size: 13
                       })
-                    ], 8, Qt)) : H("", !0)
+                    ], 8, to)) : B("", !0)
                   ]),
-                  n("div", Xt, [
+                  n("div", no, [
                     n("button", {
                       type: "button",
-                      disabled: r.readonly || e(S) || e(A) || !e(d).length,
-                      onClick: a[23] || (a[23] = (l) => e(i).selectVisible(!0))
-                    }, s(e(t).selectVisible), 9, Yt),
-                    e(h).length ? (p(), y("button", {
+                      disabled: t.readonly || e(I) || e(f) || !e(D).length,
+                      onClick: v[29] || (v[29] = (i) => e(d).selectVisible(!0))
+                    }, l(e(o).selectVisible), 9, ao),
+                    e(F).length ? (h(), y("button", {
                       key: 0,
                       type: "button",
-                      onClick: a[24] || (a[24] = //@ts-ignore
-                      (...l) => e(i).clearSelection && e(i).clearSelection(...l))
-                    }, s(e(t).clearSelection), 1)) : H("", !0),
-                    e(h).length ? (p(), y("span", Zt, s(e(t).columnsSelected) + " " + s(e(h).length), 1)) : (p(), y("span", en, s(e(d).length) + " / " + s(e(o).columns.length), 1))
+                      onClick: v[30] || (v[30] = //@ts-ignore
+                      (...i) => e(d).clearSelection && e(d).clearSelection(...i))
+                    }, l(e(o).clearSelection), 1)) : B("", !0),
+                    e(F).length ? (h(), y("span", oo, l(e(o).columnsSelected) + " " + l(e(F).length), 1)) : (h(), y("span", lo, l(e(D).length) + " / " + l(e(C).columns.length), 1))
                   ]),
                   n("div", {
                     ref_key: "columnList",
-                    ref: ve,
+                    ref: ct,
                     class: "mr-designer-column-list",
-                    "aria-label": e(t).columnDirectory,
+                    "aria-label": e(o).columnDirectory,
                     role: "group"
                   }, [
-                    (p(!0), y(X, null, oe(e(d), ({ column: l, index: N }) => (p(), y("div", {
-                      key: N,
-                      class: me(["mr-designer-column-row", { "is-active": e(Q) === N }])
+                    (h(!0), y(U, null, W(e(D), ({ column: i, index: O }) => (h(), y("div", {
+                      key: O,
+                      class: _e(["mr-designer-column-row", { "is-active": e(L) === O }])
                     }, [
                       n("input", {
                         type: "checkbox",
-                        "aria-label": `${e(t).selectColumn} ${l.header}`,
-                        checked: e(h).includes(N),
-                        disabled: r.readonly || e(S) || e(A),
-                        onChange: (le) => e(i).toggleColumn(N, K(le))
-                      }, null, 40, nn),
+                        "aria-label": `${e(o).selectColumn} ${i.header}`,
+                        checked: e(F).includes(O),
+                        disabled: t.readonly || e(I) || e(f),
+                        onChange: (ke) => e(d).toggleColumn(O, Ve(ke))
+                      }, null, 40, io),
                       n("button", {
                         type: "button",
-                        "data-column-index": N,
-                        "aria-pressed": e(Q) === N,
-                        tabindex: e(ue) === N ? 0 : -1,
-                        onClick: (le) => e(B).choose(N),
-                        onKeydown: a[25] || (a[25] = //@ts-ignore
-                        (...le) => e(B).navigate && e(B).navigate(...le))
+                        "data-column-index": O,
+                        "aria-pressed": e(L) === O,
+                        tabindex: e(it) === O ? 0 : -1,
+                        onClick: (ke) => e(ee).choose(O),
+                        onKeydown: v[31] || (v[31] = //@ts-ignore
+                        (...ke) => e(ee).navigate && e(ee).navigate(...ke))
                       }, [
-                        n("span", an, s(N + 1), 1),
-                        n("span", on, [
-                          n("strong", null, s(l.header), 1),
-                          n("small", null, s(l.field), 1)
+                        n("span", uo, l(O + 1), 1),
+                        n("span", co, [
+                          n("strong", null, l(i.header), 1),
+                          n("small", null, l(i.field), 1)
                         ]),
-                        e(Q) === N ? (p(), ke(W, {
+                        e(L) === O ? (h(), fe(ae, {
                           key: 0,
                           name: "chevron-right",
                           size: 13
-                        })) : H("", !0)
-                      ], 40, ln)
+                        })) : B("", !0)
+                      ], 40, ro)
                     ], 2))), 128)),
-                    e(d).length ? H("", !0) : (p(), y("p", sn, [
-                      q(W, {
+                    e(D).length ? B("", !0) : (h(), y("p", mo, [
+                      Q(ae, {
                         name: "search",
                         size: 20
                       }),
-                      P(s(e(t).noColumns), 1)
+                      P(l(e(o).noColumns), 1)
                     ]))
-                  ], 8, tn),
-                  e(h).length ? (p(), y("div", rn, [
+                  ], 8, so),
+                  e(F).length ? (h(), y("div", vo, [
                     n("label", null, [
-                      P(s(e(t).batchBody), 1),
+                      P(l(e(o).batchBody), 1),
                       n("select", {
-                        "aria-label": e(t).batchBody,
-                        disabled: r.readonly || e(S) || e(A),
-                        onChange: a[26] || (a[26] = (l) => ye(l, "align"))
+                        "aria-label": e(o).batchBody,
+                        disabled: t.readonly || e(I) || e(f),
+                        onChange: v[32] || (v[32] = (i) => Xe(i, "align"))
                       }, [
-                        n("option", dn, s(e(t).chooseAlignment), 1),
-                        n("option", cn, s(e(t).auto), 1),
-                        n("option", vn, s(e(t).left), 1),
-                        n("option", mn, s(e(t).center), 1),
-                        n("option", gn, s(e(t).right), 1),
-                        n("option", fn, s(e(t).justify), 1)
-                      ], 40, un)
+                        n("option", ho, l(e(o).chooseAlignment), 1),
+                        n("option", go, l(e(o).auto), 1),
+                        n("option", fo, l(e(o).left), 1),
+                        n("option", bo, l(e(o).center), 1),
+                        n("option", yo, l(e(o).right), 1),
+                        n("option", wo, l(e(o).justify), 1)
+                      ], 40, po)
                     ]),
                     n("label", null, [
-                      P(s(e(t).batchHeader), 1),
+                      P(l(e(o).batchHeader), 1),
                       n("select", {
-                        "aria-label": e(t).batchHeader,
-                        disabled: r.readonly || e(S) || e(A),
-                        onChange: a[27] || (a[27] = (l) => ye(l, "headerAlign"))
+                        "aria-label": e(o).batchHeader,
+                        disabled: t.readonly || e(I) || e(f),
+                        onChange: v[33] || (v[33] = (i) => Xe(i, "headerAlign"))
                       }, [
-                        n("option", pn, s(e(t).chooseAlignment), 1),
-                        n("option", bn, s(e(t).left), 1),
-                        n("option", yn, s(e(t).center), 1),
-                        n("option", _n, s(e(t).right), 1),
-                        n("option", kn, s(e(t).justify), 1)
-                      ], 40, hn)
+                        n("option", Mo, l(e(o).chooseAlignment), 1),
+                        n("option", xo, l(e(o).left), 1),
+                        n("option", Co, l(e(o).center), 1),
+                        n("option", _o, l(e(o).right), 1),
+                        n("option", So, l(e(o).justify), 1)
+                      ], 40, ko)
                     ])
-                  ])) : H("", !0)
-                ], 40, Ft)) : H("", !0)
-              ], 64)) : (p(), y("p", wn, s(e(t).noColumns), 1))
-            ], 64)) : e(R) === "template" ? (p(), y(X, { key: 1 }, [
-              n("h3", null, s(e(t).templateDetails), 1),
-              n("label", Cn, [
-                P(s(e(t).name), 1),
+                  ])) : B("", !0)
+                ], 40, qa)) : B("", !0)
+              ], 64)) : (h(), y("p", $o, l(e(o).noColumns), 1))
+            ], 64)) : e($) === "component" ? (h(), y(U, { key: 1 }, [
+              n("div", Eo, [
+                n("select", {
+                  "aria-label": e(o).insertComponent,
+                  disabled: e(le),
+                  onChange: v[36] || (v[36] = //@ts-ignore
+                  (...i) => e(J) && e(J)(...i))
+                }, [
+                  n("option", Ao, l(e(o).insertComponent), 1),
+                  n("option", Do, l(e(o).insertText), 1),
+                  n("option", To, l(e(o).insertList), 1),
+                  n("option", Lo, l(e(o).insertImage), 1),
+                  n("option", Ro, l(e(o).insertRect), 1)
+                ], 40, Io),
+                n("button", {
+                  type: "button",
+                  title: e(o).duplicateComponent,
+                  "aria-label": e(o).duplicateComponent,
+                  disabled: e(le) || !e(ie),
+                  onClick: v[37] || (v[37] = //@ts-ignore
+                  (...i) => e(ce).duplicate && e(ce).duplicate(...i))
+                }, " ＋ ", 8, Go),
+                n("button", {
+                  type: "button",
+                  title: e(o).removeComponent,
+                  "aria-label": e(o).removeComponent,
+                  disabled: e(le) || !e(ie),
+                  onClick: v[38] || (v[38] = //@ts-ignore
+                  (...i) => e(ce).remove && e(ce).remove(...i))
+                }, [
+                  Q(ae, {
+                    name: "close",
+                    size: 14
+                  })
+                ], 8, Po)
+              ]),
+              e(w).template.pages.length > 1 ? (h(), y("label", Ho, [
+                P(l(e(o).page), 1),
+                oe(n("select", {
+                  "onUpdate:modelValue": v[39] || (v[39] = (i) => Ce(se) ? se.value = i : null)
+                }, [
+                  (h(!0), y(U, null, W(e(w).template.pages, (i, O) => (h(), y("option", {
+                    key: O,
+                    value: O
+                  }, l(O + 1), 9, Vo))), 128))
+                ], 512), [
+                  [
+                    ye,
+                    e(se),
+                    void 0,
+                    { number: !0 }
+                  ]
+                ])
+              ])) : B("", !0),
+              n("label", Bo, [
+                P(l(e(o).components), 1),
+                n("select", {
+                  value: e(pe)?.pageIndex === e(se) ? e(pe).componentIndex : -1,
+                  onChange: v[40] || (v[40] = (i) => e(N)({
+                    pageIndex: e(se),
+                    componentIndex: Number(ge(i))
+                  }))
+                }, [
+                  n("option", No, l(e(o).noComponent), 1),
+                  (h(!0), y(U, null, W(e(w).template.pages[e(se)]?.components, (i, O) => (h(), y("option", {
+                    key: O,
+                    value: O
+                  }, l(O + 1) + " · " + l(i.kind === "list" ? i.title || i.dataset : i.text || i.kind), 9, jo))), 128))
+                ], 40, zo)
+              ]),
+              e(ie) ? (h(), y(U, { key: 1 }, [
+                n("div", Fo, [
+                  n("button", {
+                    type: "button",
+                    disabled: e(le) || e(pe)?.componentIndex === 0,
+                    onClick: v[41] || (v[41] = (i) => e(ce).reorder(-1))
+                  }, l(e(o).backward), 9, Oo),
+                  n("button", {
+                    type: "button",
+                    disabled: e(le) || e(pe)?.componentIndex === (e(w).template.pages[e(se)]?.components.length ?? 0) - 1,
+                    onClick: v[42] || (v[42] = (i) => e(ce).reorder(1))
+                  }, l(e(o).forward), 9, Uo)
+                ]),
+                Q(_n, {
+                  component: e(ie),
+                  disabled: e(le),
+                  messages: e(o),
+                  onGeometry: e(ce).geometry,
+                  onPatch: e(ne)
+                }, null, 8, ["component", "disabled", "messages", "onGeometry", "onPatch"]),
+                e(ie).kind === "list" ? (h(), fe(Ln, {
+                  key: 0,
+                  list: e(ie),
+                  disabled: e(le),
+                  messages: e(o),
+                  onCommand: e(ot)
+                }, null, 8, ["list", "disabled", "messages", "onCommand"])) : B("", !0)
+              ], 64)) : (h(), y("p", Jo, l(e(o).noComponent), 1))
+            ], 64)) : e($) === "template" ? (h(), y(U, { key: 2 }, [
+              n("h3", null, l(e(o).templateDetails), 1),
+              n("label", Ko, [
+                P(l(e(o).name), 1),
                 n("input", {
-                  value: e(b).name,
-                  disabled: r.readonly || e(S) || e(A),
-                  onInput: a[30] || (a[30] = (l) => e(i).setName(E(l)))
-                }, null, 40, Sn)
+                  value: e(w).name,
+                  disabled: t.readonly || e(I) || e(f),
+                  onInput: v[43] || (v[43] = (i) => e(d).setName(ge(i)))
+                }, null, 40, Wo)
               ]),
-              n("label", xn, [
-                P(s(e(t).description), 1),
+              n("label", Xo, [
+                P(l(e(o).description), 1),
                 n("textarea", {
                   rows: "2",
-                  value: e(b).description,
-                  disabled: r.readonly || e(S) || e(A),
-                  onInput: a[31] || (a[31] = (l) => e(i).setDescription(E(l)))
-                }, null, 40, Mn)
+                  value: e(w).description,
+                  disabled: t.readonly || e(I) || e(f),
+                  onInput: v[44] || (v[44] = (i) => e(d).setDescription(ge(i)))
+                }, null, 40, qo)
               ]),
-              n("details", En, [
-                n("summary", null, s(e(t).technicalDetails), 1),
-                n("dl", An, [
-                  n("dt", null, s(e(t).templateIdentity), 1),
-                  n("dd", null, s(e(b).id), 1),
-                  n("dt", null, s(e(t).templateRevision), 1),
-                  n("dd", null, s(e(b).revision || e(t).unpublished), 1)
+              n("details", Yo, [
+                n("summary", null, l(e(o).technicalDetails), 1),
+                n("dl", Qo, [
+                  n("dt", null, l(e(o).templateIdentity), 1),
+                  n("dd", null, l(e(w).id), 1),
+                  n("dt", null, l(e(o).templateRevision), 1),
+                  n("dd", null, l(e(w).revision || e(o).unpublished), 1)
                 ])
               ])
-            ], 64)) : (p(), y(X, { key: 2 }, [
-              n("h3", null, s(e(t).advancedTitle), 1),
-              n("label", Tn, [
-                P(s(e(t).json), 1),
-                fe(n("textarea", {
-                  "onUpdate:modelValue": a[32] || (a[32] = (l) => he($) ? $.value = l : null),
+            ], 64)) : (h(), y(U, { key: 3 }, [
+              n("h3", null, l(e(o).advancedTitle), 1),
+              n("label", Zo, [
+                P(l(e(o).json), 1),
+                oe(n("textarea", {
+                  "onUpdate:modelValue": v[45] || (v[45] = (i) => Ce(x) ? x.value = i : null),
                   class: "mr-designer-json",
-                  "aria-label": e(t).json,
-                  disabled: r.readonly || e(S),
+                  "aria-label": e(o).json,
+                  disabled: t.readonly || e(I),
                   spellcheck: "false"
-                }, null, 8, Dn), [
-                  [_e, e($)]
+                }, null, 8, el), [
+                  [qe, e(x)]
                 ])
               ]),
               n("button", {
                 type: "button",
                 class: "mr-designer-apply-json",
-                disabled: r.readonly || e(S),
-                onClick: a[33] || (a[33] = //@ts-ignore
-                (...l) => e(i).applyJson && e(i).applyJson(...l))
-              }, s(e(t).applyJson), 9, $n)
+                disabled: t.readonly || e(I),
+                onClick: v[46] || (v[46] = //@ts-ignore
+                (...i) => e(d).applyJson && e(d).applyJson(...i))
+              }, l(e(o).applyJson), 9, tl)
             ], 64)),
-            e(A) ? (p(), y("p", jn, s(e(t).jsonPending), 1)) : H("", !0)
-          ], 10, ft)
-        ]),
-        n("div", {
+            e(f) ? (h(), y("p", nl, l(e(o).jsonPending), 1)) : B("", !0)
+          ], 10, pa)
+        ])) : B("", !0),
+        e($) !== "tools" ? (h(), y("div", {
+          key: 2,
           class: "mr-designer-preview",
-          "aria-label": e(t).previewTitle
+          "aria-label": e(o).previewTitle
         }, [
-          e(_) ? (p(), y("div", Ln, s(e(_)), 1)) : H("", !0),
-          e(V).ok ? H("", !0) : (p(), y("ul", Rn, [
-            (p(!0), y(X, null, oe(e(V).errors, (l) => (p(), y("li", {
-              key: l.path
-            }, s(l.path) + "：" + s(l.message), 1))), 128))
+          e(G) ? (h(), y("div", ol, l(e(G)), 1)) : B("", !0),
+          e(M).ok ? B("", !0) : (h(), y("ul", ll, [
+            (h(!0), y(U, null, W(e(M).errors, (i) => (h(), y("li", {
+              key: i.path
+            }, l(i.path) + "：" + l(i.message), 1))), 128))
           ])),
-          e(x) && e(V).ok ? (p(), ke(e(Le), {
+          e(xe) === "design" && e(M).ok ? (h(), fe(Ot, {
             key: 2,
+            document: e(w),
+            selection: e(pe),
+            "page-index": e(se),
+            datasets: t.datasets,
+            disabled: e(le),
+            messages: e(o),
+            onSelect: e(N),
+            onGeometry: e(ce).geometry,
+            onColumn: e(q).activate,
+            onWidth: v[47] || (v[47] = (i, O) => e(d).setColumn(i, "widthMm", String(O)))
+          }, null, 8, ["document", "selection", "page-index", "datasets", "disabled", "messages", "onSelect", "onGeometry", "onColumn"])) : e(te) && e(M).ok ? (h(), fe(e(yt), {
+            key: 3,
             "report-id": "draft",
-            fetcher: e(x),
+            fetcher: e(te),
             messages: {
-              title: e(t).previewTitle,
-              columnDirectory: e(t).previewFieldDirectory
+              title: e(o).previewTitle,
+              columnDirectory: e(o).previewFieldDirectory
             },
             "show-params": !1,
             editable: !1,
             "excel-import": !1,
             height: "100%"
-          }, null, 8, ["fetcher", "messages"])) : (p(), y("p", Bn, s(e(t).invalid), 1))
-        ], 8, Vn)
-      ])
-    ], 8, tt));
+          }, null, 8, ["fetcher", "messages"])) : (h(), y("p", sl, l(e(o).invalid), 1))
+        ], 8, al)) : B("", !0)
+      ], 2)
+    ], 8, On));
   }
-}), Gn = /* @__PURE__ */ Se(Pn, [["__scopeId", "data-v-10c10f4e"]]);
+}), vl = /* @__PURE__ */ Ie(il, [["__scopeId", "data-v-9e22163e"]]), pl = {
+  title: "变更与验收",
+  run: "运行检查",
+  running: "检查中…",
+  samples: "验收样例",
+  none: "仅检查结构",
+  first20: "每个数据集前 20 行",
+  first100: "每个数据集前 100 行",
+  all: "全部当前数据（总计 ≤1000 行）",
+  changes: "模板变更",
+  issues: "待处理项",
+  results: "样例结果",
+  noChanges: "与基线一致",
+  noIssues: "本次检查未发现问题",
+  empty: "选择验收样例后运行，检查字段映射、排版与输出能力。",
+  baseline: "未提供上一版本，仅检查当前模板。",
+  errors: "错误",
+  warnings: "提示",
+  locate: "定位",
+  before: "修改前",
+  after: "修改后",
+  breaking: "影响兼容性",
+  acknowledge: "已确认字段与结构变更",
+  truncated: "变更较多，仅展示前 500 项；兼容检查仍包含全部变更。",
+  pages: "页",
+  rows: "行",
+  checked: "检查结果对应本次样例，不代替服务端发布权限与全量数据校验。",
+  categories: { metadata: "信息", structure: "结构", binding: "字段", calculation: "计算", format: "样式" },
+  kinds: { added: "新增", removed: "删除", modified: "修改", moved: "调序" }
+}, hl = {
+  title: "Excel 业务绑定",
+  intro: "保留模板版式，明确数据来源",
+  upload: "选择 Excel 模板",
+  replace: "更换文件",
+  loading: "正在解析模板…",
+  cancel: "取消解析",
+  source: "原始模板",
+  sourceHint: "点击行号选择，Shift 点击扩展；选择整行区域后标记用途。",
+  sourceOnly: "来源样例仅供设计，应用时将全部替换为接口数据。",
+  sheet: "工作表",
+  dataset: "业务数据集",
+  chooseDataset: "选择数据集契约",
+  rowKey: "稳定业务主键",
+  chooseRowKey: "选择业务主键",
+  titleRegion: "标题",
+  headerRegion: "多层表头",
+  detailRegion: "样例明细",
+  footerRegion: "静态尾页",
+  optional: "可选",
+  selectRegion: "标记选中行",
+  clear: "清除",
+  mapping: "逐列映射",
+  coverage: "映射覆盖",
+  physical: "Excel 列",
+  business: "业务字段",
+  chooseField: "选择已声明字段",
+  selected: "已选行",
+  previousRows: "上一组行",
+  nextRows: "下一组行",
+  previousColumns: "上一组列",
+  nextColumns: "下一组列",
+  rowStart: "预览起始行",
+  columnStart: "预览起始列",
+  apply: "校验并使用模板",
+  check: "校验绑定",
+  identity: "新模板",
+  templateId: "模板标识",
+  templateName: "模板名称",
+  issues: "请先修正绑定",
+  ready: "绑定校验通过",
+  noSource: "导入 .xlsx，开始绑定业务数据",
+  noContract: "请由接入方提供数据集字段契约，再配置业务绑定。",
+  fieldType: "类型",
+  precision: "位小数",
+  sample: "契约样例",
+  unnamed: "未标记",
+  applied: "模板已生成，等待接入方确认",
+  readonly: "当前只读",
+  invalidFile: "请选择未加密的 .xlsx 文件",
+  emptySelection: "请先在原始模板中选择行",
+  footerHint: "静态尾页保留为独立页面，不随明细重复；不是每页页脚。",
+  inspectWarning: "来源兼容性提示",
+  session: "绑定会话可随草稿保存，再次传入即可恢复",
+  decimals: "精确小数按原文本保留",
+  selectionLabel: "选择源行",
+  regionLegend: "区域用途",
+  summary: "绑定摘要",
+  stepSource: "选模板",
+  stepRegions: "标区域",
+  stepFields: "绑字段",
+  stepValidate: "校验应用",
+  errors: "项问题",
+  sourceError: "模板解析失败",
+  dimensions: "原始范围",
+  mappedTo: "绑定到",
+  sampleOnly: "仅契约样例",
+  schemaOnly: "契约字段，不执行接口查询"
+}, gl = {
+  detail: "主从",
+  matrix: "矩阵",
+  measureLabel: "显示名称",
+  childDataset: "明细数据集",
+  parentKey: "主表关联键",
+  foreignKey: "明细外键",
+  rowKey: "明细业务主键",
+  noRowKey: "只读明细，不绑定编辑身份",
+  childColumns: "明细展示字段",
+  title: "明细标题",
+  unmatched: "未关联明细",
+  ignore: "显式忽略",
+  childHeader: "展示明细表头",
+  rowFields: "行维度",
+  columnFields: "列维度",
+  totals: "原始样本总计",
+  widthSettings: "动态列宽 · mm",
+  dimensionWidth: "维度列宽",
+  measureWidth: "度量列宽",
+  detailHint: "以业务键关联宿主提供的数据集。应用主从布局将替换矩阵配置。",
+  matrixHint: "查询时按维度生成动态列。应用矩阵将替换普通分组、主从和总计；可撤销恢复。",
+  computations: "计算",
+  groups: "分组",
+  conditions: "条件",
+  target: "结果字段",
+  newField: "新增计算字段",
+  select: "选择字段",
+  row: "当前行",
+  group: "当前组",
+  dataset: "整个数据集",
+  scope: "计算范围",
+  numeric: "数值模式",
+  number: "普通数值",
+  decimal: "精确小数",
+  digits: "小数位",
+  groupFields: "分组依据",
+  field: "字段",
+  constant: "常量",
+  operation: "运算",
+  aggregate: "聚合",
+  text: "文本",
+  boolean: "布尔",
+  null: "空值",
+  true: "是",
+  false: "否",
+  add: "相加",
+  subtract: "相减",
+  multiply: "相乘",
+  divide: "相除",
+  coalesce: "首个非空值",
+  sum: "求和",
+  count: "计数",
+  avg: "平均值",
+  min: "最小值",
+  max: "最大值",
+  weightedAvg: "加权平均",
+  subtotalLabel: "小计",
+  weight: "权重字段",
+  argument: "参数",
+  addArgument: "添加参数",
+  remove: "移除",
+  apply: "应用规则",
+  check: "样例验算",
+  addGroup: "添加分组",
+  noGroups: "尚未配置分组",
+  header: "组头模板",
+  footer: "组尾标签",
+  repeat: "跨页重复组头",
+  orphan: "组头与首行保持同页",
+  outer: "外层",
+  inner: "内层",
+  addAggregate: "添加聚合",
+  measure: "度量字段",
+  output: "输出字段",
+  condition: "条件字段",
+  comparison: "比较方式",
+  threshold: "比较值",
+  effect: "效果",
+  style: "条件样式",
+  cell: "单元格可见",
+  rowVisibility: "明细行可见",
+  color: "文字颜色",
+  background: "背景颜色",
+  bold: "加粗",
+  column: "目标列",
+  newCondition: "新增条件样式",
+  removeCondition: "移除此规则",
+  advanced: "计算边界",
+  nulls: "空值处理",
+  propagate: "保留为空",
+  error: "报告错误",
+  division: "除零处理",
+  dependencies: "计算顺序",
+  noData: "尚无样例数据",
+  sample: "样例前 1000 行 · 仅验算，不修改来源",
+  preview: "计算结果",
+  existing: "已有规则",
+  ready: "规则已通过结构校验",
+  allRows: "全部行",
+  noFields: "当前数据集尚无字段",
+  resultType: "常量类型",
+  settings: "规则设置",
+  moveUp: "向外移动",
+  moveDown: "向内移动",
+  missingTarget: "请选择或填写结果字段",
+  noSelection: "请先选择列",
+  countHint: "留空度量字段可统计行数",
+  decimalHint: "精确小数以文本保存，避免大数精度丢失。",
+  readonly: "只读",
+  formatMode: "条件规则",
+  rule: "规则",
+  sampleError: "验算未通过",
+  new: "新增",
+  enabled: "启用"
+}, fl = Me(() => import("./TemplateReviewPanel-Cn32OY4_.js")), bl = Me(() => import("./ExcelBindingWizard-RLJIXKKG.js")), yl = Me(() => import("./RuleEditor-CtJFzKuY.js"));
 export {
-  Gn as ReportTemplateEditor,
-  Ye as TEMPLATE_EDITOR_MESSAGES
+  hl as EXCEL_BINDING_MESSAGES,
+  bl as ExcelBindingWizard,
+  gl as RULE_EDITOR_MESSAGES,
+  vl as ReportTemplateEditor,
+  yl as RuleEditor,
+  Pe as TEMPLATE_EDITOR_MESSAGES,
+  pl as TEMPLATE_REVIEW_MESSAGES,
+  fl as TemplateReviewPanel
 };