vue-quokit 0.1.0

package/dist/index.js

@@ -0,0 +1,2538 @@
+import { computed as X, openBlock as u, createElementBlock as c, createElementVNode as t, Fragment as S, renderList as R, normalizeStyle as H, toDisplayString as q, createTextVNode as D, createCommentVNode as M, normalizeClass as Y, ref as K, reactive as pt, onMounted as Vt, onUnmounted as St, unref as j, withDirectives as _, vModelText as x, createStaticVNode as bt, vModelSelect as B, vModelCheckbox as tt, watch as rt, withModifiers as ut, onBeforeUnmount as At, createVNode as st } from "vue";
+import Tt from "exceljs";
+function at(a, o) {
+  if (!a) return 0;
+  const s = String(a).replace(/\s+/g, "");
+  if (!s) return 0;
+  let f = 0;
+  function b() {
+    return s[f];
+  }
+  function m() {
+    return s[f++];
+  }
+  function h(e) {
+    if (b() !== e) throw new Error("公式解析错误: 期望 " + e + " at " + f);
+    f++;
+  }
+  function C() {
+    const e = b();
+    if (e === "(") {
+      m();
+      const n = i();
+      return h(")"), n;
+    }
+    if (e === "-")
+      return m(), -C();
+    if (e === "+")
+      return m(), C();
+    if (e >= "0" && e <= "9" || e === ".") {
+      let n = "";
+      for (; f < s.length && (s[f] >= "0" && s[f] <= "9" || s[f] === "."); )
+        n += s[f++];
+      return parseFloat(n);
+    }
+    if (e >= "a" && e <= "z" || e >= "A" && e <= "Z" || e === "_") {
+      let n = "";
+      for (; f < s.length && (s[f] >= "a" && s[f] <= "z" || s[f] >= "A" && s[f] <= "Z" || s[f] === "_" || s[f] >= "0" && s[f] <= "9"); )
+        n += s[f++];
+      return Number(o[n] || 0);
+    }
+    throw new Error('公式解析错误: 非法字符 "' + e + '" at ' + f);
+  }
+  function T() {
+    let e = C();
+    for (; f < s.length && (b() === "*" || b() === "/"); ) {
+      const n = m(), v = C();
+      e = n === "*" ? e * v : v === 0 ? 0 : e / v;
+    }
+    return e;
+  }
+  function i() {
+    let e = T();
+    for (; f < s.length && (b() === "+" || b() === "-"); ) {
+      const n = m(), v = T();
+      e = n === "+" ? e + v : e - v;
+    }
+    return e;
+  }
+  try {
+    const e = i();
+    return Math.round(e * 100) / 100;
+  } catch {
+    return 0;
+  }
+}
+function J(a) {
+  let o = "";
+  for (; a >= 0; )
+    o = String.fromCharCode(65 + a % 26) + o, a = Math.floor(a / 26) - 1;
+  return o;
+}
+function yt(a) {
+  return typeof a == "string" ? parseFloat(a) / 100 : 0;
+}
+const dt = { style: "thin", color: { argb: "FFDCDFE6" } }, qt = { top: dt, left: dt, right: dt, bottom: dt }, it = { style: "medium", color: { argb: "FF606266" } }, Et = 11;
+function wt(a) {
+  if (a == null) return 0;
+  if (typeof a == "number") return String(a).length;
+  const o = String(a);
+  let s = 0;
+  for (const f of o)
+    f !== `
+` && (/[\u4e00-\u9fa5\u3000-\u303f\uff00-\uffef\u2e80-\u2fdf\u31c0-\u31ef]/.test(f) ? s += 2 : s += 1);
+  return s;
+}
+function _t(a, o = 11) {
+  let s = 1;
+  for (const f of a) {
+    const b = String(f ?? ""), m = b.split(`
+`).length, h = wt(b), T = b.length === 0 ? 1 : Math.ceil(h / 12);
+    s = Math.max(s, m, T);
+  }
+  return Math.max(28, s * (o + 4) + 6);
+}
+function ht(a, o, s, f, b) {
+  for (let m = o; m <= s; m++)
+    for (let h = f; h <= b; h++) {
+      const C = a.getCell(m, h);
+      C.border = qt;
+    }
+}
+function gt(a, o, s, f, b) {
+  for (let m = f; m <= b; m++)
+    a.getCell(o, m).border = { ...a.getCell(o, m).border || {}, top: it }, a.getCell(s, m).border = { ...a.getCell(s, m).border || {}, bottom: it };
+  for (let m = o; m <= s; m++)
+    a.getCell(m, f).border = { ...a.getCell(m, f).border || {}, left: it }, a.getCell(m, b).border = { ...a.getCell(m, b).border || {}, right: it };
+}
+async function zt(a, o, s = {}) {
+  var k;
+  const f = s.layout || "auto-wrap", b = f === "auto-wrap", m = new Tt.Workbook(), h = m.addWorksheet("报价单"), C = a.columns.length, T = J(C - 1);
+  let i = 1;
+  const e = () => (a.columns || []).find((p) => p.editor === "AUTO_CALC"), n = (p) => {
+    const r = e(), y = (r == null ? void 0 : r.formula) || "quantity * unit_price";
+    return at(y, p);
+  };
+  if (a.header_sections) {
+    for (const p of a.header_sections)
+      if (p.type === "title") {
+        h.mergeCells(`A${i}:${T}${i}`);
+        const r = h.getCell(`A${i}`);
+        r.value = p.text;
+        const y = p.style || {}, $ = y.fontSize || 18;
+        if (r.font = { size: $, bold: y.bold !== !1, italic: y.italic === !0, name: "微软雅黑" }, y.color) {
+          const g = y.color.replace("#", "").toUpperCase();
+          r.font.color = { argb: g.length === 6 ? "FF" + g : g };
+        }
+        r.alignment = { horizontal: y.align || "center", vertical: "middle" }, h.getRow(i).height = $ * 2 + 10, i++;
+      } else if (p.type === "divider")
+        i++;
+      else if (p.type === "text") {
+        h.mergeCells(`A${i}:${T}${i}`);
+        const r = h.getCell(`A${i}`);
+        r.value = p.text;
+        const y = p.style || {}, $ = y.fontSize || 13;
+        if (r.font = {
+          size: $,
+          bold: y.bold === !0,
+          italic: y.italic === !0,
+          name: "微软雅黑"
+        }, y.color) {
+          const g = y.color.replace("#", "").toUpperCase();
+          r.font.color = { argb: g.length === 6 ? "FF" + g : g };
+        }
+        r.alignment = { horizontal: y.align || p.align || "left", vertical: "middle" }, h.getRow(i).height = $ * 2 + 10, i++;
+      } else if (p.type === "row" && p.cells) {
+        const r = p.cells.map((g) => {
+          var U;
+          return yt((U = g.style) == null ? void 0 : U.width) || 1 / p.cells.length;
+        });
+        let y = 0;
+        const $ = r.map((g) => {
+          const U = Math.round(y * C);
+          y += g;
+          const z = Math.round(y * C) - 1;
+          return { start: U, end: Math.max(z, U) };
+        });
+        for (let g = 0; g < p.cells.length; g++) {
+          const U = p.cells[g], z = $[g], O = `${J(z.start)}${i}`, I = `${J(z.end)}${i}`;
+          O !== I && h.mergeCells(`${O}:${I}`);
+          const N = h.getCell(O);
+          N.value = U.type === "field" ? `${U.label}：${U.value ?? ""}` : U.text;
+          const A = U.style || {}, P = A.fontSize || 11;
+          if (N.font = {
+            size: P,
+            bold: A.bold === !0,
+            italic: A.italic === !0,
+            name: "微软雅黑"
+          }, A.color) {
+            const Q = A.color.replace("#", "").toUpperCase();
+            N.font.color = { argb: Q.length === 6 ? "FF" + Q : Q };
+          }
+          N.alignment = { horizontal: A.align || "left", vertical: "middle" };
+        }
+        h.getRow(i).height = 22, i++;
+      }
+  }
+  const v = i, l = h.getRow(i);
+  l.values = a.columns.map((p) => p.title), l.font = { bold: !0, name: "微软雅黑", size: 12 }, l.fill = { type: "pattern", pattern: "solid", fgColor: { argb: "FFE0E0E0" } }, l.alignment = { horizontal: "center", vertical: "middle", wrapText: b }, l.height = b ? 32 : 28, i++;
+  const E = a.group_rules, d = E == null ? void 0 : E.merge_field, F = a.columns;
+  if (d) {
+    let p = 0, r = 0;
+    for (; p < o.length; ) {
+      const y = [];
+      let $ = p;
+      for (; $ < o.length && o[$][d] === o[p][d]; )
+        y.push(o[$]), $++;
+      const g = i;
+      for (let O = 0; O < y.length; O++) {
+        r++;
+        const I = y[O], N = F.map((P) => P.editor === "AUTO_SEQ" ? r : P.editor === "AUTO_CALC" ? n(I) : I[P.field] ?? ""), A = h.getRow(i);
+        A.values = N, A.font = { name: "微软雅黑", size: 11 }, A.alignment = { horizontal: "center", vertical: "middle", wrapText: b, indent: 1 }, A.height = b ? _t(N, 11) : 28, i++;
+      }
+      const U = i - 1;
+      for (let O = 0; O < F.length; O++) {
+        const I = F[O];
+        if (I.merge_on_group !== !0) continue;
+        let N = g;
+        for (let A = 1; A < y.length; A++)
+          y[A][I.field] !== y[A - 1][I.field] && (g + A - 1 > N && h.mergeCells(`${J(O)}${N}:${J(O)}${g + A - 1}`), N = g + A);
+        U > N && h.mergeCells(`${J(O)}${N}:${J(O)}${U}`);
+      }
+      if (E.show_detail_subtotal !== !1 && o[p][d] !== void 0 && o[p][d] !== null && o[p][d] !== "") {
+        const O = y.reduce((Q, Z) => Q + Number(n(Z) || 0), 0), I = J(Math.max(0, C - 2));
+        h.mergeCells(`A${i}:${I}${i}`);
+        const N = h.getCell(`A${i}`);
+        N.value = `小计（${o[p][d]}）`, N.alignment = { horizontal: "right", vertical: "middle" }, N.font = { bold: !0, italic: !0, color: { argb: "FF409EFF" }, name: "微软雅黑", size: 11 };
+        const A = h.getCell(`${T}${i}`);
+        A.value = O, A.numFmt = "#,##0.00", A.alignment = { horizontal: "right", vertical: "middle" }, A.font = { bold: !0, italic: !0, color: { argb: "FF409EFF" }, name: "微软雅黑", size: 11 };
+        const P = h.getRow(i);
+        P.fill = { type: "pattern", pattern: "solid", fgColor: { argb: "FFF0F9FF" } }, P.alignment = { horizontal: "right", vertical: "middle", wrapText: !0 }, P.height = 26, i++;
+      }
+      p = $;
+    }
+  } else
+    for (let p = 0; p < o.length; p++) {
+      const r = o[p], y = F.map((g) => g.editor === "AUTO_SEQ" ? p + 1 : g.editor === "AUTO_CALC" ? n(r) : r[g.field] ?? ""), $ = h.getRow(i);
+      $.values = y, $.font = { name: "微软雅黑", size: 11 }, $.alignment = { horizontal: "center", vertical: "middle", wrapText: b, indent: 1 }, $.height = b ? _t(y, 11) : 28, i++;
+    }
+  const V = i - 1;
+  if (a.summary_fields) {
+    i += 1;
+    const p = J(Math.max(0, C - 2)), r = J(C - 1), y = o.reduce((U, z) => U + Number(n(z) || 0), 0), $ = {
+      group_total: y,
+      quantity_sum: o.reduce((U, z) => U + Number(z.quantity || 0), 0)
+    };
+    for (const U of a.summary_fields)
+      U.type === "MANUAL_INPUT" && ($[U.field] = Number(U.default ?? 0));
+    $.grand_total = y + a.summary_fields.filter((U) => U.type === "MANUAL_INPUT").reduce((U, z) => U + $[z.field], 0);
+    for (const U of a.summary_fields)
+      U.type === "AUTO_CALC" && ($[U.field] = at(U.formula || "group_total", $));
+    for (const U of a.summary_fields) {
+      let z;
+      U.type === "AUTO_CALC" ? z = at(U.formula || "group_total", $) : U.type === "PLAIN_TEXT" ? z = U.text || "" : z = Number(U.default ?? 0);
+      const O = ((k = U.style) == null ? void 0 : k.fontSize) || Et, I = h.getCell(`${p}${i}`), N = h.getCell(`${r}${i}`);
+      I.value = U.label, I.alignment = { horizontal: "right", vertical: "middle" };
+      const A = U.style || {}, P = () => {
+        const Q = { name: "微软雅黑", size: O, bold: !!A.bold, italic: !!A.italic };
+        if (A.color) {
+          const Z = A.color.replace("#", "").toUpperCase();
+          Q.color = { argb: Z.length === 6 ? "FF" + Z : Z };
+        }
+        return Q;
+      };
+      I.font = P(), N.value = z, N.alignment = { horizontal: "right", vertical: "middle" }, N.font = P(), typeof z == "number" && (N.numFmt = "#,##0.00"), h.getRow(i).height = Math.max(22, O * 2 + 6), i++;
+    }
+    const g = i - 1;
+    ht(h, v, g, 1, C), gt(h, v, g, 1, C);
+  } else
+    ht(h, v, V, 1, C), gt(h, v, V, 1, C);
+  if (a.footer_sections) {
+    i += 1;
+    for (const p of a.footer_sections)
+      if (p.type === "divider")
+        i++;
+      else if (p.type === "text") {
+        h.mergeCells(`A${i}:${T}${i}`);
+        const r = h.getCell(`A${i}`);
+        r.value = p.text;
+        const y = p.style || {}, $ = y.fontSize || 13;
+        if (r.font = {
+          size: $,
+          bold: y.bold === !0,
+          italic: y.italic === !0,
+          name: "微软雅黑"
+        }, y.color) {
+          const g = y.color.replace("#", "").toUpperCase();
+          r.font.color = { argb: g.length === 6 ? "FF" + g : g };
+        }
+        r.alignment = { horizontal: y.align || p.align || "left", vertical: "middle" }, h.getRow(i).height = $ * 2 + 10, i++;
+      } else if (p.type === "row" && p.cells) {
+        const r = p.cells.map((g) => {
+          var U;
+          return yt((U = g.style) == null ? void 0 : U.width) || 1 / p.cells.length;
+        });
+        let y = 0;
+        const $ = r.map((g) => {
+          const U = Math.round(y * C);
+          y += g;
+          const z = Math.round(y * C) - 1;
+          return { start: U, end: Math.max(z, U) };
+        });
+        for (let g = 0; g < p.cells.length; g++) {
+          const U = p.cells[g], z = $[g], O = `${J(z.start)}${i}`, I = `${J(z.end)}${i}`;
+          O !== I && h.mergeCells(`${O}:${I}`);
+          const N = h.getCell(O);
+          N.value = U.text;
+          const A = U.style || {};
+          N.alignment = { horizontal: A.align || "left", vertical: "middle" };
+          const P = {
+            name: "微软雅黑",
+            size: A.fontSize || 11,
+            bold: A.bold === !0,
+            italic: A.italic === !0
+          };
+          if (A.color) {
+            const Q = A.color.replace("#", "").toUpperCase();
+            P.color = { argb: Q.length === 6 ? "FF" + Q : Q };
+          }
+          N.font = P;
+        }
+        h.getRow(i).height = 22, i++;
+      }
+  }
+  const w = 50, L = 6;
+  for (let p = 0; p < C; p++) {
+    const r = a.columns[p], y = p + 1;
+    if (f === "auto-wrap")
+      h.getColumn(y).width = r.width ? Math.max(r.width / 7, 8) : 12;
+    else {
+      let $ = 0;
+      for (let z = 1; z < i; z++)
+        $ = Math.max($, wt(h.getCell(z, y).value));
+      const g = r.width ? Math.max(r.width / 7, 10) : 12, U = Math.min(Math.max($ + 2, L), w);
+      h.getColumn(y).width = Math.max(U, g);
+    }
+  }
+  const G = await m.xlsx.writeBuffer();
+  return new Blob([G], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" });
+}
+const lt = (a, o) => {
+  const s = a.__vccOpts || a;
+  for (const [f, b] of o)
+    s[f] = b;
+  return s;
+}, Nt = { class: "quote-sheet" }, Lt = {
+  key: 1,
+  class: "q-divider"
+}, Mt = {
+  key: 3,
+  class: "q-row"
+}, Ot = { class: "q-label" }, Ft = { class: "q-value" }, Rt = {
+  key: 0,
+  class: "q-table-wrap"
+}, It = { class: "q-table" }, Dt = {
+  key: 0,
+  class: "subtotal-row"
+}, Pt = ["colspan"], jt = { class: "subtotal-value" }, Bt = { key: 1 }, Wt = ["rowspan"], Qt = {
+  key: 0,
+  class: "empty-row"
+}, Ht = ["colspan"], Xt = {
+  key: 1,
+  class: "q-summary"
+}, Gt = { class: "q-summary-label" }, Zt = {
+  key: 0,
+  class: "q-divider"
+}, Jt = {
+  key: 2,
+  class: "q-row"
+}, Yt = {
+  __name: "QuokitSheet",
+  props: {
+    tpl: { type: Object, required: !0 },
+    data: { type: Array, default: () => [] },
+    placeholder: { type: String, default: "-" }
+  },
+  setup(a, { expose: o }) {
+    function s(k) {
+      const p = (k.header_sections || []).flatMap((r) => r.cells || []).find((r) => r.type === "field" && r.value);
+      return (p == null ? void 0 : p.value) || "untitled";
+    }
+    const f = a, b = X(() => f.data);
+    function m(k) {
+      const p = k.style || {}, r = { width: p.width || "auto" };
+      r.textAlign = p.align || "left", p.color && (r.color = p.color), p.fontSize && (r.fontSize = p.fontSize + "px"), p.bold && (r.fontWeight = "bold"), p.italic && (r.fontStyle = "italic");
+      const y = p.border;
+      if (y)
+        for (const $ of ["top", "bottom", "left", "right"]) {
+          const g = y[$];
+          g && g.style && g.width > 0 && (r["border-" + $] = `${g.width}px ${g.style} ${g.color || "#dcdfe6"}`);
+        }
+      return r;
+    }
+    function h(k) {
+      return "¥ " + (Number(k) || 0).toFixed(2);
+    }
+    const C = X(() => (f.tpl.columns || []).find((k) => k.editor === "AUTO_CALC"));
+    function T(k) {
+      var r;
+      const p = ((r = C.value) == null ? void 0 : r.formula) || "quantity * unit_price";
+      return at(p, k);
+    }
+    const i = X(() => b.value.reduce((k, p) => k + Number(T(p) || 0), 0)), e = X(() => b.value.reduce((k, p) => k + Number(p.quantity || 0), 0));
+    function n() {
+      let k = i.value;
+      if (f.tpl.summary_fields)
+        for (const p of f.tpl.summary_fields)
+          p.type === "MANUAL_INPUT" && (k += E(p));
+      return k;
+    }
+    function v(k) {
+      const p = {}, r = k.style || {};
+      return r.color && (p.color = r.color), r.fontSize && (p.fontSize = r.fontSize + "px"), r.bold && (p.fontWeight = "bold"), r.italic && (p.fontStyle = "italic"), p;
+    }
+    function l(k) {
+      const p = {}, r = k.style || {};
+      return r.color && (p.color = r.color), r.fontSize && (p.fontSize = r.fontSize + "px"), r.bold && (p.fontWeight = "bold"), r.italic && (p.fontStyle = "italic"), r.align ? p.textAlign = r.align : k.align && (p.textAlign = k.align), p;
+    }
+    function E(k) {
+      return Number(k.default ?? 0);
+    }
+    function d() {
+      const k = {
+        group_total: i.value,
+        quantity_sum: e.value
+      };
+      if (f.tpl.summary_fields) {
+        for (const p of f.tpl.summary_fields)
+          p.type === "MANUAL_INPUT" && (k[p.field] = E(p));
+        for (const p of f.tpl.summary_fields)
+          p.type === "AUTO_CALC" && (k[p.field] = at(p.formula || "group_total", k));
+      }
+      return k.grand_total = n(), k;
+    }
+    function F(k) {
+      if (k.type === "PLAIN_TEXT") return k.text || "";
+      if (k.type === "AUTO_CALC") {
+        const p = d();
+        return p[k.field] ?? at(k.formula || "group_total", p);
+      }
+      return E(k);
+    }
+    const V = X(() => {
+      var g;
+      const k = b.value.map((U) => ({ ...U })), p = (g = f.tpl) == null ? void 0 : g.group_rules;
+      if (!(p != null && p.merge_field)) return k;
+      const r = [], y = p.merge_field;
+      let $ = 0;
+      for (; $ < k.length; ) {
+        const U = [k[$]];
+        let z = $ + 1;
+        for (; z < k.length && k[z][y] === k[$][y]; ) U.push(k[z]), z++;
+        if (r.push(...U), (p.show_detail_subtotal ?? !0) && k[$][y] !== void 0 && k[$][y] !== null && k[$][y] !== "") {
+          const I = U.reduce((N, A) => N + Number(T(A) || 0), 0);
+          r.push({ __is_subtotal: !0, __group_key: k[$][y], __group_sum: I });
+        }
+        $ = z;
+      }
+      return r;
+    });
+    function w(k, p) {
+      var N, A, P, Q;
+      const r = V.value, y = r[k];
+      if (!y || y.__is_subtotal) return 1;
+      const $ = (N = f.tpl) == null ? void 0 : N.group_rules, g = $ == null ? void 0 : $.merge_field, U = f.tpl.columns.find((Z) => Z.field === p), z = g && p === g, O = (U == null ? void 0 : U.merge_on_group) === !0;
+      if (!z && !O) return 1;
+      const I = (() => {
+        var W, mt;
+        if (!g) return r.length;
+        const Z = y[g];
+        let ot = k + 1;
+        for (; ot < r.length && ((W = r[ot]) == null ? void 0 : W[g]) === Z && !((mt = r[ot]) != null && mt.__is_subtotal); ) ot++;
+        return ot;
+      })();
+      if (z)
+        return k > 0 && ((A = r[k - 1]) == null ? void 0 : A[g]) === y[g] && !((P = r[k - 1]) != null && P.__is_subtotal) ? 0 : I - k;
+      if (O) {
+        const Z = y[p];
+        if (k > 0) {
+          const W = r[k - 1];
+          if ((!g || (W == null ? void 0 : W[g]) === y[g] && !(W != null && W.__is_subtotal)) && (W == null ? void 0 : W[p]) === Z) return 0;
+        }
+        let ot = 1;
+        for (let W = k + 1; W < I && ((Q = r[W]) == null ? void 0 : Q[p]) === Z; W++)
+          ot++;
+        return ot;
+      }
+      return 1;
+    }
+    async function L(k = !1) {
+      const p = await zt(f.tpl, f.data, k ? { layout: "auto-width" } : void 0), r = URL.createObjectURL(p), y = document.createElement("a");
+      y.href = r, y.download = `报价单_${s(f.tpl)}_${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.xlsx`, y.click(), URL.revokeObjectURL(r);
+    }
+    function G(k = !1) {
+      const p = document.querySelector(".quote-sheet");
+      if (!p) return;
+      const r = k !== !0, y = window.open("", "_blank", r ? "width=1200,height=900" : "width=900,height=1200");
+      if (!y) return;
+      const $ = Array.from(document.styleSheets).map((U) => {
+        try {
+          return Array.from(U.cssRules).map((z) => z.cssText).join(`
+`);
+        } catch {
+          return "";
+        }
+      }).join(`
+`), g = p.outerHTML;
+      y.document.write(`<!doctype html>
+<html><head><meta charset="utf-8"><title>报价单打印</title>
+<style>${$}
+@page { size: ${r ? "landscape" : "portrait"}; margin: 15mm; }
+body { margin: 0; padding: 20px; background: #fff; }
+@media print { body { padding: 0; } }
+</style></head><body>${g}</body></html>`), y.document.close(), y.onload = () => {
+        y.print();
+      };
+    }
+    return o({ print: G, exportExcel: L }), (k, p) => (u(), c("div", null, [
+      t("div", Nt, [
+        (u(!0), c(S, null, R(a.tpl.header_sections, (r, y) => (u(), c(S, {
+          key: "h" + y
+        }, [
+          r.type === "title" ? (u(), c("h1", {
+            key: 0,
+            class: "q-title",
+            style: H(l(r))
+          }, q(r.text), 5)) : r.type === "divider" ? (u(), c("div", Lt)) : r.type === "text" ? (u(), c("div", {
+            key: 2,
+            class: "q-text",
+            style: H(l(r))
+          }, q(r.text), 5)) : r.type === "row" ? (u(), c("div", Mt, [
+            (u(!0), c(S, null, R(r.cells, ($, g) => (u(), c("div", {
+              key: g,
+              class: "q-cell",
+              style: H(m($))
+            }, [
+              $.type === "field" ? (u(), c(S, { key: 0 }, [
+                t("span", Ot, q($.label) + "：", 1),
+                t("span", Ft, q($.value ?? a.placeholder), 1)
+              ], 64)) : (u(), c(S, { key: 1 }, [
+                D(q($.text), 1)
+              ], 64))
+            ], 4))), 128))
+          ])) : M("", !0)
+        ], 64))), 128)),
+        a.tpl.columns && a.tpl.columns.length > 0 ? (u(), c("div", Rt, [
+          t("table", It, [
+            t("thead", null, [
+              t("tr", null, [
+                (u(!0), c(S, null, R(a.tpl.columns, (r) => (u(), c("th", {
+                  key: r.field,
+                  style: H({ width: r.width + "px" })
+                }, q(r.title), 5))), 128))
+              ])
+            ]),
+            t("tbody", null, [
+              (u(!0), c(S, null, R(V.value, (r, y) => (u(), c(S, { key: y }, [
+                r.__is_subtotal ? (u(), c("tr", Dt, [
+                  t("td", {
+                    colspan: a.tpl.columns.length - 1,
+                    class: "subtotal-label"
+                  }, "小计（" + q(r.__group_key) + "）", 9, Pt),
+                  t("td", jt, q(h(r.__group_sum)), 1)
+                ])) : (u(), c("tr", Bt, [
+                  (u(!0), c(S, null, R(a.tpl.columns, ($, g) => (u(), c(S, {
+                    key: $.field
+                  }, [
+                    w(V.value.indexOf(r), $.field) > 0 ? (u(), c("td", {
+                      key: 0,
+                      rowspan: w(V.value.indexOf(r), $.field),
+                      class: Y({ "merged-cell": w(V.value.indexOf(r), $.field) > 1 })
+                    }, [
+                      $.editor === "AUTO_SEQ" ? (u(), c(S, { key: 0 }, [
+                        D(q(y + 1), 1)
+                      ], 64)) : $.editor === "AUTO_CALC" ? (u(), c(S, { key: 1 }, [
+                        D(q(h(T(r))), 1)
+                      ], 64)) : (u(), c(S, { key: 2 }, [
+                        D(q(r[$.field] ?? ""), 1)
+                      ], 64))
+                    ], 10, Wt)) : M("", !0)
+                  ], 64))), 128))
+                ]))
+              ], 64))), 128)),
+              V.value.length === 0 ? (u(), c("tr", Qt, [
+                t("td", {
+                  colspan: a.tpl.columns.length,
+                  class: "q-empty"
+                }, "（暂无数据）", 8, Ht)
+              ])) : M("", !0)
+            ])
+          ])
+        ])) : M("", !0),
+        a.tpl.summary_fields && a.tpl.summary_fields.length > 0 ? (u(), c("div", Xt, [
+          (u(!0), c(S, null, R(a.tpl.summary_fields, (r) => (u(), c("div", {
+            key: r.field,
+            class: "q-summary-row"
+          }, [
+            t("span", Gt, q(r.label), 1),
+            t("span", {
+              class: "q-summary-value",
+              style: H(v(r))
+            }, q(r.type === "PLAIN_TEXT" ? r.text : h(F(r))), 5)
+          ]))), 128))
+        ])) : M("", !0),
+        (u(!0), c(S, null, R(a.tpl.footer_sections, (r, y) => (u(), c(S, {
+          key: "f" + y
+        }, [
+          r.type === "divider" ? (u(), c("div", Zt)) : r.type === "text" ? (u(), c("div", {
+            key: 1,
+            class: "q-text",
+            style: H(l(r))
+          }, q(r.text), 5)) : r.type === "row" ? (u(), c("div", Jt, [
+            (u(!0), c(S, null, R(r.cells, ($, g) => (u(), c("div", {
+              key: g,
+              class: "q-cell",
+              style: H(m($))
+            }, q($.text), 5))), 128))
+          ])) : M("", !0)
+        ], 64))), 128))
+      ])
+    ]));
+  }
+}, Kt = /* @__PURE__ */ lt(Yt, [["__scopeId", "data-v-b623c085"]]);
+function et(a) {
+  return JSON.parse(JSON.stringify(a));
+}
+function te(a, o) {
+  let s = null;
+  const f = function(...b) {
+    clearTimeout(s), s = setTimeout(() => a.apply(this, b), o);
+  };
+  return f.cancel = () => {
+    clearTimeout(s), s = null;
+  }, Object.defineProperty(f, "timer", {
+    get() {
+      return s;
+    },
+    configurable: !0
+  }), f;
+}
+function $t(a = []) {
+  return Array.isArray(a) ? a.map((o) => {
+    const s = Array.isArray(o.dict) ? o.dict : [];
+    return {
+      ...o,
+      field: o.field || "",
+      title: o.title || "",
+      editor: o.editor || "INPUT",
+      width: o.width ?? 130,
+      dictStr: s.length ? s.join(",") : o.dictStr || "",
+      formula: o.formula || "",
+      merge_on_group: o.merge_on_group ?? !1
+    };
+  }) : [];
+}
+function ee(a) {
+  return a.map((o) => {
+    const s = { field: o.field, title: o.title, editor: o.editor, width: o.width };
+    return o.editor === "SELECT_DICT" && (s.dict = (o.dictStr || "").split(",").map((f) => f.trim()).filter(Boolean)), o.editor === "AUTO_CALC" && (s.formula = o.formula || ""), o.editor !== "AUTO_SEQ" && o.editor !== "AUTO_CALC" && (s.merge_on_group = !!o.merge_on_group), s;
+  });
+}
+function le(a, o, s) {
+  const f = { INPUT: "文本", NUMBER: "数值", SELECT_DICT: "选项", TEXTAREA: "说明", AUTO_CALC: "计算值", AUTO_SEQ: "序号" }, b = { INPUT: 130, NUMBER: 100, SELECT_DICT: 130, TEXTAREA: 200, AUTO_CALC: 120, AUTO_SEQ: 60 };
+  return {
+    field: o,
+    title: f[a] || s || "新列",
+    editor: a,
+    width: b[a] || 120,
+    dictStr: "",
+    formula: "",
+    merge_on_group: !1
+  };
+}
+function oe(a = [], o = {}) {
+  const s = K($t(et(a))), f = K({
+    merge_field: o.merge_field || "",
+    show_detail_subtotal: o.show_detail_subtotal ?? !0
+  }), b = X(() => ({
+    columns: ee(s.value),
+    group_rules: (() => {
+      const C = f.value.merge_field;
+      return C ? { merge_field: C, show_detail_subtotal: f.value.show_detail_subtotal ?? !0 } : null;
+    })()
+  }));
+  function m(C) {
+    s.value = $t(et(C || []));
+  }
+  function h(C) {
+    f.value = {
+      merge_field: C.merge_field || "",
+      show_detail_subtotal: C.show_detail_subtotal ?? !0
+    };
+  }
+  return pt({ columns: s, groupRules: f, tpl: b, setColumns: m, setGroupRules: h });
+}
+function Ct() {
+  return {
+    top: { style: "", width: 1, color: "#dcdfe6" },
+    bottom: { style: "", width: 1, color: "#dcdfe6" },
+    left: { style: "", width: 1, color: "#dcdfe6" },
+    right: { style: "", width: 1, color: "#dcdfe6" }
+  };
+}
+function nt(a = "auto") {
+  return {
+    width: a,
+    color: "#303133",
+    fontSize: 13,
+    bold: !1,
+    italic: !1,
+    align: "left",
+    border: Ct()
+  };
+}
+function ct(a, o) {
+  a.style || (a.style = nt());
+  const s = o === "none" ? { style: "", width: 0, color: "#dcdfe6" } : { style: "solid", width: 1, color: "#dcdfe6" };
+  a.style.border = { top: { ...s }, bottom: { ...s }, left: { ...s }, right: { ...s } };
+}
+function xt(a) {
+  const o = a.style || {}, s = { width: o.width || "auto" };
+  s.textAlign = o.align || "left", o.color && (s.color = o.color), o.fontSize && (s.fontSize = o.fontSize + "px"), o.bold && (s.fontWeight = "bold"), o.italic && (s.fontStyle = "italic");
+  const f = o.border;
+  if (f)
+    for (const b of ["top", "bottom", "left", "right"]) {
+      const m = f[b];
+      m && m.style && m.width > 0 && (s["border-" + b] = `${m.width}px ${m.style} ${m.color || "#dcdfe6"}`);
+    }
+  return s;
+}
+function ne(a = []) {
+  for (const o of a)
+    o.type === "title" && (o.type = "text", o.style = o.style || { color: "#303133", fontSize: 18, bold: !0, italic: !1, align: "center" }, o.align && !o.style.align && (o.style.align = o.align, delete o.align)), o.type === "text" && (o.style = o.style || {}, o.align && !o.style.align && (o.style.align = o.align, delete o.align), o.style.color === void 0 && (o.style.color = "#303133"), o.style.fontSize === void 0 && (o.style.fontSize = 14), o.style.bold === void 0 && (o.style.bold = !1), o.style.italic === void 0 && (o.style.italic = !1), o.style.align === void 0 && (o.style.align = "left"));
+}
+function se(a = []) {
+  for (const o of a)
+    if (o.type === "row" && o.cells)
+      for (const s of o.cells)
+        s.style || (s.style = nt()), s.style.width === void 0 && (s.style.width = "auto"), s.style.color === void 0 && (s.style.color = "#303133"), s.style.fontSize === void 0 && (s.style.fontSize = 13), s.style.bold === void 0 && (s.style.bold = !1), s.style.italic === void 0 && (s.style.italic = !1), s.style.align === void 0 && (s.style.align = "left"), s.style.border === void 0 && (s.style.border = Ct());
+}
+function ae() {
+  return [
+    { type: "text", text: "报 价 单", style: { color: "#303133", fontSize: 22, bold: !0, italic: !1, align: "center" } },
+    { type: "divider" },
+    { type: "row", cells: [
+      { type: "field", label: "项目名称", bind: "projectName", style: nt("50%") },
+      { type: "field", label: "日期", bind: "quotationDate", style: nt("50%") }
+    ] }
+  ];
+}
+function kt(a, o = !1) {
+  if (!a || a.length === 0)
+    if (o) a = ae();
+    else return [];
+  return ne(a), se(a), a;
+}
+function Ut(a = [], o = {}) {
+  const { isHeader: s = !1 } = o, f = K(et(kt(a, s)));
+  function b(h) {
+    f.value = et(kt(h || [], s));
+  }
+  function m() {
+    return et(f.value);
+  }
+  return pt({ sections: f, setSections: b, toTpl: m });
+}
+function vt(a = []) {
+  let o = 0;
+  for (const s of a)
+    if (s.field) {
+      const f = /^field_(\d+)$/.exec(s.field);
+      f && (o = Math.max(o, parseInt(f[1], 10)));
+    }
+  for (const s of a)
+    s.field || (s.field = "field_" + String(++o).padStart(4, "0")), s.type === "AUTO_CALC" && !s.formula && (s.formula = "group_total"), s.style === void 0 && (s.style = { color: "#606266", fontSize: 13, bold: !1, italic: !1 }), s.style.color === void 0 && (s.style.color = "#606266"), s.style.fontSize === void 0 && (s.style.fontSize = 13), s.style.bold === void 0 && (s.style.bold = !1), s.style.italic === void 0 && (s.style.italic = !1);
+}
+function de(a = []) {
+  const o = K(et(a || []));
+  vt(o.value);
+  const s = X(() => et(o.value));
+  function f(m) {
+    o.value = et(m || []), vt(o.value);
+  }
+  function b() {
+    return vt(o.value), et(o.value);
+  }
+  return pt({ fields: o, tpl: s, setFields: f, toTpl: b });
+}
+const ie = ["XXXX", "YYYY", "ZZZZ", "WWWW"];
+function re(a, o = 3) {
+  const s = [], f = ie;
+  for (let b = 0; b < o; b++) {
+    const m = {};
+    for (const h of a)
+      if (!(h.editor === "AUTO_SEQ" || h.editor === "AUTO_CALC"))
+        if (h.editor === "NUMBER")
+          m[h.field] = Math.floor(Math.random() * 900 + 100);
+        else if (h.editor === "SELECT_DICT") {
+          const C = (h.dictStr || (h.dict ? h.dict.join(",") : "")).split(",").map((T) => T.trim()).filter(Boolean);
+          m[h.field] = C[b % Math.max(C.length, 1)] || f[b % f.length];
+        } else
+          m[h.field] = f[b % f.length];
+    s.push(m);
+  }
+  return s;
+}
+function ft(a = 1100) {
+  const o = K(!1);
+  function s() {
+    o.value = window.innerWidth <= a;
+  }
+  return Vt(() => {
+    s(), window.addEventListener("resize", s);
+  }), St(() => {
+    window.removeEventListener("resize", s);
+  }), { isNarrow: o };
+}
+const ue = { class: "toolbar" }, ce = { class: "btn-group-inline" }, pe = { class: "design-table" }, fe = { class: "idx" }, me = ["onUpdate:modelValue"], ve = ["onUpdate:modelValue"], be = ["onUpdate:modelValue"], ye = ["onUpdate:modelValue"], _e = ["onUpdate:modelValue"], he = ["onUpdate:modelValue"], ge = {
+  key: 2,
+  class: "muted"
+}, $e = {
+  key: 3,
+  class: "muted"
+}, ke = { class: "col-merge" }, Ue = { key: 0 }, we = ["onUpdate:modelValue"], Ce = {
+  key: 1,
+  class: "muted"
+}, xe = ["disabled", "onClick"], Ve = ["disabled", "onClick"], Se = ["onClick"], Ae = {
+  __name: "DesignCols",
+  props: {
+    columns: { type: Array, required: !0 },
+    groupRules: { type: Object, default: () => ({}) },
+    breakpoint: { type: Number, default: 1100 }
+  },
+  emits: ["help", "open-group"],
+  setup(a) {
+    const o = a, { isNarrow: s } = ft(o.breakpoint), f = X(() => !!o.groupRules.merge_field);
+    function b(i, e) {
+      let n = i, v = 2;
+      for (; e.has(n); ) n = i + "_" + v++;
+      return n;
+    }
+    function m() {
+      let i = 0;
+      for (const e of o.columns) {
+        const n = /^custom_(\d+)$/.exec(e.field);
+        n && (i = Math.max(i, parseInt(n[1], 10)));
+      }
+      return i + 1;
+    }
+    function h(i) {
+      const e = /* @__PURE__ */ new Set([...o.columns.map((l) => l.field)]), n = "custom_" + String(m()).padStart(4, "0"), v = le(i, b(n, e));
+      o.columns.push(v);
+    }
+    function C(i) {
+      o.columns.splice(i, 1);
+    }
+    function T(i, e) {
+      const n = i + e;
+      n < 0 || n >= o.columns.length || ([o.columns[i], o.columns[n]] = [o.columns[n], o.columns[i]]);
+    }
+    return (i, e) => (u(), c("div", null, [
+      t("div", ue, [
+        e[3] || (e[3] = t("span", { class: "tip" }, [
+          D("拖动或点 ↑↓ 调整顺序；支持自动序号和公式计算列，公式里可直接引用其他字段名，如 "),
+          t("code", null, "quantity * unit_price * 0.9")
+        ], -1)),
+        t("div", ce, [
+          t("button", {
+            class: Y(["btn", { "btn-primary": f.value }]),
+            onClick: e[0] || (e[0] = (n) => i.$emit("open-group"))
+          }, "分组 & 小计" + q(f.value ? " ✓" : ""), 3),
+          t("button", {
+            class: "btn btn-primary",
+            onClick: e[1] || (e[1] = (n) => h("INPUT"))
+          }, "+ 添加字段"),
+          t("button", {
+            class: "btn",
+            onClick: e[2] || (e[2] = (n) => i.$emit("help"))
+          }, "帮助")
+        ])
+      ]),
+      t("div", {
+        class: Y(["table-wrap", { "is-narrow": j(s) }])
+      }, [
+        t("table", pe, [
+          e[6] || (e[6] = t("thead", null, [
+            t("tr", null, [
+              t("th", { width: "50" }, "#"),
+              t("th", { width: "150" }, "字段名"),
+              t("th", { width: "150" }, "列标题"),
+              t("th", { width: "160" }, "类型"),
+              t("th", { width: "100" }, "宽度"),
+              t("th", null, "专属配置"),
+              t("th", { width: "130" }, "分组时合并"),
+              t("th", { width: "140" }, "操作")
+            ])
+          ], -1)),
+          t("tbody", null, [
+            (u(!0), c(S, null, R(a.columns, (n, v) => (u(), c("tr", { key: v }, [
+              t("td", fe, q(v + 1), 1),
+              t("td", null, [
+                _(t("input", {
+                  class: "cell-input",
+                  "onUpdate:modelValue": (l) => n.field = l
+                }, null, 8, me), [
+                  [x, n.field]
+                ])
+              ]),
+              t("td", null, [
+                _(t("input", {
+                  class: "cell-input",
+                  "onUpdate:modelValue": (l) => n.title = l
+                }, null, 8, ve), [
+                  [x, n.title]
+                ])
+              ]),
+              t("td", null, [
+                _(t("select", {
+                  class: "cell-input",
+                  "onUpdate:modelValue": (l) => n.editor = l
+                }, [...e[4] || (e[4] = [
+                  bt('<option value="AUTO_SEQ" data-v-e3cbb539>自动序号</option><option value="AUTO_CALC" data-v-e3cbb539>自动计算（公式）</option><option value="INPUT" data-v-e3cbb539>文本输入</option><option value="NUMBER" data-v-e3cbb539>数字输入</option><option value="TEXTAREA" data-v-e3cbb539>多行文本</option><option value="SELECT_DICT" data-v-e3cbb539>下拉选择</option>', 6)
+                ])], 8, be), [
+                  [B, n.editor]
+                ])
+              ]),
+              t("td", null, [
+                _(t("input", {
+                  class: "cell-input",
+                  type: "number",
+                  min: "50",
+                  max: "500",
+                  "onUpdate:modelValue": (l) => n.width = l
+                }, null, 8, ye), [
+                  [
+                    x,
+                    n.width,
+                    void 0,
+                    { number: !0 }
+                  ]
+                ])
+              ]),
+              t("td", null, [
+                n.editor === "SELECT_DICT" ? _((u(), c("input", {
+                  key: 0,
+                  class: "cell-input",
+                  "onUpdate:modelValue": (l) => n.dictStr = l,
+                  placeholder: "下拉选项，逗号分隔 如：设备,材料,安装"
+                }, null, 8, _e)), [
+                  [x, n.dictStr]
+                ]) : n.editor === "AUTO_CALC" ? _((u(), c("input", {
+                  key: 1,
+                  class: "cell-input",
+                  "onUpdate:modelValue": (l) => n.formula = l,
+                  placeholder: "公式，如 quantity * unit_price + tax"
+                }, null, 8, he)), [
+                  [x, n.formula]
+                ]) : n.editor === "AUTO_SEQ" ? (u(), c("span", ge, "自动生成序号，无需配置")) : (u(), c("span", $e, "-"))
+              ]),
+              t("td", ke, [
+                n.editor !== "AUTO_SEQ" && n.editor !== "AUTO_CALC" ? (u(), c("label", Ue, [
+                  _(t("input", {
+                    type: "checkbox",
+                    "onUpdate:modelValue": (l) => n.merge_on_group = l
+                  }, null, 8, we), [
+                    [tt, n.merge_on_group]
+                  ]),
+                  e[5] || (e[5] = t("span", null, "相同值合并", -1))
+                ])) : (u(), c("span", Ce, "—"))
+              ]),
+              t("td", null, [
+                t("button", {
+                  class: "mini-btn",
+                  disabled: v === 0,
+                  onClick: (l) => T(v, -1)
+                }, "↑", 8, xe),
+                t("button", {
+                  class: "mini-btn",
+                  disabled: v >= a.columns.length - 1,
+                  onClick: (l) => T(v, 1)
+                }, "↓", 8, Ve),
+                t("button", {
+                  class: "mini-btn danger",
+                  onClick: (l) => C(v)
+                }, "删", 8, Se)
+              ])
+            ]))), 128))
+          ])
+        ])
+      ], 2)
+    ]));
+  }
+}, Te = /* @__PURE__ */ lt(Ae, [["__scopeId", "data-v-e3cbb539"]]), qe = { class: "gr-dialog" }, Ee = { class: "gr-header" }, ze = { class: "gr-content" }, Ne = { class: "gr-form" }, Le = { class: "gr-form-row" }, Me = ["value", "disabled"], Oe = { class: "gr-form-row" }, Fe = {
+  class: "gr-checkbox",
+  style: { flex: "1" }
+}, Re = { class: "gr-footer" }, Ie = {
+  __name: "GroupDialog",
+  props: {
+    visible: { type: Boolean, default: !1 },
+    columns: { type: Array, default: () => [] },
+    groupRules: { type: Object, required: !0 }
+  },
+  setup(a) {
+    const o = a, s = pt({ merge_field: o.groupRules.merge_field || "", show_detail_subtotal: o.groupRules.show_detail_subtotal ?? !0 });
+    return rt(() => o.groupRules, (f) => {
+      Object.assign(s, { merge_field: f.merge_field || "", show_detail_subtotal: f.show_detail_subtotal ?? !0 });
+    }, { deep: !0 }), rt(s, () => {
+      Object.assign(o.groupRules, { merge_field: s.merge_field, show_detail_subtotal: s.show_detail_subtotal });
+    }, { deep: !0 }), (f, b) => a.visible ? (u(), c("div", {
+      key: 0,
+      class: "gr-mask",
+      onClick: b[4] || (b[4] = ut((m) => f.$emit("close"), ["self"]))
+    }, [
+      t("div", qe, [
+        t("div", Ee, [
+          b[5] || (b[5] = t("span", null, "分组规则 & 小计配置", -1)),
+          t("button", {
+            class: "gr-close",
+            onClick: b[0] || (b[0] = (m) => f.$emit("close"))
+          }, "✕")
+        ]),
+        t("div", ze, [
+          b[10] || (b[10] = t("div", { class: "gr-tips" }, [
+            t("p", null, [
+              t("b", null, "分组是什么？"),
+              D(" 选择某一列后，相同值的行会自动合并单元格（比如按「系统名称」分组，同系统的多条明细会合并成一个单元格）。每组末尾自动显示一行小计。")
+            ])
+          ], -1)),
+          t("div", Ne, [
+            t("div", Le, [
+              b[7] || (b[7] = t("label", { class: "gr-form-label" }, "按哪一列分组", -1)),
+              _(t("select", {
+                class: "cell-input",
+                "onUpdate:modelValue": b[1] || (b[1] = (m) => a.groupRules.merge_field = m),
+                style: { flex: "1" }
+              }, [
+                b[6] || (b[6] = t("option", { value: "" }, "— 不分组 —", -1)),
+                (u(!0), c(S, null, R(a.columns, (m) => (u(), c("option", {
+                  key: m.field,
+                  value: m.field,
+                  disabled: m.editor === "AUTO_SEQ" || m.editor === "AUTO_CALC"
+                }, q(m.title) + "（" + q(m.field) + "）", 9, Me))), 128))
+              ], 512), [
+                [B, a.groupRules.merge_field]
+              ])
+            ]),
+            t("div", Oe, [
+              b[9] || (b[9] = t("label", { class: "gr-form-label" }, "明细小计", -1)),
+              t("label", Fe, [
+                _(t("input", {
+                  type: "checkbox",
+                  "onUpdate:modelValue": b[2] || (b[2] = (m) => a.groupRules.show_detail_subtotal = m)
+                }, null, 512), [
+                  [tt, a.groupRules.show_detail_subtotal]
+                ]),
+                b[8] || (b[8] = t("span", null, "分组末尾显示小计行", -1))
+              ])
+            ])
+          ])
+        ]),
+        t("div", Re, [
+          t("button", {
+            class: "btn",
+            onClick: b[3] || (b[3] = (m) => f.$emit("close"))
+          }, "关闭")
+        ])
+      ])
+    ])) : M("", !0);
+  }
+}, De = /* @__PURE__ */ lt(Ie, [["__scopeId", "data-v-bd77a67d"]]), Pe = { class: "toolbar" }, je = { class: "col-left" }, Be = { class: "sec-header" }, We = { class: "sec-type" }, Qe = { class: "sec-actions" }, He = ["disabled", "onClick"], Xe = ["disabled", "onClick"], Ge = ["onClick"], Ze = { class: "sec-row" }, Je = ["onUpdate:modelValue"], Ye = { class: "sec-row" }, Ke = ["onUpdate:modelValue"], tl = ["onUpdate:modelValue"], el = { class: "chk-label" }, ll = ["onUpdate:modelValue"], ol = { class: "chk-label" }, nl = ["onUpdate:modelValue"], sl = { class: "sec-row" }, al = ["onUpdate:modelValue"], dl = { class: "cells-list" }, il = { class: "cell-toolbar" }, rl = ["onClick"], ul = { class: "sec-row" }, cl = ["onUpdate:modelValue"], pl = {
+  key: 0,
+  class: "sec-row"
+}, fl = ["onUpdate:modelValue"], ml = {
+  key: 1,
+  class: "sec-row"
+}, vl = ["onUpdate:modelValue"], bl = {
+  key: 2,
+  class: "sec-row"
+}, yl = ["onUpdate:modelValue"], _l = {
+  key: 3,
+  class: "sec-row"
+}, hl = ["onUpdate:modelValue"], gl = { class: "sec-row" }, $l = ["onUpdate:modelValue"], kl = { class: "inline-group" }, Ul = ["onUpdate:modelValue"], wl = { class: "sec-row" }, Cl = ["onUpdate:modelValue"], xl = ["onUpdate:modelValue"], Vl = { class: "chk-label" }, Sl = ["onUpdate:modelValue"], Al = { class: "chk-label" }, Tl = ["onUpdate:modelValue"], ql = { class: "sec-row border-config" }, El = { class: "border-group" }, zl = { class: "border-item" }, Nl = ["onUpdate:modelValue"], Ll = ["onUpdate:modelValue"], Ml = ["onUpdate:modelValue"], Ol = { class: "border-item" }, Fl = ["onUpdate:modelValue"], Rl = ["onUpdate:modelValue"], Il = ["onUpdate:modelValue"], Dl = { class: "border-item" }, Pl = ["onUpdate:modelValue"], jl = ["onUpdate:modelValue"], Bl = ["onUpdate:modelValue"], Wl = { class: "border-item" }, Ql = ["onUpdate:modelValue"], Hl = ["onUpdate:modelValue"], Xl = ["onUpdate:modelValue"], Gl = ["onClick"], Zl = ["onClick"], Jl = ["onClick"], Yl = { class: "col-right" }, Kl = { class: "preview-box" }, to = { class: "preview-inner" }, eo = {
+  key: 1,
+  class: "p-divider"
+}, lo = {
+  key: 3,
+  class: "p-row"
+}, oo = { class: "p-label" }, no = { class: "p-value" }, so = {
+  __name: "DesignHeader",
+  props: {
+    sections: { type: Array, required: !0 },
+    breakpoint: { type: Number, default: 1100 }
+  },
+  setup(a) {
+    const o = a, { isNarrow: s } = ft(o.breakpoint);
+    function f(i) {
+      i === "divider" ? o.sections.push({ type: i }) : i === "text" ? o.sections.push({ type: i, text: "纯文本内容", style: { color: "#303133", fontSize: 14, bold: !1, italic: !1, align: "left" } }) : i === "row" && o.sections.push({ type: i, cells: [{ type: "field", label: "字段", bind: "field1", style: nt("50%") }] });
+    }
+    function b(i) {
+      o.sections.splice(i, 1);
+    }
+    function m(i, e) {
+      const n = i + e;
+      n < 0 || n >= o.sections.length || ([o.sections[i], o.sections[n]] = [o.sections[n], o.sections[i]]);
+    }
+    function h(i) {
+      i.cells || (i.cells = []), i.cells.push({ type: "field", label: "新字段", bind: "newField", style: nt("33%") });
+    }
+    function C(i, e) {
+      i.cells.splice(e, 1);
+    }
+    function T(i) {
+      const e = {}, n = i.style || {};
+      return n.color && (e.color = n.color), n.fontSize && (e.fontSize = n.fontSize + "px"), n.bold && (e.fontWeight = "bold"), n.italic && (e.fontStyle = "italic"), n.align && (e.textAlign = n.align), e;
+    }
+    return (i, e) => (u(), c("div", null, [
+      t("div", Pe, [
+        e[3] || (e[3] = t("span", { class: "tip" }, "这里定义报价单的大标题、项目信息行等，左侧是设计器，右侧实时预览", -1)),
+        t("button", {
+          class: "btn",
+          onClick: e[0] || (e[0] = (n) => f("row"))
+        }, "+ 字段行"),
+        t("button", {
+          class: "btn",
+          onClick: e[1] || (e[1] = (n) => f("divider"))
+        }, "+ 分隔线"),
+        t("button", {
+          class: "btn",
+          onClick: e[2] || (e[2] = (n) => f("text"))
+        }, "+ 纯文本")
+      ]),
+      t("div", {
+        class: Y(["two-col", { "is-narrow": j(s) }])
+      }, [
+        t("div", je, [
+          (u(!0), c(S, null, R(a.sections, (n, v) => (u(), c("div", {
+            key: v,
+            class: "sec-block"
+          }, [
+            t("div", Be, [
+              t("span", We, q(n.type === "row" ? "字段行" : n.type === "divider" ? "分隔线" : "纯文本"), 1),
+              t("div", Qe, [
+                t("button", {
+                  class: "mini-btn",
+                  disabled: v === 0,
+                  onClick: (l) => m(v, -1)
+                }, "↑", 8, He),
+                t("button", {
+                  class: "mini-btn",
+                  disabled: v >= a.sections.length - 1,
+                  onClick: (l) => m(v, 1)
+                }, "↓", 8, Xe),
+                t("button", {
+                  class: "mini-btn danger",
+                  onClick: (l) => b(v)
+                }, "删", 8, Ge)
+              ])
+            ]),
+            n.type === "text" ? (u(), c(S, { key: 0 }, [
+              t("div", Ze, [
+                e[4] || (e[4] = t("label", null, "文字", -1)),
+                _(t("input", {
+                  "onUpdate:modelValue": (l) => n.text = l,
+                  class: "cell-input"
+                }, null, 8, Je), [
+                  [x, n.text]
+                ])
+              ]),
+              t("div", Ye, [
+                e[7] || (e[7] = t("label", null, "颜色", -1)),
+                _(t("input", {
+                  type: "color",
+                  "onUpdate:modelValue": (l) => n.style.color = l,
+                  class: "color-input"
+                }, null, 8, Ke), [
+                  [x, n.style.color]
+                ]),
+                e[8] || (e[8] = t("label", null, "字号", -1)),
+                _(t("input", {
+                  "onUpdate:modelValue": (l) => n.style.fontSize = l,
+                  type: "number",
+                  class: "cell-input tiny",
+                  min: "10",
+                  max: "48"
+                }, null, 8, tl), [
+                  [
+                    x,
+                    n.style.fontSize,
+                    void 0,
+                    { number: !0 }
+                  ]
+                ]),
+                t("label", el, [
+                  _(t("input", {
+                    type: "checkbox",
+                    "onUpdate:modelValue": (l) => n.style.bold = l
+                  }, null, 8, ll), [
+                    [tt, n.style.bold]
+                  ]),
+                  e[5] || (e[5] = D(" 加粗 ", -1))
+                ]),
+                t("label", ol, [
+                  _(t("input", {
+                    type: "checkbox",
+                    "onUpdate:modelValue": (l) => n.style.italic = l
+                  }, null, 8, nl), [
+                    [tt, n.style.italic]
+                  ]),
+                  e[6] || (e[6] = D(" 斜体 ", -1))
+                ])
+              ]),
+              t("div", sl, [
+                e[10] || (e[10] = t("label", null, "对齐", -1)),
+                _(t("select", {
+                  "onUpdate:modelValue": (l) => n.style.align = l,
+                  class: "cell-input small"
+                }, [...e[9] || (e[9] = [
+                  t("option", { value: "left" }, "左", -1),
+                  t("option", { value: "center" }, "中", -1),
+                  t("option", { value: "right" }, "右", -1)
+                ])], 8, al), [
+                  [B, n.style.align]
+                ])
+              ])
+            ], 64)) : n.type === "row" ? (u(), c(S, { key: 1 }, [
+              t("div", dl, [
+                (u(!0), c(S, null, R(n.cells, (l, E) => (u(), c("div", {
+                  key: E,
+                  class: "cell-block"
+                }, [
+                  t("div", il, [
+                    t("strong", null, q(E + 1), 1),
+                    t("button", {
+                      class: "mini-btn danger",
+                      onClick: (d) => C(n, E)
+                    }, "×", 8, rl)
+                  ]),
+                  t("div", ul, [
+                    e[12] || (e[12] = t("label", null, "类型", -1)),
+                    _(t("select", {
+                      "onUpdate:modelValue": (d) => l.type = d,
+                      class: "cell-input small"
+                    }, [...e[11] || (e[11] = [
+                      t("option", { value: "field" }, "字段（可编辑）", -1),
+                      t("option", { value: "text" }, "纯文本", -1)
+                    ])], 8, cl), [
+                      [B, l.type]
+                    ])
+                  ]),
+                  l.type === "field" ? (u(), c("div", pl, [
+                    e[13] || (e[13] = t("label", null, "标签", -1)),
+                    _(t("input", {
+                      "onUpdate:modelValue": (d) => l.label = d,
+                      class: "cell-input"
+                    }, null, 8, fl), [
+                      [x, l.label]
+                    ])
+                  ])) : M("", !0),
+                  l.type === "field" ? (u(), c("div", ml, [
+                    e[14] || (e[14] = t("label", null, "值", -1)),
+                    _(t("input", {
+                      "onUpdate:modelValue": (d) => l.value = d,
+                      class: "cell-input",
+                      placeholder: "字段的值"
+                    }, null, 8, vl), [
+                      [x, l.value]
+                    ])
+                  ])) : M("", !0),
+                  l.type === "field" ? (u(), c("div", bl, [
+                    e[15] || (e[15] = t("label", null, "绑定字段", -1)),
+                    _(t("input", {
+                      "onUpdate:modelValue": (d) => l.bind = d,
+                      class: "cell-input",
+                      placeholder: "如 projectName"
+                    }, null, 8, yl), [
+                      [x, l.bind]
+                    ])
+                  ])) : M("", !0),
+                  l.type === "text" ? (u(), c("div", _l, [
+                    e[16] || (e[16] = t("label", null, "文字", -1)),
+                    _(t("input", {
+                      "onUpdate:modelValue": (d) => l.text = d,
+                      class: "cell-input"
+                    }, null, 8, hl), [
+                      [x, l.text]
+                    ])
+                  ])) : M("", !0),
+                  t("div", gl, [
+                    e[19] || (e[19] = t("label", null, "宽度", -1)),
+                    _(t("input", {
+                      "onUpdate:modelValue": (d) => l.style.width = d,
+                      class: "cell-input small",
+                      placeholder: "如 33%"
+                    }, null, 8, $l), [
+                      [x, l.style.width]
+                    ]),
+                    t("div", kl, [
+                      e[18] || (e[18] = t("label", { class: "muted" }, "对齐", -1)),
+                      _(t("select", {
+                        "onUpdate:modelValue": (d) => l.style.align = d,
+                        class: "cell-input small"
+                      }, [...e[17] || (e[17] = [
+                        t("option", { value: "left" }, "左", -1),
+                        t("option", { value: "center" }, "中", -1),
+                        t("option", { value: "right" }, "右", -1)
+                      ])], 8, Ul), [
+                        [B, l.style.align]
+                      ])
+                    ])
+                  ]),
+                  t("div", wl, [
+                    e[22] || (e[22] = t("label", null, "颜色", -1)),
+                    _(t("input", {
+                      type: "color",
+                      "onUpdate:modelValue": (d) => l.style.color = d,
+                      class: "color-input"
+                    }, null, 8, Cl), [
+                      [x, l.style.color]
+                    ]),
+                    e[23] || (e[23] = t("label", null, "字号", -1)),
+                    _(t("input", {
+                      "onUpdate:modelValue": (d) => l.style.fontSize = d,
+                      type: "number",
+                      class: "cell-input tiny",
+                      min: "10",
+                      max: "48"
+                    }, null, 8, xl), [
+                      [
+                        x,
+                        l.style.fontSize,
+                        void 0,
+                        { number: !0 }
+                      ]
+                    ]),
+                    t("label", Vl, [
+                      _(t("input", {
+                        type: "checkbox",
+                        "onUpdate:modelValue": (d) => l.style.bold = d
+                      }, null, 8, Sl), [
+                        [tt, l.style.bold]
+                      ]),
+                      e[20] || (e[20] = D(" 加粗 ", -1))
+                    ]),
+                    t("label", Al, [
+                      _(t("input", {
+                        type: "checkbox",
+                        "onUpdate:modelValue": (d) => l.style.italic = d
+                      }, null, 8, Tl), [
+                        [tt, l.style.italic]
+                      ]),
+                      e[21] || (e[21] = D(" 斜体 ", -1))
+                    ])
+                  ]),
+                  t("div", ql, [
+                    e[32] || (e[32] = t("label", null, "边框", -1)),
+                    t("div", El, [
+                      t("div", zl, [
+                        e[25] || (e[25] = t("span", null, "上", -1)),
+                        _(t("select", {
+                          "onUpdate:modelValue": (d) => l.style.border.top.style = d,
+                          class: "cell-input tiny"
+                        }, [...e[24] || (e[24] = [
+                          t("option", { value: "" }, "无", -1),
+                          t("option", { value: "solid" }, "实线", -1),
+                          t("option", { value: "dashed" }, "虚线", -1),
+                          t("option", { value: "dotted" }, "点线", -1)
+                        ])], 8, Nl), [
+                          [B, l.style.border.top.style]
+                        ]),
+                        _(t("input", {
+                          type: "number",
+                          "onUpdate:modelValue": (d) => l.style.border.top.width = d,
+                          class: "cell-input tiny",
+                          min: "0",
+                          max: "20",
+                          step: "1"
+                        }, null, 8, Ll), [
+                          [
+                            x,
+                            l.style.border.top.width,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        _(t("input", {
+                          type: "color",
+                          "onUpdate:modelValue": (d) => l.style.border.top.color = d,
+                          class: "color-input"
+                        }, null, 8, Ml), [
+                          [x, l.style.border.top.color]
+                        ])
+                      ]),
+                      t("div", Ol, [
+                        e[27] || (e[27] = t("span", null, "下", -1)),
+                        _(t("select", {
+                          "onUpdate:modelValue": (d) => l.style.border.bottom.style = d,
+                          class: "cell-input tiny"
+                        }, [...e[26] || (e[26] = [
+                          t("option", { value: "" }, "无", -1),
+                          t("option", { value: "solid" }, "实线", -1),
+                          t("option", { value: "dashed" }, "虚线", -1),
+                          t("option", { value: "dotted" }, "点线", -1)
+                        ])], 8, Fl), [
+                          [B, l.style.border.bottom.style]
+                        ]),
+                        _(t("input", {
+                          type: "number",
+                          "onUpdate:modelValue": (d) => l.style.border.bottom.width = d,
+                          class: "cell-input tiny",
+                          min: "0",
+                          max: "20",
+                          step: "1"
+                        }, null, 8, Rl), [
+                          [
+                            x,
+                            l.style.border.bottom.width,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        _(t("input", {
+                          type: "color",
+                          "onUpdate:modelValue": (d) => l.style.border.bottom.color = d,
+                          class: "color-input"
+                        }, null, 8, Il), [
+                          [x, l.style.border.bottom.color]
+                        ])
+                      ]),
+                      t("div", Dl, [
+                        e[29] || (e[29] = t("span", null, "左", -1)),
+                        _(t("select", {
+                          "onUpdate:modelValue": (d) => l.style.border.left.style = d,
+                          class: "cell-input tiny"
+                        }, [...e[28] || (e[28] = [
+                          t("option", { value: "" }, "无", -1),
+                          t("option", { value: "solid" }, "实线", -1),
+                          t("option", { value: "dashed" }, "虚线", -1),
+                          t("option", { value: "dotted" }, "点线", -1)
+                        ])], 8, Pl), [
+                          [B, l.style.border.left.style]
+                        ]),
+                        _(t("input", {
+                          type: "number",
+                          "onUpdate:modelValue": (d) => l.style.border.left.width = d,
+                          class: "cell-input tiny",
+                          min: "0",
+                          max: "20",
+                          step: "1"
+                        }, null, 8, jl), [
+                          [
+                            x,
+                            l.style.border.left.width,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        _(t("input", {
+                          type: "color",
+                          "onUpdate:modelValue": (d) => l.style.border.left.color = d,
+                          class: "color-input"
+                        }, null, 8, Bl), [
+                          [x, l.style.border.left.color]
+                        ])
+                      ]),
+                      t("div", Wl, [
+                        e[31] || (e[31] = t("span", null, "右", -1)),
+                        _(t("select", {
+                          "onUpdate:modelValue": (d) => l.style.border.right.style = d,
+                          class: "cell-input tiny"
+                        }, [...e[30] || (e[30] = [
+                          t("option", { value: "" }, "无", -1),
+                          t("option", { value: "solid" }, "实线", -1),
+                          t("option", { value: "dashed" }, "虚线", -1),
+                          t("option", { value: "dotted" }, "点线", -1)
+                        ])], 8, Ql), [
+                          [B, l.style.border.right.style]
+                        ]),
+                        _(t("input", {
+                          type: "number",
+                          "onUpdate:modelValue": (d) => l.style.border.right.width = d,
+                          class: "cell-input tiny",
+                          min: "0",
+                          max: "20",
+                          step: "1"
+                        }, null, 8, Hl), [
+                          [
+                            x,
+                            l.style.border.right.width,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        _(t("input", {
+                          type: "color",
+                          "onUpdate:modelValue": (d) => l.style.border.right.color = d,
+                          class: "color-input"
+                        }, null, 8, Xl), [
+                          [x, l.style.border.right.color]
+                        ])
+                      ])
+                    ]),
+                    t("button", {
+                      class: "mini-btn",
+                      onClick: (d) => j(ct)(l, "all")
+                    }, "全", 8, Gl),
+                    t("button", {
+                      class: "mini-btn",
+                      onClick: (d) => j(ct)(l, "none")
+                    }, "无", 8, Zl)
+                  ])
+                ]))), 128))
+              ]),
+              t("button", {
+                class: "btn btn-ghost",
+                onClick: (l) => h(n)
+              }, "+ 添加一个单元格", 8, Jl)
+            ], 64)) : M("", !0)
+          ]))), 128))
+        ]),
+        t("div", Yl, [
+          t("div", Kl, [
+            e[33] || (e[33] = t("div", { class: "preview-label" }, "实时预览", -1)),
+            t("div", to, [
+              (u(!0), c(S, null, R(a.sections, (n, v) => (u(), c(S, { key: v }, [
+                n.type === "title" ? (u(), c("div", {
+                  key: 0,
+                  class: "p-title",
+                  style: H(T(n))
+                }, q(n.text || "大标题"), 5)) : n.type === "divider" ? (u(), c("div", eo)) : n.type === "text" ? (u(), c("div", {
+                  key: 2,
+                  class: "p-text",
+                  style: H(T(n))
+                }, q(n.text || "纯文本"), 5)) : n.type === "row" ? (u(), c("div", lo, [
+                  (u(!0), c(S, null, R(n.cells, (l, E) => (u(), c("div", {
+                    key: E,
+                    class: "p-cell",
+                    style: H(j(xt)(l))
+                  }, [
+                    l.type === "field" ? (u(), c(S, { key: 0 }, [
+                      t("span", oo, q(l.label) + "：", 1),
+                      t("span", no, q(l.value || "字段值"), 1)
+                    ], 64)) : (u(), c(S, { key: 1 }, [
+                      D(q(l.text || "纯文本"), 1)
+                    ], 64))
+                  ], 4))), 128))
+                ])) : M("", !0)
+              ], 64))), 128))
+            ])
+          ])
+        ])
+      ], 2)
+    ]));
+  }
+}, ao = /* @__PURE__ */ lt(so, [["__scopeId", "data-v-197b51e4"]]), io = { class: "toolbar" }, ro = { class: "col-left" }, uo = { class: "sec-header" }, co = { class: "sec-type" }, po = { class: "sec-actions" }, fo = ["disabled", "onClick"], mo = ["disabled", "onClick"], vo = ["onClick"], bo = { class: "cells-list" }, yo = { class: "cell-toolbar" }, _o = ["onClick"], ho = { class: "sec-row" }, go = ["onUpdate:modelValue"], $o = { class: "sec-row" }, ko = ["onUpdate:modelValue"], Uo = { class: "sec-row" }, wo = ["onUpdate:modelValue"], Co = { class: "inline-group" }, xo = ["onUpdate:modelValue"], Vo = { class: "sec-row" }, So = ["onUpdate:modelValue"], Ao = ["onUpdate:modelValue"], To = { class: "chk-label" }, qo = ["onUpdate:modelValue"], Eo = { class: "chk-label" }, zo = ["onUpdate:modelValue"], No = { class: "sec-row border-config" }, Lo = { class: "border-group" }, Mo = { class: "border-item" }, Oo = ["onUpdate:modelValue"], Fo = ["onUpdate:modelValue"], Ro = ["onUpdate:modelValue"], Io = { class: "border-item" }, Do = ["onUpdate:modelValue"], Po = ["onUpdate:modelValue"], jo = ["onUpdate:modelValue"], Bo = { class: "border-item" }, Wo = ["onUpdate:modelValue"], Qo = ["onUpdate:modelValue"], Ho = ["onUpdate:modelValue"], Xo = { class: "border-item" }, Go = ["onUpdate:modelValue"], Zo = ["onUpdate:modelValue"], Jo = ["onUpdate:modelValue"], Yo = ["onClick"], Ko = ["onClick"], tn = ["onClick"], en = { class: "sec-row" }, ln = ["onUpdate:modelValue"], on = { class: "sec-row" }, nn = ["onUpdate:modelValue"], sn = ["onUpdate:modelValue"], an = { class: "chk-label" }, dn = ["onUpdate:modelValue"], rn = { class: "chk-label" }, un = ["onUpdate:modelValue"], cn = { class: "sec-row" }, pn = ["onUpdate:modelValue"], fn = { class: "col-right" }, mn = { class: "preview-box" }, vn = { class: "preview-inner" }, bn = {
+  key: 0,
+  class: "p-divider"
+}, yn = {
+  key: 2,
+  class: "p-row"
+}, _n = {
+  __name: "DesignFooter",
+  props: {
+    sections: { type: Array, required: !0 },
+    breakpoint: { type: Number, default: 1100 }
+  },
+  setup(a) {
+    const o = a, { isNarrow: s } = ft(o.breakpoint);
+    function f(i) {
+      i === "divider" ? o.sections.push({ type: i }) : i === "text" ? o.sections.push({ type: i, text: "纯文本", style: { color: "#303133", fontSize: 14, bold: !1, italic: !1, align: "left" } }) : i === "row" && o.sections.push({ type: i, cells: [{ type: "text", text: "客户签字：", style: nt("50%") }] });
+    }
+    function b(i) {
+      o.sections.splice(i, 1);
+    }
+    function m(i, e) {
+      const n = i + e;
+      n < 0 || n >= o.sections.length || ([o.sections[i], o.sections[n]] = [o.sections[n], o.sections[i]]);
+    }
+    function h(i) {
+      i.cells || (i.cells = []), i.cells.push({ type: "text", text: "签字：", style: nt("50%") });
+    }
+    function C(i, e) {
+      i.cells.splice(e, 1);
+    }
+    function T(i) {
+      const e = {}, n = i.style || {};
+      return n.color && (e.color = n.color), n.fontSize && (e.fontSize = n.fontSize + "px"), n.bold && (e.fontWeight = "bold"), n.italic && (e.fontStyle = "italic"), n.align && (e.textAlign = n.align), e;
+    }
+    return (i, e) => (u(), c("div", null, [
+      t("div", io, [
+        e[3] || (e[3] = t("span", { class: "tip" }, "💡 页面底部显示签字栏、盖章区等，结构和页面头部一样", -1)),
+        t("button", {
+          class: "btn",
+          onClick: e[0] || (e[0] = (n) => f("divider"))
+        }, "+ 分隔线"),
+        t("button", {
+          class: "btn",
+          onClick: e[1] || (e[1] = (n) => f("row"))
+        }, "+ 字段行"),
+        t("button", {
+          class: "btn",
+          onClick: e[2] || (e[2] = (n) => f("text"))
+        }, "+ 纯文本")
+      ]),
+      t("div", {
+        class: Y(["two-col", { "is-narrow": j(s) }])
+      }, [
+        t("div", ro, [
+          (u(!0), c(S, null, R(a.sections, (n, v) => (u(), c("div", {
+            key: v,
+            class: "sec-block"
+          }, [
+            t("div", uo, [
+              t("span", co, q(n.type === "row" ? "字段行" : n.type === "divider" ? "分隔线" : "纯文本"), 1),
+              t("div", po, [
+                t("button", {
+                  class: "mini-btn",
+                  disabled: v === 0,
+                  onClick: (l) => m(v, -1)
+                }, "↑", 8, fo),
+                t("button", {
+                  class: "mini-btn",
+                  disabled: v >= a.sections.length - 1,
+                  onClick: (l) => m(v, 1)
+                }, "↓", 8, mo),
+                t("button", {
+                  class: "mini-btn danger",
+                  onClick: (l) => b(v)
+                }, "删", 8, vo)
+              ])
+            ]),
+            n.type === "row" ? (u(), c(S, { key: 0 }, [
+              t("div", bo, [
+                (u(!0), c(S, null, R(n.cells, (l, E) => (u(), c("div", {
+                  key: E,
+                  class: "cell-block"
+                }, [
+                  t("div", yo, [
+                    t("strong", null, q(E + 1), 1),
+                    t("button", {
+                      class: "mini-btn danger",
+                      onClick: (d) => C(n, E)
+                    }, "×", 8, _o)
+                  ]),
+                  t("div", ho, [
+                    e[5] || (e[5] = t("label", null, "类型", -1)),
+                    _(t("select", {
+                      "onUpdate:modelValue": (d) => l.type = d,
+                      class: "cell-input small"
+                    }, [...e[4] || (e[4] = [
+                      t("option", { value: "text" }, "纯文本", -1)
+                    ])], 8, go), [
+                      [B, l.type]
+                    ])
+                  ]),
+                  t("div", $o, [
+                    e[6] || (e[6] = t("label", null, "文字", -1)),
+                    _(t("input", {
+                      "onUpdate:modelValue": (d) => l.text = d,
+                      class: "cell-input"
+                    }, null, 8, ko), [
+                      [x, l.text]
+                    ])
+                  ]),
+                  t("div", Uo, [
+                    e[9] || (e[9] = t("label", null, "宽度", -1)),
+                    _(t("input", {
+                      "onUpdate:modelValue": (d) => l.style.width = d,
+                      class: "cell-input small",
+                      placeholder: "如 50%"
+                    }, null, 8, wo), [
+                      [x, l.style.width]
+                    ]),
+                    t("div", Co, [
+                      e[8] || (e[8] = t("label", { class: "muted" }, "对齐", -1)),
+                      _(t("select", {
+                        "onUpdate:modelValue": (d) => l.style.align = d,
+                        class: "cell-input small"
+                      }, [...e[7] || (e[7] = [
+                        t("option", { value: "left" }, "左", -1),
+                        t("option", { value: "center" }, "中", -1),
+                        t("option", { value: "right" }, "右", -1)
+                      ])], 8, xo), [
+                        [B, l.style.align]
+                      ])
+                    ])
+                  ]),
+                  t("div", Vo, [
+                    e[12] || (e[12] = t("label", null, "颜色", -1)),
+                    _(t("input", {
+                      type: "color",
+                      "onUpdate:modelValue": (d) => l.style.color = d,
+                      class: "color-input"
+                    }, null, 8, So), [
+                      [x, l.style.color]
+                    ]),
+                    e[13] || (e[13] = t("label", null, "字号", -1)),
+                    _(t("input", {
+                      "onUpdate:modelValue": (d) => l.style.fontSize = d,
+                      type: "number",
+                      class: "cell-input tiny",
+                      min: "10",
+                      max: "48"
+                    }, null, 8, Ao), [
+                      [
+                        x,
+                        l.style.fontSize,
+                        void 0,
+                        { number: !0 }
+                      ]
+                    ]),
+                    t("label", To, [
+                      _(t("input", {
+                        type: "checkbox",
+                        "onUpdate:modelValue": (d) => l.style.bold = d
+                      }, null, 8, qo), [
+                        [tt, l.style.bold]
+                      ]),
+                      e[10] || (e[10] = D(" 加粗 ", -1))
+                    ]),
+                    t("label", Eo, [
+                      _(t("input", {
+                        type: "checkbox",
+                        "onUpdate:modelValue": (d) => l.style.italic = d
+                      }, null, 8, zo), [
+                        [tt, l.style.italic]
+                      ]),
+                      e[11] || (e[11] = D(" 斜体 ", -1))
+                    ])
+                  ]),
+                  t("div", No, [
+                    e[22] || (e[22] = t("label", null, "边框", -1)),
+                    t("div", Lo, [
+                      t("div", Mo, [
+                        e[15] || (e[15] = t("span", null, "上", -1)),
+                        _(t("select", {
+                          "onUpdate:modelValue": (d) => l.style.border.top.style = d,
+                          class: "cell-input tiny"
+                        }, [...e[14] || (e[14] = [
+                          t("option", { value: "" }, "无", -1),
+                          t("option", { value: "solid" }, "实线", -1),
+                          t("option", { value: "dashed" }, "虚线", -1),
+                          t("option", { value: "dotted" }, "点线", -1)
+                        ])], 8, Oo), [
+                          [B, l.style.border.top.style]
+                        ]),
+                        _(t("input", {
+                          type: "number",
+                          "onUpdate:modelValue": (d) => l.style.border.top.width = d,
+                          class: "cell-input tiny",
+                          min: "0",
+                          max: "20",
+                          step: "1"
+                        }, null, 8, Fo), [
+                          [
+                            x,
+                            l.style.border.top.width,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        _(t("input", {
+                          type: "color",
+                          "onUpdate:modelValue": (d) => l.style.border.top.color = d,
+                          class: "color-input"
+                        }, null, 8, Ro), [
+                          [x, l.style.border.top.color]
+                        ])
+                      ]),
+                      t("div", Io, [
+                        e[17] || (e[17] = t("span", null, "下", -1)),
+                        _(t("select", {
+                          "onUpdate:modelValue": (d) => l.style.border.bottom.style = d,
+                          class: "cell-input tiny"
+                        }, [...e[16] || (e[16] = [
+                          t("option", { value: "" }, "无", -1),
+                          t("option", { value: "solid" }, "实线", -1),
+                          t("option", { value: "dashed" }, "虚线", -1),
+                          t("option", { value: "dotted" }, "点线", -1)
+                        ])], 8, Do), [
+                          [B, l.style.border.bottom.style]
+                        ]),
+                        _(t("input", {
+                          type: "number",
+                          "onUpdate:modelValue": (d) => l.style.border.bottom.width = d,
+                          class: "cell-input tiny",
+                          min: "0",
+                          max: "20",
+                          step: "1"
+                        }, null, 8, Po), [
+                          [
+                            x,
+                            l.style.border.bottom.width,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        _(t("input", {
+                          type: "color",
+                          "onUpdate:modelValue": (d) => l.style.border.bottom.color = d,
+                          class: "color-input"
+                        }, null, 8, jo), [
+                          [x, l.style.border.bottom.color]
+                        ])
+                      ]),
+                      t("div", Bo, [
+                        e[19] || (e[19] = t("span", null, "左", -1)),
+                        _(t("select", {
+                          "onUpdate:modelValue": (d) => l.style.border.left.style = d,
+                          class: "cell-input tiny"
+                        }, [...e[18] || (e[18] = [
+                          t("option", { value: "" }, "无", -1),
+                          t("option", { value: "solid" }, "实线", -1),
+                          t("option", { value: "dashed" }, "虚线", -1),
+                          t("option", { value: "dotted" }, "点线", -1)
+                        ])], 8, Wo), [
+                          [B, l.style.border.left.style]
+                        ]),
+                        _(t("input", {
+                          type: "number",
+                          "onUpdate:modelValue": (d) => l.style.border.left.width = d,
+                          class: "cell-input tiny",
+                          min: "0",
+                          max: "20",
+                          step: "1"
+                        }, null, 8, Qo), [
+                          [
+                            x,
+                            l.style.border.left.width,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        _(t("input", {
+                          type: "color",
+                          "onUpdate:modelValue": (d) => l.style.border.left.color = d,
+                          class: "color-input"
+                        }, null, 8, Ho), [
+                          [x, l.style.border.left.color]
+                        ])
+                      ]),
+                      t("div", Xo, [
+                        e[21] || (e[21] = t("span", null, "右", -1)),
+                        _(t("select", {
+                          "onUpdate:modelValue": (d) => l.style.border.right.style = d,
+                          class: "cell-input tiny"
+                        }, [...e[20] || (e[20] = [
+                          t("option", { value: "" }, "无", -1),
+                          t("option", { value: "solid" }, "实线", -1),
+                          t("option", { value: "dashed" }, "虚线", -1),
+                          t("option", { value: "dotted" }, "点线", -1)
+                        ])], 8, Go), [
+                          [B, l.style.border.right.style]
+                        ]),
+                        _(t("input", {
+                          type: "number",
+                          "onUpdate:modelValue": (d) => l.style.border.right.width = d,
+                          class: "cell-input tiny",
+                          min: "0",
+                          max: "20",
+                          step: "1"
+                        }, null, 8, Zo), [
+                          [
+                            x,
+                            l.style.border.right.width,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        _(t("input", {
+                          type: "color",
+                          "onUpdate:modelValue": (d) => l.style.border.right.color = d,
+                          class: "color-input"
+                        }, null, 8, Jo), [
+                          [x, l.style.border.right.color]
+                        ])
+                      ])
+                    ]),
+                    t("button", {
+                      class: "mini-btn",
+                      onClick: (d) => j(ct)(l, "all")
+                    }, "全", 8, Yo),
+                    t("button", {
+                      class: "mini-btn",
+                      onClick: (d) => j(ct)(l, "none")
+                    }, "无", 8, Ko)
+                  ])
+                ]))), 128))
+              ]),
+              t("button", {
+                class: "btn btn-ghost",
+                onClick: (l) => h(n)
+              }, "+ 添加一个单元格", 8, tn)
+            ], 64)) : n.type === "text" ? (u(), c(S, { key: 1 }, [
+              t("div", en, [
+                e[23] || (e[23] = t("label", null, "文字", -1)),
+                _(t("input", {
+                  "onUpdate:modelValue": (l) => n.text = l,
+                  class: "cell-input"
+                }, null, 8, ln), [
+                  [x, n.text]
+                ])
+              ]),
+              t("div", on, [
+                e[26] || (e[26] = t("label", null, "颜色", -1)),
+                _(t("input", {
+                  type: "color",
+                  "onUpdate:modelValue": (l) => n.style.color = l,
+                  class: "color-input"
+                }, null, 8, nn), [
+                  [x, n.style.color]
+                ]),
+                e[27] || (e[27] = t("label", null, "字号", -1)),
+                _(t("input", {
+                  "onUpdate:modelValue": (l) => n.style.fontSize = l,
+                  type: "number",
+                  class: "cell-input tiny",
+                  min: "10",
+                  max: "48"
+                }, null, 8, sn), [
+                  [
+                    x,
+                    n.style.fontSize,
+                    void 0,
+                    { number: !0 }
+                  ]
+                ]),
+                t("label", an, [
+                  _(t("input", {
+                    type: "checkbox",
+                    "onUpdate:modelValue": (l) => n.style.bold = l
+                  }, null, 8, dn), [
+                    [tt, n.style.bold]
+                  ]),
+                  e[24] || (e[24] = D(" 加粗 ", -1))
+                ]),
+                t("label", rn, [
+                  _(t("input", {
+                    type: "checkbox",
+                    "onUpdate:modelValue": (l) => n.style.italic = l
+                  }, null, 8, un), [
+                    [tt, n.style.italic]
+                  ]),
+                  e[25] || (e[25] = D(" 斜体 ", -1))
+                ])
+              ]),
+              t("div", cn, [
+                e[29] || (e[29] = t("label", null, "对齐", -1)),
+                _(t("select", {
+                  "onUpdate:modelValue": (l) => n.style.align = l,
+                  class: "cell-input small"
+                }, [...e[28] || (e[28] = [
+                  t("option", { value: "left" }, "左", -1),
+                  t("option", { value: "center" }, "中", -1),
+                  t("option", { value: "right" }, "右", -1)
+                ])], 8, pn), [
+                  [B, n.style.align]
+                ])
+              ])
+            ], 64)) : M("", !0)
+          ]))), 128))
+        ]),
+        t("div", fn, [
+          t("div", mn, [
+            e[30] || (e[30] = t("div", { class: "preview-label" }, "底部预览", -1)),
+            t("div", vn, [
+              (u(!0), c(S, null, R(a.sections, (n, v) => (u(), c(S, { key: v }, [
+                n.type === "divider" ? (u(), c("div", bn)) : n.type === "text" ? (u(), c("div", {
+                  key: 1,
+                  class: "p-text",
+                  style: H(T(n))
+                }, q(n.text || "纯文本"), 5)) : n.type === "row" ? (u(), c("div", yn, [
+                  (u(!0), c(S, null, R(n.cells, (l, E) => (u(), c("div", {
+                    key: E,
+                    class: "p-cell",
+                    style: H(j(xt)(l))
+                  }, q(l.text), 5))), 128))
+                ])) : M("", !0)
+              ], 64))), 128))
+            ])
+          ])
+        ])
+      ], 2)
+    ]));
+  }
+}, hn = /* @__PURE__ */ lt(_n, [["__scopeId", "data-v-3b5d8a7a"]]), gn = { class: "col-left" }, $n = { class: "sec-header" }, kn = { class: "sec-type" }, Un = { class: "sec-actions" }, wn = ["disabled", "onClick"], Cn = ["disabled", "onClick"], xn = ["onClick"], Vn = { class: "sec-row" }, Sn = ["onUpdate:modelValue"], An = ["onUpdate:modelValue"], Tn = { class: "sec-row" }, qn = ["onUpdate:modelValue"], En = {
+  key: 0,
+  class: "sec-row"
+}, zn = ["onUpdate:modelValue"], Nn = {
+  key: 1,
+  class: "sec-row"
+}, Ln = ["onUpdate:modelValue"], Mn = {
+  key: 2,
+  class: "sec-row"
+}, On = ["onUpdate:modelValue"], Fn = { class: "sec-row" }, Rn = ["onUpdate:modelValue"], In = ["onUpdate:modelValue"], Dn = { class: "chk-label" }, Pn = ["onUpdate:modelValue"], jn = { class: "chk-label" }, Bn = ["onUpdate:modelValue"], Wn = {
+  key: 0,
+  class: "empty-hint"
+}, Qn = { class: "col-right" }, Hn = { class: "summary-preview" }, Xn = { class: "sp-label" }, Gn = {
+  key: 0,
+  class: "empty-hint"
+}, Zn = {
+  __name: "DesignSummary",
+  props: {
+    fields: { type: Array, required: !0 },
+    breakpoint: { type: Number, default: 1100 }
+  },
+  setup(a) {
+    const o = a, { isNarrow: s } = ft(o.breakpoint);
+    function f(n) {
+      return n === "MANUAL_INPUT" ? "手动输入" : n === "AUTO_CALC" ? "自动计算" : "纯文本";
+    }
+    function b(n, v) {
+      let l = n, E = 2;
+      for (; v.has(l); ) l = n + "_" + E++;
+      return l;
+    }
+    function m() {
+      let n = 0;
+      for (const v of o.fields) {
+        const l = /^field_(\d+)$/.exec(v.field);
+        l && (n = Math.max(n, parseInt(l[1], 10)));
+      }
+      return n + 1;
+    }
+    function h() {
+      const n = /* @__PURE__ */ new Set([...o.fields.map((l) => l.field)]), v = "field_" + String(m()).padStart(4, "0");
+      o.fields.push({
+        field: b(v, n),
+        label: "新款项",
+        type: "MANUAL_INPUT",
+        default: 0,
+        formula: "",
+        style: { color: "#606266", fontSize: 13, bold: !1, italic: !1 }
+      });
+    }
+    function C(n) {
+      o.fields.splice(n, 1);
+    }
+    function T(n, v) {
+      const l = n + v;
+      l < 0 || l >= o.fields.length || ([o.fields[n], o.fields[l]] = [o.fields[l], o.fields[n]]);
+    }
+    function i(n) {
+      const v = {}, l = n.style || {};
+      return l.color && (v.color = l.color), l.fontSize && (v.fontSize = l.fontSize + "px"), l.bold && (v.fontWeight = "bold"), l.italic && (v.fontStyle = "italic"), v;
+    }
+    function e(n) {
+      return n.type === "AUTO_CALC" ? n.formula || "group_total" : n.type === "PLAIN_TEXT" ? n.text || "（未填写文字）" : n.default ?? 0;
+    }
+    return (n, v) => (u(), c("div", null, [
+      t("div", { class: "toolbar" }, [
+        v[0] || (v[0] = t("span", { class: "tip" }, "💡 汇总区域显示在表格底部，支持手动输入、公式自动计算和纯文本展示", -1)),
+        t("button", {
+          class: "btn",
+          onClick: h
+        }, "+ 添加字段")
+      ]),
+      t("div", {
+        class: Y(["two-col", { "is-narrow": j(s) }])
+      }, [
+        t("div", gn, [
+          (u(!0), c(S, null, R(a.fields, (l, E) => (u(), c("div", {
+            key: E,
+            class: "sec-block"
+          }, [
+            t("div", $n, [
+              t("span", kn, q(f(l.type)), 1),
+              t("div", Un, [
+                t("button", {
+                  class: "mini-btn",
+                  disabled: E === 0,
+                  onClick: (d) => T(E, -1)
+                }, "↑", 8, wn),
+                t("button", {
+                  class: "mini-btn",
+                  disabled: E >= a.fields.length - 1,
+                  onClick: (d) => T(E, 1)
+                }, "↓", 8, Cn),
+                t("button", {
+                  class: "mini-btn danger",
+                  onClick: (d) => C(E)
+                }, "删", 8, xn)
+              ])
+            ]),
+            t("div", Vn, [
+              v[1] || (v[1] = t("label", null, "字段名", -1)),
+              _(t("input", {
+                class: "cell-input",
+                "onUpdate:modelValue": (d) => l.field = d
+              }, null, 8, Sn), [
+                [x, l.field]
+              ]),
+              v[2] || (v[2] = t("label", null, "显示标签", -1)),
+              _(t("input", {
+                class: "cell-input",
+                "onUpdate:modelValue": (d) => l.label = d
+              }, null, 8, An), [
+                [x, l.label]
+              ])
+            ]),
+            t("div", Tn, [
+              v[4] || (v[4] = t("label", null, "类型", -1)),
+              _(t("select", {
+                class: "cell-input",
+                "onUpdate:modelValue": (d) => l.type = d
+              }, [...v[3] || (v[3] = [
+                t("option", { value: "MANUAL_INPUT" }, "手动输入（自定义金额）", -1),
+                t("option", { value: "AUTO_CALC" }, "自动计算（公式）", -1),
+                t("option", { value: "PLAIN_TEXT" }, "纯文本（固定文字）", -1)
+              ])], 8, qn), [
+                [B, l.type]
+              ])
+            ]),
+            l.type === "MANUAL_INPUT" ? (u(), c("div", En, [
+              v[5] || (v[5] = t("label", null, "默认值", -1)),
+              _(t("input", {
+                class: "cell-input",
+                type: "number",
+                "onUpdate:modelValue": (d) => l.default = d,
+                placeholder: "可选，切换模板时自动填充"
+              }, null, 8, zn), [
+                [
+                  x,
+                  l.default,
+                  void 0,
+                  { number: !0 }
+                ]
+              ])
+            ])) : M("", !0),
+            l.type === "AUTO_CALC" ? (u(), c("div", Nn, [
+              v[6] || (v[6] = t("label", null, "公式", -1)),
+              _(t("input", {
+                class: "cell-input",
+                "onUpdate:modelValue": (d) => l.formula = d,
+                placeholder: "如 group_total + service_fee 或 group_total * 0.06"
+              }, null, 8, Ln), [
+                [x, l.formula]
+              ])
+            ])) : M("", !0),
+            l.type === "PLAIN_TEXT" ? (u(), c("div", Mn, [
+              v[7] || (v[7] = t("label", null, "文字内容", -1)),
+              _(t("input", {
+                class: "cell-input",
+                "onUpdate:modelValue": (d) => l.text = d,
+                placeholder: "如：税率 1%"
+              }, null, 8, On), [
+                [x, l.text]
+              ])
+            ])) : M("", !0),
+            t("div", Fn, [
+              v[10] || (v[10] = t("label", null, "颜色", -1)),
+              _(t("input", {
+                type: "color",
+                "onUpdate:modelValue": (d) => l.style.color = d,
+                class: "color-input"
+              }, null, 8, Rn), [
+                [x, l.style.color]
+              ]),
+              v[11] || (v[11] = t("label", null, "字号", -1)),
+              _(t("input", {
+                class: "cell-input tiny",
+                type: "number",
+                "onUpdate:modelValue": (d) => l.style.fontSize = d,
+                min: "10",
+                max: "48",
+                placeholder: "14"
+              }, null, 8, In), [
+                [
+                  x,
+                  l.style.fontSize,
+                  void 0,
+                  { number: !0 }
+                ]
+              ]),
+              t("label", Dn, [
+                _(t("input", {
+                  type: "checkbox",
+                  "onUpdate:modelValue": (d) => l.style.bold = d
+                }, null, 8, Pn), [
+                  [tt, l.style.bold]
+                ]),
+                v[8] || (v[8] = D(" 加粗 ", -1))
+              ]),
+              t("label", jn, [
+                _(t("input", {
+                  type: "checkbox",
+                  "onUpdate:modelValue": (d) => l.style.italic = d
+                }, null, 8, Bn), [
+                  [tt, l.style.italic]
+                ]),
+                v[9] || (v[9] = D(" 斜体 ", -1))
+              ])
+            ])
+          ]))), 128)),
+          a.fields.length === 0 ? (u(), c("div", Wn, "还没有汇总项，点右上角按钮添加")) : M("", !0)
+        ]),
+        t("div", Qn, [
+          v[12] || (v[12] = t("h4", { class: "preview-title" }, "实时预览", -1)),
+          t("div", Hn, [
+            (u(!0), c(S, null, R(a.fields, (l, E) => (u(), c("div", {
+              class: "sp-row",
+              key: E
+            }, [
+              t("span", Xn, q(l.label || "标签"), 1),
+              t("span", {
+                class: "sp-value",
+                style: H(i(l))
+              }, q(e(l)), 5)
+            ]))), 128)),
+            a.fields.length === 0 ? (u(), c("div", Gn, "暂无汇总项")) : M("", !0)
+          ]),
+          v[13] || (v[13] = bt('<div class="preview-help" data-v-8464c396><p data-v-8464c396><b data-v-8464c396>可用变量：</b></p><p data-v-8464c396><code data-v-8464c396>group_total</code> 明细小计合计</p><p data-v-8464c396><code data-v-8464c396>quantity_sum</code> 数量总和（需字段名为 quantity）</p><p data-v-8464c396><code data-v-8464c396>grand_total</code> 报价总额</p><p data-v-8464c396><code data-v-8464c396>各手动输入项字段名</code> 互相引用</p><p style="margin-top:6px;color:#909399;font-size:12px;" data-v-8464c396>完整列表请看使用教程</p></div>', 1))
+        ])
+      ], 2)
+    ]));
+  }
+}, Jn = /* @__PURE__ */ lt(Zn, [["__scopeId", "data-v-8464c396"]]), Yn = { class: "help-dialog" }, Kn = { class: "help-header" }, ts = {
+  __name: "HelpModal",
+  props: { visible: { type: Boolean, default: !1 } },
+  emits: ["close"],
+  setup(a) {
+    return (o, s) => a.visible ? (u(), c("div", {
+      key: 0,
+      class: "help-modal",
+      onClick: s[1] || (s[1] = ut((f) => o.$emit("close"), ["self"]))
+    }, [
+      t("div", Yn, [
+        t("div", Kn, [
+          s[2] || (s[2] = t("h3", null, "📖 报价单生成器 — 使用教程", -1)),
+          t("button", {
+            class: "close-btn",
+            onClick: s[0] || (s[0] = (f) => o.$emit("close"))
+          }, "✕")
+        ]),
+        s[3] || (s[3] = bt(`<div class="help-body" data-v-9af33ede><section class="help-section" data-v-9af33ede><h4 data-v-9af33ede>🔁 整体三步流程</h4><p data-v-9af33ede>顶部导航栏有三个步骤，按顺序操作即可生成一份完整报价单：</p><ol class="steps" data-v-9af33ede><li data-v-9af33ede><b data-v-9af33ede>① 设计模板</b> — 定义表头列、页面头部信息、汇总区域、底部签字栏等</li><li data-v-9af33ede><b data-v-9af33ede>② 填写数据</b> — 根据模板录入每条明细，自动分组、自动算小计</li><li data-v-9af33ede><b data-v-9af33ede>③ 预览导出</b> — 查看最终效果，一键导出 Excel 或打印</li></ol><p class="tip-box" data-v-9af33ede>💡 也可以从第 ② 步开始，系统已内置 3 个示例模板可直接使用</p></section><section class="help-section" data-v-9af33ede><h4 data-v-9af33ede>① 表头列 — 定义表格里有哪些列</h4><p data-v-9af33ede>点击顶部工具栏的 <b data-v-9af33ede>+ 添加字段</b> 按钮可以新增一列，然后在表格中把「类型」改成你想要的：</p><table class="help-table" data-v-9af33ede><thead data-v-9af33ede><tr data-v-9af33ede><th data-v-9af33ede>按钮</th><th data-v-9af33ede>字段类型</th><th data-v-9af33ede>说明</th></tr></thead><tbody data-v-9af33ede><tr data-v-9af33ede><td data-v-9af33ede>文本列</td><td data-v-9af33ede>INPUT</td><td data-v-9af33ede>普通文字输入，用于名称、描述等</td></tr><tr data-v-9af33ede><td data-v-9af33ede>数字列</td><td data-v-9af33ede>NUMBER</td><td data-v-9af33ede>只能填数字，用于数量、单价等</td></tr><tr data-v-9af33ede><td data-v-9af33ede>下拉列</td><td data-v-9af33ede>SELECT_DICT</td><td data-v-9af33ede>固定选项，点击列中的&quot;下拉选项&quot;输入选项，用逗号分隔，如 <code data-v-9af33ede>设备,材料,安装</code></td></tr><tr data-v-9af33ede><td data-v-9af33ede>多行文本列</td><td data-v-9af33ede>TEXTAREA</td><td data-v-9af33ede>可输入较长文字，用于备注、说明等</td></tr></tbody></table><p data-v-9af33ede><b data-v-9af33ede>特殊类型列：</b></p><ul data-v-9af33ede><li data-v-9af33ede><b data-v-9af33ede>自动序号</b> — 自动从 1 开始递增，字段名随便改（建议叫 <code data-v-9af33ede>seq</code>）</li><li data-v-9af33ede><b data-v-9af33ede>自动计算（公式）</b> — 用任意公式算值，公式里可引用<b data-v-9af33ede>同一行其他列的字段名</b>，如 <code data-v-9af33ede>quantity * unit_price</code>。字段名必须和你在表头里设置的一致，比如数量列叫 <code data-v-9af33ede>qty</code> 就要写 <code data-v-9af33ede>qty * unit_price</code></li></ul><p data-v-9af33ede><b data-v-9af33ede>列顺序：</b>点行末的 ↑ ↓ 按钮上下移动，或拖动行来调整</p><p data-v-9af33ede><b data-v-9af33ede>列宽度：</b>单位是像素（px），在&quot;宽度&quot;列填数字</p><p class="tip-box" data-v-9af33ede>💡 下拉列的选项是写在逗号分隔的输入框里，保存后切换到「填写数据」页面时会变成下拉选择框</p></section><section class="help-section" data-v-9af33ede><h4 data-v-9af33ede>② 页面头部 — 报价单的标题和项目信息</h4><p data-v-9af33ede>头部由多个&quot;段落&quot;顺序组成，每个段落可以是以下 4 种类型：</p><table class="help-table" data-v-9af33ede><thead data-v-9af33ede><tr data-v-9af33ede><th data-v-9af33ede>类型</th><th data-v-9af33ede>说明</th><th data-v-9af33ede>配置项</th></tr></thead><tbody data-v-9af33ede><tr data-v-9af33ede><td data-v-9af33ede><b data-v-9af33ede>大标题</b></td><td data-v-9af33ede>最顶部的报价单标题</td><td data-v-9af33ede>文字、字号、粗体、对齐方式</td></tr><tr data-v-9af33ede><td data-v-9af33ede><b data-v-9af33ede>字段行</b></td><td data-v-9af33ede>一行可以放多个单元格，每个单元格要么是可编辑字段，要么是固定文字</td><td data-v-9af33ede>每个单元格单独配置</td></tr><tr data-v-9af33ede><td data-v-9af33ede><b data-v-9af33ede>分隔线</b></td><td data-v-9af33ede>画一条灰色横线</td><td data-v-9af33ede>无配置</td></tr><tr data-v-9af33ede><td data-v-9af33ede><b data-v-9af33ede>纯文本</b></td><td data-v-9af33ede>一段固定文字，如&quot;此报价单有效期30天&quot;</td><td data-v-9af33ede>文字内容、对齐方式</td></tr></tbody></table><p data-v-9af33ede><b data-v-9af33ede>字段行详解：</b></p><ul data-v-9af33ede><li data-v-9af33ede>点&quot;➕ 添加一个单元格&quot;来增加这一行里的格子数量</li><li data-v-9af33ede>每个格子选&quot;类型&quot;：<b data-v-9af33ede>字段（可编辑）</b> 或 <b data-v-9af33ede>纯文本</b></li><li data-v-9af33ede>字段类型要填 <b data-v-9af33ede>标签</b>（如&quot;项目名称&quot;）和 <b data-v-9af33ede>绑定字段</b>（如 <code data-v-9af33ede>projectName</code>）</li><li data-v-9af33ede>绑定字段是关键！同一个绑定字段名在整个模板中要保持一致，后续数据填写和导出都靠它</li><li data-v-9af33ede>宽度用百分比，如 <code data-v-9af33ede>50%</code>、<code data-v-9af33ede>33%</code>，一行所有格子宽度加起来建议 = 100%</li></ul><p class="tip-box" data-v-9af33ede>💡 右侧&quot;实时预览&quot;区域会随着你的编辑即时变化，所见即所得</p></section><section class="help-section" data-v-9af33ede><h4 data-v-9af33ede>③ 汇总区域 — 表格底部的费用合计</h4><p data-v-9af33ede>汇总项显示在明细表格的下方（导出 Excel 时会自动排在表格右侧底部）。</p><table class="help-table" data-v-9af33ede><thead data-v-9af33ede><tr data-v-9af33ede><th data-v-9af33ede>类型</th><th data-v-9af33ede>说明</th></tr></thead><tbody data-v-9af33ede><tr data-v-9af33ede><td data-v-9af33ede><b data-v-9af33ede>手动输入（自定义金额）</b></td><td data-v-9af33ede>任意需要手工填写的金额项：人工费、服务费、运费、税费、折扣、其他费用等。可以在&quot;默认值&quot;里预设一个初始值</td></tr><tr data-v-9af33ede><td data-v-9af33ede><b data-v-9af33ede>自动计算（公式）</b></td><td data-v-9af33ede>系统自动算好的值，需要写公式。<code data-v-9af33ede>grand_total</code> 会自动把所有手动输入项加进去</td></tr></tbody></table><p data-v-9af33ede><b data-v-9af33ede>自动计算公式里的可用变量（固定）：</b></p><table class="help-table" data-v-9af33ede><thead data-v-9af33ede><tr data-v-9af33ede><th data-v-9af33ede>变量名</th><th data-v-9af33ede>含义</th><th data-v-9af33ede>说明</th></tr></thead><tbody data-v-9af33ede><tr data-v-9af33ede><td data-v-9af33ede><code data-v-9af33ede>group_total</code></td><td data-v-9af33ede>明细小计合计</td><td data-v-9af33ede>所有行的自动计算列（小计列）求和</td></tr><tr data-v-9af33ede><td data-v-9af33ede><code data-v-9af33ede>grand_total</code></td><td data-v-9af33ede>报价总额</td><td data-v-9af33ede>group_total + 所有手动输入项之和</td></tr><tr data-v-9af33ede><td data-v-9af33ede><code data-v-9af33ede>quantity_sum</code></td><td data-v-9af33ede>数量总和</td><td data-v-9af33ede>所有行 <b data-v-9af33ede>字段名为 quantity</b> 的列求和。如果表头数量列不叫 quantity，这个值就是 0</td></tr></tbody></table><p data-v-9af33ede><b data-v-9af33ede>动态可用变量（随你的模板定义）：</b></p><p data-v-9af33ede>你在汇总区域里定义的<b data-v-9af33ede>每一个手动输入项的字段名</b>，都会自动成为可用变量，它们之间也能互相引用。</p><p data-v-9af33ede>举个例子：如果你定义了 <code data-v-9af33ede>labor_cost</code>、<code data-v-9af33ede>service_fee</code>、<code data-v-9af33ede>discount</code> 三个手动项，那么自动计算公式里可以写：</p><pre class="code" data-v-9af33ede>group_total + labor_cost + service_fee - discount</pre><p data-v-9af33ede><b data-v-9af33ede>字段名命名建议：</b></p><ul data-v-9af33ede><li data-v-9af33ede><code data-v-9af33ede>grand_total</code> — 报价总额（特殊字段，系统会把所有手动项加进去）</li><li data-v-9af33ede><code data-v-9af33ede>group_total</code> — 明细小计（建议不要手动改成别的，公式里会用到）</li><li data-v-9af33ede><code data-v-9af33ede>quantity</code> — 表头里的数量列字段名（如果想用 <code data-v-9af33ede>quantity_sum</code> 变量，必须叫这个）</li><li data-v-9af33ede>其他手动项随意，如 <code data-v-9af33ede>service_fee</code>、<code data-v-9af33ede>freight</code>、<code data-v-9af33ede>tax_amount</code>、<code data-v-9af33ede>discount</code> 等</li></ul></section><section class="help-section" data-v-9af33ede><h4 data-v-9af33ede>④ 页面底部 — 签字栏、盖章区</h4><p data-v-9af33ede>结构和&quot;页面头部&quot;完全一样，支持：分隔线、字段行、纯文本。</p><p data-v-9af33ede>常见用法：</p><ul data-v-9af33ede><li data-v-9af33ede>分隔线 → 分隔表格和签字区</li><li data-v-9af33ede>字段行 → 左边&quot;客户签字：________&quot;，右边&quot;业务员签字：________&quot;</li><li data-v-9af33ede>纯文本 → 居中写&quot;公司盖章：&quot;</li></ul></section><section class="help-section" data-v-9af33ede><h4 data-v-9af33ede>💾 保存与模板管理</h4><ul data-v-9af33ede><li data-v-9af33ede><b data-v-9af33ede>💾 保存修改</b> — 直接更新当前选中的模板</li><li data-v-9af33ede><b data-v-9af33ede>➕ 另存为新模板</b> — 输入一个新名字，基于当前模板复制出一个全新的模板</li><li data-v-9af33ede>顶部的下拉框可以在已有的模板之间切换，切换后下方所有配置会自动加载</li></ul><p class="tip-box" data-v-9af33ede>⚠️ 目前模板数据保存在浏览器内存中（刷新后会恢复默认），如果要持久化存储，需要把模板同步到后端接口</p></section><section class="help-section" data-v-9af33ede><h4 data-v-9af33ede>🔢 分组与计算规则（高级）</h4><p data-v-9af33ede>在「表头列」tab 的列表下方，有一个<b data-v-9af33ede>分组规则</b>配置框：</p><ul data-v-9af33ede><li data-v-9af33ede><b data-v-9af33ede>按哪一列分组</b> — 选择一列后，相同值的行会自动合并单元格，每组末尾自动生成小计行。选「不分组」则不分组、不显示小计，但列上勾选了「相同值合并」的列仍然会对相邻相同值做合并</li></ul><p data-v-9af33ede>对应模板数据结构：</p><pre class="code" data-v-9af33ede>{
+  group_rules: { merge_field: &#39;system_name&#39; },
+  // 不分组时 group_rules 为 null 或 { merge_field: &#39;&#39; }
+}</pre><p data-v-9af33ede>例如模板 TPL-001 按 <code data-v-9af33ede>system_name</code>（系统名称）分组，相同系统名称的多条明细会自动合并成一个单元格，每组末尾自动生成小计行。</p></section><section class="help-section" data-v-9af33ede><h4 data-v-9af33ede>📝 切换到「填写数据」</h4><p data-v-9af33ede>模板设计好后，点顶部的&quot;下一步&quot;进入填写数据页面，注意：</p><ul data-v-9af33ede><li data-v-9af33ede>点 ➕ 添加新条目，会弹出表单，表单字段完全根据你的模板表头列生成</li><li data-v-9af33ede>分组字段（如 <code data-v-9af33ede>system_name</code>）会自动继承上一行的值，让同组合并不间断</li><li data-v-9af33ede>右侧&quot;实时汇总&quot;卡片会根据汇总区域配置动态显示</li></ul></section><section class="help-section tip-box final-tip" data-v-9af33ede> 🎯 <b data-v-9af33ede>推荐操作顺序：</b>选一个最接近的示例模板 → 点&quot;另存为新模板&quot;复制一份 → 按需要改表头列 / 头部信息 / 汇总项 → 保存 → 下一步填写数据 → 导出 Excel </section></div>`, 1))
+      ])
+    ])) : M("", !0);
+  }
+}, es = /* @__PURE__ */ lt(ts, [["__scopeId", "data-v-9af33ede"]]), ls = { class: "designer" }, os = { class: "tabs" }, ns = {
+  key: 0,
+  class: "tab-content"
+}, ss = {
+  key: 1,
+  class: "tab-content"
+}, as = {
+  key: 2,
+  class: "tab-content"
+}, ds = {
+  key: 3,
+  class: "tab-content"
+}, is = {
+  key: 4,
+  class: "tab-content tab-content-preview"
+}, rs = {
+  __name: "QuokitTemplate",
+  props: {
+    tpl: { type: Object, required: !0 },
+    breakpoint: { type: Number, default: 1100 }
+  },
+  emits: ["update:tpl"],
+  setup(a, { expose: o, emit: s }) {
+    const f = a, b = s, m = K("cols"), h = K(!1), C = K(!1), T = oe([], {}), i = Ut([], { isHeader: !0 }), e = Ut([], { isHeader: !1 }), n = de([]);
+    let v = !1;
+    rt(() => f.tpl, () => {
+      if (v) return;
+      v = !0;
+      const V = f.tpl || {};
+      T.setColumns(V.columns || []), T.setGroupRules(V.group_rules || {}), i.setSections(V.header_sections || []), e.setSections(V.footer_sections || []), n.setFields(V.summary_fields || []);
+    }, { immediate: !0 });
+    const l = te((V) => {
+      b("update:tpl", V);
+    }, 200), E = X(() => ({
+      ...T.tpl,
+      header_sections: i.toTpl(),
+      footer_sections: e.toTpl(),
+      summary_fields: n.toTpl()
+    }));
+    rt(E, () => {
+      if (v) {
+        v = !1;
+        return;
+      }
+      l(E.value);
+    }, { deep: !0 }), At(() => {
+      l.cancel();
+    });
+    const d = X(() => E.value), F = X(() => re(T.tpl.columns, 3));
+    return o({
+      getTemplateJSON() {
+        return E.value;
+      },
+      showHelp() {
+        h.value = !0;
+      }
+    }), (V, w) => (u(), c("div", ls, [
+      t("div", os, [
+        t("div", {
+          class: Y(["tab", { active: m.value === "cols" }]),
+          onClick: w[0] || (w[0] = (L) => m.value = "cols")
+        }, "① 表头列", 2),
+        t("div", {
+          class: Y(["tab", { active: m.value === "header" }]),
+          onClick: w[1] || (w[1] = (L) => m.value = "header")
+        }, "② 页面头部", 2),
+        t("div", {
+          class: Y(["tab", { active: m.value === "summary" }]),
+          onClick: w[2] || (w[2] = (L) => m.value = "summary")
+        }, "③ 汇总区域", 2),
+        t("div", {
+          class: Y(["tab", { active: m.value === "footer" }]),
+          onClick: w[3] || (w[3] = (L) => m.value = "footer")
+        }, "④ 页面底部", 2),
+        t("div", {
+          class: Y(["tab", { active: m.value === "preview" }]),
+          onClick: w[4] || (w[4] = (L) => m.value = "preview")
+        }, "⑤ 总体预览", 2)
+      ]),
+      m.value === "cols" ? (u(), c("div", ns, [
+        st(Te, {
+          columns: j(T).columns,
+          "group-rules": j(T).groupRules,
+          breakpoint: a.breakpoint,
+          onHelp: w[5] || (w[5] = (L) => h.value = !0),
+          onOpenGroup: w[6] || (w[6] = (L) => C.value = !0)
+        }, null, 8, ["columns", "group-rules", "breakpoint"])
+      ])) : M("", !0),
+      m.value === "header" ? (u(), c("div", ss, [
+        st(ao, {
+          sections: j(i).sections,
+          breakpoint: a.breakpoint
+        }, null, 8, ["sections", "breakpoint"])
+      ])) : M("", !0),
+      m.value === "summary" ? (u(), c("div", as, [
+        st(Jn, {
+          fields: j(n).fields,
+          breakpoint: a.breakpoint
+        }, null, 8, ["fields", "breakpoint"])
+      ])) : M("", !0),
+      m.value === "footer" ? (u(), c("div", ds, [
+        st(hn, {
+          sections: j(e).sections,
+          breakpoint: a.breakpoint
+        }, null, 8, ["sections", "breakpoint"])
+      ])) : M("", !0),
+      m.value === "preview" ? (u(), c("div", is, [
+        st(Kt, {
+          tpl: d.value,
+          data: F.value
+        }, null, 8, ["tpl", "data"])
+      ])) : M("", !0),
+      st(es, {
+        visible: h.value,
+        onClose: w[7] || (w[7] = (L) => h.value = !1)
+      }, null, 8, ["visible"]),
+      st(De, {
+        visible: C.value,
+        columns: j(T).columns,
+        "group-rules": j(T).groupRules,
+        onClose: w[8] || (w[8] = (L) => C.value = !1)
+      }, null, 8, ["visible", "columns", "group-rules"])
+    ]));
+  }
+}, Es = /* @__PURE__ */ lt(rs, [["__scopeId", "data-v-88fcba25"]]), us = { class: "page" }, cs = {
+  key: 0,
+  class: "empty-tip"
+}, ps = {
+  key: 1,
+  class: "data-table"
+}, fs = { class: "main-table" }, ms = ["onClick"], vs = {
+  key: 1,
+  class: "subtotal"
+}, bs = ["onClick"], ys = ["onClick"], _s = { class: "de-dialog" }, hs = { class: "de-header" }, gs = { class: "de-content" }, $s = { class: "form-grid" }, ks = { class: "form-cell-label" }, Us = ["onUpdate:modelValue", "placeholder"], ws = ["step", "min", "max", "onUpdate:modelValue"], Cs = ["onUpdate:modelValue", "placeholder"], xs = ["onUpdate:modelValue"], Vs = ["value"], Ss = { class: "de-footer" }, As = {
+  __name: "QuokitData",
+  props: {
+    tpl: { type: Object, required: !0 },
+    data: { type: Array, default: () => [] }
+  },
+  emits: ["update:data"],
+  setup(a, { emit: o }) {
+    const s = a, f = o, b = X(() => s.data), m = X(() => {
+      var F;
+      return ((F = s.tpl) == null ? void 0 : F.columns) || [];
+    }), h = X(
+      () => m.value.filter((F) => F.editor !== "AUTO_SEQ" && F.editor !== "AUTO_CALC")
+    ), C = K(!1), T = K("add"), i = K(-1), e = K({});
+    function n() {
+      const F = {};
+      for (const V of h.value)
+        V.editor === "NUMBER" ? F[V.field] = V.default ?? V.min ?? 0 : F[V.field] = V.default ?? "";
+      return F;
+    }
+    function v() {
+      T.value = "add", i.value = -1, e.value = n(), C.value = !0;
+    }
+    function l(F) {
+      T.value = "edit", i.value = F, e.value = { ...b.value[F] }, C.value = !0;
+    }
+    function E(F) {
+      if (!confirm("确定删除这条明细？")) return;
+      const V = [...b.value];
+      V.splice(F, 1), f("update:data", V);
+    }
+    function d() {
+      if (T.value === "edit") {
+        const F = [...b.value];
+        F[i.value] = { ...e.value }, f("update:data", F);
+      } else
+        f("update:data", [...b.value, { ...e.value }]);
+      C.value = !1;
+    }
+    return (F, V) => (u(), c("div", us, [
+      t("div", { class: "toolbar" }, [
+        V[4] || (V[4] = t("span", { class: "tip" }, "点击行可快速编辑，预估总价会自动计算", -1)),
+        t("div", { class: "btn-group-inline" }, [
+          t("button", {
+            class: "btn",
+            onClick: v
+          }, "+ 添加新条目")
+        ])
+      ]),
+      b.value.length === 0 ? (u(), c("div", cs, [...V[5] || (V[5] = [
+        t("div", { class: "empty-icon" }, "📋", -1),
+        t("div", { class: "empty-text" }, "暂无数据，点击下方按钮添加第一条明细", -1)
+      ])])) : M("", !0),
+      b.value.length > 0 ? (u(), c("div", ps, [
+        t("table", fs, [
+          t("thead", null, [
+            t("tr", null, [
+              (u(!0), c(S, null, R(m.value, (w) => (u(), c("th", {
+                key: w.field,
+                style: H({ width: w.width + "px" })
+              }, q(w.title), 5))), 128)),
+              V[6] || (V[6] = t("th", { width: "140" }, "操作", -1))
+            ])
+          ]),
+          t("tbody", null, [
+            (u(!0), c(S, null, R(b.value, (w, L) => (u(), c("tr", {
+              key: L,
+              onClick: (G) => l(L)
+            }, [
+              (u(!0), c(S, null, R(m.value, (G) => (u(), c("td", {
+                key: G.field
+              }, [
+                G.editor === "AUTO_SEQ" ? (u(), c(S, { key: 0 }, [
+                  D(q(L + 1), 1)
+                ], 64)) : G.editor === "AUTO_CALC" ? (u(), c("span", vs, "¥ " + q(j(at)(G.formula || "0", w).toFixed(2)), 1)) : (u(), c(S, { key: 2 }, [
+                  D(q(w[G.field]), 1)
+                ], 64))
+              ]))), 128)),
+              t("td", {
+                class: "op-cell",
+                onClick: V[0] || (V[0] = ut(() => {
+                }, ["stop"]))
+              }, [
+                t("button", {
+                  class: "row-btn",
+                  onClick: (G) => l(L)
+                }, "编辑", 8, bs),
+                t("button", {
+                  class: "row-btn danger",
+                  onClick: (G) => E(L)
+                }, "删除", 8, ys)
+              ])
+            ], 8, ms))), 128))
+          ])
+        ])
+      ])) : M("", !0),
+      C.value ? (u(), c("div", {
+        key: 2,
+        class: "de-mask",
+        onClick: V[3] || (V[3] = ut((w) => C.value = !1, ["self"]))
+      }, [
+        t("div", _s, [
+          t("div", hs, [
+            t("span", null, q(T.value === "edit" ? "编辑明细" : "添加明细"), 1),
+            t("button", {
+              class: "de-close",
+              onClick: V[1] || (V[1] = (w) => C.value = !1)
+            }, "✕")
+          ]),
+          t("div", gs, [
+            t("div", $s, [
+              (u(!0), c(S, null, R(h.value, (w) => (u(), c("div", {
+                key: w.field,
+                class: Y(["form-cell", { full: w.editor === "TEXTAREA" }])
+              }, [
+                t("label", ks, q(w.title), 1),
+                w.editor === "INPUT" || w.editor === void 0 ? _((u(), c("input", {
+                  key: 0,
+                  class: "cell-input",
+                  "onUpdate:modelValue": (L) => e.value[w.field] = L,
+                  placeholder: w.title
+                }, null, 8, Us)), [
+                  [x, e.value[w.field]]
+                ]) : w.editor === "NUMBER" ? _((u(), c("input", {
+                  key: 1,
+                  class: "cell-input",
+                  type: "number",
+                  step: w.step ?? (w.min ?? 0) < 1 ? "0.01" : "1",
+                  min: w.min,
+                  max: w.max,
+                  "onUpdate:modelValue": (L) => e.value[w.field] = L
+                }, null, 8, ws)), [
+                  [
+                    x,
+                    e.value[w.field],
+                    void 0,
+                    { number: !0 }
+                  ]
+                ]) : w.editor === "TEXTAREA" ? _((u(), c("textarea", {
+                  key: 2,
+                  class: "cell-input",
+                  rows: "3",
+                  "onUpdate:modelValue": (L) => e.value[w.field] = L,
+                  placeholder: w.title
+                }, null, 8, Cs)), [
+                  [x, e.value[w.field]]
+                ]) : w.editor === "SELECT_DICT" ? _((u(), c("select", {
+                  key: 3,
+                  class: "cell-input",
+                  "onUpdate:modelValue": (L) => e.value[w.field] = L
+                }, [
+                  V[7] || (V[7] = t("option", { value: "" }, "-- 请选择 --", -1)),
+                  (u(!0), c(S, null, R(w.dict || [], (L) => (u(), c("option", {
+                    key: L,
+                    value: L
+                  }, q(L), 9, Vs))), 128))
+                ], 8, xs)), [
+                  [B, e.value[w.field]]
+                ]) : M("", !0)
+              ], 2))), 128))
+            ])
+          ]),
+          t("div", Ss, [
+            t("button", {
+              class: "btn",
+              onClick: V[2] || (V[2] = (w) => C.value = !1)
+            }, "取消"),
+            t("button", {
+              class: "btn btn-primary",
+              onClick: d
+            }, "确定")
+          ])
+        ])
+      ])) : M("", !0)
+    ]));
+  }
+}, zs = /* @__PURE__ */ lt(As, [["__scopeId", "data-v-554cd100"]]);
+export {
+  zs as QuokitData,
+  Kt as QuokitSheet,
+  Es as QuokitTemplate,
+  re as generateMockRows,
+  oe as useColumns,
+  Ut as useSections,
+  de as useSummary
+};