@agile-team/mach-report 2.5.0 → 2.6.1

package/dist/designer.js

@@ -0,0 +1,372 @@
+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 = {
+  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: "请先修正模板错误，再预览或保存。"
+};
+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(() => ({
+    showExport: !1,
+    showPrint: !1,
+    showPdfWindow: !1,
+    ...r.preview,
+    theme: {
+      shellBg: "#f1f5f9",
+      shellFg: "#334155",
+      toolbarBg: "#ffffff",
+      toolbarBorder: "#e2e8f0",
+      toolbarFg: "#334155",
+      btnFg: "#475569",
+      btnBorder: "#cbd5e1",
+      btnHoverBg: "#eff6ff",
+      btnHoverFg: "#1d4ed8",
+      btnActiveBg: "#2563eb",
+      ...r.preview?.theme
+    }
+  }));
+  oe({ get defaults() {
+    return k.value;
+  } });
+  let j, M = 0;
+  const T = B(() => re(d.value)), J = B(() => {
+    try {
+      return G(d.value) !== S.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;
+  }
+  $(() => r.modelValue, (a) => {
+    const s = A(a);
+    try {
+      if (G(s) === G(d.value)) return;
+    } catch {
+    }
+    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 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));
+  }
+  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 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 Q() {
+    if (!(r.readonly || p.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);
+      }
+  }
+  function X() {
+    p.value || r.readonly || (d.value = A(S.value), _.value = S.value, w.value = "", N("update:modelValue", A(d.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);
+    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));
+    } finally {
+      a === M && (p.value = !1, j = 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 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 = {
+  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 = {
+  key: 0,
+  role: "alert",
+  class: "mr-designer-error"
+}, Ze = {
+  key: 1,
+  role: "alert",
+  class: "mr-designer-error"
+}, $e = {
+  key: 3,
+  class: "mr-designer-note"
+}, et = /* @__PURE__ */ te({
+  __name: "ReportTemplateEditor",
+  props: {
+    modelValue: {},
+    datasets: {},
+    readonly: { type: Boolean },
+    messages: {},
+    preview: {},
+    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;
+    }
+    function O(R) {
+      return R.target.checked;
+    }
+    return (R, c) => (g(), b("section", {
+      class: "mr-designer",
+      "aria-label": e(l).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)
+          ])
+        ]),
+        t("div", null, [
+          t("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", {
+            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)
+        ])
+      ]),
+      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)
+          ]),
+          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)
+          ]),
+          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)
+            }, [
+              (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))
+            ], 512), [
+              [le, e(p)]
+            ])
+          ])) : 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)
+            }, [
+              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)
+              ]),
+              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)
+              ]),
+              t("label", null, [
+                C(o(e(l).width), 1),
+                t("input", {
+                  type: "number",
+                  min: "0.1",
+                  step: "0.5",
+                  value: i.widthMm,
+                  onChange: (m) => e(u).setColumn(f, "widthMm", E(m))
+                }, null, 40, Ae)
+              ]),
+              t("label", null, [
+                C(o(e(l).semantic), 1),
+                t("select", {
+                  value: i.semanticRole || "text",
+                  onChange: (m) => e(u).setColumn(f, "semanticRole", E(m))
+                }, [
+                  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)
+              ]),
+              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))
+                }, [
+                  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)
+              ]),
+              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))
+                }, [
+                  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)
+              ]),
+              t("label", We, [
+                C(o(e(l).editable), 1),
+                t("input", {
+                  type: "checkbox",
+                  checked: i.editable === !0,
+                  onChange: (m) => e(u).setColumn(f, "editable", O(m))
+                }, null, 40, ze)
+              ])
+            ], 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),
+              class: "mr-designer-json",
+              "aria-label": e(l).json,
+              disabled: r.readonly || e(k),
+              spellcheck: "false"
+            }, null, 8, qe), [
+              [ae, e(w)]
+            ]),
+            t("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)
+          ]),
+          t("p", Qe, o(e(l).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))
+          ])),
+          e(x) && e(M).ok ? (g(), ne(e(ie), {
+            key: 2,
+            "report-id": "draft",
+            fetcher: e(x),
+            "show-params": !1,
+            editable: !1,
+            "excel-import": !1
+          }, null, 8, ["fetcher"])) : (g(), b("p", $e, o(e(l).invalid), 1))
+        ])
+      ])
+    ], 8, ve));
+  }
+}), ot = /* @__PURE__ */ de(et, [["__scopeId", "data-v-5c39594b"]]);
+export {
+  ot as ReportTemplateEditor,
+  ue as TEMPLATE_EDITOR_MESSAGES
+};

package/dist/grid-geometry-BNptEcMm.js

