@agile-team/mach-report 2.5.0 → 2.7.0

package/dist/designer.js

@@ -0,0 +1,628 @@
+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: "未发布",
+  dirty: "有未保存修改",
+  reset: "恢复草稿",
+  saving: "正在保存…",
+  save: "保存草稿",
+  name: "模板名称",
+  description: "说明",
+  area: "明细区域",
+  page: "页",
+  header: "表头",
+  field: "业务字段",
+  width: "列宽（mm）",
+  semantic: "字段语义",
+  identifier: "编号",
+  dimension: "分类",
+  measure: "数值",
+  date: "日期",
+  text: "文本",
+  bodyAlign: "正文对齐",
+  headerAlign: "表头对齐",
+  auto: "按字段语义",
+  left: "居左",
+  center: "居中",
+  right: "居右",
+  justify: "两端对齐",
+  editable: "允许编辑",
+  json: "完整模板 JSON",
+  applyJson: "校验并应用 JSON",
+  note: "字段映射应与数据源契约一致。此编辑器维护模板属性；保存由接入方提供的版本服务处理。",
+  invalid: "请先修正模板错误，再预览或保存。"
+}, 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,
+    ...c.preview,
+    theme: {
+      shellBg: "#f1f5f9",
+      shellFg: "#334155",
+      toolbarBg: "#ffffff",
+      toolbarBorder: "#e2e8f0",
+      toolbarFg: "#334155",
+      btnFg: "#475569",
+      btnBorder: "#cbd5e1",
+      btnHoverBg: "#eff6ff",
+      btnHoverFg: "#1d4ed8",
+      btnActiveBg: "#2563eb",
+      ...c.preview?.theme
+    }
+  }));
+  pe({ get defaults() {
+    return _.value;
+  } });
+  let k, C = 0;
+  const g = V(() => _e(u.value)), E = V(() => {
+    try {
+      return q(u.value) !== h.value;
+    } catch {
+      return !0;
+    }
+  }), 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;
+  }
+  let W = 0;
+  async function J(p = "replace", O) {
+    if (!K.value) return !0;
+    const M = G();
+    try {
+      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;
+    }
+  }
+  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());
+  }
+  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 T(p) {
+    i() && (u.value.name = p, o());
+  }
+  function R(p) {
+    i() && (u.value.description = p, o());
+  }
+  function se() {
+    if (!(c.readonly || r.value))
+      try {
+        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);
+      }
+  }
+  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 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 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 {
+      p === C && (b.value = !1, k = void 0);
+    }
+  }
+  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 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"
+}, 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"
+}, xt = {
+  key: 1,
+  role: "alert",
+  class: "mr-designer-error"
+}, It = {
+  key: 3,
+  class: "mr-designer-note"
+}, Ft = /* @__PURE__ */ ve({
+  __name: "ReportTemplateEditor",
+  props: {
+    modelValue: {},
+    datasets: {},
+    readonly: { type: Boolean },
+    messages: {},
+    preview: {},
+    beforeDiscard: { type: Function },
+    save: { type: Function }
+  },
+  emits: ["update:modelValue", "saved"],
+  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 z(J) {
+      return J.target.checked;
+    }
+    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(t).title
+    }, [
+      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)
+          ])
+        ]),
+        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: 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: 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)
+        ])
+      ]),
+      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)
+          ]),
+          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(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)
+            }, [
+              (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), [
+              [me, e(_)]
+            ])
+          ])) : 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)
+            }, [
+              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)
+              ]),
+              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)
+              ]),
+              n("label", null, [
+                D(l(e(t).width), 1),
+                n("input", {
+                  type: "number",
+                  min: "0.1",
+                  step: "0.5",
+                  value: o.widthMm,
+                  onChange: (R) => e(a).setColumn(T, "widthMm", F(R))
+                }, null, 40, ht)
+              ]),
+              n("label", null, [
+                D(l(e(t).semantic), 1),
+                n("select", {
+                  value: o.semanticRole || "text",
+                  onChange: (R) => e(a).setColumn(T, "semanticRole", F(R))
+                }, [
+                  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)
+              ]),
+              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))
+                }, [
+                  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)
+              ]),
+              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))
+                }, [
+                  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)
+              ]),
+              n("label", Dt, [
+                D(l(e(t).editable), 1),
+                n("input", {
+                  type: "checkbox",
+                  checked: o.editable === !0,
+                  onChange: (R) => e(a).setColumn(T, "editable", z(R))
+                }, null, 40, Bt)
+              ])
+            ], 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(t).json,
+              disabled: c.readonly || e(m),
+              spellcheck: "false"
+            }, null, 8, Jt), [
+              [oe, e(L)]
+            ]),
+            n("button", {
+              type: "button",
+              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)
+          ]),
+          e(E) ? (S(), A("p", Lt, l(e(t).jsonPending), 1)) : H("", !0),
+          n("p", Nt, l(e(t).note), 1)
+        ]),
+        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(y) && e(j).ok ? (S(), ge(e(ye), {
+            key: 2,
+            "report-id": "draft",
+            fetcher: e(y),
+            "show-params": !1,
+            editable: !1,
+            "excel-import": !1
+          }, null, 8, ["fetcher"])) : (S(), A("p", It, l(e(t).invalid), 1))
+        ])
+      ])
+    ], 8, Te));
+  }
+}), Wt = /* @__PURE__ */ Ce(Ft, [["__scopeId", "data-v-e2d0e1d5"]]);
+export {
+  Wt as ReportTemplateEditor,
+  Ae as TEMPLATE_EDITOR_MESSAGES
+};