@agile-team/mach-report 2.6.1 → 2.7.0

package/dist/designer.js

@@ -1,8 +1,122 @@
-import { ref as I, computed as B, watch as $, onBeforeUnmount as ee, defineComponent as te, openBlock as g, createElementBlock as b, unref as e, createElementVNode as t, toDisplayString as o, createTextVNode as C, createCommentVNode as F, withDirectives as U, isRef as W, Fragment as L, renderList as H, vModelSelect as le, vModelText as ae, createBlock as ne } from "vue";
-import { provideMachReportConfig as oe, createLocalFetcher as se, ReportPreview as ie } from "@agile-team/mach-report/vue";
-import { parseReportTemplate as A, serializeReportTemplate as G, validateReportTemplateDocument as re, resolveGridLayout as P } from "@agile-team/mach-report";
-import { _ as de } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ue = {
+import { ref as x, computed as V, shallowRef as ce, onBeforeUnmount as ae, watch as te, defineComponent as ve, nextTick as le, openBlock as S, createElementBlock as A, unref as e, createElementVNode as n, toDisplayString as l, createTextVNode as D, createCommentVNode as H, withKeys as fe, withModifiers as he, withDirectives as Q, isRef as X, Fragment as Y, renderList as Z, vModelSelect as me, vModelText as oe, createBlock as ge } from "vue";
+import { provideMachReportConfig as pe, createLocalFetcher as be, ReportPreview as ye } from "@agile-team/mach-report/vue";
+import { resolveGridLayout as ee, parseReportTemplate as P, serializeReportTemplate as q, validateReportTemplateDocument as _e } from "@agile-team/mach-report";
+import { _ as Ce } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+function Se(c, w, u, h) {
+  const f = x(0), a = x(""), b = x([]), L = V(() => c.value.template.pages.flatMap((r, i) => r.components.flatMap((s, v) => s.kind === "list" ? [{ component: s, pageIndex: i, componentIndex: v }] : []))), _ = V(() => L.value[f.value]?.component), k = V(() => {
+    const r = _.value;
+    if (!r) return [];
+    const i = r.columns.map((s) => s.headerStyle?.align ?? s.headerAlign ?? r.headerStyle?.align ?? r.headerAlign ?? s.style?.align ?? "center");
+    if (r.headerGrid && w())
+      for (const s of ee(r.headerGrid, r.widthMm, 100).cells)
+        for (let v = s.ci; v < s.ci + (s.cell.colSpan ?? 1); v++) i[v] = s.cell.style?.align ?? "left";
+    return i;
+  }), C = V(() => {
+    const r = a.value.trim().toLocaleLowerCase().split(/\s+/).filter(Boolean);
+    return (_.value?.columns ?? []).flatMap((i, s) => {
+      const v = `${i.header} ${i.field}`.toLocaleLowerCase();
+      return r.every((y) => v.includes(y)) ? [{ column: i, index: s }] : [];
+    });
+  });
+  function g(r, i) {
+    b.value = i ? [.../* @__PURE__ */ new Set([...b.value, r])] : b.value.filter((s) => s !== r);
+  }
+  function E(r) {
+    for (const i of C.value) g(i.index, r);
+  }
+  function m() {
+    b.value = [];
+  }
+  function N(r, i, s) {
+    if (!u()) return;
+    const v = _.value?.columns[r];
+    v && (Object.assign(v, { [i]: i === "widthMm" ? Number(s) : s }), i === "header" && G(r, String(s)), i === "headerAlign" && j(r, s), i === "widthMm" && K(), h());
+  }
+  function K() {
+    const r = L.value[f.value];
+    if (!r) return;
+    const i = r.component, s = c.value.template.pages[r.pageIndex], v = i.columns.map((y) => y.widthMm);
+    i.headerGrid && (i.headerGrid.colWidthsMm = v), s.layout === "wide" && v.every((y) => Number.isFinite(y) && y > 0) && (i.widthMm = v.reduce((y, t) => y + t, 0), s.widthMm = Math.max(...s.components.map((y) => y.leftMm + y.widthMm)) + (s.marginRightMm ?? 0));
+  }
+  function G(r, i) {
+    const s = _.value;
+    if (!s?.headerGrid) return;
+    const y = ee(s.headerGrid, s.widthMm, 100).cells.filter(({ ci: t, cell: B }) => t <= r && t + (B.colSpan ?? 1) > r).slice(-1)[0];
+    y && (Object.assign(y.cell, { text: i, rawText: i, value: i }), s.columns.slice(y.ci, y.ci + (y.cell.colSpan ?? 1)).forEach((t) => {
+      t.header = i;
+    }));
+  }
+  function j(r, i) {
+    const s = _.value, v = s?.columns[r];
+    if (v?.headerStyle?.align !== void 0 && (v.headerStyle = { ...v.headerStyle, align: i }), !s?.headerGrid) return;
+    const t = ee(s.headerGrid, s.widthMm, 100).cells.filter(({ ci: B, cell: U }) => B <= r && B + (U.colSpan ?? 1) > r).slice(-1)[0];
+    t && (t.cell.style = { ...t.cell.style, align: i }, s.columns.slice(t.ci, t.ci + (t.cell.colSpan ?? 1)).forEach((B) => {
+      B.headerAlign = i, B.headerStyle?.align !== void 0 && (B.headerStyle = { ...B.headerStyle, align: i });
+    }));
+  }
+  function I(r, i) {
+    if (!(!u() || r === "headerAlign" && i === "auto")) {
+      for (const s of b.value) {
+        const v = _.value?.columns[s];
+        v && (Object.assign(v, { [r]: i }), r === "headerAlign" && j(s, i));
+      }
+      h();
+    }
+  }
+  return { selected: f, query: a, selectedColumns: b, lists: L, activeList: _, headerAlignments: k, visibleColumns: C, toggleColumn: g, selectVisible: E, clearSelection: m, setColumn: N, alignColumns: I };
+}
+function we(c, w = { entries: 100, bytes: 16 * 1024 * 1024 }) {
+  const u = x([c]), h = x(0), f = V(() => h.value > 0), a = V(() => h.value + 1 < u.value.length), b = V(() => u.value[h.value]);
+  function L(C) {
+    u.value = [C], h.value = 0;
+  }
+  function _(C) {
+    if (u.value[h.value] === C) return;
+    const g = u.value.slice(0, h.value + 1);
+    g.push(C);
+    let E = g.reduce((m, N) => m + N.length * 2, 0);
+    for (; g.length > 1 && (g.length > w.entries || E > w.bytes); ) E -= g.shift().length * 2;
+    u.value = g, h.value = u.value.length - 1;
+  }
+  function k(C) {
+    if (!(C < 0 ? !f.value : !a.value))
+      return h.value += C, u.value[h.value];
+  }
+  return { canUndo: f, canRedo: a, current: b, reset: L, record: _, move: k };
+}
+function ke(c) {
+  const w = ce(null), u = x(!1);
+  let h, f = 0;
+  function a(_) {
+    h?.(_), h = void 0, w.value = null;
+  }
+  function b() {
+    f++, a(!1), u.value = !1;
+  }
+  async function L(_) {
+    b();
+    const k = f, C = c();
+    u.value = !0;
+    try {
+      const g = await new Promise((E, m) => {
+        if (h = E, !C) {
+          w.value = _;
+          return;
+        }
+        Promise.resolve().then(() => f === k ? C(_) : !1).then((N) => {
+          f === k && a(N === !0);
+        }, (N) => {
+          f === k && (h = void 0, w.value = null, m(N));
+        });
+      });
+      return f === k && g === !0;
+    } finally {
+      f === k && (u.value = !1);
+    }
+  }
+  return ae(b), { confirmation: w, pending: u, decide: a, request: L, cancel: b };
+}
+const Ee = {
   title: "报表模板属性编辑器",
   heading: "模板属性",
   unpublished: "未发布",
@@ -35,13 +149,29 @@ const ue = {
   applyJson: "校验并应用 JSON",
   note: "字段映射应与数据源契约一致。此编辑器维护模板属性；保存由接入方提供的版本服务处理。",
   invalid: "请先修正模板错误，再预览或保存。"
-};
-function ce(r, N) {
-  const d = I(A(r.modelValue)), S = I(G(d.value)), u = I(0), _ = I(G(d.value)), w = I(""), p = I(!1), D = B(() => ({ ...ue, ...r.messages })), k = B(() => ({
+}, Me = {
+  undo: "撤销",
+  redo: "重做",
+  columnsSearch: "搜索列名或字段",
+  columnsSelected: "已选列",
+  selectVisible: "选择当前结果",
+  clearSelection: "清除选择",
+  noColumns: "没有匹配的列",
+  batchBody: "批量正文对齐",
+  batchHeader: "批量表头对齐",
+  chooseAlignment: "选择对齐方式",
+  discardTitle: "保留当前修改？",
+  discardDescription: "当前包含未保存的属性或尚未应用的 JSON，继续将丢弃这些修改。",
+  keepEditing: "继续编辑",
+  discard: "丢弃修改并继续",
+  jsonPending: "JSON 尚未应用。请先校验并应用，或撤销 JSON 修改后继续属性编辑与保存。"
+}, Ae = { ...Ee, ...Me };
+function je(c, w) {
+  const u = x(P(c.modelValue)), h = x(q(u.value)), f = x(q(u.value)), a = x(""), b = x(!1), L = V(() => ({ ...Ae, ...c.messages })), _ = V(() => ({
     showExport: !1,
     showPrint: !1,
     showPdfWindow: !1,
-    ...r.preview,
+    ...c.preview,
     theme: {
       shellBg: "#f1f5f9",
       shellFg: "#334155",
@@ -53,122 +183,140 @@ function ce(r, N) {
       btnHoverBg: "#eff6ff",
       btnHoverFg: "#1d4ed8",
       btnActiveBg: "#2563eb",
-      ...r.preview?.theme
+      ...c.preview?.theme
     }
   }));
-  oe({ get defaults() {
-    return k.value;
+  pe({ get defaults() {
+    return _.value;
   } });
-  let j, M = 0;
-  const T = B(() => re(d.value)), J = B(() => {
+  let k, C = 0;
+  const g = V(() => _e(u.value)), E = V(() => {
     try {
-      return G(d.value) !== S.value;
+      return q(u.value) !== h.value;
     } catch {
       return !0;
     }
-  }), x = B(() => d.value.template.pages.flatMap((a, s) => a.components.flatMap((n, v) => n.kind === "list" ? [{ component: n, pageIndex: s, componentIndex: v }] : []))), l = B(() => x.value[u.value]?.component), E = B(() => {
-    const a = l.value;
-    if (!a) return [];
-    const s = a.columns.map((n) => n.headerStyle?.align ?? n.headerAlign ?? a.headerStyle?.align ?? a.headerAlign ?? n.style?.align ?? "center");
-    if (a.headerGrid && T.value.ok)
-      for (const n of P(a.headerGrid, a.widthMm, 100).cells)
-        for (let v = n.ci; v < n.ci + (n.cell.colSpan ?? 1); v++) s[v] = n.cell.style?.align ?? "left";
-    return s;
-  }), O = B(() => T.value.ok ? se({ draft: { template: d.value.template, datasets: r.datasets ?? {}, params: [] } }) : void 0);
-  function R() {
-    M++, j?.abort(), j = void 0, p.value = !1;
+  }), m = x(f.value), N = V(() => f.value !== m.value), K = V(() => E.value || f.value !== m.value), G = () => JSON.stringify({ document: u.value, json: f.value, appliedJson: m.value }), j = we(G()), I = ke(() => c.beforeDiscard), r = V(() => b.value || I.pending.value), i = () => !c.readonly && !r.value && !N.value, s = Se(u, () => g.value.ok, i, o), { selected: v, lists: y, activeList: t, headerAlignments: B, setColumn: U } = s;
+  te(v, () => s.clearSelection());
+  const F = V(() => g.value.ok ? be({ draft: { template: u.value.template, datasets: c.datasets ?? {}, params: [] } }) : void 0);
+  function z() {
+    C++, k?.abort(), k = void 0, b.value = !1;
   }
-  $(() => r.modelValue, (a) => {
-    const s = A(a);
+  let W = 0;
+  async function J(p = "replace", O) {
+    if (!K.value) return !0;
+    const M = G();
     try {
-      if (G(s) === G(d.value)) return;
-    } catch {
+      return await I.request({
+        reason: p,
+        document: JSON.parse(JSON.stringify(u.value)),
+        replacement: O ? P(O) : void 0,
+        pendingLocalChanges: !0
+      }) && M === G();
+    } catch ($) {
+      return a.value = $ instanceof Error ? $.message : String($), !1;
     }
-    R(), d.value = s, S.value = G(s), _.value = S.value, w.value = "", u.value = 0;
-  }), ee(R);
-  function c() {
-    w.value = "", T.value.ok && (_.value = G(d.value), N("update:modelValue", A(d.value)));
   }
-  function i(a) {
-    r.readonly || p.value || (d.value.name = a, c());
+  function d(p) {
+    z(), u.value = p, h.value = q(p), f.value = h.value, m.value = f.value, a.value = "", v.value = 0, s.clearSelection(), j.reset(G());
   }
-  function f(a) {
-    r.readonly || p.value || (d.value.description = a, c());
-  }
-  function m(a, s, n) {
-    if (r.readonly || p.value) return;
-    const v = l.value?.columns[a];
-    v && (Object.assign(v, { [s]: s === "widthMm" ? Number(n) : n }), s === "header" && q(a, String(n)), s === "headerAlign" && K(a, n), s === "widthMm" && z(), c());
-  }
-  function z() {
-    const a = x.value[u.value];
-    if (!a) return;
-    const s = a.component, n = d.value.template.pages[a.pageIndex], v = s.columns.map((h) => h.widthMm);
-    s.headerGrid && (s.headerGrid.colWidthsMm = v), n.layout === "wide" && v.every((h) => Number.isFinite(h) && h > 0) && (s.widthMm = v.reduce((h, y) => h + y, 0), n.widthMm = Math.max(...n.components.map((h) => h.leftMm + h.widthMm)) + (n.marginRightMm ?? 0));
+  te(() => c.modelValue, async (p) => {
+    let O;
+    try {
+      O = P(p);
+    } catch ($) {
+      a.value = $ instanceof Error ? $.message : String($);
+      return;
+    }
+    try {
+      if (q(O) === q(u.value)) return;
+    } catch {
+    }
+    const M = ++W;
+    if (z(), !await J("replace", O)) {
+      M === W && g.value.ok && w("update:modelValue", P(u.value));
+      return;
+    }
+    M === W && d(O);
+  }), ae(() => {
+    W++, z();
+  });
+  function o() {
+    I.cancel(), a.value = "", g.value.ok && (f.value = q(u.value), m.value = f.value, w("update:modelValue", P(u.value))), j.record(G());
   }
-  function q(a, s) {
-    const n = l.value;
-    if (!n?.headerGrid) return;
-    const h = P(n.headerGrid, n.widthMm, 100).cells.filter(({ ci: y, cell: V }) => y <= a && y + (V.colSpan ?? 1) > a).slice(-1)[0];
-    h && (Object.assign(h.cell, { text: s, rawText: s, value: s }), n.columns.slice(h.ci, h.ci + (h.cell.colSpan ?? 1)).forEach((y) => {
-      y.header = s;
-    }));
+  function T(p) {
+    i() && (u.value.name = p, o());
   }
-  function K(a, s) {
-    const n = l.value, v = n?.columns[a];
-    if (v?.headerStyle?.align !== void 0 && (v.headerStyle = { ...v.headerStyle, align: s }), !n?.headerGrid) return;
-    const y = P(n.headerGrid, n.widthMm, 100).cells.filter(({ ci: V, cell: Z }) => V <= a && V + (Z.colSpan ?? 1) > a).slice(-1)[0];
-    y && (y.cell.style = { ...y.cell.style, align: s }, n.columns.slice(y.ci, y.ci + (y.cell.colSpan ?? 1)).forEach((V) => {
-      V.headerAlign = s, V.headerStyle?.align !== void 0 && (V.headerStyle = { ...V.headerStyle, align: s });
-    }));
+  function R(p) {
+    i() && (u.value.description = p, o());
   }
-  function Q() {
-    if (!(r.readonly || p.value))
+  function se() {
+    if (!(c.readonly || r.value))
       try {
-        const a = A(_.value);
-        if (a.id !== d.value.id) throw new Error("属性编辑不允许更换模板 ID，请另存为新模板");
-        if (a.revision !== d.value.revision) throw new Error("修订号由保存服务管理，不能在 JSON 中修改");
-        d.value = a, u.value = 0, c();
-      } catch (a) {
-        w.value = a instanceof Error ? a.message : String(a);
+        const p = P(f.value);
+        if (p.id !== u.value.id) throw new Error("属性编辑不允许更换模板 ID，请另存为新模板");
+        if (p.revision !== u.value.revision) throw new Error("修订号由保存服务管理，不能在 JSON 中修改");
+        u.value = p, v.value = 0, s.clearSelection(), o();
+      } catch (p) {
+        a.value = p instanceof Error ? p.message : String(p);
       }
   }
-  function X() {
-    p.value || r.readonly || (d.value = A(S.value), _.value = S.value, w.value = "", N("update:modelValue", A(d.value)));
+  async function ie() {
+    r.value || c.readonly || !await J("reset") || (d(P(h.value)), w("update:modelValue", P(u.value)));
+  }
+  function ne(p) {
+    if (r.value || c.readonly) return;
+    j.record(G());
+    const O = j.move(p);
+    if (!O) return;
+    I.cancel();
+    const M = JSON.parse(O);
+    u.value = M.document, f.value = M.json, m.value = M.appliedJson, a.value = "", v.value = 0, s.clearSelection(), g.value.ok && w("update:modelValue", P(u.value));
   }
-  async function Y() {
-    if (!r.save || r.readonly || p.value || !T.value.ok) return;
-    const a = ++M;
-    j = new AbortController(), p.value = !0, w.value = "";
-    const s = A(d.value);
+  async function re() {
+    if (!c.save || !i() || !g.value.ok) return;
+    const p = ++C;
+    k = new AbortController(), b.value = !0, a.value = "";
+    const O = P(u.value);
     try {
-      const n = A(await r.save(s, { expectedRevision: s.revision, signal: j.signal }));
-      if (a !== M) return;
-      if (n.id !== s.id) throw new Error("保存服务返回了其他模板的文档");
-      d.value = n, S.value = G(n), _.value = S.value, N("saved", A(n)), N("update:modelValue", A(n));
-    } catch (n) {
-      a === M && (w.value = n instanceof Error ? n.message : String(n));
+      const M = P(await c.save(O, { expectedRevision: O.revision, signal: k.signal }));
+      if (p !== C) return;
+      if (M.id !== O.id) throw new Error("保存服务返回了其他模板的文档");
+      u.value = M, h.value = q(M), f.value = h.value, m.value = f.value, j.reset(G()), w("saved", P(M)), w("update:modelValue", P(M));
+    } catch (M) {
+      p === C && (a.value = M instanceof Error ? M.message : String(M));
     } finally {
-      a === M && (p.value = !1, j = void 0);
+      p === C && (b.value = !1, k = void 0);
     }
   }
-  return { draft: d, json: _, selected: u, error: w, saving: p, dirty: J, validation: T, lists: x, activeList: l, headerAlignments: E, previewOptions: k, fetcher: O, messages: D, setName: i, setDescription: f, setColumn: m, applyJson: Q, reset: X, save: Y };
+  const ue = V(() => j.canUndo.value || G() !== j.current.value), de = V(() => j.canRedo.value && G() === j.current.value);
+  return { ...s, canUndo: ue, canRedo: de, undo: () => ne(-1), redo: () => ne(1), pendingLocalChanges: K, jsonPending: N, blocked: r, confirmation: I.confirmation, decideDiscard: I.decide, guardChanges: J, draft: u, json: f, selected: v, error: a, saving: b, dirty: E, validation: g, lists: y, activeList: t, headerAlignments: B, previewOptions: _, fetcher: F, messages: L, setName: T, setDescription: R, setColumn: U, applyJson: se, reset: ie, save: re };
 }
-const ve = ["aria-label"], he = { class: "mr-designer-bar" }, fe = { key: 0 }, me = ["disabled"], ge = ["disabled"], pe = { class: "mr-designer-body" }, be = { class: "mr-designer-panel" }, ye = ["value", "disabled"], _e = ["value", "disabled"], we = { key: 0 }, ke = ["value"], Ce = {
+const Te = ["aria-label"], Re = { class: "mr-designer-bar" }, Ve = { key: 0 }, De = ["disabled"], Be = ["disabled"], Je = ["disabled"], Oe = ["disabled"], Le = ["aria-label"], Ne = { class: "mr-designer-body" }, Ge = { class: "mr-designer-panel" }, Pe = ["value", "disabled"], xe = ["value", "disabled"], Ie = { key: 0 }, Fe = ["value"], He = {
   key: 1,
   class: "mr-designer-columns"
-}, Se = ["disabled"], Me = ["value", "onInput"], Ee = ["value", "onChange"], Ae = ["value", "onChange"], je = ["value", "onChange"], Re = { value: "identifier" }, Ve = { value: "dimension" }, Te = { value: "measure" }, Be = { value: "date" }, Ge = { value: "text" }, Ne = ["value", "onChange"], xe = { value: "auto" }, Ie = { value: "left" }, Fe = { value: "center" }, Je = { value: "right" }, De = { value: "justify" }, Oe = ["value", "onChange"], Le = { value: "left" }, He = { value: "center" }, Pe = { value: "right" }, Ue = { value: "justify" }, We = { class: "mr-designer-toggle" }, ze = ["checked", "onChange"], qe = ["aria-label", "disabled"], Ke = ["disabled"], Qe = { class: "mr-designer-note" }, Xe = { class: "mr-designer-preview" }, Ye = {
+}, Ue = { class: "mr-designer-column-tools" }, $e = ["disabled"], qe = ["disabled"], We = { role: "status" }, Ke = {
+  key: 0,
+  class: "mr-designer-batch"
+}, ze = ["aria-label", "disabled"], Qe = { value: "" }, Xe = { value: "auto" }, Ye = { value: "left" }, Ze = { value: "center" }, et = { value: "right" }, tt = { value: "justify" }, nt = ["aria-label", "disabled"], lt = { value: "" }, ot = { value: "left" }, at = { value: "center" }, st = { value: "right" }, it = { value: "justify" }, rt = {
+  key: 1,
+  role: "status"
+}, ut = ["disabled"], dt = { class: "mr-designer-select-column" }, ct = ["checked", "onChange"], vt = ["value", "onInput"], ft = ["value", "onChange"], ht = ["value", "onChange"], mt = ["value", "onChange"], gt = { value: "identifier" }, pt = { value: "dimension" }, bt = { value: "measure" }, yt = { value: "date" }, _t = { value: "text" }, Ct = ["value", "onChange"], St = { value: "auto" }, wt = { value: "left" }, kt = { value: "center" }, Et = { value: "right" }, Mt = { value: "justify" }, At = ["value", "onChange"], jt = { value: "left" }, Tt = { value: "center" }, Rt = { value: "right" }, Vt = { value: "justify" }, Dt = { class: "mr-designer-toggle" }, Bt = ["checked", "onChange"], Jt = ["aria-label", "disabled"], Ot = ["disabled"], Lt = {
+  key: 2,
+  role: "status",
+  class: "mr-designer-note"
+}, Nt = { class: "mr-designer-note" }, Gt = { class: "mr-designer-preview" }, Pt = {
   key: 0,
   role: "alert",
   class: "mr-designer-error"
-}, Ze = {
+}, xt = {
   key: 1,
   role: "alert",
   class: "mr-designer-error"
-}, $e = {
+}, It = {
   key: 3,
   class: "mr-designer-note"
-}, et = /* @__PURE__ */ te({
+}, Ft = /* @__PURE__ */ ve({
   __name: "ReportTemplateEditor",
   props: {
     modelValue: {},
@@ -176,197 +324,305 @@ const ve = ["aria-label"], he = { class: "mr-designer-bar" }, fe = { key: 0 }, m
     readonly: { type: Boolean },
     messages: {},
     preview: {},
+    beforeDiscard: { type: Function },
     save: { type: Function }
   },
   emits: ["update:modelValue", "saved"],
-  setup(r, { emit: N }) {
-    const d = r, S = N, u = ce(d, (R, c) => {
-      S(R === "saved" ? "saved" : "update:modelValue", c);
-    }), { draft: _, json: w, selected: p, error: D, saving: k, dirty: j, validation: M, lists: T, activeList: J, fetcher: x, messages: l } = u;
-    function E(R) {
-      return R.target.value;
+  setup(c, { expose: w, emit: u }) {
+    const h = c, f = u, a = je(h, (J, d) => {
+      f(J === "saved" ? "saved" : "update:modelValue", d);
+    }), { draft: b, json: L, selected: _, error: k, saving: C, pendingLocalChanges: g, jsonPending: E, blocked: m, confirmation: N, canUndo: K, canRedo: G, validation: j, lists: I, activeList: r, visibleColumns: i, query: s, selectedColumns: v, fetcher: y, messages: t } = a, B = x(null);
+    let U = null;
+    te(N, async (J) => {
+      J ? (U = document.activeElement, await le(), B.value?.focus()) : (await le(), U?.isConnected && U.focus(), U = null);
+    }), w({ get pendingLocalChanges() {
+      return g.value;
+    }, guardChanges: a.guardChanges, reset: a.reset, save: a.save });
+    function F(J) {
+      return J.target.value;
     }
-    function O(R) {
-      return R.target.checked;
+    function z(J) {
+      return J.target.checked;
     }
-    return (R, c) => (g(), b("section", {
+    function W(J, d) {
+      const o = J.target;
+      a.alignColumns(d, o.value), o.value = "";
+    }
+    return (J, d) => (S(), A("section", {
       class: "mr-designer",
-      "aria-label": e(l).title
+      "aria-label": e(t).title
     }, [
-      t("header", he, [
-        t("div", null, [
-          t("strong", null, o(e(l).heading), 1),
-          t("span", null, [
-            C(o(e(_).id) + " · " + o(e(_).revision || e(l).unpublished), 1),
-            e(j) ? (g(), b("b", fe, " · " + o(e(l).dirty), 1)) : F("", !0)
+      n("header", Re, [
+        n("div", null, [
+          n("strong", null, l(e(t).heading), 1),
+          n("span", null, [
+            D(l(e(b).id) + " · " + l(e(b).revision || e(t).unpublished), 1),
+            e(g) ? (S(), A("b", Ve, " · " + l(e(t).dirty), 1)) : H("", !0)
           ])
         ]),
-        t("div", null, [
-          t("button", {
+        n("div", null, [
+          n("button", {
+            type: "button",
+            disabled: c.readonly || e(m) || !e(K),
+            onClick: d[0] || (d[0] = //@ts-ignore
+            (...o) => e(a).undo && e(a).undo(...o))
+          }, l(e(t).undo), 9, De),
+          n("button", {
             type: "button",
-            disabled: r.readonly || e(k) || !e(j),
-            onClick: c[0] || (c[0] = //@ts-ignore
-            (...i) => e(u).reset && e(u).reset(...i))
-          }, o(e(l).reset), 9, me),
-          r.save ? (g(), b("button", {
+            disabled: c.readonly || e(m) || !e(G),
+            onClick: d[1] || (d[1] = //@ts-ignore
+            (...o) => e(a).redo && e(a).redo(...o))
+          }, l(e(t).redo), 9, Be),
+          n("button", {
+            type: "button",
+            disabled: c.readonly || e(m) || !e(g),
+            onClick: d[2] || (d[2] = //@ts-ignore
+            (...o) => e(a).reset && e(a).reset(...o))
+          }, l(e(t).reset), 9, Je),
+          c.save ? (S(), A("button", {
             key: 0,
             type: "button",
-            disabled: r.readonly || e(k) || !e(M).ok || !e(j),
-            onClick: c[1] || (c[1] = //@ts-ignore
-            (...i) => e(u).save && e(u).save(...i))
-          }, o(e(k) ? e(l).saving : e(l).save), 9, ge)) : F("", !0)
+            disabled: c.readonly || e(m) || e(E) || !e(j).ok || !e(g),
+            onClick: d[3] || (d[3] = //@ts-ignore
+            (...o) => e(a).save && e(a).save(...o))
+          }, l(e(C) ? e(t).saving : e(t).save), 9, Oe)) : H("", !0)
         ])
       ]),
-      t("div", pe, [
-        t("aside", be, [
-          t("label", null, [
-            C(o(e(l).name), 1),
-            t("input", {
-              value: e(_).name,
-              disabled: r.readonly || e(k),
-              onInput: c[2] || (c[2] = (i) => e(u).setName(E(i)))
-            }, null, 40, ye)
+      e(N) ? (S(), A("div", {
+        key: 0,
+        role: "alertdialog",
+        "aria-label": e(t).discardTitle,
+        class: "mr-designer-confirm",
+        onKeydown: d[6] || (d[6] = fe(he((o) => e(a).decideDiscard(!1), ["prevent"]), ["esc"]))
+      }, [
+        n("strong", null, l(e(t).discardTitle), 1),
+        n("p", null, l(e(t).discardDescription), 1),
+        n("button", {
+          ref_key: "keepButton",
+          ref: B,
+          type: "button",
+          onClick: d[4] || (d[4] = (o) => e(a).decideDiscard(!1))
+        }, l(e(t).keepEditing), 513),
+        n("button", {
+          type: "button",
+          onClick: d[5] || (d[5] = (o) => e(a).decideDiscard(!0))
+        }, l(e(t).discard), 1)
+      ], 40, Le)) : H("", !0),
+      n("div", Ne, [
+        n("aside", Ge, [
+          n("label", null, [
+            D(l(e(t).name), 1),
+            n("input", {
+              value: e(b).name,
+              disabled: c.readonly || e(m) || e(E),
+              onInput: d[7] || (d[7] = (o) => e(a).setName(F(o)))
+            }, null, 40, Pe)
           ]),
-          t("label", null, [
-            C(o(e(l).description), 1),
-            t("textarea", {
-              value: e(_).description,
-              disabled: r.readonly || e(k),
-              onInput: c[3] || (c[3] = (i) => e(u).setDescription(E(i)))
-            }, null, 40, _e)
+          n("label", null, [
+            D(l(e(t).description), 1),
+            n("textarea", {
+              value: e(b).description,
+              disabled: c.readonly || e(m) || e(E),
+              onInput: d[8] || (d[8] = (o) => e(a).setDescription(F(o)))
+            }, null, 40, xe)
           ]),
-          e(T).length ? (g(), b("label", we, [
-            C(o(e(l).area), 1),
-            U(t("select", {
-              "onUpdate:modelValue": c[4] || (c[4] = (i) => W(p) ? p.value = i : null)
+          e(I).length ? (S(), A("label", Ie, [
+            D(l(e(t).area), 1),
+            Q(n("select", {
+              "onUpdate:modelValue": d[9] || (d[9] = (o) => X(_) ? _.value = o : null)
             }, [
-              (g(!0), b(L, null, H(e(T), (i, f) => (g(), b("option", {
-                key: f,
-                value: f
-              }, o(i.pageIndex + 1) + " " + o(e(l).page) + " · " + o(i.component.title || i.component.dataset), 9, ke))), 128))
+              (S(!0), A(Y, null, Z(e(I), (o, T) => (S(), A("option", {
+                key: T,
+                value: T
+              }, l(o.pageIndex + 1) + " " + l(e(t).page) + " · " + l(o.component.title || o.component.dataset), 9, Fe))), 128))
             ], 512), [
-              [le, e(p)]
+              [me, e(_)]
             ])
-          ])) : F("", !0),
-          e(J) ? (g(), b("div", Ce, [
-            (g(!0), b(L, null, H(e(J).columns, (i, f) => (g(), b("fieldset", {
-              key: f,
-              disabled: r.readonly || e(k)
+          ])) : H("", !0),
+          e(r) ? (S(), A("div", He, [
+            n("label", null, [
+              D(l(e(t).columnsSearch), 1),
+              Q(n("input", {
+                "onUpdate:modelValue": d[10] || (d[10] = (o) => X(s) ? s.value = o : null),
+                type: "search"
+              }, null, 512), [
+                [oe, e(s)]
+              ])
+            ]),
+            n("div", Ue, [
+              n("button", {
+                type: "button",
+                disabled: c.readonly || e(m) || e(E) || !e(i).length,
+                onClick: d[11] || (d[11] = (o) => e(a).selectVisible(!0))
+              }, l(e(t).selectVisible), 9, $e),
+              n("button", {
+                type: "button",
+                disabled: !e(v).length,
+                onClick: d[12] || (d[12] = //@ts-ignore
+                (...o) => e(a).clearSelection && e(a).clearSelection(...o))
+              }, l(e(t).clearSelection), 9, qe),
+              n("span", We, l(e(t).columnsSelected) + " " + l(e(v).length) + " / " + l(e(r).columns.length), 1)
+            ]),
+            e(v).length ? (S(), A("div", Ke, [
+              n("label", null, [
+                D(l(e(t).batchBody), 1),
+                n("select", {
+                  "aria-label": e(t).batchBody,
+                  disabled: c.readonly || e(m) || e(E),
+                  onChange: d[13] || (d[13] = (o) => W(o, "align"))
+                }, [
+                  n("option", Qe, l(e(t).chooseAlignment), 1),
+                  n("option", Xe, l(e(t).auto), 1),
+                  n("option", Ye, l(e(t).left), 1),
+                  n("option", Ze, l(e(t).center), 1),
+                  n("option", et, l(e(t).right), 1),
+                  n("option", tt, l(e(t).justify), 1)
+                ], 40, ze)
+              ]),
+              n("label", null, [
+                D(l(e(t).batchHeader), 1),
+                n("select", {
+                  "aria-label": e(t).batchHeader,
+                  disabled: c.readonly || e(m) || e(E),
+                  onChange: d[14] || (d[14] = (o) => W(o, "headerAlign"))
+                }, [
+                  n("option", lt, l(e(t).chooseAlignment), 1),
+                  n("option", ot, l(e(t).left), 1),
+                  n("option", at, l(e(t).center), 1),
+                  n("option", st, l(e(t).right), 1),
+                  n("option", it, l(e(t).justify), 1)
+                ], 40, nt)
+              ])
+            ])) : H("", !0),
+            e(i).length ? H("", !0) : (S(), A("p", rt, l(e(t).noColumns), 1)),
+            (S(!0), A(Y, null, Z(e(i), ({ column: o, index: T }) => (S(), A("fieldset", {
+              key: T,
+              disabled: c.readonly || e(m) || e(E)
             }, [
-              t("legend", null, o(f + 1) + " · " + o(i.header), 1),
-              t("label", null, [
-                C(o(e(l).header), 1),
-                t("input", {
-                  value: i.header,
-                  onInput: (m) => e(u).setColumn(f, "header", E(m))
-                }, null, 40, Me)
+              n("legend", null, [
+                n("label", dt, [
+                  n("input", {
+                    type: "checkbox",
+                    checked: e(v).includes(T),
+                    onChange: (R) => e(a).toggleColumn(T, z(R))
+                  }, null, 40, ct),
+                  D(l(T + 1) + " · " + l(o.header), 1)
+                ])
+              ]),
+              n("label", null, [
+                D(l(e(t).header), 1),
+                n("input", {
+                  value: o.header,
+                  onInput: (R) => e(a).setColumn(T, "header", F(R))
+                }, null, 40, vt)
               ]),
-              t("label", null, [
-                C(o(e(l).field), 1),
-                t("input", {
-                  value: i.field,
-                  onChange: (m) => e(u).setColumn(f, "field", E(m))
-                }, null, 40, Ee)
+              n("label", null, [
+                D(l(e(t).field), 1),
+                n("input", {
+                  value: o.field,
+                  onChange: (R) => e(a).setColumn(T, "field", F(R))
+                }, null, 40, ft)
               ]),
-              t("label", null, [
-                C(o(e(l).width), 1),
-                t("input", {
+              n("label", null, [
+                D(l(e(t).width), 1),
+                n("input", {
                   type: "number",
                   min: "0.1",
                   step: "0.5",
-                  value: i.widthMm,
-                  onChange: (m) => e(u).setColumn(f, "widthMm", E(m))
-                }, null, 40, Ae)
+                  value: o.widthMm,
+                  onChange: (R) => e(a).setColumn(T, "widthMm", F(R))
+                }, null, 40, ht)
               ]),
-              t("label", null, [
-                C(o(e(l).semantic), 1),
-                t("select", {
-                  value: i.semanticRole || "text",
-                  onChange: (m) => e(u).setColumn(f, "semanticRole", E(m))
+              n("label", null, [
+                D(l(e(t).semantic), 1),
+                n("select", {
+                  value: o.semanticRole || "text",
+                  onChange: (R) => e(a).setColumn(T, "semanticRole", F(R))
                 }, [
-                  t("option", Re, o(e(l).identifier), 1),
-                  t("option", Ve, o(e(l).dimension), 1),
-                  t("option", Te, o(e(l).measure), 1),
-                  t("option", Be, o(e(l).date), 1),
-                  t("option", Ge, o(e(l).text), 1)
-                ], 40, je)
+                  n("option", gt, l(e(t).identifier), 1),
+                  n("option", pt, l(e(t).dimension), 1),
+                  n("option", bt, l(e(t).measure), 1),
+                  n("option", yt, l(e(t).date), 1),
+                  n("option", _t, l(e(t).text), 1)
+                ], 40, mt)
               ]),
-              t("label", null, [
-                C(o(e(l).bodyAlign), 1),
-                t("select", {
-                  value: i.align ?? i.style?.align ?? e(J).align ?? "left",
-                  onChange: (m) => e(u).setColumn(f, "align", E(m))
+              n("label", null, [
+                D(l(e(t).bodyAlign), 1),
+                n("select", {
+                  value: o.align ?? o.style?.align ?? e(r).align ?? "left",
+                  onChange: (R) => e(a).setColumn(T, "align", F(R))
                 }, [
-                  t("option", xe, o(e(l).auto), 1),
-                  t("option", Ie, o(e(l).left), 1),
-                  t("option", Fe, o(e(l).center), 1),
-                  t("option", Je, o(e(l).right), 1),
-                  t("option", De, o(e(l).justify), 1)
-                ], 40, Ne)
+                  n("option", St, l(e(t).auto), 1),
+                  n("option", wt, l(e(t).left), 1),
+                  n("option", kt, l(e(t).center), 1),
+                  n("option", Et, l(e(t).right), 1),
+                  n("option", Mt, l(e(t).justify), 1)
+                ], 40, Ct)
               ]),
-              t("label", null, [
-                C(o(e(l).headerAlign), 1),
-                t("select", {
-                  value: e(u).headerAlignments.value[f],
-                  onChange: (m) => e(u).setColumn(f, "headerAlign", E(m))
+              n("label", null, [
+                D(l(e(t).headerAlign), 1),
+                n("select", {
+                  value: e(a).headerAlignments.value[T],
+                  onChange: (R) => e(a).setColumn(T, "headerAlign", F(R))
                 }, [
-                  t("option", Le, o(e(l).left), 1),
-                  t("option", He, o(e(l).center), 1),
-                  t("option", Pe, o(e(l).right), 1),
-                  t("option", Ue, o(e(l).justify), 1)
-                ], 40, Oe)
+                  n("option", jt, l(e(t).left), 1),
+                  n("option", Tt, l(e(t).center), 1),
+                  n("option", Rt, l(e(t).right), 1),
+                  n("option", Vt, l(e(t).justify), 1)
+                ], 40, At)
               ]),
-              t("label", We, [
-                C(o(e(l).editable), 1),
-                t("input", {
+              n("label", Dt, [
+                D(l(e(t).editable), 1),
+                n("input", {
                   type: "checkbox",
-                  checked: i.editable === !0,
-                  onChange: (m) => e(u).setColumn(f, "editable", O(m))
-                }, null, 40, ze)
+                  checked: o.editable === !0,
+                  onChange: (R) => e(a).setColumn(T, "editable", z(R))
+                }, null, 40, Bt)
               ])
-            ], 8, Se))), 128))
-          ])) : F("", !0),
-          t("details", null, [
-            t("summary", null, o(e(l).json), 1),
-            U(t("textarea", {
-              "onUpdate:modelValue": c[5] || (c[5] = (i) => W(w) ? w.value = i : null),
+            ], 8, ut))), 128))
+          ])) : H("", !0),
+          n("details", null, [
+            n("summary", null, l(e(t).json), 1),
+            Q(n("textarea", {
+              "onUpdate:modelValue": d[15] || (d[15] = (o) => X(L) ? L.value = o : null),
               class: "mr-designer-json",
-              "aria-label": e(l).json,
-              disabled: r.readonly || e(k),
+              "aria-label": e(t).json,
+              disabled: c.readonly || e(m),
               spellcheck: "false"
-            }, null, 8, qe), [
-              [ae, e(w)]
+            }, null, 8, Jt), [
+              [oe, e(L)]
             ]),
-            t("button", {
+            n("button", {
               type: "button",
-              disabled: r.readonly || e(k),
-              onClick: c[6] || (c[6] = //@ts-ignore
-              (...i) => e(u).applyJson && e(u).applyJson(...i))
-            }, o(e(l).applyJson), 9, Ke)
+              disabled: c.readonly || e(m),
+              onClick: d[16] || (d[16] = //@ts-ignore
+              (...o) => e(a).applyJson && e(a).applyJson(...o))
+            }, l(e(t).applyJson), 9, Ot)
           ]),
-          t("p", Qe, o(e(l).note), 1)
+          e(E) ? (S(), A("p", Lt, l(e(t).jsonPending), 1)) : H("", !0),
+          n("p", Nt, l(e(t).note), 1)
         ]),
-        t("div", Xe, [
-          e(D) ? (g(), b("div", Ye, o(e(D)), 1)) : F("", !0),
-          e(M).ok ? F("", !0) : (g(), b("ul", Ze, [
-            (g(!0), b(L, null, H(e(M).errors, (i) => (g(), b("li", {
-              key: i.path
-            }, o(i.path) + "：" + o(i.message), 1))), 128))
+        n("div", Gt, [
+          e(k) ? (S(), A("div", Pt, l(e(k)), 1)) : H("", !0),
+          e(j).ok ? H("", !0) : (S(), A("ul", xt, [
+            (S(!0), A(Y, null, Z(e(j).errors, (o) => (S(), A("li", {
+              key: o.path
+            }, l(o.path) + "：" + l(o.message), 1))), 128))
           ])),
-          e(x) && e(M).ok ? (g(), ne(e(ie), {
+          e(y) && e(j).ok ? (S(), ge(e(ye), {
             key: 2,
             "report-id": "draft",
-            fetcher: e(x),
+            fetcher: e(y),
             "show-params": !1,
             editable: !1,
             "excel-import": !1
-          }, null, 8, ["fetcher"])) : (g(), b("p", $e, o(e(l).invalid), 1))
+          }, null, 8, ["fetcher"])) : (S(), A("p", It, l(e(t).invalid), 1))
         ])
       ])
-    ], 8, ve));
+    ], 8, Te));
   }
-}), ot = /* @__PURE__ */ de(et, [["__scopeId", "data-v-5c39594b"]]);
+}), Wt = /* @__PURE__ */ Ce(Ft, [["__scopeId", "data-v-e2d0e1d5"]]);
 export {
-  ot as ReportTemplateEditor,
-  ue as TEMPLATE_EDITOR_MESSAGES
+  Wt as ReportTemplateEditor,
+  Ae as TEMPLATE_EDITOR_MESSAGES
 };