@@ -0,0 +1,65 @@
+function W(s, p) {
+  const i = s.length;
+  if (i === 0) return [];
+  const d = s.reduce((c, r) => c + r, 0), a = d > 0 && p > 0 ? p / d : 1, e = [];
+  let f = 0;
+  for (let c = 0; c < i; c++) {
+    const r = Math.max(0, s[c] * a);
+    e.push({ pos: f, size: r }), f += r;
+  }
+  return e;
+}
+function C(s, p, i) {
+  return s?.length ? W(s, p) : Array.from({ length: i }, (d, a) => ({
+    pos: p * a / i,
+    size: p / i
+  }));
+}
+function b(s, p, i) {
+  const d = s.cells ?? [], a = Math.max(d.length, 1), e = s.colWidthsMm?.length ?? Math.max(1, ...d.map((t) => Array.isArray(t) ? t.length : 0)), f = C(s.colWidthsMm, p, e), c = (t) => t <= 0 ? 0 : t >= e ? f[f.length - 1].pos + f[f.length - 1].size : f[t].pos, r = C(s.rowHeightsMm, i, a), m = (t) => t <= 0 ? 0 : t >= a ? r[r.length - 1].pos + r[r.length - 1].size : r[t].pos, M = /* @__PURE__ */ new Set(), S = (t, n) => `${t}:${n}`, x = [], v = /* @__PURE__ */ new Set(), A = /* @__PURE__ */ new Set(), $ = (t, n) => `v${t}:${n}`, k = (t, n) => `h${t}:${n}`;
+  d.forEach((t, n) => {
+    if (!Array.isArray(t)) return;
+    let o = 0;
+    for (const u of t) {
+      for (; o < e && M.has(S(n, o)); ) o++;
+      if (o >= e) break;
+      const K = Math.max(1, Math.min(u?.colSpan ?? 1, e - o)), P = Math.max(1, u?.rowSpan ?? 1), g = Math.min(a, n + P), w = Math.min(e, o + K);
+      for (let l = n; l < g; l++)
+        for (let h = o; h < w; h++)
+          M.add(S(l, h));
+      for (let l = o + 1; l < w; l++)
+        for (let h = n; h < g; h++) v.add($(l, h));
+      for (let l = n + 1; l < g; l++)
+        for (let h = o; h < w; h++) A.add(k(l, h));
+      const E = c(o), B = m(n);
+      x.push({
+        ri: n,
+        ci: o,
+        cell: u ?? {},
+        xMm: E,
+        yMm: B,
+        widthMm: c(w) - E,
+        heightMm: m(g) - B
+      }), o = w;
+    }
+  });
+  const y = [];
+  for (let t = 1; t < e; t++) {
+    let n = -1;
+    for (let o = 0; o <= a; o++) {
+      const u = o < a && !v.has($(t, o));
+      u && n < 0 && (n = o), !u && n >= 0 && (y.push({ kind: "v", pos: c(t), from: m(n), to: m(o) }), n = -1);
+    }
+  }
+  for (let t = 1; t < a; t++) {
+    let n = -1;
+    for (let o = 0; o <= e; o++) {
+      const u = o < e && !A.has(k(t, o));
+      u && n < 0 && (n = o), !u && n >= 0 && (y.push({ kind: "h", pos: m(t), from: c(n), to: c(o) }), n = -1);
+    }
+  }
+  return { columns: f, rows: r, cells: x, edges: y };
+}
+export {
+  b as r
+};

package/dist/grid-geometry-CZ_cYB6O.cjs

@@ -0,0 +1 @@
+"use strict";function L(s,i){const d=s.length;if(d===0)return[];const p=s.reduce((c,r)=>c+r,0),a=p>0&&i>0?i/p:1,e=[];let f=0;for(let c=0;c<d;c++){const r=Math.max(0,s[c]*a);e.push({pos:f,size:r}),f+=r}return e}function C(s,i,d){return s?.length?L(s,i):Array.from({length:d},(p,a)=>({pos:i*a/d,size:i/d}))}function P(s,i,d){const p=s.cells??[],a=Math.max(p.length,1),e=s.colWidthsMm?.length??Math.max(1,...p.map(t=>Array.isArray(t)?t.length:0)),f=C(s.colWidthsMm,i,e),c=t=>t<=0?0:t>=e?f[f.length-1].pos+f[f.length-1].size:f[t].pos,r=C(s.rowHeightsMm,d,a),m=t=>t<=0?0:t>=a?r[r.length-1].pos+r[r.length-1].size:r[t].pos,M=new Set,S=(t,n)=>`${t}:${n}`,v=[],x=new Set,A=new Set,$=(t,n)=>`v${t}:${n}`,k=(t,n)=>`h${t}:${n}`;p.forEach((t,n)=>{if(!Array.isArray(t))return;let o=0;for(const u of t){for(;o<e&&M.has(S(n,o));)o++;if(o>=e)break;const G=Math.max(1,Math.min(u?.colSpan??1,e-o)),K=Math.max(1,u?.rowSpan??1),g=Math.min(a,n+K),w=Math.min(e,o+G);for(let l=n;l<g;l++)for(let h=o;h<w;h++)M.add(S(l,h));for(let l=o+1;l<w;l++)for(let h=n;h<g;h++)x.add($(l,h));for(let l=n+1;l<g;l++)for(let h=o;h<w;h++)A.add(k(l,h));const E=c(o),B=m(n);v.push({ri:n,ci:o,cell:u??{},xMm:E,yMm:B,widthMm:c(w)-E,heightMm:m(g)-B}),o=w}});const y=[];for(let t=1;t<e;t++){let n=-1;for(let o=0;o<=a;o++){const u=o<a&&!x.has($(t,o));u&&n<0&&(n=o),!u&&n>=0&&(y.push({kind:"v",pos:c(t),from:m(n),to:m(o)}),n=-1)}}for(let t=1;t<a;t++){let n=-1;for(let o=0;o<=e;o++){const u=o<e&&!A.has(k(t,o));u&&n<0&&(n=o),!u&&n>=0&&(y.push({kind:"h",pos:m(t),from:c(n),to:c(o)}),n=-1)}}return{columns:f,rows:r,cells:v,edges:y}}exports.resolveGridLayout=P;