@cluadwong/form-designer 0.2.0

package/dist/chunks/designer-ui.js

@@ -0,0 +1,3092 @@
+import { defineComponent as X, ref as G, watch as ve, onMounted as Zt, onUnmounted as tt, computed as P, openBlock as $, createElementBlock as I, normalizeClass as me, createVNode as le, normalizeStyle as Pe, createCommentVNode as K, nextTick as Ke, createElementVNode as l, createTextVNode as ge, toDisplayString as D, Fragment as _, renderList as ye, inject as Sl, resolveComponent as $l, withModifiers as Qt, createBlock as oe, unref as x, useModel as _t, withDirectives as Cl, vModelCheckbox as wl, mergeModels as qe, createStaticVNode as Il, reactive as xl, provide as Tl, withCtx as kl } from "vue";
+import { L as he, N as $e, G as Fl, b as Xe, a as Ye, P as Ze, _ as ie, c as Dl, p as Qe, s as el, t as Nl, r as Pl, i as ke, D as El, d as Al, e as _e, f as tl, u as Hl, g as Rl, h as Ll, j as Ml, k as Bl, l as Wt, m as Vl, n as Gl, o as zl, q as Ol, v as Wl, w as Ul, x as jl, y as Yl, z as be, A as Ut, B as Jl, C as Kl, E as Fe, F as ql, H as Xl, I as Zl, J as Ql, K as _l, M as ea, O as ta, Q as la, R as aa, S as na, T as oa, U as ia } from "./renderer-core.js";
+const da = /* @__PURE__ */ X({
+  __name: "CanvasSurface",
+  props: {
+    schema: {},
+    mode: {},
+    data: {},
+    readonly: { type: Boolean },
+    selectedNodeId: {},
+    bare: { type: Boolean },
+    paginate: { type: Boolean, default: !0 }
+  },
+  emits: ["node-drag-start", "field-change", "drop-node", "drop-palette", "drag-end"],
+  setup(e, { emit: u }) {
+    const t = e, a = u, n = G(null);
+    let r = null;
+    function b() {
+      const c = n.value;
+      if (!c) return;
+      const h = t.selectedNodeId ? c.querySelector(`[${$e}="${t.selectedNodeId}"]`) : null;
+      c.querySelectorAll(".is-design-selected").forEach((m) => {
+        m !== h && m.classList.remove("is-design-selected");
+      }), h && h.classList.add("is-design-selected");
+    }
+    function s() {
+      const c = n.value;
+      if (!c) return;
+      const h = U.value;
+      c.querySelectorAll("[data-node-id]:not(.layout-grid__cell)").forEach((m) => {
+        h ? m.setAttribute("draggable", "true") : m.removeAttribute("draggable");
+      });
+    }
+    function f() {
+      r == null || r.disconnect(), Ke(() => {
+        b(), s(), n.value && (r == null || r.observe(n.value, { childList: !0, subtree: !0 }));
+      });
+    }
+    ve(
+      () => [
+        t.selectedNodeId,
+        t.schema,
+        t.data,
+        t.mode,
+        t.readonly
+      ],
+      f,
+      { deep: !0, immediate: !0 }
+    ), Zt(() => {
+      r = new MutationObserver(f), f();
+    }), tt(() => r == null ? void 0 : r.disconnect());
+    const v = P(() => ({
+      "v2-canvas-surface--preview": t.mode !== "design"
+    })), p = G(null), g = G(-1), L = P(() => {
+      const c = p.value, h = g.value, m = n.value;
+      if (!c || h < 0 || !m) return null;
+      const S = m.querySelector(`[${he}="${c}"]`);
+      if (!S) return null;
+      const F = m.getBoundingClientRect(), E = Array.from(S.children).filter(
+        (O) => O instanceof HTMLElement && O.hasAttribute($e)
+      );
+      if (h < E.length) {
+        const O = E[h].getBoundingClientRect();
+        return {
+          position: "absolute",
+          top: `${O.top - F.top}px`,
+          left: `${O.left - F.left}px`,
+          width: `${O.width}px`
+        };
+      }
+      const N = E[E.length - 1];
+      if (N) {
+        const O = N.getBoundingClientRect();
+        return {
+          position: "absolute",
+          top: `${O.bottom - F.top}px`,
+          left: `${O.left - F.left}px`,
+          width: `${O.width}px`
+        };
+      }
+      const z = S.getBoundingClientRect();
+      return {
+        position: "absolute",
+        top: `${z.top - F.top}px`,
+        left: `${z.left - F.left}px`,
+        width: `${z.width}px`
+      };
+    }), A = G(/* @__PURE__ */ new Set());
+    let H = null;
+    const U = P(
+      () => t.mode === "design"
+    );
+    function q(c) {
+      H && H !== c && H.classList.remove("v2-drop-target"), c && c !== H && c.classList.add("v2-drop-target"), H = c;
+    }
+    function j() {
+      H && (H.classList.remove("v2-drop-target"), H = null);
+    }
+    function te(c, h) {
+      const m = Array.from(c.children).filter(
+        (S) => S instanceof HTMLElement && S.hasAttribute($e)
+      );
+      for (let S = 0; S < m.length; S += 1) {
+        const F = m[S].getBoundingClientRect();
+        if (h < F.top + F.height / 2) return S;
+      }
+      return m.length;
+    }
+    function ee(c) {
+      const h = Xe(t.schema), m = [], S = (F) => {
+        var N, z;
+        let E = F;
+        for (; E; ) {
+          if (E === c) return !0;
+          E = (z = (N = h.get(E)) == null ? void 0 : N.parent) == null ? void 0 : z.id;
+        }
+        return !1;
+      };
+      t.schema.pages.forEach((F) => {
+        const E = (N) => {
+          N.forEach((z) => {
+            z.type === "grid" ? z.rows.forEach(
+              (O) => O.cells.forEach((ce) => {
+                S(ce.id) || m.push(ce.id), E(ce.children);
+              })
+            ) : z.type === "table" && z.rowTemplate.forEach((O) => {
+              S(O.id) || m.push(O.id);
+            });
+          });
+        };
+        E(F.children);
+      }), A.value = new Set(m), a("node-drag-start", c);
+    }
+    function k(c) {
+      var O;
+      if (!U.value) return;
+      const h = c.target, m = (h == null ? void 0 : h.closest("[data-node-id]")) ?? null;
+      if (!m) return;
+      const S = m.closest(".layout-table");
+      if (S && S !== m) {
+        c.preventDefault();
+        return;
+      }
+      const F = m.getAttribute("data-node-id") ?? "";
+      if (!F) return;
+      const E = (O = Xe(t.schema).get(F)) == null ? void 0 : O.node, N = E || void 0;
+      if (N && N.type === "p" && t.mode === "design" && N.mode === "field" && !N.prefix && !N.suffix && !c.altKey) {
+        c.preventDefault();
+        return;
+      }
+      const z = c.dataTransfer;
+      z && (z.setData(Ye, F), z.setData("text/plain", F), z.effectAllowed = "move", ee(F));
+    }
+    function Y(c) {
+      if (!U.value) return;
+      const h = c.dataTransfer;
+      if (!h) return;
+      const m = Array.from(h.types).includes(Ze), S = Array.from(h.types).includes(Ye);
+      if (!m && !S) return;
+      if (m) {
+        c.preventDefault();
+        const N = c.target.closest(
+          `[${he}]`
+        );
+        q(N ?? null), p.value = null, g.value = -1;
+        return;
+      }
+      q(null);
+      const F = c.target.closest(
+        `[${he}]`
+      ), E = (F == null ? void 0 : F.dataset.layoutId) ?? null;
+      F && E && A.value.has(E) ? (c.preventDefault(), p.value = E, g.value = te(F, c.clientY)) : (p.value = null, g.value = -1);
+    }
+    function J(c) {
+      const h = c.relatedTarget;
+      (!h || !h.closest(`[${he}]`)) && (j(), p.value = null, g.value = -1);
+    }
+    function Z() {
+      p.value = null, g.value = -1, A.value = /* @__PURE__ */ new Set(), j();
+    }
+    function w(c) {
+      if (!U.value) return;
+      const h = c.dataTransfer;
+      if (!h) return;
+      j(), c.preventDefault();
+      const m = h.getData(Ze) ?? "";
+      if (m) {
+        const N = c.target.closest(
+          `[${he}]`
+        ), z = (N == null ? void 0 : N.dataset.layoutId) ?? null;
+        if (Z(), !z) return;
+        a("drop-palette", { kind: m, cellId: z });
+        return;
+      }
+      const S = h.getData(Ye) ?? "", F = p.value, E = g.value;
+      Z(), !(!S || !F || E < 0) && a("drop-node", { moveId: S, cellId: F, index: E });
+    }
+    function y() {
+      Z(), a("drag-end");
+    }
+    return (c, h) => ($(), I("div", {
+      ref_key: "root",
+      ref: n,
+      class: me(["v2-canvas-surface", v.value]),
+      onDragover: Y,
+      onDragleave: J,
+      onDrop: w,
+      onDragend: y,
+      onDragstart: k
+    }, [
+      le(Fl, {
+        schema: e.schema,
+        mode: e.mode,
+        data: e.data,
+        readonly: e.readonly,
+        bare: e.bare,
+        paginate: e.paginate,
+        onFieldChange: h[0] || (h[0] = (m, S) => a("field-change", m, S))
+      }, null, 8, ["schema", "mode", "data", "readonly", "bare", "paginate"]),
+      L.value ? ($(), I("div", {
+        key: 0,
+        class: "v2-insertion-line",
+        style: Pe(L.value)
+      }, null, 4)) : K("", !0)
+    ], 34));
+  }
+}), ua = /* @__PURE__ */ ie(da, [["__scopeId", "data-v-deb3136c"]]), ra = 2, sa = "ticket-schema-v2", va = "ticket-fill-data";
+function et(e, u = {}) {
+  return e ? Dl(e, u) : {};
+}
+function ca(e, u = !0) {
+  return el(e, u);
+}
+function jt(e, u = !0) {
+  return u ? JSON.stringify(e, null, ra) : JSON.stringify(e);
+}
+function ll(e, u = Date.now()) {
+  return `${e}-${u}.json`;
+}
+function al(e, u) {
+  if (typeof document > "u" || typeof URL > "u" || typeof URL.createObjectURL != "function")
+    return;
+  const t = new Blob([u], { type: "application/json" }), a = URL.createObjectURL(t), n = document.createElement("a");
+  n.href = a, n.download = e, n.click(), URL.revokeObjectURL(a);
+}
+function pa(e) {
+  return typeof e == "string" ? Qe(e) : JSON.parse(JSON.stringify(e));
+}
+const fa = { class: "status-bar" }, ga = { class: "status-group" }, ma = { class: "status-item" }, ba = {
+  key: 0,
+  class: "status-item",
+  "data-physical-page-count": "true"
+}, ha = {
+  key: 1,
+  class: "status-item warning-count has-warning",
+  "data-paginate-warning-count": "true"
+}, ya = /* @__PURE__ */ X({
+  __name: "StatusBar",
+  props: {
+    pageCount: {},
+    warningCount: {},
+    physicalPageCount: {},
+    paginateWarningCount: {}
+  },
+  setup(e) {
+    return (u, t) => ($(), I("div", fa, [
+      l("div", ga, [
+        l("span", ma, [
+          t[0] || (t[0] = ge(" 页数：", -1)),
+          l("strong", null, D(e.pageCount), 1)
+        ]),
+        e.physicalPageCount != null && e.physicalPageCount !== e.pageCount ? ($(), I("span", ba, [
+          t[1] || (t[1] = ge(" 打印：", -1)),
+          l("strong", null, D(e.physicalPageCount), 1),
+          t[2] || (t[2] = ge(" 张 ", -1))
+        ])) : K("", !0),
+        l("span", {
+          class: me(["status-item", "warning-count", { "has-warning": e.warningCount > 0 }])
+        }, [
+          t[3] || (t[3] = ge(" 待处理问题：", -1)),
+          l("strong", null, D(e.warningCount), 1)
+        ], 2),
+        e.paginateWarningCount ? ($(), I("span", ha, [
+          t[4] || (t[4] = ge(" 内容超高：", -1)),
+          l("strong", null, D(e.paginateWarningCount), 1)
+        ])) : K("", !0)
+      ]),
+      t[5] || (t[5] = l("div", { class: "status-group status-right" }, [
+        l("span", { class: "status-item muted" }, "缩放：100%（阶段 5 完善）")
+      ], -1))
+    ]));
+  }
+}), Sa = /* @__PURE__ */ ie(ya, [["__scopeId", "data-v-e5a749ea"]]), $a = {
+  showNewBlank: !0,
+  showSamples: !0,
+  showUndoRedo: !0,
+  showTemplateModule: !0,
+  showFillDataModule: !0,
+  showPreviewPrint: !0,
+  showHelp: !0,
+  locale: "zh-CN"
+};
+function Ca(e) {
+  return { ...$a, ...e ?? {} };
+}
+const wa = { class: "v2-toolbar" }, Ia = {
+  key: 0,
+  class: "v2-toolbar__group"
+}, xa = ["onClick"], Ta = {
+  key: 1,
+  class: "v2-toolbar__group"
+}, ka = ["disabled"], Fa = ["disabled"], Da = {
+  key: 2,
+  class: "v2-toolbar__group"
+}, Na = { class: "v2-toolbar__label" }, Pa = {
+  key: 3,
+  class: "v2-toolbar__group"
+}, Ea = { class: "v2-toolbar__label" }, Aa = ["title"], Ha = ["title"], Ra = ["title"], La = ["title"], Ma = {
+  key: 4,
+  class: "v2-toolbar__group"
+}, Ba = ["title"], Va = ["title"], Ga = /* @__PURE__ */ X({
+  __name: "DesignerToolbar",
+  props: {
+    samples: {},
+    dirty: { type: Boolean },
+    canUndo: { type: Boolean },
+    canRedo: { type: Boolean },
+    previewMode: { type: Boolean },
+    uiConfig: {}
+  },
+  emits: ["reset-blank", "load-sample", "undo", "redo", "save-template", "load-template", "export-template", "import-template", "import-fill-data", "export-fill-data", "load-fill-data", "save-fill-data", "toggle-preview", "print", "help"],
+  setup(e, { emit: u }) {
+    const t = e, a = P(() => Ca(t.uiConfig));
+    function n(b) {
+      return Nl(b, void 0, a.value.locale);
+    }
+    const r = u;
+    return (b, s) => ($(), I("header", wa, [
+      l("span", {
+        class: me(["v2-toolbar__dirty", { "v2-toolbar__dirty--on": e.dirty }])
+      }, D(e.dirty ? n("toolbar.dirty") : n("toolbar.saved")), 3),
+      a.value.showNewBlank || a.value.showSamples ? ($(), I("div", Ia, [
+        a.value.showNewBlank ? ($(), I("button", {
+          key: 0,
+          class: "v2-toolbar__button",
+          type: "button",
+          onClick: s[0] || (s[0] = (f) => r("reset-blank"))
+        }, D(n("toolbar.newBlank")), 1)) : K("", !0),
+        a.value.showSamples ? ($(!0), I(_, { key: 1 }, ye(e.samples, (f) => ($(), I("button", {
+          key: f.id,
+          class: "v2-toolbar__button",
+          type: "button",
+          onClick: (v) => r("load-sample", f)
+        }, D(n("toolbar.loadSamplePrefix")) + D(f.label), 9, xa))), 128)) : K("", !0)
+      ])) : K("", !0),
+      a.value.showUndoRedo ? ($(), I("div", Ta, [
+        l("button", {
+          class: "v2-toolbar__button",
+          type: "button",
+          disabled: !e.canUndo,
+          onClick: s[1] || (s[1] = (f) => r("undo"))
+        }, D(n("toolbar.undo")), 9, ka),
+        l("button", {
+          class: "v2-toolbar__button",
+          type: "button",
+          disabled: !e.canRedo,
+          onClick: s[2] || (s[2] = (f) => r("redo"))
+        }, D(n("toolbar.redo")), 9, Fa)
+      ])) : K("", !0),
+      a.value.showTemplateModule ? ($(), I("div", Da, [
+        l("span", Na, D(n("toolbar.module.template")), 1),
+        l("button", {
+          class: "v2-toolbar__button",
+          type: "button",
+          onClick: s[3] || (s[3] = (f) => r("save-template"))
+        }, D(n("toolbar.saveTemplate")), 1),
+        l("button", {
+          class: "v2-toolbar__button",
+          type: "button",
+          onClick: s[4] || (s[4] = (f) => r("load-template"))
+        }, D(n("toolbar.loadTemplate")), 1),
+        l("button", {
+          class: "v2-toolbar__button",
+          type: "button",
+          onClick: s[5] || (s[5] = (f) => r("export-template"))
+        }, D(n("toolbar.exportTemplate")), 1),
+        l("button", {
+          class: "v2-toolbar__button",
+          type: "button",
+          onClick: s[6] || (s[6] = (f) => r("import-template"))
+        }, D(n("toolbar.importTemplate")), 1)
+      ])) : K("", !0),
+      a.value.showFillDataModule ? ($(), I("div", Pa, [
+        l("span", Ea, D(n("toolbar.module.fillData")), 1),
+        l("button", {
+          class: "v2-toolbar__button",
+          type: "button",
+          title: n("toolbar.saveFillDataTip"),
+          onClick: s[7] || (s[7] = (f) => r("save-fill-data"))
+        }, D(n("toolbar.saveFillData")), 9, Aa),
+        l("button", {
+          class: "v2-toolbar__button",
+          type: "button",
+          title: n("toolbar.loadFillDataTip"),
+          onClick: s[8] || (s[8] = (f) => r("load-fill-data"))
+        }, D(n("toolbar.loadFillData")), 9, Ha),
+        l("button", {
+          class: "v2-toolbar__button",
+          type: "button",
+          "data-export-fill-data": "",
+          title: n("toolbar.exportFillDataTip"),
+          onClick: s[9] || (s[9] = (f) => r("export-fill-data"))
+        }, D(n("toolbar.exportFillData")), 9, Ra),
+        l("button", {
+          class: "v2-toolbar__button",
+          type: "button",
+          title: n("toolbar.importFillDataTip"),
+          onClick: s[10] || (s[10] = (f) => r("import-fill-data"))
+        }, D(n("toolbar.importFillData")), 9, La)
+      ])) : K("", !0),
+      a.value.showPreviewPrint || a.value.showHelp ? ($(), I("div", Ma, [
+        a.value.showPreviewPrint ? ($(), I("button", {
+          key: 0,
+          class: me(["v2-toolbar__button", { "v2-toolbar__button--active": e.previewMode }]),
+          type: "button",
+          "data-view-mode": "preview",
+          title: n("toolbar.previewTip"),
+          onClick: s[11] || (s[11] = (f) => r("toggle-preview"))
+        }, D(e.previewMode ? n("toolbar.exitPreview") : n("toolbar.preview")), 11, Ba)) : K("", !0),
+        a.value.showPreviewPrint ? ($(), I("button", {
+          key: 1,
+          class: "v2-toolbar__button",
+          type: "button",
+          onClick: s[12] || (s[12] = (f) => r("print"))
+        }, D(n("toolbar.print")), 1)) : K("", !0),
+        a.value.showHelp ? ($(), I("button", {
+          key: 2,
+          class: "v2-toolbar__button",
+          type: "button",
+          "data-help-toggle": "",
+          title: n("toolbar.helpTip"),
+          onClick: s[13] || (s[13] = (f) => r("help"))
+        }, D(n("toolbar.help")), 9, Va)) : K("", !0)
+      ])) : K("", !0)
+    ]));
+  }
+}), za = /* @__PURE__ */ ie(Ga, [["__scopeId", "data-v-71ae7003"]]), nl = Symbol(
+  "TicketDesigner.TreeControl"
+);
+function ol(e, u) {
+  return u ? e.id === u ? !0 : e.children.some((t) => ol(t, u)) : !1;
+}
+function Oa(e, u, t = 4) {
+  const a = e.getBoundingClientRect(), n = u.getBoundingClientRect(), r = e.scrollTop, b = a.top + t - n.top;
+  if (b > 0) return Math.max(0, r - b);
+  const s = n.bottom + t - a.bottom;
+  return s > 0 ? r + s : r;
+}
+function Yt(e, u, t = 4) {
+  const a = Oa(e, u, t);
+  return a === e.scrollTop ? !1 : (e.scrollTop = a, !0);
+}
+const Wa = { class: "v2-tree-node" }, Ua = ["data-tree-node-id"], ja = {
+  key: 1,
+  class: "v2-tree-dot"
+}, Ya = { class: "v2-tree-label" }, Ja = { class: "v2-tree-type" }, Ka = {
+  key: 0,
+  class: "v2-tree-children"
+}, qa = /* @__PURE__ */ X({
+  name: "NodeTreeItem",
+  __name: "NodeTreeItem",
+  props: {
+    node: {},
+    selectedId: {},
+    depth: {}
+  },
+  emits: ["select"],
+  setup(e, { emit: u }) {
+    const t = e, a = u, n = Sl(nl, null), r = G(n ? n.target.value : !0);
+    n && (ve(n.token, () => {
+      r.value = n.target.value;
+    }), ve(
+      n.focusToken,
+      () => {
+        ol(t.node, n.focusId.value) && (r.value = !0);
+      },
+      { immediate: !0 }
+    ));
+    function b() {
+      a("select", t.node.id);
+    }
+    function s() {
+      r.value = !r.value;
+    }
+    return (f, v) => {
+      const p = $l("NodeTreeItem", !0);
+      return $(), I("div", Wa, [
+        l("div", {
+          class: me(["v2-tree-row", { "v2-tree-row--selected": e.node.id === e.selectedId }]),
+          style: Pe({ paddingLeft: `${e.depth * 14 + 6}px` }),
+          "data-tree-node-id": e.node.id,
+          onClick: b
+        }, [
+          e.node.children.length ? ($(), I("button", {
+            key: 0,
+            class: "v2-tree-toggle",
+            type: "button",
+            onClick: Qt(s, ["stop"])
+          }, D(r.value ? "▾" : "▸"), 1)) : ($(), I("span", ja, "·")),
+          l("span", Ya, D(e.node.label), 1),
+          l("span", Ja, D(e.node.type), 1)
+        ], 14, Ua),
+        r.value && e.node.children.length ? ($(), I("div", Ka, [
+          ($(!0), I(_, null, ye(e.node.children, (g) => ($(), oe(p, {
+            key: g.id,
+            node: g,
+            "selected-id": e.selectedId,
+            depth: e.depth + 1,
+            onSelect: v[0] || (v[0] = (L) => a("select", L))
+          }, null, 8, ["node", "selected-id", "depth"]))), 128))
+        ])) : K("", !0)
+      ]);
+    };
+  }
+}), Xa = /* @__PURE__ */ ie(qa, [["__scopeId", "data-v-10a2a207"]]), Za = ["disabled"], Qa = ["disabled"], _a = ["disabled"], en = ["disabled"], tn = ["disabled"], ln = ["disabled"], an = { class: "v2-sidebar__heading v2-sidebar__heading--tree v2-tree-head" }, nn = ["disabled", "title"], on = { class: "v2-tree__buttons" }, dn = /* @__PURE__ */ X({
+  __name: "PaletteSidebar",
+  props: {
+    editable: { type: Boolean },
+    canRemove: { type: Boolean },
+    nodeTree: {},
+    selectedNodeId: {}
+  },
+  emits: ["add-node", "add-grid", "palette-drag", "select", "remove-selected", "collapse-all", "expand-all"],
+  setup(e, { emit: u }) {
+    const t = e, a = G(null), n = G(null);
+    function r(f) {
+      const v = a.value;
+      if (!v) return null;
+      const p = v.querySelectorAll("[data-tree-node-id]");
+      for (const g of Array.from(p))
+        if (g.dataset.treeNodeId === f) return g;
+      return null;
+    }
+    function b(f) {
+      if (!f) return;
+      const v = r(f);
+      v && (a.value && Yt(a.value, v), n.value && a.value && Yt(n.value, a.value));
+    }
+    ve(
+      () => t.selectedNodeId,
+      async (f) => {
+        f && (await Ke(), r(f) || await Ke(), b(f));
+      }
+    );
+    const s = u;
+    return (f, v) => ($(), I("aside", {
+      ref_key: "sidebarRef",
+      ref: n,
+      class: "v2-sidebar v2-sidebar--left"
+    }, [
+      v[17] || (v[17] = l("div", { class: "v2-sidebar__group-title" }, "基础组件", -1)),
+      l("button", {
+        class: "v2-palette-item v2-palette-item--button",
+        type: "button",
+        draggable: "true",
+        "data-palette": "text",
+        disabled: !e.editable,
+        onDragstart: v[0] || (v[0] = (p) => s("palette-drag", "text", p)),
+        onClick: v[1] || (v[1] = (p) => s("add-node", "text"))
+      }, " 文本 ", 40, Za),
+      l("button", {
+        class: "v2-palette-item v2-palette-item--button",
+        type: "button",
+        draggable: "true",
+        "data-palette": "field",
+        disabled: !e.editable,
+        onDragstart: v[2] || (v[2] = (p) => s("palette-drag", "field", p)),
+        onClick: v[3] || (v[3] = (p) => s("add-node", "field"))
+      }, " 输入框 ", 40, Qa),
+      l("button", {
+        class: "v2-palette-item v2-palette-item--button",
+        type: "button",
+        draggable: "true",
+        "data-palette": "image",
+        disabled: !e.editable,
+        onDragstart: v[4] || (v[4] = (p) => s("palette-drag", "image", p)),
+        onClick: v[5] || (v[5] = (p) => s("add-node", "image"))
+      }, " 图片 ", 40, _a),
+      l("button", {
+        class: "v2-palette-item v2-palette-item--button",
+        type: "button",
+        draggable: "true",
+        "data-palette": "html",
+        disabled: !e.editable,
+        onDragstart: v[6] || (v[6] = (p) => s("palette-drag", "html", p)),
+        onClick: v[7] || (v[7] = (p) => s("add-node", "html"))
+      }, " HTML 模块 ", 40, en),
+      v[18] || (v[18] = l("div", { class: "v2-sidebar__group-title" }, "布局组件", -1)),
+      l("button", {
+        class: "v2-palette-item v2-palette-item--button",
+        type: "button",
+        draggable: "true",
+        "data-palette": "grid",
+        disabled: !e.editable,
+        onDragstart: v[8] || (v[8] = (p) => s("palette-drag", "grid", p)),
+        onClick: v[9] || (v[9] = (p) => s("add-grid"))
+      }, " 网格 ", 40, tn),
+      l("button", {
+        class: "v2-palette-item v2-palette-item--button",
+        type: "button",
+        draggable: "true",
+        "data-palette": "table",
+        disabled: !e.editable,
+        onDragstart: v[10] || (v[10] = (p) => s("palette-drag", "table", p)),
+        onClick: v[11] || (v[11] = (p) => s("add-node", "table"))
+      }, " 表格 ", 40, ln),
+      l("div", an, [
+        v[16] || (v[16] = l("span", null, "结构", -1)),
+        l("button", {
+          class: "v2-tree__delete",
+          type: "button",
+          disabled: !e.canRemove,
+          title: e.editable ? "删除选中的组件" : "预览状态下不可编辑结构",
+          onClick: v[12] || (v[12] = (p) => s("remove-selected"))
+        }, " 删除 ", 8, nn)
+      ]),
+      l("div", {
+        ref_key: "treeRef",
+        ref: a,
+        class: "v2-tree"
+      }, [
+        ($(!0), I(_, null, ye(e.nodeTree, (p) => ($(), oe(Xa, {
+          key: p.id,
+          node: p,
+          "selected-id": e.selectedNodeId,
+          depth: 0,
+          onSelect: v[13] || (v[13] = (g) => s("select", g))
+        }, null, 8, ["node", "selected-id"]))), 128))
+      ], 512),
+      l("div", on, [
+        l("button", {
+          type: "button",
+          class: "v2-tree__btn",
+          onClick: v[14] || (v[14] = (p) => s("collapse-all"))
+        }, " 折叠全部 "),
+        l("button", {
+          type: "button",
+          class: "v2-tree__btn",
+          onClick: v[15] || (v[15] = (p) => s("expand-all"))
+        }, " 展开全部 ")
+      ])
+    ], 512));
+  }
+}), un = /* @__PURE__ */ ie(dn, [["__scopeId", "data-v-91a9dac6"]]), rn = {
+  page: "页面",
+  grid: "网格",
+  "grid-cell": "格子",
+  text: "文本",
+  p: "字段",
+  table: "表格",
+  image: "图片",
+  html: "HTML 模块"
+};
+function De(e) {
+  return rn[e] ?? e;
+}
+function Ne(e) {
+  switch (e.type) {
+    case "page":
+      return "页面";
+    case "grid":
+      return "网格";
+    case "text":
+      return e.text ? `“${e.text}”` : "(空文本)";
+    case "p":
+      return `字段：${e.field}`;
+    case "table":
+      return e.field ? `表格：${e.field}` : "表格";
+    case "image":
+      return "图片";
+    case "html":
+      return "HTML 模块";
+    default:
+      return De(e.type);
+  }
+}
+function lt(e) {
+  return e.type === "grid" ? sn(e) : e.type === "page" ? {
+    id: e.id,
+    type: De(e.type),
+    label: Ne(e),
+    children: e.children.map(lt)
+  } : { id: e.id, type: De(e.type), label: Ne(e), children: [] };
+}
+function sn(e) {
+  const u = [];
+  return e.rows.forEach((t, a) => {
+    t.cells.forEach((n, r) => {
+      u.push(vn(n, a, r, t.cells.length, e.rows.length));
+    });
+  }), { id: e.id, type: "网格", label: Ne(e), children: u };
+}
+function vn(e, u, t, a, n) {
+  const r = n > 1 ? `格子 ${u + 1}-${t + 1}` : a > 1 ? `格子 ${t + 1}` : "格子";
+  return {
+    id: e.id,
+    type: "格子",
+    label: r,
+    children: e.children.map(lt)
+  };
+}
+function cn(e, u) {
+  const t = G(null), a = G(null), n = G([]), r = G(0);
+  let b = null, s = 0;
+  const f = P(() => Xe(e.value));
+  function v(w) {
+    var c, h;
+    let y = ((c = f.value.get(w)) == null ? void 0 : c.parent) ?? null;
+    for (; y; ) {
+      if (y.type === "table") return !0;
+      y = ((h = f.value.get(y.id)) == null ? void 0 : h.parent) ?? null;
+    }
+    return !1;
+  }
+  function p(w) {
+    var c;
+    const y = (c = f.value.get(w)) == null ? void 0 : c.node;
+    return !y || v(w) ? !1 : ke(y) || y.type === "grid-cell";
+  }
+  const g = P(() => {
+    var y;
+    const w = t.value;
+    return w && p(w) ? ((y = f.value.get(w)) == null ? void 0 : y.node) ?? null : null;
+  }), L = P(
+    () => g.value ? De(g.value.type) : "未选择"
+  ), A = P(
+    () => {
+      var w;
+      return t.value ? ((w = f.value.get(t.value)) == null ? void 0 : w.ownerCell) ?? null : null;
+    }
+  ), H = P(
+    () => {
+      var w;
+      return ((w = g.value) == null ? void 0 : w.type) === "grid-cell" ? g.value : null;
+    }
+  ), U = P(() => {
+    var c, h;
+    const w = t.value;
+    if (!w) return null;
+    let y = ((c = f.value.get(w)) == null ? void 0 : c.parent) ?? null;
+    for (; y && y.type !== "grid"; )
+      y = ((h = f.value.get(y.id)) == null ? void 0 : h.parent) ?? null;
+    return (y == null ? void 0 : y.type) === "grid" ? y : null;
+  }), q = P(() => {
+    const w = H.value, y = U.value;
+    return !w || !y ? null : Pl(w, y);
+  }), j = P(() => {
+    var S, F, E;
+    const w = t.value;
+    if (!w) return null;
+    const y = f.value.get(w);
+    if ((y == null ? void 0 : y.node.type) !== "grid-cell" || ((S = y.parent) == null ? void 0 : S.type) !== "grid-row") return null;
+    const c = y.parent, h = (F = f.value.get(c.id)) != null && F.node ? (((E = U.value) == null ? void 0 : E.rows) ?? []).findIndex((N) => N.id === c.id) : -1, m = c.cells.findIndex((N) => N.id === w);
+    return m < 0 ? null : {
+      rowIndex: h,
+      columnIndex: m,
+      hasNextSibling: m < c.cells.length - 1,
+      canSplit: (y.node.colspan ?? 1) > 1
+    };
+  }), te = P(() => {
+    var h, m;
+    const w = a.value, y = w ? (h = f.value.get(w)) == null ? void 0 : h.node : void 0;
+    if ((y == null ? void 0 : y.type) === "grid-cell" || (y == null ? void 0 : y.type) === "table-cell-template") return y;
+    const c = t.value ? (m = f.value.get(t.value)) == null ? void 0 : m.node : void 0;
+    return (c == null ? void 0 : c.type) === "grid-cell" || (c == null ? void 0 : c.type) === "table-cell-template" ? c : A.value;
+  }), ee = P(() => e.value.pages.map((w) => lt(w)));
+  function k() {
+    t.value = null, a.value = null, n.value = [], r.value = 0, b = null, s = 0;
+  }
+  function Y(w) {
+    var F, E;
+    if (!u.editable()) return;
+    const y = w.target;
+    a.value = ((F = y.closest(`[${he}]`)) == null ? void 0 : F.dataset.layoutId) ?? null;
+    const c = [];
+    let h = y.closest(`[${$e}]`);
+    for (; h; ) {
+      const N = h.dataset.nodeId;
+      N && c.push(N), h = ((E = h.parentElement) == null ? void 0 : E.closest(`[${$e}]`)) ?? null;
+    }
+    const m = c.filter((N) => p(N)), S = m[0] ?? null;
+    if (!S) {
+      t.value = null, a.value = null, n.value = [], r.value = 0, b = null, s = 0;
+      return;
+    }
+    S === b && n.value.join("/") === m.join("/") ? s = (s + 1) % m.length : (b = S, s = 0, n.value = m), r.value = s, t.value = m[s] ?? S;
+  }
+  function J(w) {
+    var m, S, F;
+    const y = f.value, c = [];
+    let h = w.nodeId ? (m = y.get(w.nodeId)) == null ? void 0 : m.node : void 0;
+    for (; h; )
+      ke(h) && c.push(h.id), h = ((S = y.get(h.id)) == null ? void 0 : S.parent) ?? void 0;
+    if (c.length === 0) {
+      const E = (F = e.value.pages[0]) == null ? void 0 : F.id;
+      if (!E) return;
+      c.push(E);
+    }
+    t.value = c[0], a.value = null, n.value = c, r.value = 0, s = 0, b = c[0];
+  }
+  function Z(w) {
+    var m;
+    if (!u.editable()) return;
+    const y = f.value.get(w);
+    if (!y || !ke(y.node) && y.node.type !== "grid-cell") return;
+    t.value = w, a.value = null;
+    const c = [];
+    let h = y.parent;
+    for (; h; )
+      ke(h) && c.unshift(h.id), h = ((m = f.value.get(h.id)) == null ? void 0 : m.parent) ?? null;
+    n.value = [...c, w], r.value = n.value.length - 1, s = n.value.length - 1, b = w;
+  }
+  return {
+    selectedNodeId: t,
+    selectedInsertionSlotId: a,
+    selectionPathIds: n,
+    selectionPathIndex: r,
+    nodeIndex: f,
+    selectedNode: g,
+    selectedNodeType: L,
+    selectedOwnerCell: A,
+    selectedCell: H,
+    selectedOwnerGridOfCell: U,
+    selectedCellBox: q,
+    selectedCellContext: j,
+    insertionSlot: te,
+    nodeTree: ee,
+    isInsideTable: v,
+    isStyleEditableNodeId: p,
+    clearSelection: k,
+    selectNode: Y,
+    selectNodeById: Z,
+    selectIssue: J
+  };
+}
+const pn = { class: "v2-sidebar__subheading" }, fn = { class: "v2-control v2-control--toggle" }, gn = ["checked"], mn = { class: "v2-control v2-control--inline" }, bn = ["value"], hn = { class: "v2-control v2-control--inline" }, yn = ["value"], Sn = { class: "v2-control v2-control--inline" }, $n = ["value"], Cn = { class: "v2-grid-dimensions" }, wn = { class: "v2-control v2-control--inline" }, In = ["value"], xn = { class: "v2-control v2-control--inline" }, Tn = ["value"], kn = {
+  key: 0,
+  class: "v2-hint",
+  style: { color: "#b45309" }
+}, Fn = { class: "v2-grid-dimensions" }, Dn = { class: "v2-control v2-control--inline" }, Nn = ["value"], Pn = { class: "v2-control v2-control--inline" }, En = ["value"], An = { class: "v2-control v2-control--toggle" }, Hn = ["checked"], Jt = /* @__PURE__ */ X({
+  __name: "HeaderFooterFields",
+  props: {
+    label: {},
+    band: {},
+    kind: {},
+    api: {},
+    margin: {}
+  },
+  setup(e) {
+    const u = e, t = P(
+      () => u.kind === "header" ? u.api.updatePaperHeaderEnabled : u.api.updatePaperFooterEnabled
+    ), a = P(
+      () => u.kind === "header" ? u.api.updatePaperHeaderContent : u.api.updatePaperFooterContent
+    ), n = P(
+      () => u.kind === "header" ? u.api.updatePaperHeaderHeight : u.api.updatePaperFooterHeight
+    ), r = P(
+      () => u.kind === "header" ? u.api.updatePaperHeaderSeparator : u.api.updatePaperFooterSeparator
+    ), b = P(
+      () => u.kind === "header" ? u.api.updatePaperHeaderFontSize : u.api.updatePaperFooterFontSize
+    ), s = P(
+      () => u.kind === "header" ? u.api.updatePaperHeaderFontWeight : u.api.updatePaperFooterFontWeight
+    ), f = P(
+      () => u.kind === "header" ? u.api.updatePaperHeaderColor : u.api.updatePaperFooterColor
+    ), v = P(() => {
+      var p;
+      return ((p = u.band) == null ? void 0 : p.enabled) === !0;
+    });
+    return (p, g) => {
+      var L, A, H, U, q, j, te, ee, k, Y, J, Z, w, y, c, h;
+      return $(), I(_, null, [
+        l("div", pn, D(e.label), 1),
+        l("label", fn, [
+          l("input", {
+            type: "checkbox",
+            checked: ((L = e.band) == null ? void 0 : L.enabled) === !0,
+            onChange: g[0] || (g[0] = //@ts-ignore
+            (...m) => t.value && t.value(...m))
+          }, null, 40, gn),
+          l("span", null, "启用" + D(e.label), 1)
+        ]),
+        v.value ? ($(), I(_, { key: 0 }, [
+          l("label", mn, [
+            g[9] || (g[9] = l("span", null, "左", -1)),
+            l("input", {
+              type: "text",
+              value: ((H = (A = e.band) == null ? void 0 : A.content) == null ? void 0 : H.left) ?? "",
+              placeholder: "变量： {page} {total}",
+              onChange: g[1] || (g[1] = (m) => a.value("left", m))
+            }, null, 40, bn)
+          ]),
+          l("label", hn, [
+            g[10] || (g[10] = l("span", null, "中", -1)),
+            l("input", {
+              type: "text",
+              value: ((q = (U = e.band) == null ? void 0 : U.content) == null ? void 0 : q.center) ?? "",
+              placeholder: "变量： {page} {total}",
+              onChange: g[2] || (g[2] = (m) => a.value("center", m))
+            }, null, 40, yn)
+          ]),
+          l("label", Sn, [
+            g[11] || (g[11] = l("span", null, "右", -1)),
+            l("input", {
+              type: "text",
+              value: ((te = (j = e.band) == null ? void 0 : j.content) == null ? void 0 : te.right) ?? "",
+              placeholder: "变量： {page} {total}",
+              onChange: g[3] || (g[3] = (m) => a.value("right", m))
+            }, null, 40, $n)
+          ]),
+          l("div", Cn, [
+            l("label", wn, [
+              g[12] || (g[12] = l("span", null, "高度(mm)", -1)),
+              l("input", {
+                type: "number",
+                min: "1",
+                step: "1",
+                value: ((ee = e.band) == null ? void 0 : ee.height) ?? x(El),
+                onChange: g[4] || (g[4] = //@ts-ignore
+                (...m) => n.value && n.value(...m))
+              }, null, 40, In)
+            ]),
+            l("label", xn, [
+              g[13] || (g[13] = l("span", null, "字号(px)", -1)),
+              l("input", {
+                type: "number",
+                min: "1",
+                step: "1",
+                value: ((Y = (k = e.band) == null ? void 0 : k.style) == null ? void 0 : Y.fontSize) ?? 12,
+                onChange: g[5] || (g[5] = //@ts-ignore
+                (...m) => b.value && b.value(...m))
+              }, null, 40, Tn)
+            ])
+          ]),
+          ((J = e.band) == null ? void 0 : J.height) != null && e.margin != null && e.band.height > e.margin ? ($(), I("p", kn, " 高度 " + D(e.band.height) + "mm 超过纸张边距 " + D(e.margin) + "mm：显示时已按边距 收敛（页眉/页脚画在边距内，超出会压到正文、打印被裁切）。 ", 1)) : K("", !0),
+          l("div", Fn, [
+            l("label", Dn, [
+              g[15] || (g[15] = l("span", null, "粗细", -1)),
+              l("select", {
+                value: ((w = (Z = e.band) == null ? void 0 : Z.style) == null ? void 0 : w.fontWeight) ?? "normal",
+                onChange: g[6] || (g[6] = //@ts-ignore
+                (...m) => s.value && s.value(...m))
+              }, [...g[14] || (g[14] = [
+                l("option", { value: "normal" }, "常规", -1),
+                l("option", { value: "bold" }, "加粗", -1)
+              ])], 40, Nn)
+            ]),
+            l("label", Pn, [
+              g[16] || (g[16] = l("span", null, "颜色", -1)),
+              l("input", {
+                type: "color",
+                value: ((c = (y = e.band) == null ? void 0 : y.style) == null ? void 0 : c.color) ?? "#111827",
+                onChange: g[7] || (g[7] = //@ts-ignore
+                (...m) => f.value && f.value(...m))
+              }, null, 40, En)
+            ])
+          ]),
+          l("label", An, [
+            l("input", {
+              type: "checkbox",
+              checked: ((h = e.band) == null ? void 0 : h.separator) !== !1,
+              onChange: g[8] || (g[8] = //@ts-ignore
+              (...m) => r.value && r.value(...m))
+            }, null, 40, Hn),
+            g[17] || (g[17] = l("span", null, "分隔线", -1))
+          ])
+        ], 64)) : K("", !0)
+      ], 64);
+    };
+  }
+}), Rn = { class: "v2-control v2-control--inline" }, Ln = ["value"], Mn = { class: "v2-grid-dimensions" }, Bn = { class: "v2-control v2-control--inline" }, Vn = ["value"], Gn = { class: "v2-control v2-control--inline" }, zn = ["value"], On = { class: "v2-control v2-control--inline" }, Wn = ["value"], Un = { class: "v2-control v2-control--inline" }, jn = ["value"], Yn = { class: "v2-control v2-control--inline" }, Jn = ["value"], Kn = { class: "v2-control v2-control--toggle" }, qn = /* @__PURE__ */ X({
+  __name: "PageInspector",
+  props: /* @__PURE__ */ qe({
+    paperSize: {},
+    baseRowHeight: {},
+    paperMarginTop: {},
+    paperMarginRight: {},
+    paperMarginBottom: {},
+    paperMarginLeft: {},
+    header: {},
+    footer: {},
+    api: {}
+  }, {
+    paginate: { type: Boolean, required: !0 },
+    paginateModifiers: {}
+  }),
+  emits: ["update:paginate"],
+  setup(e) {
+    const u = _t(e, "paginate");
+    return (t, a) => ($(), I(_, null, [
+      a[15] || (a[15] = l("div", { class: "v2-sidebar__subheading" }, "页面设置", -1)),
+      l("label", Rn, [
+        a[8] || (a[8] = l("span", null, "纸张类型", -1)),
+        l("select", {
+          value: e.paperSize,
+          onChange: a[0] || (a[0] = //@ts-ignore
+          (...n) => e.api.updatePaperSize && e.api.updatePaperSize(...n))
+        }, [...a[7] || (a[7] = [
+          l("option", { value: "A4" }, "A4（纵向）", -1),
+          l("option", { value: "A3" }, "A3（横向）", -1)
+        ])], 40, Ln)
+      ]),
+      l("div", Mn, [
+        l("label", Bn, [
+          a[9] || (a[9] = l("span", null, "上边距(mm)", -1)),
+          l("input", {
+            type: "number",
+            min: "0",
+            max: "99",
+            step: "1",
+            value: e.paperMarginTop,
+            onChange: a[1] || (a[1] = (n) => e.api.updatePaperMarginSide("top", n))
+          }, null, 40, Vn)
+        ]),
+        l("label", Gn, [
+          a[10] || (a[10] = l("span", null, "右边距(mm)", -1)),
+          l("input", {
+            type: "number",
+            min: "0",
+            max: "99",
+            step: "1",
+            value: e.paperMarginRight,
+            onChange: a[2] || (a[2] = (n) => e.api.updatePaperMarginSide("right", n))
+          }, null, 40, zn)
+        ]),
+        l("label", On, [
+          a[11] || (a[11] = l("span", null, "下边距(mm)", -1)),
+          l("input", {
+            type: "number",
+            min: "0",
+            max: "99",
+            step: "1",
+            value: e.paperMarginBottom,
+            onChange: a[3] || (a[3] = (n) => e.api.updatePaperMarginSide("bottom", n))
+          }, null, 40, Wn)
+        ]),
+        l("label", Un, [
+          a[12] || (a[12] = l("span", null, "左边距(mm)", -1)),
+          l("input", {
+            type: "number",
+            min: "0",
+            max: "99",
+            step: "1",
+            value: e.paperMarginLeft,
+            onChange: a[4] || (a[4] = (n) => e.api.updatePaperMarginSide("left", n))
+          }, null, 40, jn)
+        ])
+      ]),
+      l("label", Yn, [
+        a[13] || (a[13] = l("span", null, "行高(mm)", -1)),
+        l("input", {
+          type: "number",
+          min: "1",
+          max: "99",
+          step: "1",
+          value: e.baseRowHeight,
+          onChange: a[5] || (a[5] = //@ts-ignore
+          (...n) => e.api.updateBaseRowHeight && e.api.updateBaseRowHeight(...n))
+        }, null, 40, Jn)
+      ]),
+      l("label", Kn, [
+        Cl(l("input", {
+          "onUpdate:modelValue": a[6] || (a[6] = (n) => u.value = n),
+          type: "checkbox",
+          "data-paginate": "true"
+        }, null, 512), [
+          [wl, u.value]
+        ]),
+        a[14] || (a[14] = l("span", null, "分页显示（仅影响编辑画面，打印始终分页）", -1))
+      ]),
+      le(Jt, {
+        label: "页眉",
+        kind: "header",
+        band: e.header,
+        margin: e.paperMarginTop,
+        api: e.api
+      }, null, 8, ["band", "margin", "api"]),
+      le(Jt, {
+        label: "页脚",
+        kind: "footer",
+        band: e.footer,
+        margin: e.paperMarginBottom,
+        api: e.api
+      }, null, 8, ["band", "margin", "api"])
+    ], 64));
+  }
+}), Xn = { class: "v2-grid-dimensions" }, Zn = { class: "v2-control" }, Qn = ["value"], _n = { class: "v2-control" }, eo = ["value"], to = { class: "v2-grid-dimensions" }, lo = ["value", "onChange"], ao = { class: "v2-control" }, no = ["value"], oo = { class: "v2-grid-dimensions" }, io = { class: "v2-control v2-control--inline" }, uo = ["value"], ro = { class: "v2-control v2-control--inline" }, so = ["value"], vo = { class: "v2-control v2-control--inline" }, co = ["value"], po = { class: "v2-control v2-control--inline" }, fo = ["value"], go = /* @__PURE__ */ X({
+  __name: "GridInspector",
+  props: {
+    node: {},
+    api: {}
+  },
+  setup(e) {
+    return (u, t) => {
+      var a;
+      return $(), I(_, null, [
+        l("div", Xn, [
+          l("label", Zn, [
+            t[7] || (t[7] = l("span", null, "行数", -1)),
+            l("input", {
+              type: "number",
+              min: "1",
+              step: "1",
+              value: e.node.rows.length,
+              "data-dimension": "rows",
+              onChange: t[0] || (t[0] = //@ts-ignore
+              (...n) => e.api.updateGridDimensions && e.api.updateGridDimensions(...n))
+            }, null, 40, Qn)
+          ]),
+          l("label", _n, [
+            t[8] || (t[8] = l("span", null, "列数", -1)),
+            l("input", {
+              type: "number",
+              min: "1",
+              step: "1",
+              value: ((a = e.node.rows[0]) == null ? void 0 : a.cells.length) ?? 1,
+              "data-dimension": "columns",
+              onChange: t[1] || (t[1] = //@ts-ignore
+              (...n) => e.api.updateGridDimensions && e.api.updateGridDimensions(...n))
+            }, null, 40, eo)
+          ])
+        ]),
+        t[17] || (t[17] = l("div", { class: "v2-sidebar__subheading" }, "列宽（mm / 比例 / 自动）", -1)),
+        l("div", to, [
+          ($(!0), I(_, null, ye(e.node.rows[0].cells, (n, r) => {
+            var b;
+            return $(), I("label", {
+              key: r,
+              class: "v2-control v2-control--inline"
+            }, [
+              l("span", null, "第 " + D(r + 1) + " 列", 1),
+              l("input", {
+                value: ((b = e.node.columns) == null ? void 0 : b[r]) ?? n.width ?? "1fr",
+                placeholder: "如 30、1fr、auto",
+                onChange: (s) => e.api.updateGridColumnWidth(r, s)
+              }, null, 40, lo)
+            ]);
+          }), 128))
+        ]),
+        l("label", ao, [
+          t[10] || (t[10] = l("span", null, "边框", -1)),
+          l("select", {
+            value: e.node.border,
+            onChange: t[2] || (t[2] = //@ts-ignore
+            (...n) => e.api.updateGridBorder && e.api.updateGridBorder(...n))
+          }, [...t[9] || (t[9] = [
+            l("option", { value: "all" }, "外框 + 内部", -1),
+            l("option", { value: "outer" }, "仅外框", -1),
+            l("option", { value: "inner" }, "仅内部", -1),
+            l("option", { value: "none" }, "无边框", -1)
+          ])], 40, no)
+        ]),
+        t[18] || (t[18] = l("div", { class: "v2-sidebar__subheading" }, "格子默认样式（内边距 / 对齐）", -1)),
+        l("div", oo, [
+          l("label", io, [
+            t[11] || (t[11] = l("span", null, "格子间距(mm)", -1)),
+            l("input", {
+              type: "number",
+              min: "0",
+              step: "1",
+              "data-grid": "gap",
+              value: e.node.gap ?? "",
+              onChange: t[3] || (t[3] = //@ts-ignore
+              (...n) => e.api.updateGridGap && e.api.updateGridGap(...n))
+            }, null, 40, uo)
+          ]),
+          l("label", ro, [
+            t[12] || (t[12] = l("span", null, "默认内边距(mm)", -1)),
+            l("input", {
+              type: "number",
+              min: "0",
+              step: "1",
+              "data-cell-default": "padding",
+              value: e.node.cellPadding ?? "",
+              onChange: t[4] || (t[4] = (n) => e.api.updateGridCellDefault("cellPadding", n))
+            }, null, 40, so)
+          ]),
+          l("label", vo, [
+            t[14] || (t[14] = l("span", null, "默认水平对齐", -1)),
+            l("select", {
+              "data-cell-default": "align",
+              value: e.node.cellAlign ?? "",
+              onChange: t[5] || (t[5] = (n) => e.api.updateGridCellDefault("cellAlign", n))
+            }, [...t[13] || (t[13] = [
+              l("option", { value: "" }, "居中（默认）", -1),
+              l("option", { value: "left" }, "左", -1),
+              l("option", { value: "center" }, "居中", -1),
+              l("option", { value: "right" }, "右", -1)
+            ])], 40, co)
+          ]),
+          l("label", po, [
+            t[16] || (t[16] = l("span", null, "默认垂直对齐", -1)),
+            l("select", {
+              "data-cell-default": "valign",
+              value: e.node.cellVerticalAlign ?? "",
+              onChange: t[6] || (t[6] = (n) => e.api.updateGridCellDefault("cellVerticalAlign", n))
+            }, [...t[15] || (t[15] = [
+              l("option", { value: "" }, "居中（默认）", -1),
+              l("option", { value: "top" }, "顶部", -1),
+              l("option", { value: "middle" }, "居中", -1),
+              l("option", { value: "bottom" }, "底部", -1)
+            ])], 40, fo)
+          ])
+        ])
+      ], 64);
+    };
+  }
+}), mo = { class: "v2-control v2-control--inline" }, bo = ["checked"], ho = { class: "v2-toolbar v2-toolbar--row" }, yo = ["disabled"], So = ["disabled"], $o = { class: "v2-grid-dimensions" }, Co = { class: "v2-control" }, wo = ["value"], Io = { class: "v2-control" }, xo = ["value"], To = { class: "v2-control" }, ko = ["value"], Fo = { class: "v2-control" }, Do = ["value"], No = /* @__PURE__ */ X({
+  __name: "CellInspector",
+  props: {
+    node: {},
+    cellContext: {},
+    cellBox: {},
+    api: {}
+  },
+  setup(e) {
+    return (u, t) => {
+      var a, n;
+      return $(), I(_, null, [
+        l("label", mo, [
+          t[7] || (t[7] = l("span", null, "内容撑满格子", -1)),
+          l("input", {
+            type: "checkbox",
+            "data-flex": "true",
+            checked: !!e.node.flex,
+            onChange: t[0] || (t[0] = //@ts-ignore
+            (...r) => e.api.updateSelectedCellFlex && e.api.updateSelectedCellFlex(...r))
+          }, null, 40, bo)
+        ]),
+        t[14] || (t[14] = l("div", { class: "v2-sidebar__subheading" }, "合并 / 拆分", -1)),
+        l("div", ho, [
+          l("button", {
+            class: "v2-toolbar__button",
+            type: "button",
+            "data-cell-merge": "true",
+            disabled: !((a = e.cellContext) != null && a.hasNextSibling),
+            onClick: t[1] || (t[1] = //@ts-ignore
+            (...r) => e.api.mergeSelectedCellRight && e.api.mergeSelectedCellRight(...r))
+          }, " 合并右侧相邻格 ", 8, yo),
+          l("button", {
+            class: "v2-toolbar__button",
+            type: "button",
+            "data-cell-split": "true",
+            disabled: !((n = e.cellContext) != null && n.canSplit),
+            onClick: t[2] || (t[2] = //@ts-ignore
+            (...r) => e.api.splitSelectedCell && e.api.splitSelectedCell(...r))
+          }, " 拆分此格 ", 8, So)
+        ]),
+        l("div", $o, [
+          l("label", Co, [
+            t[8] || (t[8] = l("span", null, "内边距(mm)", -1)),
+            l("input", {
+              type: "number",
+              min: "0",
+              step: "1",
+              "data-cell-padding": "true",
+              value: e.node.padding ?? "",
+              onChange: t[3] || (t[3] = //@ts-ignore
+              (...r) => e.api.updateSelectedCellPadding && e.api.updateSelectedCellPadding(...r))
+            }, null, 40, wo)
+          ]),
+          l("label", Io, [
+            t[9] || (t[9] = l("span", null, "行高倍数", -1)),
+            l("input", {
+              type: "number",
+              min: "0",
+              step: "1",
+              value: e.node.rowHeight ?? "",
+              onChange: t[4] || (t[4] = //@ts-ignore
+              (...r) => e.api.updateSelectedCellRowHeight && e.api.updateSelectedCellRowHeight(...r))
+            }, null, 40, xo)
+          ]),
+          l("label", To, [
+            t[11] || (t[11] = l("span", null, "水平对齐", -1)),
+            l("select", {
+              value: e.node.align ?? "",
+              onChange: t[5] || (t[5] = //@ts-ignore
+              (...r) => e.api.updateSelectedCellAlign && e.api.updateSelectedCellAlign(...r))
+            }, [...t[10] || (t[10] = [
+              l("option", { value: "" }, "默认（居中）", -1),
+              l("option", { value: "left" }, "左", -1),
+              l("option", { value: "center" }, "居中", -1),
+              l("option", { value: "right" }, "右", -1)
+            ])], 40, ko)
+          ]),
+          l("label", Fo, [
+            t[13] || (t[13] = l("span", null, "垂直对齐", -1)),
+            l("select", {
+              value: e.node.verticalAlign ?? "",
+              onChange: t[6] || (t[6] = //@ts-ignore
+              (...r) => e.api.updateSelectedCellVerticalAlign && e.api.updateSelectedCellVerticalAlign(...r))
+            }, [...t[12] || (t[12] = [
+              l("option", { value: "" }, "默认（跟随格子设置）", -1),
+              l("option", { value: "top" }, "顶部", -1),
+              l("option", { value: "middle" }, "居中", -1),
+              l("option", { value: "bottom" }, "底部", -1)
+            ])], 40, Do)
+          ])
+        ])
+      ], 64);
+    };
+  }
+}), Po = { class: "v2-style-grid" }, Eo = { class: "v2-control v2-control--inline" }, Ao = ["value"], Ho = { class: "v2-control v2-control--inline" }, Ro = ["value"], Lo = { class: "v2-control v2-control--inline" }, Mo = ["value"], Bo = { class: "v2-control v2-control--inline" }, Vo = ["value"], Go = { class: "v2-grid-dimensions" }, zo = { class: "v2-control" }, Oo = ["value"], Wo = { class: "v2-control" }, Uo = ["value"], jo = { class: "v2-control v2-control--full" }, Yo = ["value"], il = /* @__PURE__ */ X({
+  __name: "TextStyleFields",
+  props: {
+    style: {},
+    api: {}
+  },
+  setup(e) {
+    return (u, t) => {
+      var a, n, r, b, s, f, v;
+      return $(), I(_, null, [
+        t[17] || (t[17] = l("div", { class: "v2-sidebar__subheading" }, "文本样式", -1)),
+        l("div", Po, [
+          l("label", Eo, [
+            t[7] || (t[7] = l("span", null, "字号(px)", -1)),
+            l("input", {
+              type: "number",
+              min: "1",
+              step: "1",
+              value: ((a = e.style) == null ? void 0 : a.fontSize) ?? "",
+              onChange: t[0] || (t[0] = //@ts-ignore
+              (...p) => e.api.updateSelectedFontSize && e.api.updateSelectedFontSize(...p))
+            }, null, 40, Ao)
+          ]),
+          l("label", Ho, [
+            t[8] || (t[8] = l("span", null, "行高", -1)),
+            l("input", {
+              type: "number",
+              min: "0",
+              step: "0.1",
+              value: ((n = e.style) == null ? void 0 : n.lineHeight) ?? "",
+              onChange: t[1] || (t[1] = //@ts-ignore
+              (...p) => e.api.updateSelectedLineHeight && e.api.updateSelectedLineHeight(...p))
+            }, null, 40, Ro)
+          ]),
+          l("label", Lo, [
+            t[10] || (t[10] = l("span", null, "粗细", -1)),
+            l("select", {
+              value: ((r = e.style) == null ? void 0 : r.fontWeight) ?? "normal",
+              onChange: t[2] || (t[2] = //@ts-ignore
+              (...p) => e.api.updateSelectedFontWeight && e.api.updateSelectedFontWeight(...p))
+            }, [...t[9] || (t[9] = [
+              l("option", { value: "normal" }, "常规", -1),
+              l("option", { value: "bold" }, "加粗", -1)
+            ])], 40, Mo)
+          ]),
+          l("label", Bo, [
+            t[11] || (t[11] = l("span", null, "颜色", -1)),
+            l("input", {
+              type: "color",
+              value: ((b = e.style) == null ? void 0 : b.color) ?? "#111827",
+              onInput: t[3] || (t[3] = //@ts-ignore
+              (...p) => e.api.updateSelectedColor && e.api.updateSelectedColor(...p))
+            }, null, 40, Vo)
+          ])
+        ]),
+        l("div", Go, [
+          l("label", zo, [
+            t[13] || (t[13] = l("span", null, "水平对齐", -1)),
+            l("select", {
+              value: ((s = e.style) == null ? void 0 : s.align) ?? "left",
+              onChange: t[4] || (t[4] = //@ts-ignore
+              (...p) => e.api.updateSelectedAlign && e.api.updateSelectedAlign(...p))
+            }, [...t[12] || (t[12] = [
+              l("option", { value: "left" }, "左", -1),
+              l("option", { value: "center" }, "居中", -1),
+              l("option", { value: "right" }, "右", -1)
+            ])], 40, Oo)
+          ]),
+          l("label", Wo, [
+            t[15] || (t[15] = l("span", null, "垂直对齐", -1)),
+            l("select", {
+              value: ((f = e.style) == null ? void 0 : f.verticalAlign) ?? "middle",
+              onChange: t[5] || (t[5] = //@ts-ignore
+              (...p) => e.api.updateSelectedVerticalAlign && e.api.updateSelectedVerticalAlign(...p))
+            }, [...t[14] || (t[14] = [
+              l("option", { value: "top" }, "顶部", -1),
+              l("option", { value: "middle" }, "居中", -1),
+              l("option", { value: "bottom" }, "底部", -1)
+            ])], 40, Uo)
+          ]),
+          l("label", jo, [
+            t[16] || (t[16] = l("span", null, "字体", -1)),
+            l("input", {
+              value: ((v = e.style) == null ? void 0 : v.fontFamily) ?? "",
+              onInput: t[6] || (t[6] = //@ts-ignore
+              (...p) => e.api.updateSelectedFontFamily && e.api.updateSelectedFontFamily(...p))
+            }, null, 40, Yo)
+          ])
+        ])
+      ], 64);
+    };
+  }
+}), Jo = { class: "v2-control v2-control--full" }, Ko = ["value"], qo = /* @__PURE__ */ X({
+  __name: "TextInspector",
+  props: {
+    node: {},
+    api: {}
+  },
+  setup(e) {
+    return (u, t) => ($(), I(_, null, [
+      l("label", Jo, [
+        t[1] || (t[1] = l("span", null, "文本内容", -1)),
+        l("textarea", {
+          class: "v2-textarea",
+          rows: "3",
+          value: e.node.text,
+          onInput: t[0] || (t[0] = //@ts-ignore
+          (...a) => e.api.updateSelectedText && e.api.updateSelectedText(...a))
+        }, null, 40, Ko)
+      ]),
+      le(il, {
+        style: Pe(e.node.style),
+        api: e.api
+      }, null, 8, ["style", "api"])
+    ], 64));
+  }
+}), Xo = { class: "v2-control" }, Zo = ["value"], Qo = { class: "v2-grid-dimensions" }, _o = { class: "v2-control" }, ei = ["value"], ti = { class: "v2-control" }, li = ["value"], ai = { class: "v2-control" }, ni = ["value"], oi = {
+  key: 0,
+  class: "v2-control v2-control--full"
+}, ii = ["value"], di = {
+  key: 1,
+  class: "v2-hint"
+}, ui = { class: "v2-control v2-control--full" }, ri = ["value"], si = { class: "v2-grid-dimensions" }, vi = { class: "v2-control v2-control--full" }, ci = ["value"], pi = { class: "v2-control" }, fi = ["checked"], gi = /* @__PURE__ */ X({
+  __name: "FieldPInspector",
+  props: {
+    node: {},
+    api: {}
+  },
+  setup(e) {
+    return (u, t) => {
+      var a;
+      return $(), I(_, null, [
+        l("label", Xo, [
+          t[8] || (t[8] = l("span", null, "字段名", -1)),
+          l("input", {
+            value: e.node.field,
+            onInput: t[0] || (t[0] = //@ts-ignore
+            (...n) => e.api.updateSelectedField && e.api.updateSelectedField(...n))
+          }, null, 40, Zo)
+        ]),
+        l("div", Qo, [
+          l("label", _o, [
+            t[9] || (t[9] = l("span", null, "前标签（可选）", -1)),
+            l("input", {
+              value: e.node.prefix ?? "",
+              onInput: t[1] || (t[1] = //@ts-ignore
+              (...n) => e.api.updateSelectedPrefix && e.api.updateSelectedPrefix(...n))
+            }, null, 40, ei)
+          ]),
+          l("label", ti, [
+            t[10] || (t[10] = l("span", null, "后标签（可选）", -1)),
+            l("input", {
+              value: e.node.suffix ?? "",
+              onInput: t[2] || (t[2] = //@ts-ignore
+              (...n) => e.api.updateSelectedSuffix && e.api.updateSelectedSuffix(...n))
+            }, null, 40, li)
+          ])
+        ]),
+        l("label", ai, [
+          t[12] || (t[12] = l("span", null, "输入方式", -1)),
+          l("select", {
+            value: e.node.action ?? "text",
+            onChange: t[3] || (t[3] = //@ts-ignore
+            (...n) => e.api.updateSelectedAction && e.api.updateSelectedAction(...n))
+          }, [...t[11] || (t[11] = [
+            l("option", { value: "text" }, "无（纯文本输入）", -1),
+            l("option", { value: "date" }, "日期选择器", -1),
+            l("option", { value: "signature" }, "签名板", -1),
+            l("option", { value: "upload" }, "文件上传", -1)
+          ])], 40, ni)
+        ]),
+        e.node.action === "date" ? ($(), I("label", oi, [
+          t[13] || (t[13] = l("span", null, "日期格式", -1)),
+          l("input", {
+            type: "text",
+            placeholder: "如 {YYYY}年{MM}月{DD} {hh}时{mm}分{ss}秒",
+            value: ((a = e.node.actionParams) == null ? void 0 : a.format) ?? "",
+            onChange: t[4] || (t[4] = //@ts-ignore
+            (...n) => e.api.updateSelectedDateFormat && e.api.updateSelectedDateFormat(...n))
+          }, null, 40, ii)
+        ])) : K("", !0),
+        e.node.action === "date" ? ($(), I("p", di, " 留空则存原生日期（YYYY-MM-DD）；配置后填写值按格式显示，如 " + D("{") + "YYYY" + D("}") + "年" + D("{") + "MM" + D("}") + "月" + D("{") + "DD" + D("}") + "。 ")) : K("", !0),
+        le(il, {
+          style: Pe(e.node.style),
+          api: e.api
+        }, null, 8, ["style", "api"]),
+        l("label", ui, [
+          t[14] || (t[14] = l("span", null, "默认内容", -1)),
+          l("textarea", {
+            class: "v2-textarea",
+            rows: "3",
+            "data-field-default": "true",
+            value: e.node.default ?? "",
+            onInput: t[5] || (t[5] = //@ts-ignore
+            (...n) => e.api.updateSelectedDefault && e.api.updateSelectedDefault(...n))
+          }, null, 40, ri)
+        ]),
+        l("div", si, [
+          l("label", vi, [
+            t[15] || (t[15] = l("span", null, "输入区宽度", -1)),
+            l("input", {
+              "data-field-width": "true",
+              placeholder: "如 30mm、50%，留空不限",
+              value: e.node.width ?? "",
+              onInput: t[6] || (t[6] = //@ts-ignore
+              (...n) => e.api.updateSelectedWidth && e.api.updateSelectedWidth(...n))
+            }, null, 40, ci)
+          ]),
+          l("label", pi, [
+            t[16] || (t[16] = l("span", null, "内部边框", -1)),
+            l("input", {
+              type: "checkbox",
+              "data-field-inner-border": "true",
+              checked: e.node.innerBorder ?? !1,
+              onChange: t[7] || (t[7] = //@ts-ignore
+              (...n) => e.api.updateSelectedInnerBorder && e.api.updateSelectedInnerBorder(...n))
+            }, null, 40, fi)
+          ])
+        ])
+      ], 64);
+    };
+  }
+}), mi = { class: "v2-control v2-control--full" }, bi = ["value"], hi = { class: "v2-control v2-control--full" }, yi = ["value"], Si = /* @__PURE__ */ X({
+  __name: "HtmlInspector",
+  props: {
+    node: {},
+    api: {}
+  },
+  setup(e) {
+    return (u, t) => ($(), I(_, null, [
+      l("label", mi, [
+        t[2] || (t[2] = l("span", null, "HTML 片段（不含脚本）", -1)),
+        l("textarea", {
+          class: "v2-textarea",
+          rows: "6",
+          value: e.node.html,
+          onInput: t[0] || (t[0] = //@ts-ignore
+          (...a) => e.api.updateSelectedHtml && e.api.updateSelectedHtml(...a))
+        }, null, 40, bi)
+      ]),
+      l("label", hi, [
+        t[3] || (t[3] = l("span", null, "样式代码（仅模块内生效）", -1)),
+        l("textarea", {
+          class: "v2-textarea",
+          rows: "4",
+          value: e.node.css ?? "",
+          onInput: t[1] || (t[1] = //@ts-ignore
+          (...a) => e.api.updateSelectedCss && e.api.updateSelectedCss(...a))
+        }, null, 40, yi)
+      ]),
+      t[4] || (t[4] = l("p", { class: "v2-sidebar__hint" }, " 支持 {{ 字段 }} 占位符，展示时自动替换为填写内容；样式仅在模块内部生效，不影响整张表单。 ", -1))
+    ], 64));
+  }
+}), $i = { class: "v2-grid-dimensions" }, Ci = { class: "v2-control v2-control--full" }, wi = ["value"], Ii = { class: "v2-control v2-control--full" }, xi = ["value"], Ti = { class: "v2-grid-dimensions" }, ki = { class: "v2-control" }, Fi = ["value"], Di = { class: "v2-control" }, Ni = ["value"], Pi = { class: "v2-control" }, Ei = ["value"], Ai = {
+  key: 0,
+  class: "v2-sidebar__hint"
+}, Hi = /* @__PURE__ */ X({
+  __name: "ImageInspector",
+  props: {
+    node: {},
+    api: {}
+  },
+  setup(e) {
+    return (u, t) => ($(), I(_, null, [
+      l("div", $i, [
+        l("label", Ci, [
+          t[5] || (t[5] = l("span", null, "字段名", -1)),
+          l("input", {
+            value: e.node.field ?? "",
+            onInput: t[0] || (t[0] = //@ts-ignore
+            (...a) => e.api.updateSelectedImageField && e.api.updateSelectedImageField(...a))
+          }, null, 40, wi)
+        ]),
+        l("label", Ii, [
+          t[6] || (t[6] = l("span", null, "图片地址", -1)),
+          l("input", {
+            value: e.node.src ?? "",
+            placeholder: "https:// 链接或 Base64",
+            onInput: t[1] || (t[1] = //@ts-ignore
+            (...a) => e.api.updateSelectedImageSrc && e.api.updateSelectedImageSrc(...a))
+          }, null, 40, xi)
+        ])
+      ]),
+      l("div", Ti, [
+        l("label", ki, [
+          t[7] || (t[7] = l("span", null, "宽(mm)", -1)),
+          l("input", {
+            type: "number",
+            min: "0",
+            value: e.node.width ?? "",
+            onChange: t[2] || (t[2] = (a) => e.api.updateSelectedImageSize("width", a))
+          }, null, 40, Fi)
+        ]),
+        l("label", Di, [
+          t[8] || (t[8] = l("span", null, "高(mm)", -1)),
+          l("input", {
+            type: "number",
+            min: "0",
+            value: e.node.height ?? "",
+            onChange: t[3] || (t[3] = (a) => e.api.updateSelectedImageSize("height", a))
+          }, null, 40, Ni)
+        ])
+      ]),
+      l("label", Pi, [
+        t[10] || (t[10] = l("span", null, "填充方式", -1)),
+        l("select", {
+          value: e.node.objectFit ?? "contain",
+          onChange: t[4] || (t[4] = //@ts-ignore
+          (...a) => e.api.updateSelectedImageFit && e.api.updateSelectedImageFit(...a))
+        }, [...t[9] || (t[9] = [
+          l("option", { value: "contain" }, "等比完整显示", -1),
+          l("option", { value: "cover" }, "裁剪填满", -1),
+          l("option", { value: "fill" }, "拉伸填满", -1)
+        ])], 40, Ei)
+      ]),
+      !e.node.src && !e.node.field ? ($(), I("p", Ai, [...t[11] || (t[11] = [
+        ge(" 还没配置图片地址：画布上会显示占位框方便编辑，", -1),
+        l("strong", null, "打印时不占位置", -1),
+        ge("。 ", -1)
+      ])])) : K("", !0)
+    ], 64));
+  }
+}), Ri = { class: "v2-grid-dimensions" }, Li = { class: "v2-control" }, Mi = ["value"], Bi = { class: "v2-control" }, Vi = ["value"], Gi = { class: "v2-style-grid" }, zi = { class: "v2-control v2-control--inline" }, Oi = ["value"], Wi = { class: "v2-control v2-control--inline" }, Ui = ["value"], ji = { class: "v2-grid-dimensions" }, Yi = { class: "v2-control" }, Ji = ["value"], Ki = { class: "v2-col-table" }, qi = ["value", "onInput"], Xi = ["value", "onInput"], Zi = ["disabled", "title", "onClick"], Qi = /* @__PURE__ */ X({
+  __name: "TableInspector",
+  props: {
+    node: {},
+    api: {}
+  },
+  setup(e) {
+    return (u, t) => {
+      var a, n, r;
+      return $(), I(_, null, [
+        l("div", Ri, [
+          l("label", Li, [
+            t[6] || (t[6] = l("span", null, "最小行数", -1)),
+            l("input", {
+              type: "number",
+              min: "0",
+              step: "1",
+              value: e.node.minRows,
+              onChange: t[0] || (t[0] = //@ts-ignore
+              (...b) => e.api.updateTableRows && e.api.updateTableRows(...b))
+            }, null, 40, Mi)
+          ]),
+          l("label", Bi, [
+            t[8] || (t[8] = l("span", null, "边框", -1)),
+            l("select", {
+              value: e.node.border ?? "all",
+              onChange: t[1] || (t[1] = //@ts-ignore
+              (...b) => e.api.updateTableBorder && e.api.updateTableBorder(...b))
+            }, [...t[7] || (t[7] = [
+              l("option", { value: "all" }, "外框 + 内部", -1),
+              l("option", { value: "outer" }, "仅外框", -1),
+              l("option", { value: "inner" }, "仅内部", -1),
+              l("option", { value: "none" }, "无边框", -1)
+            ])], 40, Vi)
+          ])
+        ]),
+        t[15] || (t[15] = l("div", { class: "v2-sidebar__subheading" }, "表头样式", -1)),
+        l("div", Gi, [
+          l("label", zi, [
+            t[9] || (t[9] = l("span", null, "字号(px)", -1)),
+            l("input", {
+              type: "number",
+              min: "1",
+              step: "1",
+              value: ((a = e.node.headerStyle) == null ? void 0 : a.fontSize) ?? 16,
+              onChange: t[2] || (t[2] = //@ts-ignore
+              (...b) => e.api.updateTableHeaderFontSize && e.api.updateTableHeaderFontSize(...b))
+            }, null, 40, Oi)
+          ]),
+          l("label", Wi, [
+            t[11] || (t[11] = l("span", null, "粗细", -1)),
+            l("select", {
+              value: ((n = e.node.headerStyle) == null ? void 0 : n.fontWeight) ?? "normal",
+              onChange: t[3] || (t[3] = //@ts-ignore
+              (...b) => e.api.updateTableHeaderFontWeight && e.api.updateTableHeaderFontWeight(...b))
+            }, [...t[10] || (t[10] = [
+              l("option", { value: "normal" }, "常规", -1),
+              l("option", { value: "bold" }, "加粗", -1)
+            ])], 40, Ui)
+          ])
+        ]),
+        l("div", ji, [
+          l("label", Yi, [
+            t[13] || (t[13] = l("span", null, "水平对齐", -1)),
+            l("select", {
+              value: ((r = e.node.headerStyle) == null ? void 0 : r.align) ?? "left",
+              onChange: t[4] || (t[4] = //@ts-ignore
+              (...b) => e.api.updateTableHeaderAlign && e.api.updateTableHeaderAlign(...b))
+            }, [...t[12] || (t[12] = [
+              l("option", { value: "left" }, "左", -1),
+              l("option", { value: "center" }, "居中", -1),
+              l("option", { value: "right" }, "右", -1)
+            ])], 40, Ji)
+          ])
+        ]),
+        t[16] || (t[16] = l("div", { class: "v2-sidebar__subheading" }, "列配置", -1)),
+        l("div", Ki, [
+          t[14] || (t[14] = l("div", { class: "v2-col-table__row v2-col-table__head" }, [
+            l("span", { class: "v2-col-table__th" }, "标题"),
+            l("span", { class: "v2-col-table__th" }, "字段"),
+            l("span", { class: "v2-col-table__th v2-col-table__th--action" })
+          ], -1)),
+          ($(!0), I(_, null, ye(e.node.columns, (b) => ($(), I("div", {
+            key: b.key,
+            class: "v2-col-table__row"
+          }, [
+            l("input", {
+              class: "v2-col-table__input",
+              value: b.title,
+              placeholder: "列标题",
+              onInput: (s) => e.api.updateTableColumn(b.key, "title", s)
+            }, null, 40, qi),
+            l("input", {
+              class: "v2-col-table__input v2-col-table__input--mono",
+              value: b.key,
+              placeholder: "字段名",
+              onInput: (s) => e.api.renameTableColumnKey(b.key, s)
+            }, null, 40, Xi),
+            l("button", {
+              class: "v2-inspector__delete v2-inspector__delete--small",
+              type: "button",
+              disabled: e.node.columns.length <= 1,
+              title: `删除列 ${b.key}`,
+              onClick: (s) => e.api.removeTableColumn(b.key)
+            }, " ✕ ", 8, Zi)
+          ]))), 128))
+        ]),
+        l("button", {
+          class: "v2-toolbar__button v2-add-col",
+          type: "button",
+          onClick: t[5] || (t[5] = //@ts-ignore
+          (...b) => e.api.addTableColumn && e.api.addTableColumn(...b))
+        }, " + 添加列 ")
+      ], 64);
+    };
+  }
+}), _i = /* @__PURE__ */ ie(Qi, [["__scopeId", "data-v-6aacc8cd"]]), ed = ["onClick"], td = /* @__PURE__ */ X({
+  __name: "IssuesPanel",
+  props: {
+    issues: {}
+  },
+  emits: ["select"],
+  setup(e, { emit: u }) {
+    const t = u;
+    return (a, n) => ($(), I("div", {
+      class: me(["v2-issues", { "v2-issues--ok": e.issues.length === 0 }])
+    }, [
+      l("strong", null, D(e.issues.length === 0 ? "检查通过" : "发现 " + e.issues.length + " 个问题"), 1),
+      ($(!0), I(_, null, ye(e.issues, (r) => ($(), I("div", {
+        key: r.code + "-" + (r.nodeId || "schema"),
+        class: "v2-issue v2-issue--selectable",
+        onClick: (b) => t("select", r)
+      }, D(r.message), 9, ed))), 128))
+    ], 2));
+  }
+}), ld = /* @__PURE__ */ ie(td, [["__scopeId", "data-v-1f696812"]]), ad = { class: "v2-sidebar v2-sidebar--right" }, nd = { class: "v2-inspector-row" }, od = { class: "v2-inspector-row v2-inspector-row--head" }, id = /* @__PURE__ */ X({
+  __name: "InspectorPanel",
+  props: /* @__PURE__ */ qe({
+    node: { default: null },
+    nodeId: { default: null },
+    nodeType: {},
+    cellContext: {},
+    cellBox: {},
+    issues: {},
+    api: {},
+    paperSize: {},
+    baseRowHeight: {},
+    paperMarginTop: {},
+    paperMarginRight: {},
+    paperMarginBottom: {},
+    paperMarginLeft: {},
+    header: {},
+    footer: {}
+  }, {
+    paginate: { type: Boolean, required: !0 },
+    paginateModifiers: {}
+  }),
+  emits: /* @__PURE__ */ qe(["selectIssue"], ["update:paginate"]),
+  setup(e, { emit: u }) {
+    const t = e, a = P(() => {
+      const s = t.node;
+      return s && s.type === "page" ? {
+        top: s.margin.top ?? 12,
+        right: s.margin.right ?? 12,
+        bottom: s.margin.bottom ?? 12,
+        left: s.margin.left ?? 12
+      } : { top: 12, right: 12, bottom: 12, left: 12 };
+    }), n = _t(e, "paginate"), r = u, b = P(() => {
+      const s = t.node;
+      if (!s) return "未选择";
+      if (s.type === "grid-cell" && t.cellContext) {
+        const { rowIndex: f, columnIndex: v } = t.cellContext;
+        if (f >= 0) return `格子 ${f + 1}-${v + 1}`;
+      }
+      return Ne(s);
+    });
+    return (s, f) => {
+      var v, p, g, L, A, H, U, q;
+      return $(), I("aside", ad, [
+        l("div", nd, [
+          f[2] || (f[2] = l("span", null, "组件类型", -1)),
+          l("strong", null, D(e.nodeType), 1)
+        ]),
+        l("div", od, [
+          f[3] || (f[3] = l("span", null, "当前选中", -1)),
+          l("code", null, D(b.value), 1)
+        ]),
+        ((v = e.node) == null ? void 0 : v.type) === "page" ? ($(), oe(qn, {
+          key: 0,
+          paginate: n.value,
+          "onUpdate:paginate": f[0] || (f[0] = (j) => n.value = j),
+          "paper-size": e.paperSize,
+          "base-row-height": e.baseRowHeight,
+          "paper-margin-top": a.value.top,
+          "paper-margin-right": a.value.right,
+          "paper-margin-bottom": a.value.bottom,
+          "paper-margin-left": a.value.left,
+          header: e.header,
+          footer: e.footer,
+          api: e.api
+        }, null, 8, ["paginate", "paper-size", "base-row-height", "paper-margin-top", "paper-margin-right", "paper-margin-bottom", "paper-margin-left", "header", "footer", "api"])) : ((p = e.node) == null ? void 0 : p.type) === "grid" ? ($(), oe(go, {
+          key: 1,
+          node: e.node,
+          api: e.api
+        }, null, 8, ["node", "api"])) : ((g = e.node) == null ? void 0 : g.type) === "text" ? ($(), oe(qo, {
+          key: 2,
+          node: e.node,
+          api: e.api
+        }, null, 8, ["node", "api"])) : ((L = e.node) == null ? void 0 : L.type) === "p" ? ($(), oe(gi, {
+          key: 3,
+          node: e.node,
+          api: e.api
+        }, null, 8, ["node", "api"])) : ((A = e.node) == null ? void 0 : A.type) === "grid-cell" ? ($(), oe(No, {
+          key: 4,
+          node: e.node,
+          "cell-context": e.cellContext,
+          "cell-box": e.cellBox,
+          api: e.api
+        }, null, 8, ["node", "cell-context", "cell-box", "api"])) : ((H = e.node) == null ? void 0 : H.type) === "html" ? ($(), oe(Si, {
+          key: 5,
+          node: e.node,
+          api: e.api
+        }, null, 8, ["node", "api"])) : ((U = e.node) == null ? void 0 : U.type) === "image" ? ($(), oe(Hi, {
+          key: 6,
+          node: e.node,
+          api: e.api
+        }, null, 8, ["node", "api"])) : ((q = e.node) == null ? void 0 : q.type) === "table" ? ($(), oe(_i, {
+          key: 7,
+          node: e.node,
+          api: e.api
+        }, null, 8, ["node", "api"])) : K("", !0),
+        le(ld, {
+          issues: e.issues,
+          onSelect: f[1] || (f[1] = (j) => r("selectIssue", j))
+        }, null, 8, ["issues"])
+      ]);
+    };
+  }
+}), dd = /* @__PURE__ */ ie(id, [["__scopeId", "data-v-b0930d9c"]]), ud = {
+  class: "v2-help__panel",
+  role: "dialog",
+  "aria-label": "操作指南"
+}, rd = { class: "v2-help__head" }, sd = /* @__PURE__ */ X({
+  __name: "HelpPanel",
+  props: {
+    open: { type: Boolean }
+  },
+  emits: ["close"],
+  setup(e, { emit: u }) {
+    const t = e, a = u;
+    function n(r) {
+      r.key === "Escape" && a("close");
+    }
+    return ve(
+      () => t.open,
+      (r) => {
+        r ? window.addEventListener("keydown", n) : window.removeEventListener("keydown", n);
+      },
+      // immediate：兼容「初始即 open」的消费方，否则首挂载时 Esc 监听永远挂不上。
+      { immediate: !0 }
+    ), tt(() => window.removeEventListener("keydown", n)), (r, b) => e.open ? ($(), I("div", {
+      key: 0,
+      class: "v2-help",
+      onClick: b[1] || (b[1] = Qt((s) => a("close"), ["self"]))
+    }, [
+      l("div", ud, [
+        l("header", rd, [
+          b[2] || (b[2] = l("h2", null, "操作指南", -1)),
+          l("button", {
+            type: "button",
+            class: "v2-help__close",
+            title: "关闭帮助",
+            onClick: b[0] || (b[0] = (s) => a("close"))
+          }, " ✕ ")
+        ]),
+        b[3] || (b[3] = Il('<div class="v2-help__body" data-v-3f47c5df><h3 data-v-3f47c5df>这个工具是做什么的</h3><p data-v-3f47c5df> 用来<b data-v-3f47c5df>设计固定版式的工作票表单</b>：设计好一次「模板」，以后每次作业直接填写、打印不同的票。 </p><ul data-v-3f47c5df><li data-v-3f47c5df><b data-v-3f47c5df>模板</b>＝空的表单版式（有哪些格子、哪些输入框、标题写什么）。 </li><li data-v-3f47c5df><b data-v-3f47c5df>填写数据</b>＝某次作业填进输入框的具体内容（如「工作负责人：张三」）。 </li></ul><h3 data-v-3f47c5df>界面五大区域</h3><table data-v-3f47c5df><tbody data-v-3f47c5df><tr data-v-3f47c5df><th data-v-3f47c5df>顶部工具栏</th><td data-v-3f47c5df>新建、保存、预览、打印、导入导出</td></tr><tr data-v-3f47c5df><th data-v-3f47c5df>左侧栏</th><td data-v-3f47c5df>组件「零件库」＋ 整张表的结构树</td></tr><tr data-v-3f47c5df><th data-v-3f47c5df>中间画布</th><td data-v-3f47c5df> 纸张，在这里摆组件、看效果. <strong data-v-3f47c5df>按住空格键，拖拽可平移纸张</strong></td></tr><tr data-v-3f47c5df><th data-v-3f47c5df>右侧属性面板</th><td data-v-3f47c5df>选中某个东西后，在这里改它的设置</td></tr><tr data-v-3f47c5df><th data-v-3f47c5df>底部状态栏</th><td data-v-3f47c5df>共几页、有没有问题、会打印几张</td></tr></tbody></table><h3 data-v-3f47c5df>两个模式：设计 / 预览</h3><ul data-v-3f47c5df><li data-v-3f47c5df><b data-v-3f47c5df>设计态</b>（默认）：搭模板、改结构、调属性，可随意增删组件、拖动位置。 </li><li data-v-3f47c5df><b data-v-3f47c5df>预览态</b>：点「预览」进入（再点变「退出预览」），输入框<b data-v-3f47c5df>直接打字填写</b>，检查版式。刚进入时输入框是<b data-v-3f47c5df>空的</b>，内容靠填写或「导入数据 / 读取数据」载入。 </li></ul><p class="v2-help__tip" data-v-3f47c5df> 记不住就记住一句：<b data-v-3f47c5df>设计时搭架子，预览时填内容。</b></p><h3 data-v-3f47c5df>模板 与 填写数据（一定要分清）</h3><ul data-v-3f47c5df><li data-v-3f47c5df> 模板 → 工具栏「模板」组的 <b data-v-3f47c5df>保存模板 / 读取模板 / 导出文件 / 导入文件</b>。 </li><li data-v-3f47c5df> 填写数据 → 工具栏「填充数据」组的 <b data-v-3f47c5df>保存数据 / 读取数据 / 导入数据 / 导出数据</b>（这组不限预览态，随时都能点）。 </li></ul><p class="v2-help__tip" data-v-3f47c5df><b data-v-3f47c5df>导出数据 / 保存数据</b>随时可点：它们扫一遍画布上的输入框，把「字段 → 值」 采集出来（没配输入框时就是空对象）。导出<b data-v-3f47c5df>文件</b>与导出<b data-v-3f47c5df>数据</b>还会把同一份 JSON 打印到浏览器控制台，方便对接系统时直接复制。 </p><h3 data-v-3f47c5df>从零设计一张票（标准流程）</h3><ol data-v-3f47c5df><li data-v-3f47c5df><b data-v-3f47c5df>新建空白</b>：得到一张空纸。</li><li data-v-3f47c5df><b data-v-3f47c5df>搭大框</b>：从左侧「布局组件」拖一个<b data-v-3f47c5df>网格</b>到画布（按行列分成若干<b data-v-3f47c5df>格子</b>）。 </li><li data-v-3f47c5df><b data-v-3f47c5df>放内容</b>：把 文本 / 输入框 / 图片 / HTML 模块 拖进某个格子（或点组件按钮放进当前选中的格子）。 </li><li data-v-3f47c5df><b data-v-3f47c5df>改属性</b>：点画布上的组件，右侧面板修改设置。</li><li data-v-3f47c5df><b data-v-3f47c5df>保存 / 导出</b>：本机接着改用「保存模板 / 读取模板」；备份或发人用「导出文件 / 导入文件」（.json）。 </li></ol><p data-v-3f47c5df>左上角「● 未保存 / 已保存」：改了没保存会提示，关页面前记得保存。</p><h3 data-v-3f47c5df>组件说明（左侧零件库）</h3><table data-v-3f47c5df><tbody data-v-3f47c5df><tr data-v-3f47c5df><th data-v-3f47c5df>文本</th><td data-v-3f47c5df>固定不变的文字，不能填。用于标题、栏目标题、说明文字。</td></tr><tr data-v-3f47c5df><th data-v-3f47c5df>输入框</th><td data-v-3f47c5df>可填写的字段。凡作业时要手写的地方。</td></tr><tr data-v-3f47c5df><th data-v-3f47c5df>图片</th><td data-v-3f47c5df>图片占位框。用于盖章区、示意图、签名扫描件。</td></tr><tr data-v-3f47c5df><th data-v-3f47c5df>HTML 模块</th><td data-v-3f47c5df>自由排版的自定义块。不懂 HTML 不用管它。</td></tr><tr data-v-3f47c5df><th data-v-3f47c5df>网格</th><td data-v-3f47c5df>按行列划分的布局区，把票分成若干区块。</td></tr><tr data-v-3f47c5df><th data-v-3f47c5df>表格</th><td data-v-3f47c5df>多行多列的表。用于设备清单、措施列表等。</td></tr></tbody></table><p data-v-3f47c5df><b data-v-3f47c5df>右侧属性面板</b>（选中后显示）：页面＝纸张/边距/页眉页脚/分页；网格＝列数/边框/间距/行数；格子＝撑满/内边距/对齐；文本＝文字/字号/加粗/对齐；输入框＝字段名/输入方式/宽度/默认值/内边框；图片＝地址/填充方式/尺寸；表格＝行列数/边框。顶部会显示当前选中（如「格子 1-2」）。 </p><h3 data-v-3f47c5df>结构树（左侧下半部分）</h3><ul data-v-3f47c5df><li data-v-3f47c5df>把整张表从大到小列出：页面 → 网格 → 格子 → 组件。</li><li data-v-3f47c5df> 点树里的项＝选中它（比在画布上找小字方便）；反向也成立：点画布上的组件，树里会同步高亮并滚动到 它，折叠着的层级会自动展开。 </li><li data-v-3f47c5df> 「删除」删掉选中的组件（页面和格子不能删）；「折叠全部 / 展开全部」收起或展开整棵树。 </li></ul><h3 data-v-3f47c5df>填写与打印</h3><ul data-v-3f47c5df><li data-v-3f47c5df>点「预览」→ 在输入框直接打字 → 「保存数据 / 导出数据」留存。</li><li data-v-3f47c5df> 「打印」在预览态或设计态都能点，<b data-v-3f47c5df>自动按纸张分页</b>，方向由纸张尺寸决定（A4 竖打、A3 横打）。 </li><li data-v-3f47c5df> 打出来的<b data-v-3f47c5df>只有票面本身</b>：系统菜单、工具栏、页面其他区域都不会跟着打出来。 </li></ul><p data-v-3f47c5df> 没配置地址的图片：屏幕显示占位灰框方便选中编辑，<b data-v-3f47c5df>打印时不占位置</b>。 </p><p data-v-3f47c5df> 输入框默认的下划线（表示「这里可填写」）<b data-v-3f47c5df>打印时不显示</b>；只有勾选了「显示内部边框」的字段，逐行实线边框才会打印出来。 </p><h3 data-v-3f47c5df>快捷键（设计时可用）</h3><p data-v-3f47c5df>在输入框里打字时，快捷键让位给输入，不会触发下面的操作。</p><table data-v-3f47c5df><tbody data-v-3f47c5df><tr data-v-3f47c5df><th data-v-3f47c5df>Space 空格键</th><td data-v-3f47c5df>按住，拖拽可平移纸张</td></tr><tr data-v-3f47c5df><th data-v-3f47c5df>Ctrl/Cmd + Z</th><td data-v-3f47c5df>撤销</td></tr><tr data-v-3f47c5df><th data-v-3f47c5df>Ctrl/Cmd + Shift + Z 或 Ctrl/Cmd + Y</th><td data-v-3f47c5df>重做</td></tr><tr data-v-3f47c5df><th data-v-3f47c5df>Ctrl/Cmd + S</th><td data-v-3f47c5df>保存模板（本机）</td></tr><tr data-v-3f47c5df><th data-v-3f47c5df>Ctrl/Cmd + C / X / V</th><td data-v-3f47c5df>复制 / 剪切 / 粘贴选中的组件</td></tr><tr data-v-3f47c5df><th data-v-3f47c5df>Ctrl/Cmd + D</th><td data-v-3f47c5df>原地复制一份选中的组件</td></tr><tr data-v-3f47c5df><th data-v-3f47c5df>Delete / Backspace</th><td data-v-3f47c5df>删除选中的组件（仅设计态）</td></tr></tbody></table><h3 data-v-3f47c5df>常见问题</h3><p data-v-3f47c5df><b data-v-3f47c5df>拖了组件但放不进去？</b>先点一下网格里的空位选中某个格子，再拖或点组件按钮。组件必须落在格子里。 </p><p data-v-3f47c5df><b data-v-3f47c5df>预览里能改结构吗？</b>不能。点「退出预览」回设计态再改。</p><p data-v-3f47c5df><b data-v-3f47c5df>导出的文件是什么？</b>模板和填写数据都是 .json 文本备份，可导入还原、发给同事。 </p><p data-v-3f47c5df><b data-v-3f47c5df>怎么知道有没有排版问题？</b>看底部状态栏「待处理问题」数量，点右侧面板里的提示可跳到对应位置。 </p><h3 data-v-3f47c5df>术语速查</h3><table data-v-3f47c5df><tbody data-v-3f47c5df><tr data-v-3f47c5df><th data-v-3f47c5df>模板</th><td data-v-3f47c5df>空表单版式（设计一次，反复用）</td></tr><tr data-v-3f47c5df><th data-v-3f47c5df>填写数据</th><td data-v-3f47c5df>某次作业填进表里的具体内容</td></tr><tr data-v-3f47c5df><th data-v-3f47c5df>网格</th><td data-v-3f47c5df>按行列划分的布局容器</td></tr><tr data-v-3f47c5df><th data-v-3f47c5df>格子</th><td data-v-3f47c5df>网格里的小格，组件就放在里面</td></tr><tr data-v-3f47c5df><th data-v-3f47c5df>输入框 / 文本</th><td data-v-3f47c5df>可填写的字段 / 固定不可填的文字</td></tr><tr data-v-3f47c5df><th data-v-3f47c5df>设计态 / 预览态</th><td data-v-3f47c5df>搭模板改结构 / 像最终用户一样填写检查</td></tr><tr data-v-3f47c5df><th data-v-3f47c5df>分页</th><td data-v-3f47c5df>一页放不下时自动分到下一页</td></tr></tbody></table></div>', 1))
+      ])
+    ])) : K("", !0);
+  }
+}), vd = /* @__PURE__ */ ie(sd, [["__scopeId", "data-v-3f47c5df"]]), cd = "[ticket-designer] schema 配置 JSON", Kt = "ticket-designer-schema-v2", pd = 100, fd = 800;
+function dl() {
+  const e = Al(), u = _e();
+  return tl(e, u);
+}
+function gd(e, u = {}) {
+  const t = G(
+    e ? JSON.parse(JSON.stringify(e)) : dl()
+  ), a = G(!1), n = G([]), r = G([]), b = G(null);
+  let s = "", f = 0;
+  ve(
+    t,
+    () => {
+      a.value = !0;
+    },
+    { flush: "sync" }
+  );
+  function v(k, Y) {
+    const J = Date.now();
+    Y && Y === s && J - f < fd ? t.value = k : (n.value.push(t.value), n.value.length > pd && n.value.shift(), r.value = [], t.value = k, s = Y ?? ""), f = J;
+  }
+  function p(k) {
+    n.value = [], r.value = [], s = "", t.value = k, a.value = !1;
+  }
+  function g() {
+    const k = n.value.pop();
+    k && (r.value.push(t.value), t.value = k, s = "", a.value = !0);
+  }
+  function L() {
+    const k = r.value.pop();
+    k && (n.value.push(t.value), t.value = k, s = "", a.value = !0);
+  }
+  const A = P(() => n.value.length > 0), H = P(() => r.value.length > 0);
+  function U() {
+    try {
+      localStorage.setItem(
+        Kt,
+        el(t.value, !0)
+      ), a.value = !1;
+    } catch (k) {
+      alert(
+        `保存失败：${k instanceof Error ? k.message : String(k)}`
+      );
+    }
+  }
+  function q() {
+    var Y;
+    const k = localStorage.getItem(Kt);
+    if (!k) {
+      alert("本地没有已保存的模板");
+      return;
+    }
+    try {
+      p(Qe(k)), (Y = u.onReset) == null || Y.call(u);
+    } catch (J) {
+      alert(
+        `读取失败：${J instanceof Error ? J.message : String(J)}`
+      );
+    }
+  }
+  function j() {
+    try {
+      const k = ca(t.value);
+      console.log(cd, k), al(ll(sa), k);
+    } catch (k) {
+      alert(
+        `导出失败：${k instanceof Error ? k.message : String(k)}`
+      );
+    }
+  }
+  function te(k) {
+    var w;
+    const Y = k.target, J = (w = Y.files) == null ? void 0 : w[0];
+    if (!J) return;
+    const Z = new FileReader();
+    Z.onload = () => {
+      var y;
+      try {
+        p(Qe(String(Z.result))), (y = u.onReset) == null || y.call(u);
+      } catch (c) {
+        alert(
+          `导入失败：${c instanceof Error ? c.message : String(c)}`
+        );
+      } finally {
+        Y.value = "";
+      }
+    }, Z.onerror = () => {
+      alert("文件读取失败"), Y.value = "";
+    }, Z.readAsText(J);
+  }
+  function ee() {
+    var k;
+    (k = b.value) == null || k.click();
+  }
+  return {
+    schema: t,
+    dirty: a,
+    canUndo: A,
+    canRedo: H,
+    fileInput: b,
+    commit: v,
+    resetHistory: p,
+    undo: g,
+    redo: L,
+    saveToLocal: U,
+    loadFromLocal: q,
+    exportFile: j,
+    importFile: te,
+    triggerImport: ee
+  };
+}
+function Je(e) {
+  const u = e.trim();
+  if (u === "") return;
+  const t = Number(u);
+  return Number.isFinite(t) ? Math.max(0, t) : void 0;
+}
+function md(e) {
+  const { schema: u, commit: t } = e.document, {
+    selectedNodeId: a,
+    selectedNode: n,
+    selectionPathIds: r,
+    selectionPathIndex: b,
+    nodeIndex: s,
+    selectedCellContext: f,
+    selectedOwnerCell: v,
+    insertionSlot: p
+  } = e.selection;
+  function g(o) {
+    return o === "text" ? Xl() : o === "field" ? Zl() : o === "table" ? Ql() : o === "html" ? _l() : o === "grid" ? _e() : ea();
+  }
+  function L() {
+    if (!e.editable()) return;
+    const o = _e();
+    t(tl(u.value, o)), a.value = o.id, r.value = [u.value.pages[0].id, o.id], b.value = 1;
+  }
+  function A() {
+    e.editable() && (p.value ? H("grid") : L());
+  }
+  function H(o) {
+    if (!e.editable()) return;
+    const i = p.value;
+    if (!i) return;
+    const d = g(o);
+    t(be(u.value, i.id, d)), a.value = d.id;
+  }
+  function U() {
+    var o, i;
+    !a.value || ((o = n.value) == null ? void 0 : o.type) === "page" || ((i = n.value) == null ? void 0 : i.type) === "grid-cell" || (t(ql(u.value, a.value)), e.clearSelection());
+  }
+  let q = null, j = null;
+  function te() {
+    const o = n.value;
+    return o && o.type !== "page" && o.type !== "grid-cell" ? o : null;
+  }
+  function ee(o) {
+    var B;
+    const i = n.value;
+    if ((i == null ? void 0 : i.type) === "grid-cell") {
+      t(be(u.value, i.id, o)), a.value = o.id;
+      return;
+    }
+    const d = v.value;
+    if (i && d) {
+      const Q = d.children.findIndex((se) => se.id === a.value), ne = Q >= 0 ? Q + 1 : d.children.length, pe = be(u.value, d.id, o);
+      t(Ut(pe, o.id, d.id, ne)), a.value = o.id;
+      return;
+    }
+    const C = p.value;
+    if (C && (C.type === "grid-cell" || C.type === "table-cell-template")) {
+      t(be(u.value, C.id, o)), a.value = o.id;
+      return;
+    }
+    if (j) {
+      const Q = (B = s.value.get(j)) == null ? void 0 : B.node;
+      if (Q && Q.type === "grid-cell") {
+        t(be(u.value, Q.id, o)), a.value = o.id;
+        return;
+      }
+    }
+  }
+  function k() {
+    var i;
+    if (!e.editable()) return;
+    const o = te();
+    o && (q = Fe(o), j = ((i = v.value) == null ? void 0 : i.id) ?? null);
+  }
+  function Y() {
+    var i;
+    if (!e.editable()) return;
+    const o = te();
+    o && (q = Fe(o), j = ((i = v.value) == null ? void 0 : i.id) ?? null, U());
+  }
+  function J() {
+    e.editable() && q && ee(Fe(q));
+  }
+  function Z() {
+    if (!e.editable()) return;
+    const o = te();
+    o && ee(Fe(o));
+  }
+  function w() {
+    var B;
+    const o = a.value, i = f.value;
+    if (!o || !i || !i.hasNextSibling) return;
+    const d = (B = s.value.get(o)) == null ? void 0 : B.parent;
+    if (!d) return;
+    const C = d.cells[i.columnIndex + 1].id;
+    t(Kl(u.value, o, C), `merge:${o}`), a.value = o;
+  }
+  function y() {
+    const o = a.value, i = f.value;
+    !o || !i || !i.canSplit || (t(Jl(u.value, o), `split:${o}`), a.value = o);
+  }
+  function c(o) {
+    a.value = o;
+  }
+  function h(o) {
+    const i = Ut(u.value, o.moveId, o.cellId, o.index);
+    i !== u.value && (t(i, "move:" + o.moveId), a.value = o.moveId);
+  }
+  function m(o) {
+    var C;
+    const i = (C = s.value.get(o.cellId)) == null ? void 0 : C.node;
+    if (!i || i.type !== "grid-cell" && i.type !== "table-cell-template") return;
+    const d = g(o.kind);
+    t(be(u.value, o.cellId, d)), a.value = d.id;
+  }
+  function S(o, i) {
+    a.value && t(Yl(u.value, a.value, o), i);
+  }
+  function F(o) {
+    const i = o.target.value;
+    S(
+      (d) => d.type === "text" ? { ...d, text: i } : d,
+      a.value ? `edit:${a.value}` : void 0
+    );
+  }
+  function E(o) {
+    const i = o.target.value;
+    S(
+      (d) => d.type === "p" && d.mode === "field" ? { ...d, field: i } : d,
+      a.value ? `edit:${a.value}` : void 0
+    );
+  }
+  function N(o) {
+    const i = o.target.value;
+    S(
+      (d) => d.type === "p" && d.mode === "field" ? { ...d, prefix: i || void 0 } : d,
+      a.value ? `edit:${a.value}` : void 0
+    );
+  }
+  function z(o) {
+    const i = o.target.value;
+    S(
+      (d) => d.type === "p" && d.mode === "field" ? { ...d, suffix: i || void 0 } : d,
+      a.value ? `edit:${a.value}` : void 0
+    );
+  }
+  function O(o) {
+    const i = o.target.value;
+    S(
+      (d) => d.type === "p" && d.mode === "field" ? { ...d, width: i.trim() || void 0 } : d,
+      a.value ? `edit:${a.value}` : void 0
+    );
+  }
+  function ce(o) {
+    const i = o.target.value;
+    S(
+      (d) => d.type === "p" && d.mode === "field" ? { ...d, default: i || void 0 } : d,
+      a.value ? `edit:${a.value}` : void 0
+    );
+  }
+  function Ee(o) {
+    const i = o.target.checked;
+    S(
+      (d) => d.type === "p" && d.mode === "field" ? { ...d, innerBorder: i || void 0 } : d,
+      a.value ? `edit:${a.value}` : void 0
+    );
+  }
+  function ae(o) {
+    const i = o.target.value;
+    S(
+      (d) => d.type === "p" && d.mode === "field" ? { ...d, action: i || void 0 } : d,
+      a.value ? `action:${a.value}` : void 0
+    );
+  }
+  function Ae(o) {
+    const i = o.target.value.trim();
+    S(
+      (d) => {
+        if (d.type !== "p" || d.mode !== "field") return d;
+        const C = { ...d.actionParams ?? {} };
+        return i ? C.format = i : delete C.format, {
+          ...d,
+          actionParams: Object.keys(C).length ? C : void 0
+        };
+      },
+      a.value ? `actionParams:${a.value}` : void 0
+    );
+  }
+  function He(o) {
+    var i;
+    ((i = n.value) == null ? void 0 : i.type) === "grid" && t(
+      jl(
+        u.value,
+        n.value.id,
+        o.target.value
+      )
+    );
+  }
+  function Ce(o) {
+    var i;
+    ((i = n.value) == null ? void 0 : i.type) === "table" && t(
+      Ul(
+        u.value,
+        n.value.id,
+        o.target.value
+      )
+    );
+  }
+  function at(o) {
+    var ne, pe;
+    if (((ne = n.value) == null ? void 0 : ne.type) !== "grid") return;
+    const i = o.target, d = Math.floor(Number(i.value));
+    if (!Number.isInteger(d) || d < 1) return;
+    const C = d, B = i.dataset.dimension === "rows" ? C : n.value.rows.length, Q = i.dataset.dimension === "columns" ? C : ((pe = n.value.rows[0]) == null ? void 0 : pe.cells.length) ?? 1;
+    t(Wl(u.value, n.value.id, B, Q));
+  }
+  function Re(o) {
+    var i;
+    ((i = n.value) == null ? void 0 : i.type) === "table" && t(
+      Ol(
+        u.value,
+        n.value.id,
+        Number(o.target.value)
+      )
+    );
+  }
+  function Le() {
+    var o;
+    ((o = n.value) == null ? void 0 : o.type) === "table" && t(zl(u.value, n.value.id));
+  }
+  function we(o) {
+    var i;
+    ((i = n.value) == null ? void 0 : i.type) === "table" && t(Gl(u.value, n.value.id, o));
+  }
+  function Me(o, i) {
+    var C;
+    if (((C = n.value) == null ? void 0 : C.type) !== "table") return;
+    const d = i.target.value.trim();
+    !d || d === o || t(Vl(u.value, n.value.id, o, d));
+  }
+  function Be(o, i, d) {
+    var Q;
+    if (((Q = n.value) == null ? void 0 : Q.type) !== "table") return;
+    const C = d.target;
+    if (i === "width") {
+      const ne = Ie(C.value);
+      if (ne === "INVALID") return;
+      t(
+        Wt(u.value, n.value.id, o, { width: ne }),
+        `tblcol:${o}:width`
+      );
+      return;
+    }
+    const B = { [i]: C.value || void 0 };
+    t(
+      Wt(u.value, n.value.id, o, B),
+      `tblcol:${o}:${i}`
+    );
+  }
+  function Se(o) {
+    var i;
+    ((i = n.value) == null ? void 0 : i.type) === "table" && S(
+      (d) => d.type === "table" ? { ...d, headerStyle: { ...d.headerStyle, ...o } } : d,
+      a.value ? `tablehdr:${a.value}` : void 0
+    );
+  }
+  function Ve(o) {
+    const i = o.target.value, d = Number(i);
+    Se({ fontSize: Number.isFinite(d) && d > 0 ? d : void 0 });
+  }
+  function nt(o) {
+    const i = o.target.value;
+    Se({
+      fontWeight: i || void 0
+    });
+  }
+  function ot(o) {
+    const i = o.target.value;
+    Se({
+      align: i || void 0
+    });
+  }
+  function Ie(o) {
+    const i = o.trim().toLowerCase();
+    if (i === "") return "1fr";
+    if (i === "auto") return "auto";
+    if (/^\d+(\.\d+)?fr$/.test(i)) return i;
+    const d = i.match(/^(\d+(?:\.\d+)?)\s*mm$/);
+    if (d) {
+      const B = Number(d[1]);
+      return Number.isFinite(B) && B > 0 ? B : "INVALID";
+    }
+    const C = Number(i);
+    return Number.isFinite(C) && C > 0 ? C : "INVALID";
+  }
+  function Ge(o, i) {
+    var C;
+    if (((C = n.value) == null ? void 0 : C.type) !== "grid") return;
+    const d = Ie(i.target.value);
+    d !== "INVALID" && t(
+      Bl(u.value, n.value.id, o, d),
+      `col:${n.value.id}:${o}`
+    );
+  }
+  function ze(o, i) {
+    var Q;
+    if (((Q = n.value) == null ? void 0 : Q.type) !== "grid") return;
+    const C = i.target.value, B = o === "cellPadding" ? { cellPadding: Je(C) } : { [o]: C === "" ? void 0 : C };
+    t(Ml(u.value, n.value.id, B), `gridcell:${o}`);
+  }
+  function it(o) {
+    var C;
+    if (((C = n.value) == null ? void 0 : C.type) !== "grid") return;
+    const i = o.target.value, d = Je(i);
+    t(Ll(u.value, n.value.id, d), "gridgap");
+  }
+  function dt(o) {
+    const i = o.target.value, d = Je(i);
+    S(
+      (C) => C.type === "grid-cell" ? { ...C, padding: d } : C,
+      a.value ? `cellpad:${a.value}` : void 0
+    );
+  }
+  function ut(o) {
+    const i = o.target.value;
+    S(
+      (d) => d.type === "grid-cell" ? { ...d, align: i || void 0 } : d,
+      a.value ? `cellalign:${a.value}` : void 0
+    );
+  }
+  function rt(o) {
+    const i = o.target.value;
+    S(
+      (d) => d.type === "grid-cell" ? {
+        ...d,
+        verticalAlign: i || void 0
+      } : d,
+      a.value ? `cellvalign:${a.value}` : void 0
+    );
+  }
+  function st(o) {
+    const i = o.target.checked;
+    S(
+      (d) => d.type === "grid-cell" ? { ...d, flex: i || void 0 } : d,
+      a.value ? `cellflex:${a.value}` : void 0
+    );
+  }
+  function vt(o) {
+    const i = o.target.value, d = Number(i), C = Number.isFinite(d) && d > 0 ? Math.floor(d) : void 0;
+    S(
+      (B) => B.type === "grid-cell" ? { ...B, rowHeight: C } : B,
+      a.value ? `cellrowh:${a.value}` : void 0
+    );
+  }
+  function de(o) {
+    S(
+      (i) => i.type === "p" || i.type === "text" ? { ...i, style: { ...i.style, ...o } } : i,
+      a.value ? `style:${a.value}` : void 0
+    );
+  }
+  function ct(o) {
+    const i = o.target.value, d = Number(i);
+    de({
+      fontSize: Number.isFinite(d) && d > 0 ? Math.floor(d) : void 0
+    });
+  }
+  function pt(o) {
+    const i = Number(o.target.value);
+    de({
+      lineHeight: Number.isFinite(i) && i > 0 ? i : void 0
+    });
+  }
+  function ft(o) {
+    const i = o.target.value;
+    de({
+      fontWeight: i || void 0
+    });
+  }
+  function gt(o) {
+    const i = o.target.value;
+    de({ color: i || void 0 });
+  }
+  function mt(o) {
+    const i = o.target.value;
+    de({ fontFamily: i || void 0 });
+  }
+  function bt(o) {
+    const i = o.target.value;
+    de({
+      align: i || void 0
+    });
+  }
+  function ht(o) {
+    const i = o.target.value;
+    de({
+      verticalAlign: i || void 0
+    });
+  }
+  function yt(o) {
+    const i = o.target.value;
+    S(
+      (d) => d.type === "html" ? { ...d, html: i } : d,
+      a.value ? `html:${a.value}` : void 0
+    );
+  }
+  function St(o) {
+    const i = o.target.value;
+    S(
+      (d) => d.type === "html" ? { ...d, css: i || void 0 } : d,
+      a.value ? `css:${a.value}` : void 0
+    );
+  }
+  function $t(o) {
+    const i = o.target.value;
+    S(
+      (d) => d.type === "image" ? { ...d, src: i || void 0 } : d,
+      a.value ? `imgsrc:${a.value}` : void 0
+    );
+  }
+  function Ct(o) {
+    const i = o.target.value;
+    S(
+      (d) => d.type === "image" ? { ...d, field: i || void 0 } : d,
+      a.value ? `imgfield:${a.value}` : void 0
+    );
+  }
+  function wt(o, i) {
+    const d = Number(i.target.value);
+    S(
+      (C) => C.type === "image" ? { ...C, [o]: Number.isFinite(d) && d > 0 ? d : void 0 } : C,
+      a.value ? `imgsize:${a.value}` : void 0
+    );
+  }
+  function It(o) {
+    const i = o.target.value;
+    S(
+      (d) => d.type === "image" ? { ...d, objectFit: i } : d,
+      a.value ? `imgfit:${a.value}` : void 0
+    );
+  }
+  function xt(o) {
+    const i = Number(o.target.value);
+    !Number.isFinite(i) || i < 1 || t(Rl(u.value, Math.floor(i)));
+  }
+  function Tt(o) {
+    const i = o.target.value;
+    t(Hl(u.value, { size: i }));
+  }
+  const kt = P(
+    () => {
+      var o;
+      return ((o = u.value.pages[0]) == null ? void 0 : o.margin.top) ?? 12;
+    }
+  ), Ft = P(
+    () => {
+      var o;
+      return ((o = u.value.pages[0]) == null ? void 0 : o.margin.right) ?? 12;
+    }
+  ), Dt = P(
+    () => {
+      var o;
+      return ((o = u.value.pages[0]) == null ? void 0 : o.margin.bottom) ?? 12;
+    }
+  ), Nt = P(
+    () => {
+      var o;
+      return ((o = u.value.pages[0]) == null ? void 0 : o.margin.left) ?? 12;
+    }
+  );
+  function Pt(o, i) {
+    const d = Number(i.target.value);
+    if (!Number.isFinite(d)) return;
+    const C = Math.max(0, Math.floor(d));
+    t({
+      ...u.value,
+      pages: u.value.pages.map((B) => ({
+        ...B,
+        margin: { ...B.margin, [o]: C }
+      }))
+    });
+  }
+  function Oe(o) {
+    function i() {
+      const R = u.value.paper;
+      return o === "header" ? R == null ? void 0 : R.header : R == null ? void 0 : R.footer;
+    }
+    function d(R) {
+      const W = u.value.paper;
+      t({
+        ...u.value,
+        paper: o === "header" ? { ...W, header: R } : { ...W, footer: R }
+      });
+    }
+    function C(R) {
+      d({ ...i() ?? {}, ...R });
+    }
+    function B(R, W) {
+      var Te;
+      const fe = W.target.value, xe = ((Te = i()) == null ? void 0 : Te.content) ?? {};
+      C({ content: { ...xe, [R]: fe || void 0 } });
+    }
+    function Q(R) {
+      C({ enabled: R.target.checked });
+    }
+    function ne(R) {
+      const W = Number(R.target.value);
+      C({ height: Number.isFinite(W) && W > 0 ? W : void 0 });
+    }
+    function pe(R) {
+      C({ separator: R.target.checked });
+    }
+    function se(R) {
+      var fe;
+      const W = ((fe = i()) == null ? void 0 : fe.style) ?? {};
+      C({ style: { ...W, ...R } });
+    }
+    function We(R) {
+      const W = Number(R.target.value);
+      se({ fontSize: Number.isFinite(W) && W > 0 ? W : void 0 });
+    }
+    function Ue(R) {
+      const W = R.target.value;
+      se({ fontWeight: W === "bold" || W === "normal" ? W : void 0 });
+    }
+    function je(R) {
+      const W = R.target.value;
+      se({ color: W || void 0 });
+    }
+    return { patch: C, content: B, enabled: Q, height: ne, separator: pe, style: se, fontSize: We, fontWeight: Ue, color: je };
+  }
+  const ue = Oe("header"), re = Oe("footer");
+  return {
+    addRootGrid: L,
+    addGrid: A,
+    addNodeToSelectedCell: H,
+    removeSelectedNode: U,
+    copySelected: k,
+    cutSelected: Y,
+    pasteClipboard: J,
+    duplicateSelected: Z,
+    mergeSelectedCellRight: w,
+    splitSelectedCell: y,
+    onCanvasNodeDragStart: c,
+    onDropNode: h,
+    onDropPalette: m,
+    updateSelectedNode: S,
+    updateSelectedText: F,
+    updateSelectedField: E,
+    updateSelectedPrefix: N,
+    updateSelectedSuffix: z,
+    updateSelectedWidth: O,
+    updateSelectedDefault: ce,
+    updateSelectedInnerBorder: Ee,
+    updateSelectedAction: ae,
+    updateSelectedDateFormat: Ae,
+    updateGridBorder: He,
+    updateTableBorder: Ce,
+    updateGridDimensions: at,
+    updateTableRows: Re,
+    addTableColumn: Le,
+    removeTableColumn: we,
+    renameTableColumnKey: Me,
+    updateTableColumn: Be,
+    updateTableHeaderFontSize: Ve,
+    updateTableHeaderFontWeight: nt,
+    updateTableHeaderAlign: ot,
+    updateGridColumnWidth: Ge,
+    updateGridCellDefault: ze,
+    updateGridGap: it,
+    updateSelectedCellPadding: dt,
+    updateSelectedCellAlign: ut,
+    updateSelectedCellVerticalAlign: rt,
+    updateSelectedCellFlex: st,
+    updateSelectedCellRowHeight: vt,
+    updateSelectedTextStyle: de,
+    updateSelectedFontSize: ct,
+    updateSelectedLineHeight: pt,
+    updateSelectedFontWeight: ft,
+    updateSelectedColor: gt,
+    updateSelectedFontFamily: mt,
+    updateSelectedAlign: bt,
+    updateSelectedVerticalAlign: ht,
+    updateSelectedHtml: yt,
+    updateSelectedCss: St,
+    updateSelectedImageSrc: $t,
+    updateSelectedImageField: Ct,
+    updateSelectedImageSize: wt,
+    updateSelectedImageFit: It,
+    updateBaseRowHeight: xt,
+    updatePaperSize: Tt,
+    paperMarginTop: kt,
+    paperMarginRight: Ft,
+    paperMarginBottom: Dt,
+    paperMarginLeft: Nt,
+    updatePaperMarginSide: Pt,
+    updatePaperHeader: ue.patch,
+    updatePaperHeaderContent: ue.content,
+    updatePaperHeaderEnabled: ue.enabled,
+    updatePaperHeaderHeight: ue.height,
+    updatePaperHeaderSeparator: ue.separator,
+    updatePaperHeaderFontSize: ue.fontSize,
+    updatePaperHeaderFontWeight: ue.fontWeight,
+    updatePaperHeaderColor: ue.color,
+    updatePaperFooter: re.patch,
+    updatePaperFooterContent: re.content,
+    updatePaperFooterEnabled: re.enabled,
+    updatePaperFooterHeight: re.height,
+    updatePaperFooterSeparator: re.separator,
+    updatePaperFooterFontSize: re.fontSize,
+    updatePaperFooterFontWeight: re.fontWeight,
+    updatePaperFooterColor: re.color
+  };
+}
+const qt = "ticket-designer-fill-data-v2", bd = "[ticket-designer] 表单数据 JSON";
+function hd(e) {
+  const u = xl({
+    value: null
+  }), t = P(() => u.value), a = G(null);
+  function n(v) {
+    var A;
+    const p = v.target, g = (A = p.files) == null ? void 0 : A[0];
+    if (!g) return;
+    const L = new FileReader();
+    L.onload = () => {
+      try {
+        const H = JSON.parse(String(L.result));
+        e.enterPreview(H);
+      } catch (H) {
+        alert(
+          `导入数据失败：${H instanceof Error ? H.message : String(H)}`
+        );
+      } finally {
+        p.value = "";
+      }
+    }, L.onerror = () => {
+      alert("数据文件读取失败"), p.value = "";
+    }, L.readAsText(g);
+  }
+  function r() {
+    var v;
+    (v = a.value) == null || v.click();
+  }
+  function b() {
+    try {
+      const v = et(e.canvasEl.value, {
+        maskHidden: !0
+      }), p = jt(v);
+      console.log(bd, p), al(ll(va), p);
+    } catch (v) {
+      alert(
+        `导出数据失败：${v instanceof Error ? v.message : String(v)}`
+      );
+    }
+  }
+  function s() {
+    try {
+      localStorage.setItem(
+        qt,
+        // 本机「保存数据」：脱敏字段（HIDDEN）从 previewFormData 回源真实值，保存→读取不丢数据
+        jt(
+          et(e.canvasEl.value, {
+            baseData: u.value
+          })
+        )
+      );
+    } catch (v) {
+      alert(
+        `保存数据失败：${v instanceof Error ? v.message : String(v)}`
+      );
+    }
+  }
+  function f() {
+    const v = localStorage.getItem(qt);
+    if (!v) {
+      alert("本地没有已保存的填写数据");
+      return;
+    }
+    try {
+      e.enterPreview(JSON.parse(v));
+    } catch (p) {
+      alert(
+        `读取数据失败：${p instanceof Error ? p.message : String(p)}`
+      );
+    }
+  }
+  return {
+    previewFormData: u,
+    previewData: t,
+    fillDataFileInput: a,
+    importFillDataFile: n,
+    triggerImportFillData: r,
+    exportFillDataFile: b,
+    saveFillDataToLocal: s,
+    loadFillDataFromLocal: f
+  };
+}
+const yd = { class: "v2-designer" }, Sd = { class: "v2-designer__body" }, Xt = "ticket-designer-help-seen-v1", $d = /* @__PURE__ */ X({
+  __name: "FormDesigner",
+  props: {
+    initialSchema: {},
+    samples: {},
+    uiConfig: {}
+  },
+  setup(e, { expose: u }) {
+    const t = e;
+    ve(
+      () => {
+        var T;
+        return (T = t.uiConfig) == null ? void 0 : T.locale;
+      },
+      (T) => ta(T ?? ia),
+      { immediate: !0 }
+    );
+    const a = G("design"), n = P(() => a.value !== "design"), r = P(() => !n.value), b = G(!0);
+    function s() {
+      try {
+        return localStorage.getItem(Xt) !== null;
+      } catch {
+        return !1;
+      }
+    }
+    function f() {
+      v.value = !1;
+      try {
+        localStorage.setItem(Xt, "1");
+      } catch {
+      }
+    }
+    const v = G(!s()), p = G(null);
+    let g = () => {
+    };
+    const L = gd(t.initialSchema, {
+      onReset: () => g()
+    }), {
+      schema: A,
+      dirty: H,
+      canUndo: U,
+      canRedo: q,
+      fileInput: j,
+      commit: te,
+      resetHistory: ee,
+      saveToLocal: k,
+      loadFromLocal: Y,
+      exportFile: J,
+      importFile: Z,
+      triggerImport: w
+    } = L, y = cn(A, { editable: () => r.value }), {
+      selectedNodeId: c,
+      selectedNode: h,
+      selectedNodeType: m,
+      selectedCellContext: S,
+      selectedCellBox: F,
+      nodeTree: E,
+      clearSelection: N,
+      selectNode: z,
+      selectNodeById: O,
+      selectIssue: ce
+    } = y;
+    g = N;
+    const Ee = P(
+      () => {
+        var T, V;
+        return r.value && c.value !== null && ((T = h.value) == null ? void 0 : T.type) !== "page" && ((V = h.value) == null ? void 0 : V.type) !== "grid-cell";
+      }
+    ), ae = {
+      token: G(0),
+      target: G(!0),
+      focusId: G(null),
+      focusToken: G(0)
+    };
+    Tl(nl, ae);
+    function Ae() {
+      ae.target.value = !1, ae.focusId.value = null, ae.token.value++;
+    }
+    function He() {
+      ae.target.value = !0, ae.focusId.value = null, ae.token.value++;
+    }
+    ve(
+      c,
+      (T) => {
+        ae.focusId.value = T, T && ae.focusToken.value++;
+      },
+      { flush: "sync" }
+    );
+    const Ce = md({
+      document: L,
+      selection: y,
+      editable: () => r.value,
+      clearSelection: N
+    }), {
+      addRootGrid: at,
+      addGrid: Re,
+      addNodeToSelectedCell: Le,
+      removeSelectedNode: we,
+      copySelected: Me,
+      cutSelected: Be,
+      pasteClipboard: Se,
+      duplicateSelected: Ve,
+      mergeSelectedCellRight: nt,
+      splitSelectedCell: ot,
+      onCanvasNodeDragStart: Ie,
+      onDropNode: Ge,
+      onDropPalette: ze,
+      updateSelectedText: it,
+      updateSelectedField: dt,
+      updateSelectedPrefix: ut,
+      updateSelectedSuffix: rt,
+      updateSelectedWidth: st,
+      updateSelectedDefault: vt,
+      updateSelectedInnerBorder: de,
+      updateSelectedAction: ct,
+      updateGridBorder: pt,
+      updateTableBorder: ft,
+      updateGridDimensions: gt,
+      updateTableRows: mt,
+      addTableColumn: bt,
+      removeTableColumn: ht,
+      renameTableColumnKey: yt,
+      updateTableColumn: St,
+      updateGridColumnWidth: $t,
+      updateGridCellDefault: Ct,
+      updateGridGap: wt,
+      updateSelectedCellPadding: It,
+      updateSelectedCellAlign: xt,
+      updateSelectedCellVerticalAlign: Tt,
+      updateSelectedCellRowHeight: kt,
+      updateSelectedFontSize: Ft,
+      updateSelectedLineHeight: Dt,
+      updateSelectedFontWeight: Nt,
+      updateSelectedColor: Pt,
+      updateSelectedFontFamily: Oe,
+      updateSelectedAlign: ue,
+      updateSelectedVerticalAlign: re,
+      updateSelectedHtml: o,
+      updateSelectedCss: i,
+      updateSelectedImageSrc: d,
+      updateSelectedImageField: C,
+      updateSelectedImageSize: B,
+      updateSelectedImageFit: Q,
+      updateBaseRowHeight: ne,
+      updatePaperSize: pe,
+      paperMarginTop: se,
+      paperMarginRight: We,
+      paperMarginBottom: Ue,
+      paperMarginLeft: je,
+      updatePaperMarginSide: R
+    } = Ce, W = hd({
+      canvasEl: p,
+      enterPreview: (T) => Ht(T)
+    }), {
+      previewFormData: fe,
+      previewData: xe,
+      fillDataFileInput: Te,
+      importFillDataFile: Et,
+      triggerImportFillData: ul,
+      exportFillDataFile: At,
+      saveFillDataToLocal: rl,
+      loadFillDataFromLocal: sl
+    } = W;
+    function Ht(T) {
+      fe.value = T, a.value = "preview", N();
+    }
+    function vl(T) {
+      if (a.value === T) {
+        a.value = "design", fe.value = null;
+        return;
+      }
+      Ht({});
+    }
+    function Rt() {
+      L.undo(), N();
+    }
+    function Lt() {
+      L.redo(), N();
+    }
+    function Mt() {
+      oa({ root: p.value });
+    }
+    function cl(T) {
+      ee(T.loadSchema()), N();
+    }
+    function Bt() {
+      ee(dl()), N();
+    }
+    function pl(T, V) {
+      var M;
+      r.value && ((M = V.dataTransfer) == null || M.setData(Ze, T), V.dataTransfer && (V.dataTransfer.effectAllowed = "copy"));
+    }
+    const Vt = P(() => la(A.value)), fl = P(() => Vt.value.length), Gt = P(
+      () => aa(A.value, { data: xe.value })
+    );
+    function gl(T) {
+      const V = T.target;
+      if (!V) return !1;
+      const M = V.tagName;
+      return M === "INPUT" || M === "TEXTAREA" || M === "SELECT" || V.isContentEditable;
+    }
+    function zt(T) {
+      if (gl(T)) return;
+      const V = T.ctrlKey || T.metaKey, M = T.key.toLowerCase();
+      if (V) {
+        M === "z" && !T.shiftKey ? (T.preventDefault(), Rt()) : M === "z" && T.shiftKey || M === "y" ? (T.preventDefault(), Lt()) : M === "s" ? (T.preventDefault(), k()) : M === "c" ? (T.preventDefault(), Me()) : M === "x" ? (T.preventDefault(), Be()) : M === "v" ? (T.preventDefault(), Se()) : M === "d" && (T.preventDefault(), Ve());
+        return;
+      }
+      (M === "delete" || M === "backspace") && r.value && (T.preventDefault(), we());
+    }
+    function Ot(T) {
+      H.value && (T.preventDefault(), T.returnValue = "");
+    }
+    Zt(() => {
+      A.value.pages.length > 0 && O(A.value.pages[0].id), window.addEventListener("keydown", zt), window.addEventListener("beforeunload", Ot);
+    }), tt(() => {
+      window.removeEventListener("keydown", zt), window.removeEventListener("beforeunload", Ot);
+    });
+    function ml() {
+      return JSON.parse(JSON.stringify(A.value));
+    }
+    function bl(T) {
+      return et(p.value, {
+        maskHidden: !0,
+        ...T
+      });
+    }
+    function hl(T) {
+      ee(pa(T)), N();
+    }
+    function yl() {
+      J();
+    }
+    return u({
+      getSchema: ml,
+      getFormData: bl,
+      setSchema: hl,
+      exportSchemaFile: yl,
+      // 「导出数据」与工具栏同一实现（`useFillData.exportFillDataFile`，含 console 打印）
+      exportFillDataFile: At,
+      print: Mt,
+      resetBlank: Bt
+    }), (T, V) => ($(), I("div", yd, [
+      le(za, {
+        samples: e.samples,
+        dirty: x(H),
+        "can-undo": x(U),
+        "can-redo": x(q),
+        "preview-mode": n.value,
+        "ui-config": e.uiConfig,
+        onResetBlank: Bt,
+        onLoadSample: cl,
+        onUndo: Rt,
+        onRedo: Lt,
+        onSaveTemplate: x(k),
+        onLoadTemplate: x(Y),
+        onExportTemplate: x(J),
+        onImportTemplate: x(w),
+        onImportFillData: x(ul),
+        onExportFillData: x(At),
+        onLoadFillData: x(sl),
+        onSaveFillData: x(rl),
+        onTogglePreview: V[0] || (V[0] = (M) => vl("preview")),
+        onPrint: Mt,
+        onHelp: V[1] || (V[1] = (M) => v.value = !0)
+      }, null, 8, ["samples", "dirty", "can-undo", "can-redo", "preview-mode", "ui-config", "onSaveTemplate", "onLoadTemplate", "onExportTemplate", "onImportTemplate", "onImportFillData", "onExportFillData", "onLoadFillData", "onSaveFillData"]),
+      l("div", Sd, [
+        le(un, {
+          editable: r.value,
+          "can-remove": Ee.value,
+          "node-tree": x(E),
+          "selected-node-id": x(c),
+          onAddNode: x(Le),
+          onAddGrid: x(Re),
+          onPaletteDrag: pl,
+          onSelect: x(O),
+          onRemoveSelected: x(we),
+          onCollapseAll: Ae,
+          onExpandAll: He
+        }, null, 8, ["editable", "can-remove", "node-tree", "selected-node-id", "onAddNode", "onAddGrid", "onSelect", "onRemoveSelected"]),
+        l("main", {
+          ref_key: "canvasEl",
+          ref: p,
+          class: me(["v2-canvas", { "v2-canvas--preview": n.value }]),
+          onClick: V[2] || (V[2] = //@ts-ignore
+          (...M) => x(z) && x(z)(...M))
+        }, [
+          le(na, { "fit-on-mount": !1 }, {
+            default: kl(() => [
+              le(ua, {
+                schema: x(A),
+                mode: n.value ? "preview" : "design",
+                "selected-node-id": n.value ? null : x(c),
+                data: x(xe),
+                readonly: !1,
+                bare: !0,
+                paginate: n.value || b.value,
+                onNodeDragStart: x(Ie),
+                onDropNode: x(Ge),
+                onDropPalette: x(ze)
+              }, null, 8, ["schema", "mode", "selected-node-id", "data", "paginate", "onNodeDragStart", "onDropNode", "onDropPalette"])
+            ]),
+            _: 1
+          })
+        ], 2),
+        le(dd, {
+          paginate: b.value,
+          "onUpdate:paginate": V[3] || (V[3] = (M) => b.value = M),
+          node: x(h),
+          "node-id": x(c),
+          "node-type": x(m),
+          "cell-context": x(S),
+          "cell-box": x(F),
+          issues: Vt.value,
+          api: x(Ce),
+          "paper-size": x(A).paper.size,
+          "base-row-height": x(A).baseRowHeight,
+          "paper-margin-top": x(se),
+          "paper-margin-right": x(We),
+          "paper-margin-bottom": x(Ue),
+          "paper-margin-left": x(je),
+          header: x(A).paper.header,
+          footer: x(A).paper.footer,
+          onSelectIssue: x(ce)
+        }, null, 8, ["paginate", "node", "node-id", "node-type", "cell-context", "cell-box", "issues", "api", "paper-size", "base-row-height", "paper-margin-top", "paper-margin-right", "paper-margin-bottom", "paper-margin-left", "header", "footer", "onSelectIssue"])
+      ]),
+      le(Sa, {
+        "page-count": x(A).pages.length,
+        "warning-count": fl.value,
+        "physical-page-count": Gt.value.pages.length,
+        "paginate-warning-count": Gt.value.warnings.length
+      }, null, 8, ["page-count", "warning-count", "physical-page-count", "paginate-warning-count"]),
+      l("input", {
+        ref_key: "fileInput",
+        ref: j,
+        type: "file",
+        accept: ".json,application/json",
+        class: "v2-toolbar__file",
+        onChange: V[4] || (V[4] = //@ts-ignore
+        (...M) => x(Z) && x(Z)(...M))
+      }, null, 544),
+      l("input", {
+        ref_key: "fillDataFileInput",
+        ref: Te,
+        type: "file",
+        accept: ".json,application/json",
+        class: "v2-toolbar__file",
+        onChange: V[5] || (V[5] = //@ts-ignore
+        (...M) => x(Et) && x(Et)(...M))
+      }, null, 544),
+      le(vd, {
+        open: v.value,
+        onClose: f
+      }, null, 8, ["open"])
+    ]));
+  }
+}), Id = /* @__PURE__ */ ie($d, [["__scopeId", "data-v-c31c7c34"]]);
+export {
+  va as F,
+  ra as J,
+  sa as S,
+  Id as a,
+  dl as b,
+  et as c,
+  $a as d,
+  al as e,
+  ll as f,
+  ca as g,
+  pa as n,
+  Ca as r,
+  jt as s
+};