@cluadwong/form-designer 0.2.0 → 0.3.1

package/dist/chunks/designer-ui.js

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