@opentiny/tiny-engine-setting-events 2.6.1 → 2.7.0-alpha.1

package/dist/index.js

@@ -1,35 +1,955 @@
 import "./style.css";
-import { ref as K, reactive as Y, provide as Ve, resolveComponent as k, createBlock as O, openBlock as b, withCtx as E, createElementVNode as t, createVNode as u, resolveDynamicComponent as _e, createTextVNode as J, nextTick as Se, unref as D, createElementBlock as N, Fragment as W, withDirectives as he, renderList as ae, normalizeClass as X, toDisplayString as B, createCommentVNode as Q, vShow as be, computed as q, watchEffect as Ae, watch as ye, inject as Ne } from "vue";
-import { TinyAlert as Te, DialogBox as De, Button as ee, Form as Ue, FormItem as Ee, Input as le, Popover as je, Tooltip as ze, Collapse as Re, CollapseItem as xe, Checkbox as $e, Search as Fe } from "@opentiny/vue";
-import { getMergeMeta as Ie, useLayout as re, useCanvas as j, getMetaApi as ne, META_APP as oe, getOptions as Je, useHistory as Xe, useBlock as Ke, useMaterial as He, useModal as Ge, useMessage as qe, useProperties as $ } from "@opentiny/tiny-engine-meta-register";
-import Ye from "@opentiny/tiny-engine-common/js/i18n";
-import { SvgButton as Ze, BlockLinkEvent as We, PluginPanel as Qe, VueMonaco as en } from "@opentiny/tiny-engine-common";
-import { iconChevronDown as nn } from "@opentiny/vue-icon";
-import { string2Ast as ke, ast2String as on } from "@opentiny/tiny-engine-common/js/ast";
-import { CodeConfigurator as tn, InputConfigurator as sn, VariableConfigurator as an, SwitchConfigurator as ln } from "@opentiny/tiny-engine-configurator";
-import { PROP_DATA_TYPE as G } from "@opentiny/tiny-engine-common/js/constants";
-import { constants as dn, utils as rn } from "@opentiny/tiny-engine-utils";
-const de = {
+import { ref as Ye, reactive as rt, provide as St, nextTick as Ot, resolveComponent as X, createBlock as Ce, openBlock as U, withCtx as J, createElementVNode as _, createVNode as N, resolveDynamicComponent as _t, createTextVNode as Fe, unref as Z, createElementBlock as re, Fragment as at, withDirectives as Et, renderList as pt, normalizeClass as He, toDisplayString as me, createCommentVNode as dt, vShow as yt, computed as it, watchEffect as Nt, watch as Ct, inject as At } from "vue";
+import { callEntry as D, META_APP as O, getMetaApi as V, getOptions as ae, useLayout as z, useHistory as de, useCanvas as I, getMergeMeta as q, useBlock as Oe, useMaterial as Ve, useModal as Me, useMessage as Re, useProperties as oe } from "@opentiny/tiny-engine-meta-register";
+import { TinyAlert as Vt, DialogBox as It, Button as ct, Form as Mt, FormItem as xt, Input as mt, Popover as Rt, Tooltip as Tt, Collapse as Ut, CollapseItem as wt, Checkbox as jt, Search as $t } from "@opentiny/vue";
+import Te from "@opentiny/tiny-engine-common/js/i18n";
+import { SvgButton as Ue, BlockLinkEvent as je, PluginPanel as zt, VueMonaco as Xe } from "@opentiny/tiny-engine-common";
+import { iconChevronDown as $e } from "@opentiny/vue-icon";
+import { string2Ast as ce } from "@opentiny/tiny-engine-common/js/ast";
+import { CodeConfigurator as xe, InputConfigurator as we, VariableConfigurator as ke, SwitchConfigurator as De } from "@opentiny/tiny-engine-configurator";
+import { PROP_DATA_TYPE as fe } from "@opentiny/tiny-engine-common/js/constants";
+import { constants as Ae, utils as Ie } from "@opentiny/tiny-engine-utils";
+const Q = {
   id: "engine.setting.event",
   title: "高级",
-  type: "setting",
-  align: "rightTop",
+  type: "plugins",
   name: "event",
   icon: "target"
-}, H = (f, o) => {
-  const a = f.__vccOpts || f;
-  for (const [e, r] of o)
-    a[e] = r;
-  return a;
-}, ce = K(!1), cn = () => {
-  ce.value = !0;
-}, Ce = () => {
-  ce.value = !1;
-}, mn = {
+};
+var Jt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Ft(h) {
+  throw new Error('Could not dynamically require "' + h + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+}
+var vt = { exports: {} };
+(function(h, e) {
+  (function(n, t, o, i) {
+    t(Ft, e, h);
+  })(Jt, function(n, t, o) {
+    var i = Object.defineProperty, l = Object.getOwnPropertyDescriptor, d = Object.getOwnPropertyNames, a = Object.prototype.hasOwnProperty, c = (f, u) => {
+      for (var r in u)
+        i(f, r, { get: u[r], enumerable: !0 });
+    }, b = (f, u, r, p) => {
+      if (u && typeof u == "object" || typeof u == "function")
+        for (let C of d(u))
+          !a.call(f, C) && C !== r && i(f, C, { get: () => u[C], enumerable: !(p = l(u, C)) || p.enumerable });
+      return f;
+    }, s = (f) => b(i({}, "__esModule", { value: !0 }), f), m = {};
+    c(m, {
+      decode: () => W,
+      decodeGeneratedRanges: () => be,
+      decodeOriginalScopes: () => ne,
+      encode: () => ut,
+      encodeGeneratedRanges: () => pe,
+      encodeOriginalScopes: () => ve
+    }), o.exports = s(m);
+    var g = 44, v = 59, w = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", S = new Uint8Array(64), A = new Uint8Array(128);
+    for (let f = 0; f < w.length; f++) {
+      const u = w.charCodeAt(f);
+      S[f] = u, A[u] = f;
+    }
+    function y(f, u) {
+      let r = 0, p = 0, C = 0;
+      do {
+        const L = f.next();
+        C = A[L], r |= (C & 31) << p, p += 5;
+      } while (C & 32);
+      const P = r & 1;
+      return r >>>= 1, P && (r = -2147483648 | -r), u + r;
+    }
+    function E(f, u, r) {
+      let p = u - r;
+      p = p < 0 ? -p << 1 | 1 : p << 1;
+      do {
+        let C = p & 31;
+        p >>>= 5, p > 0 && (C |= 32), f.write(S[C]);
+      } while (p > 0);
+      return u;
+    }
+    function x(f, u) {
+      return f.pos >= u ? !1 : f.peek() !== g;
+    }
+    var k = 1024 * 16, B = typeof TextDecoder < "u" ? /* @__PURE__ */ new TextDecoder() : typeof Buffer < "u" ? {
+      decode(f) {
+        return Buffer.from(f.buffer, f.byteOffset, f.byteLength).toString();
+      }
+    } : {
+      decode(f) {
+        let u = "";
+        for (let r = 0; r < f.length; r++)
+          u += String.fromCharCode(f[r]);
+        return u;
+      }
+    }, $ = class {
+      constructor() {
+        this.pos = 0, this.out = "", this.buffer = new Uint8Array(k);
+      }
+      write(f) {
+        const { buffer: u } = this;
+        u[this.pos++] = f, this.pos === k && (this.out += B.decode(u), this.pos = 0);
+      }
+      flush() {
+        const { buffer: f, out: u, pos: r } = this;
+        return r > 0 ? u + B.decode(f.subarray(0, r)) : u;
+      }
+    }, he = class {
+      constructor(f) {
+        this.pos = 0, this.buffer = f;
+      }
+      next() {
+        return this.buffer.charCodeAt(this.pos++);
+      }
+      peek() {
+        return this.buffer.charCodeAt(this.pos);
+      }
+      indexOf(f) {
+        const { buffer: u, pos: r } = this, p = u.indexOf(f, r);
+        return p === -1 ? u.length : p;
+      }
+    }, le = [];
+    function ne(f) {
+      const { length: u } = f, r = new he(f), p = [], C = [];
+      let P = 0;
+      for (; r.pos < u; r.pos++) {
+        P = y(r, P);
+        const L = y(r, 0);
+        if (!x(r, u)) {
+          const H = C.pop();
+          H[2] = P, H[3] = L;
+          continue;
+        }
+        const M = y(r, 0), T = y(r, 0) & 1 ? [P, L, 0, 0, M, y(r, 0)] : [P, L, 0, 0, M];
+        let K = le;
+        if (x(r, u)) {
+          K = [];
+          do {
+            const H = y(r, 0);
+            K.push(H);
+          } while (x(r, u));
+        }
+        T.vars = K, p.push(T), C.push(T);
+      }
+      return p;
+    }
+    function ve(f) {
+      const u = new $();
+      for (let r = 0; r < f.length; )
+        r = ge(f, r, u, [0]);
+      return u.flush();
+    }
+    function ge(f, u, r, p) {
+      const C = f[u], { 0: P, 1: L, 2: M, 3: j, 4: F, vars: T } = C;
+      u > 0 && r.write(g), p[0] = E(r, P, p[0]), E(r, L, 0), E(r, F, 0);
+      const K = C.length === 6 ? 1 : 0;
+      E(r, K, 0), C.length === 6 && E(r, C[5], 0);
+      for (const H of T)
+        E(r, H, 0);
+      for (u++; u < f.length; ) {
+        const H = f[u], { 0: R, 1: Y } = H;
+        if (R > M || R === M && Y >= j)
+          break;
+        u = ge(f, u, r, p);
+      }
+      return r.write(g), p[0] = E(r, M, p[0]), E(r, j, 0), u;
+    }
+    function be(f) {
+      const { length: u } = f, r = new he(f), p = [], C = [];
+      let P = 0, L = 0, M = 0, j = 0, F = 0, T = 0, K = 0, H = 0;
+      do {
+        const R = r.indexOf(";");
+        let Y = 0;
+        for (; r.pos < R; r.pos++) {
+          if (Y = y(r, Y), !x(r, R)) {
+            const ue = C.pop();
+            ue[2] = P, ue[3] = Y;
+            continue;
+          }
+          const Ee = y(r, 0), lt = Ee & 1, Qe = Ee & 2, et = Ee & 4;
+          let bt = null, ft = le, Pe;
+          if (lt) {
+            const ue = y(r, L);
+            M = y(
+              r,
+              L === ue ? M : 0
+            ), L = ue, Pe = [P, Y, 0, 0, ue, M];
+          } else
+            Pe = [P, Y, 0, 0];
+          if (Pe.isScope = !!et, Qe) {
+            const ue = j, qe = F;
+            j = y(r, j);
+            const tt = ue === j;
+            F = y(r, tt ? F : 0), T = y(
+              r,
+              tt && qe === F ? T : 0
+            ), bt = [j, F, T];
+          }
+          if (Pe.callsite = bt, x(r, R)) {
+            ft = [];
+            do {
+              K = P, H = Y;
+              const ue = y(r, 0);
+              let qe;
+              if (ue < -1) {
+                qe = [[y(r, 0)]];
+                for (let tt = -1; tt > ue; tt--) {
+                  const Bt = K;
+                  K = y(r, K), H = y(r, K === Bt ? H : 0);
+                  const Pt = y(r, 0);
+                  qe.push([Pt, K, H]);
+                }
+              } else
+                qe = [[ue]];
+              ft.push(qe);
+            } while (x(r, R));
+          }
+          Pe.bindings = ft, p.push(Pe), C.push(Pe);
+        }
+        P++, r.pos = R + 1;
+      } while (r.pos < u);
+      return p;
+    }
+    function pe(f) {
+      if (f.length === 0) return "";
+      const u = new $();
+      for (let r = 0; r < f.length; )
+        r = Le(f, r, u, [0, 0, 0, 0, 0, 0, 0]);
+      return u.flush();
+    }
+    function Le(f, u, r, p) {
+      const C = f[u], {
+        0: P,
+        1: L,
+        2: M,
+        3: j,
+        isScope: F,
+        callsite: T,
+        bindings: K
+      } = C;
+      p[0] < P ? (_e(r, p[0], P), p[0] = P, p[1] = 0) : u > 0 && r.write(g), p[1] = E(r, C[1], p[1]);
+      const H = (C.length === 6 ? 1 : 0) | (T ? 2 : 0) | (F ? 4 : 0);
+      if (E(r, H, 0), C.length === 6) {
+        const { 4: R, 5: Y } = C;
+        R !== p[2] && (p[3] = 0), p[2] = E(r, R, p[2]), p[3] = E(r, Y, p[3]);
+      }
+      if (T) {
+        const { 0: R, 1: Y, 2: Ee } = C.callsite;
+        R !== p[4] ? (p[5] = 0, p[6] = 0) : Y !== p[5] && (p[6] = 0), p[4] = E(r, R, p[4]), p[5] = E(r, Y, p[5]), p[6] = E(r, Ee, p[6]);
+      }
+      if (K)
+        for (const R of K) {
+          R.length > 1 && E(r, -R.length, 0);
+          const Y = R[0][0];
+          E(r, Y, 0);
+          let Ee = P, lt = L;
+          for (let Qe = 1; Qe < R.length; Qe++) {
+            const et = R[Qe];
+            Ee = E(r, et[1], Ee), lt = E(r, et[2], lt), E(r, et[0], 0);
+          }
+        }
+      for (u++; u < f.length; ) {
+        const R = f[u], { 0: Y, 1: Ee } = R;
+        if (Y > M || Y === M && Ee >= j)
+          break;
+        u = Le(f, u, r, p);
+      }
+      return p[0] < M ? (_e(r, p[0], M), p[0] = M, p[1] = 0) : r.write(g), p[1] = E(r, j, p[1]), u;
+    }
+    function _e(f, u, r) {
+      do
+        f.write(v);
+      while (++u < r);
+    }
+    function W(f) {
+      const { length: u } = f, r = new he(f), p = [];
+      let C = 0, P = 0, L = 0, M = 0, j = 0;
+      do {
+        const F = r.indexOf(";"), T = [];
+        let K = !0, H = 0;
+        for (C = 0; r.pos < F; ) {
+          let R;
+          C = y(r, C), C < H && (K = !1), H = C, x(r, F) ? (P = y(r, P), L = y(r, L), M = y(r, M), x(r, F) ? (j = y(r, j), R = [C, P, L, M, j]) : R = [C, P, L, M]) : R = [C], T.push(R), r.pos++;
+        }
+        K || Be(T), p.push(T), r.pos = F + 1;
+      } while (r.pos <= u);
+      return p;
+    }
+    function Be(f) {
+      f.sort(Ze);
+    }
+    function Ze(f, u) {
+      return f[0] - u[0];
+    }
+    function ut(f) {
+      const u = new $();
+      let r = 0, p = 0, C = 0, P = 0;
+      for (let L = 0; L < f.length; L++) {
+        const M = f[L];
+        if (L > 0 && u.write(v), M.length === 0) continue;
+        let j = 0;
+        for (let F = 0; F < M.length; F++) {
+          const T = M[F];
+          F > 0 && u.write(g), j = E(u, T[0], j), T.length !== 1 && (r = E(u, T[1], r), p = E(u, T[2], p), C = E(u, T[3], C), T.length !== 4 && (P = E(u, T[4], P)));
+        }
+      }
+      return u.flush();
+    }
+  });
+})(vt, vt.exports);
+var qt = vt.exports;
+class ht {
+  constructor(e) {
+    this.bits = e instanceof ht ? e.bits.slice() : [];
+  }
+  add(e) {
+    this.bits[e >> 5] |= 1 << (e & 31);
+  }
+  has(e) {
+    return !!(this.bits[e >> 5] & 1 << (e & 31));
+  }
+}
+class st {
+  constructor(e, n, t) {
+    this.start = e, this.end = n, this.original = t, this.intro = "", this.outro = "", this.content = t, this.storeName = !1, this.edited = !1, this.previous = null, this.next = null;
+  }
+  appendLeft(e) {
+    this.outro += e;
+  }
+  appendRight(e) {
+    this.intro = this.intro + e;
+  }
+  clone() {
+    const e = new st(this.start, this.end, this.original);
+    return e.intro = this.intro, e.outro = this.outro, e.content = this.content, e.storeName = this.storeName, e.edited = this.edited, e;
+  }
+  contains(e) {
+    return this.start < e && e < this.end;
+  }
+  eachNext(e) {
+    let n = this;
+    for (; n; )
+      e(n), n = n.next;
+  }
+  eachPrevious(e) {
+    let n = this;
+    for (; n; )
+      e(n), n = n.previous;
+  }
+  edit(e, n, t) {
+    return this.content = e, t || (this.intro = "", this.outro = ""), this.storeName = n, this.edited = !0, this;
+  }
+  prependLeft(e) {
+    this.outro = e + this.outro;
+  }
+  prependRight(e) {
+    this.intro = e + this.intro;
+  }
+  reset() {
+    this.intro = "", this.outro = "", this.edited && (this.content = this.original, this.storeName = !1, this.edited = !1);
+  }
+  split(e) {
+    const n = e - this.start, t = this.original.slice(0, n), o = this.original.slice(n);
+    this.original = t;
+    const i = new st(e, this.end, o);
+    return i.outro = this.outro, this.outro = "", this.end = e, this.edited ? (i.edit("", !1), this.content = "") : this.content = t, i.next = this.next, i.next && (i.next.previous = i), i.previous = this, this.next = i, i;
+  }
+  toString() {
+    return this.intro + this.content + this.outro;
+  }
+  trimEnd(e) {
+    if (this.outro = this.outro.replace(e, ""), this.outro.length) return !0;
+    const n = this.content.replace(e, "");
+    if (n.length)
+      return n !== this.content && (this.split(this.start + n.length).edit("", void 0, !0), this.edited && this.edit(n, this.storeName, !0)), !0;
+    if (this.edit("", void 0, !0), this.intro = this.intro.replace(e, ""), this.intro.length) return !0;
+  }
+  trimStart(e) {
+    if (this.intro = this.intro.replace(e, ""), this.intro.length) return !0;
+    const n = this.content.replace(e, "");
+    if (n.length) {
+      if (n !== this.content) {
+        const t = this.split(this.end - n.length);
+        this.edited && t.edit(n, this.storeName, !0), this.edit("", void 0, !0);
+      }
+      return !0;
+    } else if (this.edit("", void 0, !0), this.outro = this.outro.replace(e, ""), this.outro.length) return !0;
+  }
+}
+function Xt() {
+  return typeof globalThis < "u" && typeof globalThis.btoa == "function" ? (h) => globalThis.btoa(unescape(encodeURIComponent(h))) : typeof Buffer == "function" ? (h) => Buffer.from(h, "utf-8").toString("base64") : () => {
+    throw new Error("Unsupported environment: `window.btoa` or `Buffer` should be supported.");
+  };
+}
+const Gt = /* @__PURE__ */ Xt();
+class Kt {
+  constructor(e) {
+    this.version = 3, this.file = e.file, this.sources = e.sources, this.sourcesContent = e.sourcesContent, this.names = e.names, this.mappings = qt.encode(e.mappings), typeof e.x_google_ignoreList < "u" && (this.x_google_ignoreList = e.x_google_ignoreList), typeof e.debugId < "u" && (this.debugId = e.debugId);
+  }
+  toString() {
+    return JSON.stringify(this);
+  }
+  toUrl() {
+    return "data:application/json;charset=utf-8;base64," + Gt(this.toString());
+  }
+}
+function Ht(h) {
+  const e = h.split(`
+`), n = e.filter((i) => /^\t+/.test(i)), t = e.filter((i) => /^ {2,}/.test(i));
+  if (n.length === 0 && t.length === 0)
+    return null;
+  if (n.length >= t.length)
+    return "	";
+  const o = t.reduce((i, l) => {
+    const d = /^ +/.exec(l)[0].length;
+    return Math.min(d, i);
+  }, 1 / 0);
+  return new Array(o + 1).join(" ");
+}
+function Yt(h, e) {
+  const n = h.split(/[/\\]/), t = e.split(/[/\\]/);
+  for (n.pop(); n[0] === t[0]; )
+    n.shift(), t.shift();
+  if (n.length) {
+    let o = n.length;
+    for (; o--; ) n[o] = "..";
+  }
+  return n.concat(t).join("/");
+}
+const Wt = Object.prototype.toString;
+function Zt(h) {
+  return Wt.call(h) === "[object Object]";
+}
+function kt(h) {
+  const e = h.split(`
+`), n = [];
+  for (let t = 0, o = 0; t < e.length; t++)
+    n.push(o), o += e[t].length + 1;
+  return function(o) {
+    let i = 0, l = n.length;
+    for (; i < l; ) {
+      const c = i + l >> 1;
+      o < n[c] ? l = c : i = c + 1;
+    }
+    const d = i - 1, a = o - n[d];
+    return { line: d, column: a };
+  };
+}
+const Qt = /\w/;
+class en {
+  constructor(e) {
+    this.hires = e, this.generatedCodeLine = 0, this.generatedCodeColumn = 0, this.raw = [], this.rawSegments = this.raw[this.generatedCodeLine] = [], this.pending = null;
+  }
+  addEdit(e, n, t, o) {
+    if (n.length) {
+      const i = n.length - 1;
+      let l = n.indexOf(`
+`, 0), d = -1;
+      for (; l >= 0 && i > l; ) {
+        const c = [this.generatedCodeColumn, e, t.line, t.column];
+        o >= 0 && c.push(o), this.rawSegments.push(c), this.generatedCodeLine += 1, this.raw[this.generatedCodeLine] = this.rawSegments = [], this.generatedCodeColumn = 0, d = l, l = n.indexOf(`
+`, l + 1);
+      }
+      const a = [this.generatedCodeColumn, e, t.line, t.column];
+      o >= 0 && a.push(o), this.rawSegments.push(a), this.advance(n.slice(d + 1));
+    } else this.pending && (this.rawSegments.push(this.pending), this.advance(n));
+    this.pending = null;
+  }
+  addUneditedChunk(e, n, t, o, i) {
+    let l = n.start, d = !0, a = !1;
+    for (; l < n.end; ) {
+      if (t[l] === `
+`)
+        o.line += 1, o.column = 0, this.generatedCodeLine += 1, this.raw[this.generatedCodeLine] = this.rawSegments = [], this.generatedCodeColumn = 0, d = !0, a = !1;
+      else {
+        if (this.hires || d || i.has(l)) {
+          const c = [this.generatedCodeColumn, e, o.line, o.column];
+          this.hires === "boundary" ? Qt.test(t[l]) ? a || (this.rawSegments.push(c), a = !0) : (this.rawSegments.push(c), a = !1) : this.rawSegments.push(c);
+        }
+        o.column += 1, this.generatedCodeColumn += 1, d = !1;
+      }
+      l += 1;
+    }
+    this.pending = null;
+  }
+  advance(e) {
+    if (!e) return;
+    const n = e.split(`
+`);
+    if (n.length > 1) {
+      for (let t = 0; t < n.length - 1; t++)
+        this.generatedCodeLine++, this.raw[this.generatedCodeLine] = this.rawSegments = [];
+      this.generatedCodeColumn = 0;
+    }
+    this.generatedCodeColumn += n[n.length - 1].length;
+  }
+}
+const nt = `
+`, Ge = {
+  insertLeft: !1,
+  insertRight: !1,
+  storeName: !1
+};
+class ee {
+  constructor(e, n = {}) {
+    const t = new st(0, e.length, e);
+    Object.defineProperties(this, {
+      original: { writable: !0, value: e },
+      outro: { writable: !0, value: "" },
+      intro: { writable: !0, value: "" },
+      firstChunk: { writable: !0, value: t },
+      lastChunk: { writable: !0, value: t },
+      lastSearchedChunk: { writable: !0, value: t },
+      byStart: { writable: !0, value: {} },
+      byEnd: { writable: !0, value: {} },
+      filename: { writable: !0, value: n.filename },
+      indentExclusionRanges: { writable: !0, value: n.indentExclusionRanges },
+      sourcemapLocations: { writable: !0, value: new ht() },
+      storedNames: { writable: !0, value: {} },
+      indentStr: { writable: !0, value: void 0 },
+      ignoreList: { writable: !0, value: n.ignoreList },
+      offset: { writable: !0, value: n.offset || 0 }
+    }), this.byStart[0] = t, this.byEnd[e.length] = t;
+  }
+  addSourcemapLocation(e) {
+    this.sourcemapLocations.add(e);
+  }
+  append(e) {
+    if (typeof e != "string") throw new TypeError("outro content must be a string");
+    return this.outro += e, this;
+  }
+  appendLeft(e, n) {
+    if (e = e + this.offset, typeof n != "string") throw new TypeError("inserted content must be a string");
+    this._split(e);
+    const t = this.byEnd[e];
+    return t ? t.appendLeft(n) : this.intro += n, this;
+  }
+  appendRight(e, n) {
+    if (e = e + this.offset, typeof n != "string") throw new TypeError("inserted content must be a string");
+    this._split(e);
+    const t = this.byStart[e];
+    return t ? t.appendRight(n) : this.outro += n, this;
+  }
+  clone() {
+    const e = new ee(this.original, { filename: this.filename, offset: this.offset });
+    let n = this.firstChunk, t = e.firstChunk = e.lastSearchedChunk = n.clone();
+    for (; n; ) {
+      e.byStart[t.start] = t, e.byEnd[t.end] = t;
+      const o = n.next, i = o && o.clone();
+      i && (t.next = i, i.previous = t, t = i), n = o;
+    }
+    return e.lastChunk = t, this.indentExclusionRanges && (e.indentExclusionRanges = this.indentExclusionRanges.slice()), e.sourcemapLocations = new ht(this.sourcemapLocations), e.intro = this.intro, e.outro = this.outro, e;
+  }
+  generateDecodedMap(e) {
+    e = e || {};
+    const n = 0, t = Object.keys(this.storedNames), o = new en(e.hires), i = kt(this.original);
+    return this.intro && o.advance(this.intro), this.firstChunk.eachNext((l) => {
+      const d = i(l.start);
+      l.intro.length && o.advance(l.intro), l.edited ? o.addEdit(
+        n,
+        l.content,
+        d,
+        l.storeName ? t.indexOf(l.original) : -1
+      ) : o.addUneditedChunk(n, l, this.original, d, this.sourcemapLocations), l.outro.length && o.advance(l.outro);
+    }), {
+      file: e.file ? e.file.split(/[/\\]/).pop() : void 0,
+      sources: [
+        e.source ? Yt(e.file || "", e.source) : e.file || ""
+      ],
+      sourcesContent: e.includeContent ? [this.original] : void 0,
+      names: t,
+      mappings: o.raw,
+      x_google_ignoreList: this.ignoreList ? [n] : void 0
+    };
+  }
+  generateMap(e) {
+    return new Kt(this.generateDecodedMap(e));
+  }
+  _ensureindentStr() {
+    this.indentStr === void 0 && (this.indentStr = Ht(this.original));
+  }
+  _getRawIndentString() {
+    return this._ensureindentStr(), this.indentStr;
+  }
+  getIndentString() {
+    return this._ensureindentStr(), this.indentStr === null ? "	" : this.indentStr;
+  }
+  indent(e, n) {
+    const t = /^[^\r\n]/gm;
+    if (Zt(e) && (n = e, e = void 0), e === void 0 && (this._ensureindentStr(), e = this.indentStr || "	"), e === "") return this;
+    n = n || {};
+    const o = {};
+    n.exclude && (typeof n.exclude[0] == "number" ? [n.exclude] : n.exclude).forEach((b) => {
+      for (let s = b[0]; s < b[1]; s += 1)
+        o[s] = !0;
+    });
+    let i = n.indentStart !== !1;
+    const l = (c) => i ? `${e}${c}` : (i = !0, c);
+    this.intro = this.intro.replace(t, l);
+    let d = 0, a = this.firstChunk;
+    for (; a; ) {
+      const c = a.end;
+      if (a.edited)
+        o[d] || (a.content = a.content.replace(t, l), a.content.length && (i = a.content[a.content.length - 1] === `
+`));
+      else
+        for (d = a.start; d < c; ) {
+          if (!o[d]) {
+            const b = this.original[d];
+            b === `
+` ? i = !0 : b !== "\r" && i && (i = !1, d === a.start || (this._splitChunk(a, d), a = a.next), a.prependRight(e));
+          }
+          d += 1;
+        }
+      d = a.end, a = a.next;
+    }
+    return this.outro = this.outro.replace(t, l), this;
+  }
+  insert() {
+    throw new Error(
+      "magicString.insert(...) is deprecated. Use prependRight(...) or appendLeft(...)"
+    );
+  }
+  insertLeft(e, n) {
+    return Ge.insertLeft || (console.warn(
+      "magicString.insertLeft(...) is deprecated. Use magicString.appendLeft(...) instead"
+    ), Ge.insertLeft = !0), this.appendLeft(e, n);
+  }
+  insertRight(e, n) {
+    return Ge.insertRight || (console.warn(
+      "magicString.insertRight(...) is deprecated. Use magicString.prependRight(...) instead"
+    ), Ge.insertRight = !0), this.prependRight(e, n);
+  }
+  move(e, n, t) {
+    if (e = e + this.offset, n = n + this.offset, t = t + this.offset, t >= e && t <= n) throw new Error("Cannot move a selection inside itself");
+    this._split(e), this._split(n), this._split(t);
+    const o = this.byStart[e], i = this.byEnd[n], l = o.previous, d = i.next, a = this.byStart[t];
+    if (!a && i === this.lastChunk) return this;
+    const c = a ? a.previous : this.lastChunk;
+    return l && (l.next = d), d && (d.previous = l), c && (c.next = o), a && (a.previous = i), o.previous || (this.firstChunk = i.next), i.next || (this.lastChunk = o.previous, this.lastChunk.next = null), o.previous = c, i.next = a || null, c || (this.firstChunk = o), a || (this.lastChunk = i), this;
+  }
+  overwrite(e, n, t, o) {
+    return o = o || {}, this.update(e, n, t, { ...o, overwrite: !o.contentOnly });
+  }
+  update(e, n, t, o) {
+    if (e = e + this.offset, n = n + this.offset, typeof t != "string") throw new TypeError("replacement content must be a string");
+    if (this.original.length !== 0) {
+      for (; e < 0; ) e += this.original.length;
+      for (; n < 0; ) n += this.original.length;
+    }
+    if (n > this.original.length) throw new Error("end is out of bounds");
+    if (e === n)
+      throw new Error(
+        "Cannot overwrite a zero-length range – use appendLeft or prependRight instead"
+      );
+    this._split(e), this._split(n), o === !0 && (Ge.storeName || (console.warn(
+      "The final argument to magicString.overwrite(...) should be an options object. See https://github.com/rich-harris/magic-string"
+    ), Ge.storeName = !0), o = { storeName: !0 });
+    const i = o !== void 0 ? o.storeName : !1, l = o !== void 0 ? o.overwrite : !1;
+    if (i) {
+      const c = this.original.slice(e, n);
+      Object.defineProperty(this.storedNames, c, {
+        writable: !0,
+        value: !0,
+        enumerable: !0
+      });
+    }
+    const d = this.byStart[e], a = this.byEnd[n];
+    if (d) {
+      let c = d;
+      for (; c !== a; ) {
+        if (c.next !== this.byStart[c.end])
+          throw new Error("Cannot overwrite across a split point");
+        c = c.next, c.edit("", !1);
+      }
+      d.edit(t, i, !l);
+    } else {
+      const c = new st(e, n, "").edit(t, i);
+      a.next = c, c.previous = a;
+    }
+    return this;
+  }
+  prepend(e) {
+    if (typeof e != "string") throw new TypeError("outro content must be a string");
+    return this.intro = e + this.intro, this;
+  }
+  prependLeft(e, n) {
+    if (e = e + this.offset, typeof n != "string") throw new TypeError("inserted content must be a string");
+    this._split(e);
+    const t = this.byEnd[e];
+    return t ? t.prependLeft(n) : this.intro = n + this.intro, this;
+  }
+  prependRight(e, n) {
+    if (e = e + this.offset, typeof n != "string") throw new TypeError("inserted content must be a string");
+    this._split(e);
+    const t = this.byStart[e];
+    return t ? t.prependRight(n) : this.outro = n + this.outro, this;
+  }
+  remove(e, n) {
+    if (e = e + this.offset, n = n + this.offset, this.original.length !== 0) {
+      for (; e < 0; ) e += this.original.length;
+      for (; n < 0; ) n += this.original.length;
+    }
+    if (e === n) return this;
+    if (e < 0 || n > this.original.length) throw new Error("Character is out of bounds");
+    if (e > n) throw new Error("end must be greater than start");
+    this._split(e), this._split(n);
+    let t = this.byStart[e];
+    for (; t; )
+      t.intro = "", t.outro = "", t.edit(""), t = n > t.end ? this.byStart[t.end] : null;
+    return this;
+  }
+  reset(e, n) {
+    if (e = e + this.offset, n = n + this.offset, this.original.length !== 0) {
+      for (; e < 0; ) e += this.original.length;
+      for (; n < 0; ) n += this.original.length;
+    }
+    if (e === n) return this;
+    if (e < 0 || n > this.original.length) throw new Error("Character is out of bounds");
+    if (e > n) throw new Error("end must be greater than start");
+    this._split(e), this._split(n);
+    let t = this.byStart[e];
+    for (; t; )
+      t.reset(), t = n > t.end ? this.byStart[t.end] : null;
+    return this;
+  }
+  lastChar() {
+    if (this.outro.length) return this.outro[this.outro.length - 1];
+    let e = this.lastChunk;
+    do {
+      if (e.outro.length) return e.outro[e.outro.length - 1];
+      if (e.content.length) return e.content[e.content.length - 1];
+      if (e.intro.length) return e.intro[e.intro.length - 1];
+    } while (e = e.previous);
+    return this.intro.length ? this.intro[this.intro.length - 1] : "";
+  }
+  lastLine() {
+    let e = this.outro.lastIndexOf(nt);
+    if (e !== -1) return this.outro.substr(e + 1);
+    let n = this.outro, t = this.lastChunk;
+    do {
+      if (t.outro.length > 0) {
+        if (e = t.outro.lastIndexOf(nt), e !== -1) return t.outro.substr(e + 1) + n;
+        n = t.outro + n;
+      }
+      if (t.content.length > 0) {
+        if (e = t.content.lastIndexOf(nt), e !== -1) return t.content.substr(e + 1) + n;
+        n = t.content + n;
+      }
+      if (t.intro.length > 0) {
+        if (e = t.intro.lastIndexOf(nt), e !== -1) return t.intro.substr(e + 1) + n;
+        n = t.intro + n;
+      }
+    } while (t = t.previous);
+    return e = this.intro.lastIndexOf(nt), e !== -1 ? this.intro.substr(e + 1) + n : this.intro + n;
+  }
+  slice(e = 0, n = this.original.length - this.offset) {
+    if (e = e + this.offset, n = n + this.offset, this.original.length !== 0) {
+      for (; e < 0; ) e += this.original.length;
+      for (; n < 0; ) n += this.original.length;
+    }
+    let t = "", o = this.firstChunk;
+    for (; o && (o.start > e || o.end <= e); ) {
+      if (o.start < n && o.end >= n)
+        return t;
+      o = o.next;
+    }
+    if (o && o.edited && o.start !== e)
+      throw new Error(`Cannot use replaced character ${e} as slice start anchor.`);
+    const i = o;
+    for (; o; ) {
+      o.intro && (i !== o || o.start === e) && (t += o.intro);
+      const l = o.start < n && o.end >= n;
+      if (l && o.edited && o.end !== n)
+        throw new Error(`Cannot use replaced character ${n} as slice end anchor.`);
+      const d = i === o ? e - o.start : 0, a = l ? o.content.length + n - o.end : o.content.length;
+      if (t += o.content.slice(d, a), o.outro && (!l || o.end === n) && (t += o.outro), l)
+        break;
+      o = o.next;
+    }
+    return t;
+  }
+  // TODO deprecate this? not really very useful
+  snip(e, n) {
+    const t = this.clone();
+    return t.remove(0, e), t.remove(n, t.original.length), t;
+  }
+  _split(e) {
+    if (this.byStart[e] || this.byEnd[e]) return;
+    let n = this.lastSearchedChunk;
+    const t = e > n.end;
+    for (; n; ) {
+      if (n.contains(e)) return this._splitChunk(n, e);
+      n = t ? this.byStart[n.end] : this.byEnd[n.start];
+    }
+  }
+  _splitChunk(e, n) {
+    if (e.edited && e.content.length) {
+      const o = kt(this.original)(n);
+      throw new Error(
+        `Cannot split a chunk that has already been edited (${o.line}:${o.column} – "${e.original}")`
+      );
+    }
+    const t = e.split(n);
+    return this.byEnd[n] = e, this.byStart[n] = t, this.byEnd[t.end] = t, e === this.lastChunk && (this.lastChunk = t), this.lastSearchedChunk = e, !0;
+  }
+  toString() {
+    let e = this.intro, n = this.firstChunk;
+    for (; n; )
+      e += n.toString(), n = n.next;
+    return e + this.outro;
+  }
+  isEmpty() {
+    let e = this.firstChunk;
+    do
+      if (e.intro.length && e.intro.trim() || e.content.length && e.content.trim() || e.outro.length && e.outro.trim())
+        return !1;
+    while (e = e.next);
+    return !0;
+  }
+  length() {
+    let e = this.firstChunk, n = 0;
+    do
+      n += e.intro.length + e.content.length + e.outro.length;
+    while (e = e.next);
+    return n;
+  }
+  trimLines() {
+    return this.trim("[\\r\\n]");
+  }
+  trim(e) {
+    return this.trimStart(e).trimEnd(e);
+  }
+  trimEndAborted(e) {
+    const n = new RegExp((e || "\\s") + "+$");
+    if (this.outro = this.outro.replace(n, ""), this.outro.length) return !0;
+    let t = this.lastChunk;
+    do {
+      const o = t.end, i = t.trimEnd(n);
+      if (t.end !== o && (this.lastChunk === t && (this.lastChunk = t.next), this.byEnd[t.end] = t, this.byStart[t.next.start] = t.next, this.byEnd[t.next.end] = t.next), i) return !0;
+      t = t.previous;
+    } while (t);
+    return !1;
+  }
+  trimEnd(e) {
+    return this.trimEndAborted(e), this;
+  }
+  trimStartAborted(e) {
+    const n = new RegExp("^" + (e || "\\s") + "+");
+    if (this.intro = this.intro.replace(n, ""), this.intro.length) return !0;
+    let t = this.firstChunk;
+    do {
+      const o = t.end, i = t.trimStart(n);
+      if (t.end !== o && (t === this.lastChunk && (this.lastChunk = t.next), this.byEnd[t.end] = t, this.byStart[t.next.start] = t.next, this.byEnd[t.next.end] = t.next), i) return !0;
+      t = t.next;
+    } while (t);
+    return !1;
+  }
+  trimStart(e) {
+    return this.trimStartAborted(e), this;
+  }
+  hasChanged() {
+    return this.original !== this.toString();
+  }
+  _replaceRegexp(e, n) {
+    function t(i, l) {
+      return typeof n == "string" ? n.replace(/\$(\$|&|\d+)/g, (d, a) => a === "$" ? "$" : a === "&" ? i[0] : +a < i.length ? i[+a] : `$${a}`) : n(...i, i.index, l, i.groups);
+    }
+    function o(i, l) {
+      let d;
+      const a = [];
+      for (; d = i.exec(l); )
+        a.push(d);
+      return a;
+    }
+    if (e.global)
+      o(e, this.original).forEach((l) => {
+        if (l.index != null) {
+          const d = t(l, this.original);
+          d !== l[0] && this.overwrite(l.index, l.index + l[0].length, d);
+        }
+      });
+    else {
+      const i = this.original.match(e);
+      if (i && i.index != null) {
+        const l = t(i, this.original);
+        l !== i[0] && this.overwrite(i.index, i.index + i[0].length, l);
+      }
+    }
+    return this;
+  }
+  _replaceString(e, n) {
+    const { original: t } = this, o = t.indexOf(e);
+    return o !== -1 && this.overwrite(o, o + e.length, n), this;
+  }
+  replace(e, n) {
+    return typeof e == "string" ? this._replaceString(e, n) : this._replaceRegexp(e, n);
+  }
+  _replaceAllString(e, n) {
+    const { original: t } = this, o = e.length;
+    for (let i = t.indexOf(e); i !== -1; i = t.indexOf(e, i + o))
+      t.slice(i, i + o) !== n && this.overwrite(i, i + o, n);
+    return this;
+  }
+  replaceAll(e, n) {
+    if (typeof e == "string")
+      return this._replaceAllString(e, n);
+    if (!e.global)
+      throw new TypeError(
+        "MagicString.prototype.replaceAll called with a non-global RegExp argument"
+      );
+    return this._replaceRegexp(e, n);
+  }
+}
+const We = (h, e) => {
+  const n = h.__vccOpts || h;
+  for (const [t, o] of e)
+    n[t] = o;
+  return n;
+}, te = Ye(!1), G = D(() => {
+  te.value = !0;
+}, {
+  metaData: {
+    id: "engine.setting.event.BindEventsDialog.open"
+  },
+  ctx: () => ({
+    string2Ast: ce,
+    getMergeMeta: q,
+    useCanvas: I,
+    useHistory: de,
+    useLayout: z,
+    getOptions: ae,
+    getMetaApi: V,
+    META_APP: O,
+    MagicString: ee,
+    meta: Q,
+    dialogVisible: te,
+    open: G,
+    close: se
+  })
+}), se = D(() => {
+  te.value = !1;
+}, {
+  metaData: {
+    id: "engine.setting.event.BindEventsDialog.close"
+  },
+  ctx: () => ({
+    string2Ast: ce,
+    getMergeMeta: q,
+    useCanvas: I,
+    useHistory: de,
+    useLayout: z,
+    getOptions: ae,
+    getMetaApi: V,
+    META_APP: O,
+    MagicString: ee,
+    meta: Q,
+    dialogVisible: te,
+    open: G,
+    close: se
+  })
+}), tn = {
   components: {
-    TinyButton: ee,
-    TinyDialogBox: De,
-    TinyAlert: Te
+    TinyButton: ct,
+    TinyDialogBox: It,
+    TinyAlert: Vt
   },
   inheritAttrs: !1,
   props: {
@@ -38,8 +958,20 @@ const de = {
       default: () => ({})
     }
   },
-  setup(f) {
-    const { BindEventsDialogSidebar: o, BindEventsDialogContent: a } = Ie(de.id).components, { PLUGIN_NAME: e, activePlugin: r } = re(), { pageState: _ } = j(), { getMethods: h, saveMethod: c, highlightMethod: m } = ne(oe.Page), s = Y({
+  setup(h) {
+    const {
+      BindEventsDialogSidebar: e,
+      BindEventsDialogContent: n
+    } = q(Q.id).components, {
+      PLUGIN_NAME: t,
+      activePlugin: o
+    } = z(), {
+      pageState: i
+    } = I(), {
+      getMethods: l,
+      saveMethod: d,
+      highlightMethod: a
+    } = V(O.Page), c = rt({
       editorContent: "",
       bindMethodInfo: {},
       tip: "",
@@ -47,146 +979,550 @@ const de = {
       enableExtraParams: !1,
       isValidParams: !0
     });
-    Ve("context", s);
-    const x = (g) => {
-      s.bindMethodInfo = g;
-    }, n = (g) => {
-      var M, P;
-      if (!g)
+    St("context", c);
+    const b = D((x) => {
+      c.bindMethodInfo = x;
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialog.selectMethod"
+      },
+      ctx: () => ({
+        props: h,
+        BindEventsDialogSidebar: e,
+        BindEventsDialogContent: n,
+        PLUGIN_NAME: t,
+        activePlugin: o,
+        pageState: i,
+        getMethods: l,
+        saveMethod: d,
+        highlightMethod: a,
+        state: c,
+        selectMethod: b,
+        bindMethod: s,
+        resetTipError: m,
+        getExtraParams: g,
+        getFormatParams: v,
+        rewriteMethodParams: w,
+        activePagePlugin: S,
+        confirm: A,
+        openedDialog: y,
+        closeDialog: E,
+        string2Ast: ce,
+        getMergeMeta: q,
+        useCanvas: I,
+        useHistory: de,
+        useLayout: z,
+        getOptions: ae,
+        getMetaApi: V,
+        META_APP: O,
+        MagicString: ee,
+        meta: Q,
+        dialogVisible: te,
+        open: G,
+        close: se
+      })
+    }), s = D((x) => {
+      var le, ne;
+      if (!x)
         return;
-      const p = (M = f.eventBinding) == null ? void 0 : M.eventName;
-      if (!p)
+      const k = (le = h.eventBinding) == null ? void 0 : le.eventName;
+      if (!k)
         return;
-      const v = (P = _ == null ? void 0 : _.currentSchema) == null ? void 0 : P.props;
-      if (!v)
+      const B = (ne = i == null ? void 0 : i.currentSchema) == null ? void 0 : ne.props;
+      if (!B)
         return;
-      const { name: C, extra: w } = g;
-      f[p] || (v[p] = {
+      const {
+        name: $,
+        extra: he
+      } = x;
+      h[k] || (B[k] = {
         type: "JSExpression",
         value: ""
-      }), w && s.enableExtraParams && (v[p].params = w), v[p].value = `this.${C}`, Xe().addHistory();
-    }, l = () => {
-      s.tipError = !1, s.tip = "", s.isValidParams = !0;
-    }, i = () => {
-      let g = "";
-      if (s.enableExtraParams)
-        try {
-          g = JSON.parse(s.editorContent), s.isValidParams = Array.isArray(g);
-        } catch {
-          s.isValidParams = !1;
-        }
-      return g;
-    }, d = (g) => Array.from({ length: g.length }, (p, v) => `args${v}`).join(","), y = () => {
-      var w, M, P, S, T, U, L, Z;
-      let g = (M = (w = h()) == null ? void 0 : w[s.bindMethodInfo.name]) == null ? void 0 : M.value, p = "{}", v = !1, C = !1;
-      if (g) {
-        let A = {};
+      }), he && c.enableExtraParams && (B[k].params = he), B[k].value = `this.${$}`, de().addHistory();
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialog.bindMethod"
+      },
+      ctx: () => ({
+        props: h,
+        BindEventsDialogSidebar: e,
+        BindEventsDialogContent: n,
+        PLUGIN_NAME: t,
+        activePlugin: o,
+        pageState: i,
+        getMethods: l,
+        saveMethod: d,
+        highlightMethod: a,
+        state: c,
+        selectMethod: b,
+        bindMethod: s,
+        resetTipError: m,
+        getExtraParams: g,
+        getFormatParams: v,
+        rewriteMethodParams: w,
+        activePagePlugin: S,
+        confirm: A,
+        openedDialog: y,
+        closeDialog: E,
+        string2Ast: ce,
+        getMergeMeta: q,
+        useCanvas: I,
+        useHistory: de,
+        useLayout: z,
+        getOptions: ae,
+        getMetaApi: V,
+        META_APP: O,
+        MagicString: ee,
+        meta: Q,
+        dialogVisible: te,
+        open: G,
+        close: se
+      })
+    }), m = D(() => {
+      c.tipError = !1, c.tip = "", c.isValidParams = !0;
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialog.resetTipError"
+      },
+      ctx: () => ({
+        props: h,
+        BindEventsDialogSidebar: e,
+        BindEventsDialogContent: n,
+        PLUGIN_NAME: t,
+        activePlugin: o,
+        pageState: i,
+        getMethods: l,
+        saveMethod: d,
+        highlightMethod: a,
+        state: c,
+        selectMethod: b,
+        bindMethod: s,
+        resetTipError: m,
+        getExtraParams: g,
+        getFormatParams: v,
+        rewriteMethodParams: w,
+        activePagePlugin: S,
+        confirm: A,
+        openedDialog: y,
+        closeDialog: E,
+        string2Ast: ce,
+        getMergeMeta: q,
+        useCanvas: I,
+        useHistory: de,
+        useLayout: z,
+        getOptions: ae,
+        getMetaApi: V,
+        META_APP: O,
+        MagicString: ee,
+        meta: Q,
+        dialogVisible: te,
+        open: G,
+        close: se
+      })
+    }), g = D(() => {
+      let x = "";
+      if (c.enableExtraParams)
         try {
-          A = ke(g);
+          x = JSON.parse(c.editorContent), c.isValidParams = Array.isArray(x);
         } catch {
-          g = g.replace("function", `function ${s.bindMethodInfo.name}`), A = ke(g);
+          c.isValidParams = !1;
         }
-        (S = (P = A == null ? void 0 : A.program) == null ? void 0 : P.body[0]) != null && S.body && (p = on(A.program.body[0].body)), (U = (T = A == null ? void 0 : A.program) == null ? void 0 : T.body[0]) != null && U.async && (v = !0), (Z = (L = A == null ? void 0 : A.program) == null ? void 0 : L.body[0]) != null && Z.generator && (C = !0);
+      return x;
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialog.getExtraParams"
+      },
+      ctx: () => ({
+        props: h,
+        BindEventsDialogSidebar: e,
+        BindEventsDialogContent: n,
+        PLUGIN_NAME: t,
+        activePlugin: o,
+        pageState: i,
+        getMethods: l,
+        saveMethod: d,
+        highlightMethod: a,
+        state: c,
+        selectMethod: b,
+        bindMethod: s,
+        resetTipError: m,
+        getExtraParams: g,
+        getFormatParams: v,
+        rewriteMethodParams: w,
+        activePagePlugin: S,
+        confirm: A,
+        openedDialog: y,
+        closeDialog: E,
+        string2Ast: ce,
+        getMergeMeta: q,
+        useCanvas: I,
+        useHistory: de,
+        useLayout: z,
+        getOptions: ae,
+        getMetaApi: V,
+        META_APP: O,
+        MagicString: ee,
+        meta: Q,
+        dialogVisible: te,
+        open: G,
+        close: se
+      })
+    }), v = D((x) => Array.from({
+      length: x.length
+    }, (k, B) => `args${B}`).join(","), {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialog.getFormatParams"
+      },
+      ctx: () => ({
+        props: h,
+        BindEventsDialogSidebar: e,
+        BindEventsDialogContent: n,
+        PLUGIN_NAME: t,
+        activePlugin: o,
+        pageState: i,
+        getMethods: l,
+        saveMethod: d,
+        highlightMethod: a,
+        state: c,
+        selectMethod: b,
+        bindMethod: s,
+        resetTipError: m,
+        getExtraParams: g,
+        getFormatParams: v,
+        rewriteMethodParams: w,
+        activePagePlugin: S,
+        confirm: A,
+        openedDialog: y,
+        closeDialog: E,
+        string2Ast: ce,
+        getMergeMeta: q,
+        useCanvas: I,
+        useHistory: de,
+        useLayout: z,
+        getOptions: ae,
+        getMetaApi: V,
+        META_APP: O,
+        MagicString: ee,
+        meta: Q,
+        dialogVisible: te,
+        open: G,
+        close: se
+      })
+    }), w = D((x, k, B, $, he) => {
+      var ve, ge, be, pe, Le;
+      const le = he && $.length ? `event,${B}` : B, ne = `function ${k} (${le}) {
+}
+`;
+      if (!x)
+        return ne;
+      try {
+        const _e = new ee(x), W = ce(x);
+        if (((ge = (ve = W == null ? void 0 : W.program) == null ? void 0 : ve.body[0]) == null ? void 0 : ge.type) !== "FunctionDeclaration")
+          return ne;
+        if (((be = W == null ? void 0 : W.program) == null ? void 0 : be.body[0].params.length) === $.length + 1)
+          return x;
+        const Be = (pe = W == null ? void 0 : W.program) == null ? void 0 : pe.body[0].id.end, Ze = (Le = W == null ? void 0 : W.program) == null ? void 0 : Le.body[0].body.start;
+        return _e.remove(Be, Ze), _e.appendLeft(Be, `(${le})`), _e.toString();
+      } catch {
+        return ne;
       }
-      return {
-        preBody: p || `{
-}`,
-        isAsync: v,
-        isGenerator: C
-      };
-    }, V = () => {
-      r(e.Page).then(() => {
-        Se(() => {
-          var g;
-          m && m((g = s.bindMethodInfo) == null ? void 0 : g.name);
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialog.rewriteMethodParams"
+      },
+      ctx: () => ({
+        props: h,
+        BindEventsDialogSidebar: e,
+        BindEventsDialogContent: n,
+        PLUGIN_NAME: t,
+        activePlugin: o,
+        pageState: i,
+        getMethods: l,
+        saveMethod: d,
+        highlightMethod: a,
+        state: c,
+        selectMethod: b,
+        bindMethod: s,
+        resetTipError: m,
+        getExtraParams: g,
+        getFormatParams: v,
+        rewriteMethodParams: w,
+        activePagePlugin: S,
+        confirm: A,
+        openedDialog: y,
+        closeDialog: E,
+        string2Ast: ce,
+        getMergeMeta: q,
+        useCanvas: I,
+        useHistory: de,
+        useLayout: z,
+        getOptions: ae,
+        getMetaApi: V,
+        META_APP: O,
+        MagicString: ee,
+        meta: Q,
+        dialogVisible: te,
+        open: G,
+        close: se
+      })
+    }), S = D(() => {
+      o(t.Page).then(() => {
+        Ot(() => {
+          var x;
+          a && a((x = c.bindMethodInfo) == null ? void 0 : x.name);
         });
       });
-    };
-    return {
-      BindEventsDialogSidebar: o,
-      BindEventsDialogContent: a,
-      state: s,
-      dialogVisible: ce,
-      confirm: async () => {
-        if (s.tipError)
-          return;
-        let g = "event";
-        const p = i();
-        let v = g;
-        if (!s.isValidParams)
-          return;
-        p && (g = p.join(","), v = d(p)), n({ ...s.bindMethodInfo, extra: p });
-        const { preBody: C, isAsync: w, isGenerator: M } = y(), { name: P } = s.bindMethodInfo, S = `${w ? "async" : ""} function${M ? "*" : ""} ${P}`, T = {
-          name: P,
-          content: s.enableExtraParams ? `${S}(eventArgs,${v}) ${C}` : `${S}(${v})  ${C}`
-        }, { beforeSaveMethod: U } = Je(de.id);
-        typeof U == "function" && await U(T, s.bindMethodInfo), c == null || c(T), V(), Ce();
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialog.activePagePlugin"
+      },
+      ctx: () => ({
+        props: h,
+        BindEventsDialogSidebar: e,
+        BindEventsDialogContent: n,
+        PLUGIN_NAME: t,
+        activePlugin: o,
+        pageState: i,
+        getMethods: l,
+        saveMethod: d,
+        highlightMethod: a,
+        state: c,
+        selectMethod: b,
+        bindMethod: s,
+        resetTipError: m,
+        getExtraParams: g,
+        getFormatParams: v,
+        rewriteMethodParams: w,
+        activePagePlugin: S,
+        confirm: A,
+        openedDialog: y,
+        closeDialog: E,
+        string2Ast: ce,
+        getMergeMeta: q,
+        useCanvas: I,
+        useHistory: de,
+        useLayout: z,
+        getOptions: ae,
+        getMetaApi: V,
+        META_APP: O,
+        MagicString: ee,
+        meta: Q,
+        dialogVisible: te,
+        open: G,
+        close: se
+      })
+    }), A = D(async () => {
+      var ge, be;
+      if (c.tipError)
+        return;
+      let x = "event";
+      const k = g();
+      let B = x;
+      if (!c.isValidParams)
+        return;
+      k && (x = k.join(","), B = v(k)), s({
+        ...c.bindMethodInfo,
+        params: x,
+        extra: k
+      });
+      const {
+        name: $
+      } = c.bindMethodInfo, he = (be = (ge = l()) == null ? void 0 : ge[c.bindMethodInfo.name]) == null ? void 0 : be.value, le = w(he, $, B, k, c.enableExtraParams), ne = {
+        name: $,
+        content: le
+      }, {
+        beforeSaveMethod: ve
+      } = ae(Q.id);
+      typeof ve == "function" && await ve(ne, c.bindMethodInfo), d == null || d(ne), S(), se();
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialog.confirm"
       },
-      closeDialog: () => {
-        l(), Ce();
+      ctx: () => ({
+        props: h,
+        BindEventsDialogSidebar: e,
+        BindEventsDialogContent: n,
+        PLUGIN_NAME: t,
+        activePlugin: o,
+        pageState: i,
+        getMethods: l,
+        saveMethod: d,
+        highlightMethod: a,
+        state: c,
+        selectMethod: b,
+        bindMethod: s,
+        resetTipError: m,
+        getExtraParams: g,
+        getFormatParams: v,
+        rewriteMethodParams: w,
+        activePagePlugin: S,
+        confirm: A,
+        openedDialog: y,
+        closeDialog: E,
+        string2Ast: ce,
+        getMergeMeta: q,
+        useCanvas: I,
+        useHistory: de,
+        useLayout: z,
+        getOptions: ae,
+        getMetaApi: V,
+        META_APP: O,
+        MagicString: ee,
+        meta: Q,
+        dialogVisible: te,
+        open: G,
+        close: se
+      })
+    }), y = D(() => {
+      var x, k, B;
+      c.enableExtraParams = !!((k = (x = h.eventBinding) == null ? void 0 : x.params) != null && k.length), c.editorContent = JSON.stringify(((B = h.eventBinding) == null ? void 0 : B.params) || [], null, 2), m();
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialog.openedDialog"
       },
-      openedDialog: () => {
-        var g, p, v;
-        s.enableExtraParams = !!((p = (g = f.eventBinding) == null ? void 0 : g.params) != null && p.length), s.editorContent = JSON.stringify(((v = f.eventBinding) == null ? void 0 : v.params) || [], null, 2), l();
+      ctx: () => ({
+        props: h,
+        BindEventsDialogSidebar: e,
+        BindEventsDialogContent: n,
+        PLUGIN_NAME: t,
+        activePlugin: o,
+        pageState: i,
+        getMethods: l,
+        saveMethod: d,
+        highlightMethod: a,
+        state: c,
+        selectMethod: b,
+        bindMethod: s,
+        resetTipError: m,
+        getExtraParams: g,
+        getFormatParams: v,
+        rewriteMethodParams: w,
+        activePagePlugin: S,
+        confirm: A,
+        openedDialog: y,
+        closeDialog: E,
+        string2Ast: ce,
+        getMergeMeta: q,
+        useCanvas: I,
+        useHistory: de,
+        useLayout: z,
+        getOptions: ae,
+        getMetaApi: V,
+        META_APP: O,
+        MagicString: ee,
+        meta: Q,
+        dialogVisible: te,
+        open: G,
+        close: se
+      })
+    }), E = D(() => {
+      m(), se();
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialog.closeDialog"
       },
-      selectMethod: x
+      ctx: () => ({
+        props: h,
+        BindEventsDialogSidebar: e,
+        BindEventsDialogContent: n,
+        PLUGIN_NAME: t,
+        activePlugin: o,
+        pageState: i,
+        getMethods: l,
+        saveMethod: d,
+        highlightMethod: a,
+        state: c,
+        selectMethod: b,
+        bindMethod: s,
+        resetTipError: m,
+        getExtraParams: g,
+        getFormatParams: v,
+        rewriteMethodParams: w,
+        activePagePlugin: S,
+        confirm: A,
+        openedDialog: y,
+        closeDialog: E,
+        string2Ast: ce,
+        getMergeMeta: q,
+        useCanvas: I,
+        useHistory: de,
+        useLayout: z,
+        getOptions: ae,
+        getMetaApi: V,
+        META_APP: O,
+        MagicString: ee,
+        meta: Q,
+        dialogVisible: te,
+        open: G,
+        close: se
+      })
+    });
+    return {
+      BindEventsDialogSidebar: e,
+      BindEventsDialogContent: n,
+      state: c,
+      dialogVisible: te,
+      confirm: A,
+      closeDialog: E,
+      openedDialog: y,
+      selectMethod: b
     };
   }
-}, pn = { class: "bind-event-dialog-tip" }, un = { class: "bind-event-dialog-content" }, fn = { class: "bind-dialog-footer" };
-function vn(f, o, a, e, r, _) {
-  const h = k("tiny-alert"), c = k("tiny-button"), m = k("tiny-dialog-box");
-  return b(), O(m, {
-    visible: e.dialogVisible,
+}, nn = { class: "bind-event-dialog-tip" }, on = { class: "bind-event-dialog-content" }, sn = { class: "bind-dialog-footer" };
+function rn(h, e, n, t, o, i) {
+  const l = X("tiny-alert"), d = X("tiny-button"), a = X("tiny-dialog-box");
+  return U(), Ce(a, {
+    visible: t.dialogVisible,
     title: "事件绑定",
     width: "50%",
     "dialog-class": "bind-event-dialog",
     draggable: "",
     "append-to-body": !0,
-    onClose: e.closeDialog,
-    onOpened: e.openedDialog
+    onClose: t.closeDialog,
+    onOpened: t.openedDialog
   }, {
-    footer: E(() => [
-      t("div", fn, [
-        u(c, { onClick: e.closeDialog }, {
-          default: E(() => o[0] || (o[0] = [
-            J("取 消")
+    footer: J(() => [
+      _("div", sn, [
+        N(d, { onClick: t.closeDialog }, {
+          default: J(() => e[0] || (e[0] = [
+            Fe("取 消")
           ])),
           _: 1,
           __: [0]
         }, 8, ["onClick"]),
-        u(c, {
+        N(d, {
           type: "info",
-          onClick: e.confirm
+          onClick: t.confirm
         }, {
-          default: E(() => o[1] || (o[1] = [
-            J("确 定")
+          default: J(() => e[1] || (e[1] = [
+            Fe("确 定")
           ])),
           _: 1,
           __: [1]
         }, 8, ["onClick"])
       ])
     ]),
-    default: E(() => [
-      t("div", pn, [
-        u(h, {
+    default: J(() => [
+      _("div", nn, [
+        N(l, {
           type: "info",
           description: "选择已有方法或者添加新方法（点击 确定 之后将在JS面板中创建一个该名称的新方法）。",
           class: "header-alert",
           closable: !1
         })
       ]),
-      t("div", un, [
-        (b(), O(_e(e.BindEventsDialogSidebar), {
-          dialogVisible: e.dialogVisible,
-          eventBinding: a.eventBinding
+      _("div", on, [
+        (U(), Ce(_t(t.BindEventsDialogSidebar), {
+          dialogVisible: t.dialogVisible,
+          eventBinding: n.eventBinding
         }, null, 8, ["dialogVisible", "eventBinding"])),
-        (b(), O(_e(e.BindEventsDialogContent), { dialogVisible: e.dialogVisible }, null, 8, ["dialogVisible"]))
+        (U(), Ce(_t(t.BindEventsDialogContent), { dialogVisible: t.dialogVisible }, null, 8, ["dialogVisible"]))
       ])
     ]),
     _: 1
   }, 8, ["visible", "onClose", "onOpened"]);
 }
-const gn = /* @__PURE__ */ H(mn, [["render", vn], ["__scopeId", "data-v-070f73c9"]]), _n = {
+const ze = /* @__PURE__ */ We(tn, [["render", rn], ["__scopeId", "data-v-84897b97"]]), Lt = {
   onClick: {
     label: {
       zh_CN: "点击事件"
@@ -243,120 +1579,19 @@ const gn = /* @__PURE__ */ H(mn, [["render", vn], ["__scopeId", "data-v-070f73c9
     },
     defaultValue: ""
   }
-}, hn = [
-  "onabort",
-  "onafterprint",
-  "onanimationend",
-  "onanimationiteration",
-  "onanimationstart",
-  "onappinstalled",
-  "onauxclick",
-  "onbeforeinstallprompt",
-  "onbeforeprint",
-  "onbeforeunload",
-  "onbeforexrselect",
-  "onblur",
-  "oncancel",
-  "oncanplay",
-  "oncanplaythrough",
-  "onchange",
-  "onclick",
-  "onclose",
-  "oncontextlost",
-  "oncontextmenu",
-  "oncontextrestored",
-  "oncuechange",
-  "ondblclick",
-  "ondrag",
-  "ondragend",
-  "ondragenter",
-  "ondragleave",
-  "ondragover",
-  "ondragstart",
-  "ondrop",
-  "ondurationchange",
-  "onemptied",
-  "onended",
-  "onerror",
-  "onfocus",
-  "onformdata",
-  "ongotpointercapture",
-  "onhashchange",
-  "oninput",
-  "oninvalid",
-  "onkeydown",
-  "onkeypress",
-  "onkeyup",
-  "onlanguagechange",
-  "onload",
-  "onloadeddata",
-  "onloadedmetadata",
-  "onloadstart",
-  "onlostpointercapture",
-  "onmessage",
-  "onmessageerror",
-  "onmousedown",
-  "onmouseenter",
-  "onmouseleave",
-  "onmousemove",
-  "onmouseout",
-  "onmouseover",
-  "onmouseup",
-  "onmousewheel",
-  "onoffline",
-  "ononline",
-  "onpagehide",
-  "onpageshow",
-  "onpause",
-  "onplay",
-  "onplaying",
-  "onpointercancel",
-  "onpointerdown",
-  "onpointerenter",
-  "onpointerleave",
-  "onpointermove",
-  "onpointerout",
-  "onpointerover",
-  "onpointerrawupdate",
-  "onpointerup",
-  "onpopstate",
-  "onprogress",
-  "onratechange",
-  "onrejectionhandled",
-  "onreset",
-  "onresize",
-  "onscroll",
-  "onsearch",
-  "onsecuritypolicyviolation",
-  "onseeked",
-  "onseeking",
-  "onselect",
-  "onselectionchange",
-  "onselectstart",
-  "onslotchange",
-  "onstalled",
-  "onstorage",
-  "onsubmit",
-  "onsuspend",
-  "ontimeupdate",
-  "ontoggle",
-  "ontransitioncancel",
-  "ontransitionend",
-  "ontransitionrun",
-  "ontransitionstart",
-  "onunhandledrejection",
-  "onunload",
-  "onvolumechange",
-  "onwaiting",
-  "onwebkitanimationend",
-  "onwebkitanimationiteration",
-  "onwebkitanimationstart",
-  "onwebkittransitionend",
-  "onwheel"
-], bn = (f) => !!hn.map((a) => {
-  const e = a[2].toUpperCase();
-  return `${a.substring(0, 2)}${e}${a.substring(3)}`;
-}).includes(f), yn = { class: "footer" }, En = {
+}, Dt = ["onabort", "onafterprint", "onanimationend", "onanimationiteration", "onanimationstart", "onappinstalled", "onauxclick", "onbeforeinstallprompt", "onbeforeprint", "onbeforeunload", "onbeforexrselect", "onblur", "oncancel", "oncanplay", "oncanplaythrough", "onchange", "onclick", "onclose", "oncontextlost", "oncontextmenu", "oncontextrestored", "oncuechange", "ondblclick", "ondrag", "ondragend", "ondragenter", "ondragleave", "ondragover", "ondragstart", "ondrop", "ondurationchange", "onemptied", "onended", "onerror", "onfocus", "onformdata", "ongotpointercapture", "onhashchange", "oninput", "oninvalid", "onkeydown", "onkeypress", "onkeyup", "onlanguagechange", "onload", "onloadeddata", "onloadedmetadata", "onloadstart", "onlostpointercapture", "onmessage", "onmessageerror", "onmousedown", "onmouseenter", "onmouseleave", "onmousemove", "onmouseout", "onmouseover", "onmouseup", "onmousewheel", "onoffline", "ononline", "onpagehide", "onpageshow", "onpause", "onplay", "onplaying", "onpointercancel", "onpointerdown", "onpointerenter", "onpointerleave", "onpointermove", "onpointerout", "onpointerover", "onpointerrawupdate", "onpointerup", "onpopstate", "onprogress", "onratechange", "onrejectionhandled", "onreset", "onresize", "onscroll", "onsearch", "onsecuritypolicyviolation", "onseeked", "onseeking", "onselect", "onselectionchange", "onselectstart", "onslotchange", "onstalled", "onstorage", "onsubmit", "onsuspend", "ontimeupdate", "ontoggle", "ontransitioncancel", "ontransitionend", "ontransitionrun", "ontransitionstart", "onunhandledrejection", "onunload", "onvolumechange", "onwaiting", "onwebkitanimationend", "onwebkitanimationiteration", "onwebkitanimationstart", "onwebkittransitionend", "onwheel"], ot = D((h) => !!Dt.map((n) => {
+  const t = n[2].toUpperCase();
+  return `${n.substring(0, 2)}${t}${n.substring(3)}`;
+}).includes(h), {
+  metaData: {
+    id: "engine.setting.event.commonjs-events.checkEvent"
+  },
+  ctx: () => ({
+    commonEvents: Lt,
+    allEvents: Dt,
+    checkEvent: ot
+  })
+}), ln = { class: "footer" }, an = {
   __name: "AddEventsDialog",
   props: {
     visible: {
@@ -369,108 +1604,157 @@ const gn = /* @__PURE__ */ H(mn, [["render", vn], ["__scopeId", "data-v-070f73c9
     }
   },
   emits: ["closeDialog", "addEvent"],
-  setup(f, { emit: o }) {
-    const a = f, e = o, r = Y({
+  setup(h, { emit: e }) {
+    const n = h, t = e, o = rt({
       eventDescription: "",
       eventName: ""
-    }), _ = K(null), c = {
-      eventDescription: [
-        {
-          required: !0,
-          message: "必填"
-        }
-      ],
-      eventName: [
-        { required: !0, message: "必填" },
-        {
-          validator: (x, n, l) => {
-            if (a.componentEvents[r.eventName]) {
-              l(new Error("事件名已存在"));
-              return;
-            }
-            if (!bn(r.eventName)) {
-              l(new Error("请输入正确的浏览器事件名"));
-              return;
-            }
-            l();
-          }
-        }
-      ]
-    }, m = () => {
-      e("closeDialog");
-    }, s = () => {
-      _.value && _.value.validate((x) => {
-        if (!x)
+    }), i = Ye(null), l = D((b, s, m) => {
+      if (n.componentEvents[o.eventName]) {
+        m(new Error("事件名已存在"));
+        return;
+      }
+      if (!ot(o.eventName)) {
+        m(new Error("请输入正确的浏览器事件名"));
+        return;
+      }
+      m();
+    }, {
+      metaData: {
+        id: "engine.setting.event.AddEventsDialog.eventNameValidator"
+      },
+      ctx: () => ({
+        checkEvent: ot,
+        props: n,
+        emits: t,
+        formData: o,
+        ruleForm: i,
+        eventNameValidator: l,
+        rules: d,
+        closeDialog: a,
+        addMethod: c
+      })
+    }), d = {
+      eventDescription: [{
+        required: !0,
+        message: "必填"
+      }],
+      eventName: [{
+        required: !0,
+        message: "必填"
+      }, {
+        validator: l
+      }]
+    }, a = D(() => {
+      t("closeDialog");
+    }, {
+      metaData: {
+        id: "engine.setting.event.AddEventsDialog.closeDialog"
+      },
+      ctx: () => ({
+        checkEvent: ot,
+        props: n,
+        emits: t,
+        formData: o,
+        ruleForm: i,
+        eventNameValidator: l,
+        rules: d,
+        closeDialog: a,
+        addMethod: c
+      })
+    }), c = D(() => {
+      i.value && i.value.validate((b) => {
+        if (!b)
           return;
-        const { eventName: n, eventDescription: l } = r;
-        e("addEvent", { eventName: n, eventDescription: l });
+        const {
+          eventName: s,
+          eventDescription: m
+        } = o;
+        t("addEvent", {
+          eventName: s,
+          eventDescription: m
+        });
       });
-    };
-    return (x, n) => (b(), O(D(De), {
-      visible: f.visible,
+    }, {
+      metaData: {
+        id: "engine.setting.event.AddEventsDialog.addMethod"
+      },
+      ctx: () => ({
+        checkEvent: ot,
+        props: n,
+        emits: t,
+        formData: o,
+        ruleForm: i,
+        eventNameValidator: l,
+        rules: d,
+        closeDialog: a,
+        addMethod: c
+      })
+    });
+    return (b, s) => (U(), Ce(Z(It), {
+      visible: h.visible,
       title: "添加新事件",
       width: "400px",
       "append-to-body": !0,
       "close-on-click-modal": !1,
-      onClose: m
+      onClose: Z(a)
     }, {
-      footer: E(() => [
-        t("div", yn, [
-          u(D(ee), { onClick: m }, {
-            default: E(() => n[2] || (n[2] = [
-              J(" 取消")
+      footer: J(() => [
+        _("div", ln, [
+          N(Z(ct), { onClick: Z(a) }, {
+            default: J(() => s[2] || (s[2] = [
+              Fe(" 取消")
             ])),
             _: 1,
             __: [2]
-          }),
-          u(D(ee), {
+          }, 8, ["onClick"]),
+          N(Z(ct), {
             type: "primary",
-            onClick: s
+            onClick: Z(c)
           }, {
-            default: E(() => n[3] || (n[3] = [
-              J(" 确定")
+            default: J(() => s[3] || (s[3] = [
+              Fe(" 确定")
             ])),
             _: 1,
             __: [3]
-          })
+          }, 8, ["onClick"])
         ])
       ]),
-      default: E(() => [
-        u(D(Ue), {
+      default: J(() => [
+        N(Z(Mt), {
           ref_key: "ruleForm",
-          ref: _,
-          model: r,
-          rules: c,
+          ref: i,
+          model: o,
+          rules: d,
           "label-width": "80px",
           "inline-message": !0,
           "validate-type": "text",
           "label-position": "left",
           class: "add-custom-event-form"
         }, {
-          default: E(() => [
-            u(D(Ee), {
+          default: J(() => [
+            N(Z(xt), {
               label: "事件函数名",
               prop: "eventName",
               required: ""
             }, {
-              default: E(() => [
-                u(D(le), {
-                  modelValue: r.eventName,
-                  "onUpdate:modelValue": n[0] || (n[0] = (l) => r.eventName = l),
+              default: J(() => [
+                N(Z(mt), {
+                  modelValue: o.eventName,
+                  "onUpdate:modelValue": s[0] || (s[0] = (m) => o.eventName = m),
                   placeholder: "小驼峰格式，如：onDrag"
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
             }),
-            u(D(Ee), {
+            N(Z(xt), {
               label: "事件描述",
               prop: "eventDescription",
               required: ""
             }, {
-              default: E(() => [
-                u(D(le), {
-                  modelValue: r.eventDescription,
-                  "onUpdate:modelValue": n[1] || (n[1] = (l) => r.eventDescription = l)
+              default: J(() => [
+                N(Z(mt), {
+                  modelValue: o.eventDescription,
+                  "onUpdate:modelValue": s[1] || (s[1] = (m) => o.eventDescription = m)
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
@@ -480,114 +1764,405 @@ const gn = /* @__PURE__ */ H(mn, [["render", vn], ["__scopeId", "data-v-070f73c9
         }, 8, ["model"])
       ]),
       _: 1
-    }, 8, ["visible"]));
+    }, 8, ["visible", "onClose"]));
   }
-}, xn = /* @__PURE__ */ H(En, [["__scopeId", "data-v-5033228a"]]), kn = {
+}, Je = /* @__PURE__ */ We(an, [["__scopeId", "data-v-2ed7fac6"]]), dn = {
   components: {
-    BlockLinkEvent: We,
-    BindEventsDialog: gn,
-    TinyPopover: je,
-    TinyButton: ee,
-    IconChevronDown: nn(),
-    SvgButton: Ze,
-    AddEventsDialog: xn
+    BlockLinkEvent: je,
+    BindEventsDialog: ze,
+    TinyPopover: Rt,
+    TinyButton: ct,
+    IconChevronDown: $e(),
+    SvgButton: Ue,
+    AddEventsDialog: Je
   },
   inheritAttrs: !1,
   setup() {
-    const { PLUGIN_NAME: f, activePlugin: o } = re(), { pageState: a } = j(), { getBlockEvents: e, getCurrentBlock: r, removeEventLink: _ } = Ke(), { getMaterial: h } = He(), { confirm: c } = Ge(), m = Ye.global.locale.value, { highlightMethod: s } = ne(oe.Page), { commonEvents: x = {} } = Ie("engine.setting.event").options, n = Y({
+    const {
+      PLUGIN_NAME: h,
+      activePlugin: e
+    } = z(), {
+      pageState: n
+    } = I(), {
+      getBlockEvents: t,
+      getCurrentBlock: o,
+      removeEventLink: i
+    } = Oe(), {
+      getMaterial: l
+    } = Ve(), {
+      confirm: d
+    } = Me(), a = Te.global.locale.value, {
+      highlightMethod: c
+    } = V(O.Page), {
+      commonEvents: b = {}
+    } = q("engine.setting.event").options, s = rt({
       eventName: "",
       // 事件名称
       eventBinding: null,
       // 事件绑定的处理方法对象
       componentEvent: {},
-      customEvents: x,
+      customEvents: b,
       bindActions: {},
       showBindEventDialog: !1
-    }), l = q(() => !!a.isBlock), i = q(() => Object.keys(n.bindActions).length === 0), d = q(() => ({ ...n.componentEvent, ...n.customEvents }));
-    Ae(() => {
-      var M, P, S, T, U;
-      const p = (M = a == null ? void 0 : a.currentSchema) == null ? void 0 : M.componentName, v = h(p);
-      n.componentEvent = ((S = (P = v == null ? void 0 : v.content) == null ? void 0 : P.schema) == null ? void 0 : S.events) || ((T = v == null ? void 0 : v.schema) == null ? void 0 : T.events) || {};
-      const C = ((U = a == null ? void 0 : a.currentSchema) == null ? void 0 : U.props) || {}, w = Object.keys(C);
-      n.bindActions = {}, Object.entries(d.value).forEach(([L, Z]) => {
-        var A, ie, me;
-        if (w.indexOf(L) > -1) {
-          const Me = C[L], { value: we, params: pe } = Me, Le = !pe && ((ie = (A = we.match(/\((.+)\)$/)) == null ? void 0 : A[1]) == null ? void 0 : ie.split(",")) || pe, z = {
-            eventName: L,
+    }), m = it(() => !!n.isBlock), g = it(() => Object.keys(s.bindActions).length === 0), v = it(() => ({
+      ...s.componentEvent,
+      ...s.customEvents
+    }));
+    Nt(() => {
+      var le, ne, ve, ge, be;
+      const k = (le = n == null ? void 0 : n.currentSchema) == null ? void 0 : le.componentName, B = l(k);
+      s.componentEvent = ((ve = (ne = B == null ? void 0 : B.content) == null ? void 0 : ne.schema) == null ? void 0 : ve.events) || ((ge = B == null ? void 0 : B.schema) == null ? void 0 : ge.events) || {};
+      const $ = ((be = n == null ? void 0 : n.currentSchema) == null ? void 0 : be.props) || {}, he = Object.keys($);
+      s.bindActions = {}, Object.entries(v.value).forEach(([pe, Le]) => {
+        var _e, W, Be;
+        if (he.indexOf(pe) > -1) {
+          const Ze = $[pe], {
+            value: ut,
+            params: f
+          } = Ze, u = !f && ((W = (_e = ut.match(/\((.+)\)$/)) == null ? void 0 : _e[1]) == null ? void 0 : W.split(",")) || f, r = {
+            eventName: pe,
             ref: "",
-            event: C[L],
-            params: Le
+            event: $[pe],
+            params: u
           };
-          if (z.event.type === "JSExpression" && (z.ref = z.event.value.replace("this.", "").replace(/\(.*\)$/, "")), a.isBlock) {
-            z.metaEvent = Z;
-            const ue = e(r()), fe = (me = a == null ? void 0 : a.currentSchema) == null ? void 0 : me.id;
-            fe && ue && Object.entries(ue).forEach(([Oe, R]) => {
-              var ve, ge;
-              fe === ((ve = R == null ? void 0 : R.linked) == null ? void 0 : ve.id) && L === ((ge = R == null ? void 0 : R.linked) == null ? void 0 : ge.event) && (z.linked = R.linked, z.linkedEventName = Oe);
+          if (r.event.type === "JSExpression" && (r.ref = r.event.value.replace("this.", "").replace(/\(.*\)$/, "")), n.isBlock) {
+            r.metaEvent = Le;
+            const p = t(o()), C = (Be = n == null ? void 0 : n.currentSchema) == null ? void 0 : Be.id;
+            C && p && Object.entries(p).forEach(([P, L]) => {
+              var M, j;
+              C === ((M = L == null ? void 0 : L.linked) == null ? void 0 : M.id) && pe === ((j = L == null ? void 0 : L.linked) == null ? void 0 : j.event) && (r.linked = L.linked, r.linkedEventName = P);
             });
           }
-          n.bindActions[L] = z;
+          s.bindActions[pe] = r;
         }
       });
     });
-    const y = (p, v) => {
-      v && n.bindActions[p.eventName] || (n.eventBinding = p, cn());
-    }, V = (p) => {
-      var C;
-      Object.keys(((C = a == null ? void 0 : a.currentSchema) == null ? void 0 : C.props) || {}).indexOf(p.eventName) > -1 && (delete a.currentSchema.props[p.eventName], qe().publish({ topic: "schemaChange", data: { props: a.currentSchema.props } }));
-    };
-    return {
-      state: n,
-      isBlock: l,
-      isEmpty: i,
-      delEvent: (p) => {
-        c({
-          title: "提示",
-          message: `您确定要删除事件 ${p.eventName} 吗?`,
-          exec() {
-            a.isBlock && _({ linked: p.linked }), V(p);
-          }
-        });
+    const w = D((k, B) => {
+      B && s.bindActions[k.eventName] || (s.eventBinding = k, G());
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEvents.openActionDialog"
       },
-      openCodePanel: (p) => {
-        p && o(f.Page).then(() => {
-          s && s(p.ref);
-        });
+      ctx: () => ({
+        PLUGIN_NAME: h,
+        activePlugin: e,
+        pageState: n,
+        getBlockEvents: t,
+        getCurrentBlock: o,
+        removeEventLink: i,
+        getMaterial: l,
+        confirm: d,
+        locale: a,
+        highlightMethod: c,
+        commonEvents: b,
+        state: s,
+        isBlock: m,
+        isEmpty: g,
+        renderEventList: v,
+        openActionDialog: w,
+        deleteAction: S,
+        delEvent: A,
+        openCodePanel: y,
+        handleToggleAddEventDialog: E,
+        handleAddEvent: x,
+        useModal: Me,
+        getMergeMeta: q,
+        useCanvas: I,
+        useLayout: z,
+        useBlock: Oe,
+        useMaterial: Ve,
+        getMetaApi: V,
+        META_APP: O,
+        useMessage: Re,
+        i18n: Te,
+        BlockLinkEvent: je,
+        SvgButton: Ue,
+        iconChevronDown: $e,
+        BindEventsDialog: ze,
+        openDialog: G,
+        AddEventsDialog: Je
+      })
+    }), S = D((k) => {
+      var $;
+      Object.keys((($ = n == null ? void 0 : n.currentSchema) == null ? void 0 : $.props) || {}).indexOf(k.eventName) > -1 && (delete n.currentSchema.props[k.eventName], Re().publish({
+        topic: "schemaChange",
+        data: {
+          props: n.currentSchema.props
+        }
+      }));
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEvents.deleteAction"
       },
-      openActionDialog: y,
-      handleAddEvent: (p) => {
-        const { eventName: v, eventDescription: C } = p;
-        Object.assign(n.customEvents, {
-          [v]: {
-            label: {
-              zh_CN: C
-            },
-            description: {
-              zh_CN: `${C}的回调函数`
-            },
-            type: "event",
-            functionInfo: {
-              params: [],
-              returns: {}
-            },
-            defaultValue: ""
-          }
-        }), n.showBindEventDialog = !1;
+      ctx: () => ({
+        PLUGIN_NAME: h,
+        activePlugin: e,
+        pageState: n,
+        getBlockEvents: t,
+        getCurrentBlock: o,
+        removeEventLink: i,
+        getMaterial: l,
+        confirm: d,
+        locale: a,
+        highlightMethod: c,
+        commonEvents: b,
+        state: s,
+        isBlock: m,
+        isEmpty: g,
+        renderEventList: v,
+        openActionDialog: w,
+        deleteAction: S,
+        delEvent: A,
+        openCodePanel: y,
+        handleToggleAddEventDialog: E,
+        handleAddEvent: x,
+        useModal: Me,
+        getMergeMeta: q,
+        useCanvas: I,
+        useLayout: z,
+        useBlock: Oe,
+        useMaterial: Ve,
+        getMetaApi: V,
+        META_APP: O,
+        useMessage: Re,
+        i18n: Te,
+        BlockLinkEvent: je,
+        SvgButton: Ue,
+        iconChevronDown: $e,
+        BindEventsDialog: ze,
+        openDialog: G,
+        AddEventsDialog: Je
+      })
+    }), A = D((k) => {
+      d({
+        title: "提示",
+        message: `您确定要删除事件 ${k.eventName} 吗?`,
+        exec() {
+          n.isBlock && i({
+            linked: k.linked
+          }), S(k);
+        }
+      });
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEvents.delEvent"
       },
-      handleToggleAddEventDialog: (p) => {
-        n.showBindEventDialog = p;
+      ctx: () => ({
+        PLUGIN_NAME: h,
+        activePlugin: e,
+        pageState: n,
+        getBlockEvents: t,
+        getCurrentBlock: o,
+        removeEventLink: i,
+        getMaterial: l,
+        confirm: d,
+        locale: a,
+        highlightMethod: c,
+        commonEvents: b,
+        state: s,
+        isBlock: m,
+        isEmpty: g,
+        renderEventList: v,
+        openActionDialog: w,
+        deleteAction: S,
+        delEvent: A,
+        openCodePanel: y,
+        handleToggleAddEventDialog: E,
+        handleAddEvent: x,
+        useModal: Me,
+        getMergeMeta: q,
+        useCanvas: I,
+        useLayout: z,
+        useBlock: Oe,
+        useMaterial: Ve,
+        getMetaApi: V,
+        META_APP: O,
+        useMessage: Re,
+        i18n: Te,
+        BlockLinkEvent: je,
+        SvgButton: Ue,
+        iconChevronDown: $e,
+        BindEventsDialog: ze,
+        openDialog: G,
+        AddEventsDialog: Je
+      })
+    }), y = D((k) => {
+      k && e(h.Page).then(() => {
+        c && c(k.ref);
+      });
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEvents.openCodePanel"
+      },
+      ctx: () => ({
+        PLUGIN_NAME: h,
+        activePlugin: e,
+        pageState: n,
+        getBlockEvents: t,
+        getCurrentBlock: o,
+        removeEventLink: i,
+        getMaterial: l,
+        confirm: d,
+        locale: a,
+        highlightMethod: c,
+        commonEvents: b,
+        state: s,
+        isBlock: m,
+        isEmpty: g,
+        renderEventList: v,
+        openActionDialog: w,
+        deleteAction: S,
+        delEvent: A,
+        openCodePanel: y,
+        handleToggleAddEventDialog: E,
+        handleAddEvent: x,
+        useModal: Me,
+        getMergeMeta: q,
+        useCanvas: I,
+        useLayout: z,
+        useBlock: Oe,
+        useMaterial: Ve,
+        getMetaApi: V,
+        META_APP: O,
+        useMessage: Re,
+        i18n: Te,
+        BlockLinkEvent: je,
+        SvgButton: Ue,
+        iconChevronDown: $e,
+        BindEventsDialog: ze,
+        openDialog: G,
+        AddEventsDialog: Je
+      })
+    }), E = D((k) => {
+      s.showBindEventDialog = k;
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEvents.handleToggleAddEventDialog"
       },
-      renderEventList: d,
-      locale: m
+      ctx: () => ({
+        PLUGIN_NAME: h,
+        activePlugin: e,
+        pageState: n,
+        getBlockEvents: t,
+        getCurrentBlock: o,
+        removeEventLink: i,
+        getMaterial: l,
+        confirm: d,
+        locale: a,
+        highlightMethod: c,
+        commonEvents: b,
+        state: s,
+        isBlock: m,
+        isEmpty: g,
+        renderEventList: v,
+        openActionDialog: w,
+        deleteAction: S,
+        delEvent: A,
+        openCodePanel: y,
+        handleToggleAddEventDialog: E,
+        handleAddEvent: x,
+        useModal: Me,
+        getMergeMeta: q,
+        useCanvas: I,
+        useLayout: z,
+        useBlock: Oe,
+        useMaterial: Ve,
+        getMetaApi: V,
+        META_APP: O,
+        useMessage: Re,
+        i18n: Te,
+        BlockLinkEvent: je,
+        SvgButton: Ue,
+        iconChevronDown: $e,
+        BindEventsDialog: ze,
+        openDialog: G,
+        AddEventsDialog: Je
+      })
+    }), x = D((k) => {
+      const {
+        eventName: B,
+        eventDescription: $
+      } = k;
+      Object.assign(s.customEvents, {
+        [B]: {
+          label: {
+            zh_CN: $
+          },
+          description: {
+            zh_CN: `${$}的回调函数`
+          },
+          type: "event",
+          functionInfo: {
+            params: [],
+            returns: {}
+          },
+          defaultValue: ""
+        }
+      }), s.showBindEventDialog = !1;
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEvents.handleAddEvent"
+      },
+      ctx: () => ({
+        PLUGIN_NAME: h,
+        activePlugin: e,
+        pageState: n,
+        getBlockEvents: t,
+        getCurrentBlock: o,
+        removeEventLink: i,
+        getMaterial: l,
+        confirm: d,
+        locale: a,
+        highlightMethod: c,
+        commonEvents: b,
+        state: s,
+        isBlock: m,
+        isEmpty: g,
+        renderEventList: v,
+        openActionDialog: w,
+        deleteAction: S,
+        delEvent: A,
+        openCodePanel: y,
+        handleToggleAddEventDialog: E,
+        handleAddEvent: x,
+        useModal: Me,
+        getMergeMeta: q,
+        useCanvas: I,
+        useLayout: z,
+        useBlock: Oe,
+        useMaterial: Ve,
+        getMetaApi: V,
+        META_APP: O,
+        useMessage: Re,
+        i18n: Te,
+        BlockLinkEvent: je,
+        SvgButton: Ue,
+        iconChevronDown: $e,
+        BindEventsDialog: ze,
+        openDialog: G,
+        AddEventsDialog: Je
+      })
+    });
+    return {
+      state: s,
+      isBlock: m,
+      isEmpty: g,
+      delEvent: A,
+      openCodePanel: y,
+      openActionDialog: w,
+      handleAddEvent: x,
+      handleToggleAddEventDialog: E,
+      renderEventList: v,
+      locale: a
     };
   }
-}, Cn = { class: "bind-action-list" }, Vn = { class: "popover-head" }, An = { class: "bind-event-list" }, Nn = ["onClick"], Dn = { class: "bind-actions" }, In = { class: "action-item bind-action-item" }, Pn = ["onClick"], Bn = { class: "event-bind" }, Mn = { class: "action-buttons" }, wn = { class: "empty-action" }, Ln = { class: "icon" };
-function On(f, o, a, e, r, _) {
-  const h = k("icon-chevron-down"), c = k("tiny-button"), m = k("tiny-popover"), s = k("svg-icon"), x = k("block-link-event"), n = k("svg-button"), l = k("bind-events-dialog"), i = k("add-events-dialog");
-  return b(), N(W, null, [
-    t("div", Cn, [
-      t("div", Vn, [
-        u(m, {
+}, cn = { class: "bind-action-list" }, hn = { class: "popover-head" }, un = { class: "bind-event-list" }, fn = ["onClick"], gn = { class: "bind-actions" }, pn = { class: "action-item bind-action-item" }, mn = ["onClick"], vn = { class: "event-bind" }, bn = { class: "action-buttons" }, _n = { class: "empty-action" }, En = { class: "icon" };
+function yn(h, e, n, t, o, i) {
+  const l = X("icon-chevron-down"), d = X("tiny-button"), a = X("tiny-popover"), c = X("svg-icon"), b = X("block-link-event"), s = X("svg-button"), m = X("bind-events-dialog"), g = X("add-events-dialog");
+  return U(), re(at, null, [
+    _("div", cn, [
+      _("div", hn, [
+        N(a, {
           popperClass: "option-popper setting-advanced-bind-event-list",
           placement: "bottom-start",
           trigger: "hover",
@@ -595,321 +2170,580 @@ function On(f, o, a, e, r, _) {
           width: "256",
           "visible-arrow": !1
         }, {
-          reference: E(() => [
-            u(c, { class: "bind-event-btn" }, {
-              default: E(() => [
-                o[2] || (o[2] = t("span", null, "绑定事件", -1)),
-                u(h, { class: "icon-chevron-down bind-event-btn-icon" })
+          reference: J(() => [
+            N(d, { class: "bind-event-btn" }, {
+              default: J(() => [
+                e[2] || (e[2] = _("span", null, "绑定事件", -1)),
+                N(l, { class: "icon-chevron-down bind-event-btn-icon" })
               ]),
               _: 1,
               __: [2]
             })
           ]),
-          default: E(() => [
-            t("ul", An, [
-              (b(!0), N(W, null, ae(e.renderEventList, (d, y) => {
-                var V;
-                return b(), N("li", {
-                  key: y,
-                  class: X(["bind-event-list-item", { "bind-event-list-item-notallow": e.state.bindActions[y] }]),
-                  onClick: (I) => e.openActionDialog({ eventName: y }, !0)
+          default: J(() => [
+            _("ul", un, [
+              (U(!0), re(at, null, pt(t.renderEventList, (v, w) => {
+                var S;
+                return U(), re("li", {
+                  key: w,
+                  class: He(["bind-event-list-item", { "bind-event-list-item-notallow": t.state.bindActions[w] }]),
+                  onClick: (A) => t.openActionDialog({ eventName: w }, !0)
                 }, [
-                  t("div", null, B(y) + "  |  " + B(((V = d == null ? void 0 : d.label) == null ? void 0 : V[e.locale]) || y), 1)
-                ], 10, Nn);
+                  _("div", null, me(w) + "  |  " + me(((S = v == null ? void 0 : v.label) == null ? void 0 : S[t.locale]) || w), 1)
+                ], 10, fn);
               }), 128))
             ])
           ]),
           _: 1
         }),
-        u(c, {
+        N(d, {
           class: "title add-custom-event-button bind-action-button-item",
-          onClick: o[0] || (o[0] = (d) => e.handleToggleAddEventDialog(!0))
+          onClick: e[0] || (e[0] = (v) => t.handleToggleAddEventDialog(!0))
         }, {
-          default: E(() => [
-            u(s, {
+          default: J(() => [
+            N(c, {
               name: "add",
               class: "custom-event-button-icon"
             }),
-            o[3] || (o[3] = t("span", { class: "custom-event-button-text" }, "添加新事件", -1))
+            e[3] || (e[3] = _("span", { class: "custom-event-button-text" }, "添加新事件", -1))
           ]),
           _: 1,
           __: [3]
         })
       ]),
-      he(t("ul", Dn, [
-        (b(!0), N(W, null, ae(e.state.bindActions, (d) => {
-          var y, V;
-          return b(), N("li", {
-            key: d.eventName
+      Et(_("ul", gn, [
+        (U(!0), re(at, null, pt(t.state.bindActions, (v) => {
+          var w, S;
+          return U(), re("li", {
+            key: v.eventName
           }, [
-            t("div", In, [
-              t("div", {
+            _("div", pn, [
+              _("div", {
                 class: "binding-name",
-                onClick: (I) => e.openActionDialog(d)
+                onClick: (A) => t.openActionDialog(v)
               }, [
-                t("div", null, [
-                  J(B(d.eventName), 1),
-                  t("span", null, B((V = (y = e.renderEventList[d.eventName]) == null ? void 0 : y.label) == null ? void 0 : V[e.locale]), 1)
+                _("div", null, [
+                  Fe(me(v.eventName), 1),
+                  _("span", null, me((S = (w = t.renderEventList[v.eventName]) == null ? void 0 : w.label) == null ? void 0 : S[t.locale]), 1)
                 ]),
-                t("div", {
-                  class: X({ linked: d.linked })
-                }, B(d.linkedEventName), 3),
-                t("span", Bn, B(d.ref), 1)
-              ], 8, Pn),
-              t("div", Mn, [
-                e.isBlock ? (b(), O(x, {
+                _("div", {
+                  class: He({ linked: v.linked })
+                }, me(v.linkedEventName), 3),
+                _("span", vn, me(v.ref), 1)
+              ], 8, mn),
+              _("div", bn, [
+                t.isBlock ? (U(), Ce(b, {
                   key: 0,
-                  data: d
-                }, null, 8, ["data"])) : Q("", !0),
-                u(n, {
+                  data: v
+                }, null, 8, ["data"])) : dt("", !0),
+                N(s, {
                   name: "plugin-icon-page-schema",
                   tips: "定位到代码",
                   placement: "top",
                   hoverBgColor: !1,
-                  onClick: (I) => e.openCodePanel(d)
+                  onClick: (A) => t.openCodePanel(v)
                 }, null, 8, ["onClick"]),
-                u(n, {
+                N(s, {
                   name: "setting",
                   hoverBgColor: !1,
-                  onClick: (I) => e.openActionDialog(d, !1)
+                  onClick: (A) => t.openActionDialog(v, !1)
                 }, null, 8, ["onClick"]),
-                u(n, {
+                N(s, {
                   name: "delete",
                   hoverBgColor: !1,
-                  onClick: (I) => e.delEvent(d)
+                  onClick: (A) => t.delEvent(v)
                 }, null, 8, ["onClick"])
               ])
             ])
           ]);
         }), 128))
       ], 512), [
-        [be, !e.isEmpty]
+        [yt, !t.isEmpty]
       ]),
-      he(t("div", wn, [
-        t("div", Ln, [
-          u(s, {
+      Et(_("div", _n, [
+        _("div", En, [
+          N(c, {
             name: "empty-action",
             class: "empty-action-icon"
           })
         ]),
-        o[4] || (o[4] = t("div", { class: "center" }, "支持添加原生DOM事件，然后点击 绑定事件 为画布所选元素增加事件", -1))
+        e[4] || (e[4] = _("div", { class: "center" }, "支持添加原生DOM事件，然后点击 绑定事件 为画布所选元素增加事件", -1))
       ], 512), [
-        [be, e.isEmpty]
+        [yt, t.isEmpty]
       ])
     ]),
-    u(l, {
-      eventBinding: e.state.eventBinding
+    N(m, {
+      eventBinding: t.state.eventBinding
     }, null, 8, ["eventBinding"]),
-    u(i, {
-      visible: e.state.showBindEventDialog,
-      componentEvents: e.renderEventList,
-      onCloseDialog: o[1] || (o[1] = (d) => e.handleToggleAddEventDialog(!1)),
-      onAddEvent: e.handleAddEvent
+    N(g, {
+      visible: t.state.showBindEventDialog,
+      componentEvents: t.renderEventList,
+      onCloseDialog: e[1] || (e[1] = (v) => t.handleToggleAddEventDialog(!1)),
+      onAddEvent: t.handleAddEvent
     }, null, 8, ["visible", "componentEvents", "onAddEvent"])
   ], 64);
 }
-const Sn = /* @__PURE__ */ H(kn, [["render", On], ["__scopeId", "data-v-3bfab6f4"]]), { DEFAULT_LOOP_NAME: F } = dn, { string2Obj: Tn } = rn, Un = {
+const Cn = /* @__PURE__ */ We(dn, [["render", yn], ["__scopeId", "data-v-64f96b67"]]), {
+  DEFAULT_LOOP_NAME: ie
+} = Ae, {
+  string2Obj: Se
+} = Ie, xn = {
   components: {
-    SwitchConfigurator: ln,
-    TinyTooltip: ze,
-    VariableConfigurator: an,
-    InputConfigurator: sn,
-    CodeConfigurator: tn
+    SwitchConfigurator: De,
+    TinyTooltip: Tt,
+    VariableConfigurator: ke,
+    InputConfigurator: we,
+    CodeConfigurator: xe
   },
   inheritAttrs: !1,
   setup() {
-    const { pageState: f } = j(), o = K(!1), a = q(() => {
-      var n;
-      return ((n = o.value) == null ? void 0 : n.type) === G.JSEXPRESSION;
-    }), e = () => {
-      var n, l;
-      return ((l = (n = $().getSchema()) == null ? void 0 : n.loopArgs) == null ? void 0 : l[1]) || F.INDEX;
-    }, r = Y({
+    const {
+      pageState: h
+    } = I(), e = Ye(!1), n = it(() => {
+      var s;
+      return ((s = e.value) == null ? void 0 : s.type) === fe.JSEXPRESSION;
+    }), t = D(() => {
+      var s, m;
+      return ((m = (s = oe().getSchema()) == null ? void 0 : s.loopArgs) == null ? void 0 : m[1]) || ie.INDEX;
+    }, {
+      metaData: {
+        id: "engine.setting.event.AdvanceConfig.getIndexName"
+      },
+      ctx: () => ({
+        pageState: h,
+        condition: e,
+        isBind: n,
+        getIndexName: t,
+        state: o,
+        setLoopKey: i,
+        openEditor: l,
+        setConfig: d,
+        setLoopIndex: a,
+        setLoop: c,
+        setLoopItem: b,
+        CodeConfigurator: xe,
+        InputConfigurator: we,
+        SwitchConfigurator: De,
+        VariableConfigurator: ke,
+        useProperties: oe,
+        useCanvas: I,
+        PROP_DATA_TYPE: fe,
+        constants: Ae,
+        utils: Ie,
+        DEFAULT_LOOP_NAME: ie,
+        string2Obj: Se
+      })
+    }), o = rt({
       loopData: {
-        type: G.JSEXPRESSION,
+        type: fe.JSEXPRESSION,
         value: "[]"
       },
       loopItem: "item",
       loopIndex: "index",
-      isLoop: q(() => {
-        var n;
-        return ((n = r.loopData) == null ? void 0 : n.type) === G.JSEXPRESSION;
+      isLoop: it(() => {
+        var s;
+        return ((s = o.loopData) == null ? void 0 : s.type) === fe.JSEXPRESSION;
       }),
       loopKey: "",
       shouldUpdate: !1
     });
-    ye(
-      () => [f == null ? void 0 : f.currentSchema, r.shouldUpdate],
-      ([n]) => {
-        var l, i, d, y;
-        o.value = (n == null ? void 0 : n.condition) === void 0 ? !0 : n == null ? void 0 : n.condition, r.loopData = n == null ? void 0 : n.loop, r.loopItem = ((l = n == null ? void 0 : n.loopArgs) == null ? void 0 : l[0]) || "", r.loopIndex = ((i = n == null ? void 0 : n.loopArgs) == null ? void 0 : i[1]) || "", r.loopKey = ((y = (d = n == null ? void 0 : n.props) == null ? void 0 : d.key) == null ? void 0 : y.value) || "";
-      }
-    );
-    const _ = (n = "") => {
-      var I;
-      n = n.replace(/\s*/g, "");
-      const { getSchema: l, setProp: i } = $(), d = l();
-      if (!d)
+    Ct(() => [h == null ? void 0 : h.currentSchema, o.shouldUpdate], ([s]) => {
+      var m, g, v, w;
+      e.value = (s == null ? void 0 : s.condition) === void 0 ? !0 : s == null ? void 0 : s.condition, o.loopData = s == null ? void 0 : s.loop, o.loopItem = ((m = s == null ? void 0 : s.loopArgs) == null ? void 0 : m[0]) || "", o.loopIndex = ((g = s == null ? void 0 : s.loopArgs) == null ? void 0 : g[1]) || "", o.loopKey = ((w = (v = s == null ? void 0 : s.props) == null ? void 0 : v.key) == null ? void 0 : w.value) || "";
+    });
+    const i = D((s = "") => {
+      var A;
+      s = s.replace(/\s*/g, "");
+      const {
+        getSchema: m,
+        setProp: g
+      } = oe(), v = m();
+      if (!v)
         return;
-      const y = Number(n).toString() !== "NaN";
-      let V = (I = d.props) == null ? void 0 : I.key;
-      n && !y && (V = {
-        type: G.JSEXPRESSION,
-        value: n
-      }), n || (r.isLoop ? V = {
-        type: G.JSEXPRESSION,
-        value: e()
-      } : V = ""), i("key", V);
-    };
-    ye([() => r.isLoop, () => r.loopIndex], () => {
-      !r.loopKey && r.isLoop && _(e()), r.isLoop || _("");
+      const w = Number(s).toString() !== "NaN";
+      let S = (A = v.props) == null ? void 0 : A.key;
+      s && !w && (S = {
+        type: fe.JSEXPRESSION,
+        value: s
+      }), s || (o.isLoop ? S = {
+        type: fe.JSEXPRESSION,
+        value: t()
+      } : S = ""), g("key", S);
+    }, {
+      metaData: {
+        id: "engine.setting.event.AdvanceConfig.setLoopKey"
+      },
+      ctx: () => ({
+        pageState: h,
+        condition: e,
+        isBind: n,
+        getIndexName: t,
+        state: o,
+        setLoopKey: i,
+        openEditor: l,
+        setConfig: d,
+        setLoopIndex: a,
+        setLoop: c,
+        setLoopItem: b,
+        CodeConfigurator: xe,
+        InputConfigurator: we,
+        SwitchConfigurator: De,
+        VariableConfigurator: ke,
+        useProperties: oe,
+        useCanvas: I,
+        PROP_DATA_TYPE: fe,
+        constants: Ae,
+        utils: Ie,
+        DEFAULT_LOOP_NAME: ie,
+        string2Obj: Se
+      })
+    });
+    Ct([() => o.isLoop, () => o.loopIndex], () => {
+      !o.loopKey && o.isLoop && i(t()), o.isLoop || i("");
     });
-    const h = () => {
-      var n;
-      r.loopData = (n = $().getSchema()) == null ? void 0 : n.loop;
-    }, c = (n) => {
-      const { getSchema: l } = $(), i = l();
-      if (!i)
+    const l = D(() => {
+      var s;
+      o.loopData = (s = oe().getSchema()) == null ? void 0 : s.loop;
+    }, {
+      metaData: {
+        id: "engine.setting.event.AdvanceConfig.openEditor"
+      },
+      ctx: () => ({
+        pageState: h,
+        condition: e,
+        isBind: n,
+        getIndexName: t,
+        state: o,
+        setLoopKey: i,
+        openEditor: l,
+        setConfig: d,
+        setLoopIndex: a,
+        setLoop: c,
+        setLoopItem: b,
+        CodeConfigurator: xe,
+        InputConfigurator: we,
+        SwitchConfigurator: De,
+        VariableConfigurator: ke,
+        useProperties: oe,
+        useCanvas: I,
+        PROP_DATA_TYPE: fe,
+        constants: Ae,
+        utils: Ie,
+        DEFAULT_LOOP_NAME: ie,
+        string2Obj: Se
+      })
+    }), d = D((s) => {
+      const {
+        getSchema: m
+      } = oe(), g = m();
+      if (!g)
         return;
-      const { operateNode: d } = j();
-      if (n === !1 || n != null && n.type)
-        d({ type: "updateAttributes", id: i.id, value: { condition: n } });
+      const {
+        operateNode: v
+      } = I();
+      if (s === !1 || s != null && s.type)
+        v({
+          type: "updateAttributes",
+          id: g.id,
+          value: {
+            condition: s
+          }
+        });
       else {
-        const { condition: y, children: V, ...I } = i;
-        d({ type: "updateAttributes", id: i.id, value: { ...I }, overwrite: !0 });
+        const {
+          condition: w,
+          children: S,
+          ...A
+        } = g;
+        v({
+          type: "updateAttributes",
+          id: g.id,
+          value: {
+            ...A
+          },
+          overwrite: !0
+        });
       }
-      j().canvasApi.value.updateRect(), o.value = n;
-    }, m = (n) => {
-      const l = $().getSchema();
-      let i = l.loopArgs;
-      const { operateNode: d } = j();
-      i ? i[1] = n || F.INDEX : i = [F.ITEM, n], d({ type: "updateAttributes", id: l.id, value: { loopArgs: i } });
-    };
-    return {
-      condition: o,
-      setConfig: c,
-      isBind: a,
-      state: r,
-      setLoop: (n) => {
-        const { operateNode: l } = j(), { getSchema: i } = $(), d = i();
-        if (n) {
-          const y = n != null && n.type ? n : Tn(n);
-          l({ type: "updateAttributes", id: d.id, value: { loop: y } }), m(F.INDEX);
-        } else {
-          _();
-          const { loop: y, loopArgs: V, children: I, ...te } = d;
-          l({ type: "updateAttributes", id: d.id, value: te, overwrite: !0 });
+      I().canvasApi.value.updateRect(), e.value = s;
+    }, {
+      metaData: {
+        id: "engine.setting.event.AdvanceConfig.setConfig"
+      },
+      ctx: () => ({
+        pageState: h,
+        condition: e,
+        isBind: n,
+        getIndexName: t,
+        state: o,
+        setLoopKey: i,
+        openEditor: l,
+        setConfig: d,
+        setLoopIndex: a,
+        setLoop: c,
+        setLoopItem: b,
+        CodeConfigurator: xe,
+        InputConfigurator: we,
+        SwitchConfigurator: De,
+        VariableConfigurator: ke,
+        useProperties: oe,
+        useCanvas: I,
+        PROP_DATA_TYPE: fe,
+        constants: Ae,
+        utils: Ie,
+        DEFAULT_LOOP_NAME: ie,
+        string2Obj: Se
+      })
+    }), a = D((s) => {
+      const m = oe().getSchema();
+      let g = m.loopArgs;
+      const {
+        operateNode: v
+      } = I();
+      g ? g[1] = s || ie.INDEX : g = [ie.ITEM, s], v({
+        type: "updateAttributes",
+        id: m.id,
+        value: {
+          loopArgs: g
         }
-        r.shouldUpdate = !r.shouldUpdate;
+      });
+    }, {
+      metaData: {
+        id: "engine.setting.event.AdvanceConfig.setLoopIndex"
+      },
+      ctx: () => ({
+        pageState: h,
+        condition: e,
+        isBind: n,
+        getIndexName: t,
+        state: o,
+        setLoopKey: i,
+        openEditor: l,
+        setConfig: d,
+        setLoopIndex: a,
+        setLoop: c,
+        setLoopItem: b,
+        CodeConfigurator: xe,
+        InputConfigurator: we,
+        SwitchConfigurator: De,
+        VariableConfigurator: ke,
+        useProperties: oe,
+        useCanvas: I,
+        PROP_DATA_TYPE: fe,
+        constants: Ae,
+        utils: Ie,
+        DEFAULT_LOOP_NAME: ie,
+        string2Obj: Se
+      })
+    }), c = D((s) => {
+      const {
+        operateNode: m
+      } = I(), {
+        getSchema: g
+      } = oe(), v = g();
+      if (s) {
+        const w = s != null && s.type ? s : Se(s);
+        m({
+          type: "updateAttributes",
+          id: v.id,
+          value: {
+            loop: w
+          }
+        }), a(ie.INDEX);
+      } else {
+        i();
+        const {
+          loop: w,
+          loopArgs: S,
+          children: A,
+          ...y
+        } = v;
+        m({
+          type: "updateAttributes",
+          id: v.id,
+          value: y,
+          overwrite: !0
+        });
+      }
+      o.shouldUpdate = !o.shouldUpdate;
+    }, {
+      metaData: {
+        id: "engine.setting.event.AdvanceConfig.setLoop"
       },
-      setLoopItem: (n) => {
-        const l = $().getSchema();
-        let i = l.loopArgs;
-        const { operateNode: d } = j();
-        i ? i[0] = n || F.ITEM : i = [n, F.INDEX], d({ type: "updateAttributes", id: l.id, value: { loopArgs: i } });
+      ctx: () => ({
+        pageState: h,
+        condition: e,
+        isBind: n,
+        getIndexName: t,
+        state: o,
+        setLoopKey: i,
+        openEditor: l,
+        setConfig: d,
+        setLoopIndex: a,
+        setLoop: c,
+        setLoopItem: b,
+        CodeConfigurator: xe,
+        InputConfigurator: we,
+        SwitchConfigurator: De,
+        VariableConfigurator: ke,
+        useProperties: oe,
+        useCanvas: I,
+        PROP_DATA_TYPE: fe,
+        constants: Ae,
+        utils: Ie,
+        DEFAULT_LOOP_NAME: ie,
+        string2Obj: Se
+      })
+    }), b = D((s) => {
+      const m = oe().getSchema();
+      let g = m.loopArgs;
+      const {
+        operateNode: v
+      } = I();
+      g ? g[0] = s || ie.ITEM : g = [s, ie.INDEX], v({
+        type: "updateAttributes",
+        id: m.id,
+        value: {
+          loopArgs: g
+        }
+      });
+    }, {
+      metaData: {
+        id: "engine.setting.event.AdvanceConfig.setLoopItem"
       },
-      DEFAULT_LOOP_NAME: F,
-      openEditor: h,
-      setLoopIndex: m,
-      setLoopKey: _,
-      getIndexName: e
+      ctx: () => ({
+        pageState: h,
+        condition: e,
+        isBind: n,
+        getIndexName: t,
+        state: o,
+        setLoopKey: i,
+        openEditor: l,
+        setConfig: d,
+        setLoopIndex: a,
+        setLoop: c,
+        setLoopItem: b,
+        CodeConfigurator: xe,
+        InputConfigurator: we,
+        SwitchConfigurator: De,
+        VariableConfigurator: ke,
+        useProperties: oe,
+        useCanvas: I,
+        PROP_DATA_TYPE: fe,
+        constants: Ae,
+        utils: Ie,
+        DEFAULT_LOOP_NAME: ie,
+        string2Obj: Se
+      })
+    });
+    return {
+      condition: e,
+      setConfig: d,
+      isBind: n,
+      state: o,
+      setLoop: c,
+      setLoopItem: b,
+      DEFAULT_LOOP_NAME: ie,
+      openEditor: l,
+      setLoopIndex: a,
+      setLoopKey: i,
+      getIndexName: t
     };
   }
-}, jn = { class: "advanced-config-container" }, zn = { class: "advnce-config" }, Rn = { class: "advanced-config-form-item" }, $n = ["title"], Fn = { class: "advnce-config loop-data-item" }, Jn = { class: "advanced-config-form-item" }, Xn = ["title"], Kn = { class: "advnce-config" }, Hn = { class: "advanced-config-form-item" }, Gn = { class: "advnce-config" }, qn = { class: "advanced-config-form-item" }, Yn = { class: "advnce-config" }, Zn = { class: "advanced-config-form-item" };
-function Wn(f, o, a, e, r, _) {
-  var n, l;
-  const h = k("switch-configurator"), c = k("variable-configurator"), m = k("code-configurator"), s = k("input-configurator"), x = k("tiny-tooltip");
-  return b(), N("div", jn, [
-    t("div", zn, [
-      o[6] || (o[6] = t("label", { class: "text-ellipsis-multiple" }, "是否渲染", -1)),
-      t("div", Rn, [
-        e.isBind ? (b(), N("div", {
+}, wn = { class: "advanced-config-container" }, kn = { class: "advnce-config" }, Dn = { class: "advanced-config-form-item" }, Sn = ["title"], Nn = { class: "advnce-config loop-data-item" }, An = { class: "advanced-config-form-item" }, In = ["title"], Ln = { class: "advnce-config" }, Bn = { class: "advanced-config-form-item" }, Pn = { class: "advnce-config" }, On = { class: "advanced-config-form-item" }, Vn = { class: "advnce-config" }, Mn = { class: "advanced-config-form-item" };
+function Rn(h, e, n, t, o, i) {
+  var s, m;
+  const l = X("switch-configurator"), d = X("variable-configurator"), a = X("code-configurator"), c = X("input-configurator"), b = X("tiny-tooltip");
+  return U(), re("div", wn, [
+    _("div", kn, [
+      e[6] || (e[6] = _("label", { class: "text-ellipsis-multiple" }, "是否渲染", -1)),
+      _("div", Dn, [
+        t.isBind ? (U(), re("div", {
           key: 1,
           class: "binding-state text-ellipsis-multiple",
-          title: e.condition.value
-        }, " 已绑定：" + B(e.condition.value), 9, $n)) : (b(), O(h, {
+          title: t.condition.value
+        }, " 已绑定：" + me(t.condition.value), 9, Sn)) : (U(), Ce(l, {
           key: 0,
-          modelValue: e.condition,
-          "onUpdate:modelValue": e.setConfig
+          modelValue: t.condition,
+          "onUpdate:modelValue": t.setConfig
         }, null, 8, ["modelValue", "onUpdate:modelValue"])),
-        u(c, {
-          modelValue: e.condition,
+        N(d, {
+          modelValue: t.condition,
           "onUpdate:modelValue": [
-            o[0] || (o[0] = (i) => e.condition = i),
-            e.setConfig
+            e[0] || (e[0] = (g) => t.condition = g),
+            t.setConfig
           ],
           name: "advance"
         }, null, 8, ["modelValue", "onUpdate:modelValue"])
       ])
     ]),
-    t("div", Fn, [
-      o[7] || (o[7] = t("label", { class: "text-ellipsis-multiple" }, "循环数据", -1)),
-      t("div", Jn, [
-        e.state.isLoop ? (b(), N("div", {
+    _("div", Nn, [
+      e[7] || (e[7] = _("label", { class: "text-ellipsis-multiple" }, "循环数据", -1)),
+      _("div", An, [
+        t.state.isLoop ? (U(), re("div", {
           key: 1,
           class: "binding-state text-ellipsis-multiple",
-          title: (n = e.state.loopData) == null ? void 0 : n.value
-        }, " 已绑定：" + B((l = e.state.loopData) == null ? void 0 : l.value), 9, Xn)) : (b(), O(m, {
+          title: (s = t.state.loopData) == null ? void 0 : s.value
+        }, " 已绑定：" + me((m = t.state.loopData) == null ? void 0 : m.value), 9, In)) : (U(), Ce(a, {
           key: 0,
-          modelValue: e.state.loopData,
+          modelValue: t.state.loopData,
           "onUpdate:modelValue": [
-            o[1] || (o[1] = (i) => e.state.loopData = i),
-            e.setLoop
+            e[1] || (e[1] = (g) => t.state.loopData = g),
+            t.setLoop
           ],
           "data-type": "JSExpression",
-          onOpen: e.openEditor
+          onOpen: t.openEditor
         }, null, 8, ["modelValue", "onUpdate:modelValue", "onOpen"])),
-        u(c, {
-          modelValue: e.state.loopData,
+        N(d, {
+          modelValue: t.state.loopData,
           "onUpdate:modelValue": [
-            o[2] || (o[2] = (i) => e.state.loopData = i),
-            e.setLoop
+            e[2] || (e[2] = (g) => t.state.loopData = g),
+            t.setLoop
           ],
           name: "advance"
         }, null, 8, ["modelValue", "onUpdate:modelValue"])
       ])
     ]),
-    t("div", Kn, [
-      o[8] || (o[8] = t("label", { class: "text-ellipsis-multiple" }, "迭代变量名", -1)),
-      t("div", Hn, [
-        u(s, {
-          modelValue: e.state.loopItem,
+    _("div", Ln, [
+      e[8] || (e[8] = _("label", { class: "text-ellipsis-multiple" }, "迭代变量名", -1)),
+      _("div", Bn, [
+        N(c, {
+          modelValue: t.state.loopItem,
           "onUpdate:modelValue": [
-            o[3] || (o[3] = (i) => e.state.loopItem = i),
-            e.setLoopItem
+            e[3] || (e[3] = (g) => t.state.loopItem = g),
+            t.setLoopItem
           ],
-          placeholder: `默认值为：${e.DEFAULT_LOOP_NAME.ITEM}`
+          placeholder: `默认值为：${t.DEFAULT_LOOP_NAME.ITEM}`
         }, null, 8, ["modelValue", "placeholder", "onUpdate:modelValue"])
       ])
     ]),
-    t("div", Gn, [
-      o[9] || (o[9] = t("label", { class: "text-ellipsis-multiple" }, "索引变量名", -1)),
-      t("div", qn, [
-        u(s, {
-          modelValue: e.state.loopIndex,
+    _("div", Pn, [
+      e[9] || (e[9] = _("label", { class: "text-ellipsis-multiple" }, "索引变量名", -1)),
+      _("div", On, [
+        N(c, {
+          modelValue: t.state.loopIndex,
           "onUpdate:modelValue": [
-            o[4] || (o[4] = (i) => e.state.loopIndex = i),
-            e.setLoopIndex
+            e[4] || (e[4] = (g) => t.state.loopIndex = g),
+            t.setLoopIndex
           ],
-          placeholder: `默认值为：${e.DEFAULT_LOOP_NAME.INDEX}`
+          placeholder: `默认值为：${t.DEFAULT_LOOP_NAME.INDEX}`
         }, null, 8, ["modelValue", "placeholder", "onUpdate:modelValue"])
       ])
     ]),
-    t("div", Yn, [
-      o[10] || (o[10] = t("label", { class: "text-ellipsis-multiple" }, "key", -1)),
-      t("div", Zn, [
-        u(x, {
+    _("div", Vn, [
+      e[10] || (e[10] = _("label", { class: "text-ellipsis-multiple" }, "key", -1)),
+      _("div", Mn, [
+        N(b, {
           content: "建议填写循环项中的唯一值（如item.id），如果填写为数字将不保存",
           effect: "light"
         }, {
-          default: E(() => [
-            u(s, {
-              modelValue: e.state.loopKey,
+          default: J(() => [
+            N(c, {
+              modelValue: t.state.loopKey,
               "onUpdate:modelValue": [
-                o[5] || (o[5] = (i) => e.state.loopKey = i),
-                e.setLoopKey
+                e[5] || (e[5] = (g) => t.state.loopKey = g),
+                t.setLoopKey
               ],
-              placeholder: `默认为索引名：${e.getIndexName()}`
+              placeholder: `默认为索引名：${t.getIndexName()}`
             }, null, 8, ["modelValue", "placeholder", "onUpdate:modelValue"])
           ]),
           _: 1
@@ -918,44 +2752,46 @@ function Wn(f, o, a, e, r, _) {
     ])
   ]);
 }
-const Qn = /* @__PURE__ */ H(Un, [["render", Wn], ["__scopeId", "data-v-40bd3762"]]), eo = {
+const Tn = /* @__PURE__ */ We(xn, [["render", Rn], ["__scopeId", "data-v-275ffc6c"]]), Un = {
   __name: "Main",
   props: {
     fixedPanels: Array
   },
   emits: [],
-  setup(f, { emit: o }) {
-    const a = K(["bindEvent", "advancedConfig"]), { PLUGIN_NAME: e } = re(), _ = Y({
-      emitEvent: o
+  setup(h, { emit: e }) {
+    const n = Ye(["bindEvent", "advancedConfig"]), {
+      PLUGIN_NAME: t
+    } = z(), i = rt({
+      emitEvent: e
     });
-    return Ve("panelState", _), (h, c) => (b(), O(D(Qe), {
+    return St("panelState", i), (l, d) => (U(), Ce(Z(zt), {
       title: "高级",
-      "fixed-panels": f.fixedPanels,
-      "fixed-name": D(e).Event,
+      "fixed-panels": h.fixedPanels,
+      "fixed-name": Z(t).Event,
       "header-margin-bottom": 0,
-      onClose: c[1] || (c[1] = (m) => h.$emit("close"))
+      onClose: d[1] || (d[1] = (a) => l.$emit("close"))
     }, {
-      content: E(() => [
-        u(D(Re), {
-          modelValue: a.value,
-          "onUpdate:modelValue": c[0] || (c[0] = (m) => a.value = m)
+      content: J(() => [
+        N(Z(Ut), {
+          modelValue: n.value,
+          "onUpdate:modelValue": d[0] || (d[0] = (a) => n.value = a)
         }, {
-          default: E(() => [
-            u(D(xe), {
+          default: J(() => [
+            N(Z(wt), {
               title: "事件绑定",
               name: "bindEvent"
             }, {
-              default: E(() => [
-                u(Sn)
+              default: J(() => [
+                N(Cn)
               ]),
               _: 1
             }),
-            u(D(xe), {
+            N(Z(wt), {
               title: "高级配置",
               name: "advancedConfig"
             }, {
-              default: E(() => [
-                u(Qn)
+              default: J(() => [
+                N(Tn)
               ]),
               _: 1
             })
@@ -966,114 +2802,222 @@ const Qn = /* @__PURE__ */ H(Un, [["render", Wn], ["__scopeId", "data-v-40bd3762
       _: 1
     }, 8, ["fixed-panels", "fixed-name"]));
   }
-}, Pe = "newMethod", no = /[^0-9a-zA-Z_$]/, oo = /^[a-zA-Z_$][0-9a-zA-Z_$]*$/, se = {
+}, ye = "newMethod", gt = /[^0-9a-zA-Z_$]/, Ke = /^[a-zA-Z_$][0-9a-zA-Z_$]*$/, Ne = {
+  default: "选择已有方法或者添加新方法(点击 确定 之后将在JS面板中创建一个该名称的新方法)",
   exist: "方法名称已存在",
   ruleInvalid: "请输入有效的方法名，可以由字母、数字、下划线、$ 符号组成，不能以数字开头",
   empty: "方法名称不能为空"
-}, to = {
+}, jn = {
   components: {
-    MonacoEditor: en,
-    TinyInput: le,
-    TinyCheckbox: $e
+    MonacoEditor: Xe,
+    TinyInput: mt,
+    TinyCheckbox: jt
   },
   props: {
     dialogVisible: Boolean
   },
   setup() {
-    const { getMethodNameList: f } = ne(oe.Page), o = Ne("context"), a = {
+    const {
+      getMethodNameList: h
+    } = V(O.Page), e = At("context"), n = {
       language: "json",
       lineNumbers: !1,
       minimap: {
         enabled: !1
       }
-    }, e = (m) => {
-      o.editorContent = m;
-    }, r = (m) => !m, _ = (m) => f == null ? void 0 : f().includes(m), h = (m) => !oo.test(m);
-    return {
-      NEW_METHOD_TYPE: Pe,
-      context: o,
-      editorOptions: a,
-      change: (m) => {
-        const s = [
-          { validator: r, tip: se.empty },
-          { validator: _, tip: se.exist },
-          { validator: h, tip: se.ruleInvalid }
-        ];
-        for (let x = 0; x < s.length; x++) {
-          const n = s[x];
-          if (n.validator(m)) {
-            o.tipError = !0, o.tip = n.tip;
-            return;
-          }
+    }, t = D((a) => {
+      e.editorContent = a;
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialogContent.editorContentChange"
+      },
+      ctx: () => ({
+        getMethodNameList: h,
+        context: e,
+        editorOptions: n,
+        editorContentChange: t,
+        validMethodNameEmpty: o,
+        validMethodNameExist: i,
+        invalidMethodName: l,
+        change: d,
+        VueMonaco: Xe,
+        getMetaApi: V,
+        META_APP: O,
+        METHOD_TIPS_MAP: Ne,
+        NEW_METHOD_TYPE: ye,
+        VALID_VARNAME_RE: Ke
+      })
+    }), o = D((a) => !a, {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialogContent.validMethodNameEmpty"
+      },
+      ctx: () => ({
+        getMethodNameList: h,
+        context: e,
+        editorOptions: n,
+        editorContentChange: t,
+        validMethodNameEmpty: o,
+        validMethodNameExist: i,
+        invalidMethodName: l,
+        change: d,
+        VueMonaco: Xe,
+        getMetaApi: V,
+        META_APP: O,
+        METHOD_TIPS_MAP: Ne,
+        NEW_METHOD_TYPE: ye,
+        VALID_VARNAME_RE: Ke
+      })
+    }), i = D((a) => h == null ? void 0 : h().includes(a), {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialogContent.validMethodNameExist"
+      },
+      ctx: () => ({
+        getMethodNameList: h,
+        context: e,
+        editorOptions: n,
+        editorContentChange: t,
+        validMethodNameEmpty: o,
+        validMethodNameExist: i,
+        invalidMethodName: l,
+        change: d,
+        VueMonaco: Xe,
+        getMetaApi: V,
+        META_APP: O,
+        METHOD_TIPS_MAP: Ne,
+        NEW_METHOD_TYPE: ye,
+        VALID_VARNAME_RE: Ke
+      })
+    }), l = D((a) => !Ke.test(a), {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialogContent.invalidMethodName"
+      },
+      ctx: () => ({
+        getMethodNameList: h,
+        context: e,
+        editorOptions: n,
+        editorContentChange: t,
+        validMethodNameEmpty: o,
+        validMethodNameExist: i,
+        invalidMethodName: l,
+        change: d,
+        VueMonaco: Xe,
+        getMetaApi: V,
+        META_APP: O,
+        METHOD_TIPS_MAP: Ne,
+        NEW_METHOD_TYPE: ye,
+        VALID_VARNAME_RE: Ke
+      })
+    }), d = D((a) => {
+      const c = [{
+        validator: o,
+        tip: Ne.empty
+      }, {
+        validator: i,
+        tip: Ne.exist
+      }, {
+        validator: l,
+        tip: Ne.ruleInvalid
+      }];
+      for (let b = 0; b < c.length; b++) {
+        const s = c[b];
+        if (s.validator(a)) {
+          e.tipError = !0, e.tip = s.tip;
+          return;
         }
-        o.tipError = !1, o.tip = "";
+      }
+      e.tipError = !1, e.tip = "";
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialogContent.change"
       },
-      editorContentChange: e
+      ctx: () => ({
+        getMethodNameList: h,
+        context: e,
+        editorOptions: n,
+        editorContentChange: t,
+        validMethodNameEmpty: o,
+        validMethodNameExist: i,
+        invalidMethodName: l,
+        change: d,
+        VueMonaco: Xe,
+        getMetaApi: V,
+        META_APP: O,
+        METHOD_TIPS_MAP: Ne,
+        NEW_METHOD_TYPE: ye,
+        VALID_VARNAME_RE: Ke
+      })
+    });
+    return {
+      NEW_METHOD_TYPE: ye,
+      context: e,
+      editorOptions: n,
+      change: d,
+      editorContentChange: t
     };
   }
-}, io = { class: "content-right" }, so = { class: "new-action-tip" }, ao = { class: "content-right-title" }, lo = { class: "set-params-tip" }, ro = { class: "content-right-monaco" }, co = {
+}, $n = { class: "content-right" }, zn = { class: "new-action-tip" }, Jn = { class: "content-right-title" }, Fn = { class: "set-params-tip" }, qn = { class: "content-right-monaco" }, Xn = {
   key: 1,
   class: "mark"
-}, mo = {
+}, Gn = {
   key: 0,
   class: "params-tip"
 };
-function po(f, o, a, e, r, _) {
-  const h = k("tiny-input"), c = k("tiny-checkbox"), m = k("monaco-editor");
-  return b(), N("div", io, [
-    t("div", {
-      class: X(["content-right-top", { "tip-error": e.context.tipError }])
+function Kn(h, e, n, t, o, i) {
+  const l = X("tiny-input"), d = X("tiny-checkbox"), a = X("monaco-editor");
+  return U(), re("div", $n, [
+    _("div", {
+      class: He(["content-right-top", { "tip-error": t.context.tipError }])
     }, [
-      o[2] || (o[2] = t("div", { class: "content-right-title" }, "方法名称", -1)),
-      u(h, {
-        modelValue: e.context.bindMethodInfo.name,
+      e[2] || (e[2] = _("div", { class: "content-right-title" }, "方法名称", -1)),
+      N(l, {
+        modelValue: t.context.bindMethodInfo.name,
         "onUpdate:modelValue": [
-          o[0] || (o[0] = (s) => e.context.bindMethodInfo.name = s),
-          e.change
+          e[0] || (e[0] = (c) => t.context.bindMethodInfo.name = c),
+          t.change
         ],
-        disabled: e.context.bindMethodInfo.type !== e.NEW_METHOD_TYPE,
-        class: X([{ "status-error": e.context.tipError }]),
+        disabled: t.context.bindMethodInfo.type !== t.NEW_METHOD_TYPE,
+        class: He([{ "status-error": t.context.tipError }]),
         placeholder: "请从左侧选择一个方法进行绑定，或者选择添加新方法，输入自定义方法名称。"
       }, null, 8, ["modelValue", "disabled", "class", "onUpdate:modelValue"]),
-      t("div", so, B(e.context.tip), 1)
+      _("div", zn, me(t.context.tip), 1)
     ], 2),
-    t("div", {
-      class: X(["content-right-bottom", { "tip-error": !e.context.isValidParams }])
+    _("div", {
+      class: He(["content-right-bottom", { "tip-error": !t.context.isValidParams }])
     }, [
-      t("div", ao, [
-        u(c, {
-          modelValue: e.context.enableExtraParams,
-          "onUpdate:modelValue": o[1] || (o[1] = (s) => e.context.enableExtraParams = s),
+      _("div", Jn, [
+        N(d, {
+          modelValue: t.context.enableExtraParams,
+          "onUpdate:modelValue": e[1] || (e[1] = (c) => t.context.enableExtraParams = c),
           name: "tiny-checkbox"
         }, {
-          default: E(() => o[3] || (o[3] = [
-            J("扩展参数设置")
+          default: J(() => e[3] || (e[3] = [
+            Fe("扩展参数设置")
           ])),
           _: 1,
           __: [3]
         }, 8, ["modelValue"]),
-        t("div", lo, [
-          o[4] || (o[4] = t("div", null, "扩展参数：调用当前事件传入的真实参数，数组格式，追加在原有事件参数之后", -1)),
-          J(" 如: " + B(e.context.bindMethodInfo.name) + "(eventArgs, extParam1, extParam2, ...) ", 1)
+        _("div", Fn, [
+          e[4] || (e[4] = _("div", null, "扩展参数：调用当前事件传入的真实参数，数组格式，追加在原有事件参数之后", -1)),
+          Fe(" 如: " + me(t.context.bindMethodInfo.name) + "(eventArgs, extParam1, extParam2, ...) ", 1)
         ])
       ]),
-      t("div", ro, [
-        a.dialogVisible ? (b(), O(m, {
+      _("div", qn, [
+        n.dialogVisible ? (U(), Ce(a, {
           key: 0,
-          value: e.context.editorContent,
-          options: e.editorOptions,
-          onChange: e.editorContentChange,
+          value: t.context.editorContent,
+          options: t.editorOptions,
+          onChange: t.editorContentChange,
           class: "monaco-editor"
-        }, null, 8, ["value", "options", "onChange"])) : Q("", !0),
-        e.context.enableExtraParams ? Q("", !0) : (b(), N("div", co))
+        }, null, 8, ["value", "options", "onChange"])) : dt("", !0),
+        t.context.enableExtraParams ? dt("", !0) : (U(), re("div", Xn))
       ]),
-      !e.context.isValidParams && e.context.enableExtraParams ? (b(), N("div", mo, ' 请输入数组格式的参数，参数可以为表达式。例如：["extParam1", "item.status", 1, "getNames()"] ')) : Q("", !0)
+      !t.context.isValidParams && t.context.enableExtraParams ? (U(), re("div", Gn, ' 请输入数组格式的参数，参数可以为表达式。例如：["extParam1", "item.status", 1, "getNames()"] ')) : dt("", !0)
     ], 2)
   ]);
 }
-const uo = /* @__PURE__ */ H(to, [["render", po], ["__scopeId", "data-v-f2c9b5af"]]), fo = {
+const Hn = /* @__PURE__ */ We(jn, [["render", Kn], ["__scopeId", "data-v-fc0b367d"]]), Yn = {
   components: {
-    TinySearch: Fe
+    TinySearch: $t
   },
   props: {
     eventBinding: {
@@ -1081,70 +3025,110 @@ const uo = /* @__PURE__ */ H(to, [["render", po], ["__scopeId", "data-v-f2c9b5af
       default: () => ({})
     }
   },
-  setup(f) {
-    const { getMethodNameList: o } = ne(oe.Page), a = K(""), e = K([]), r = Ne("context"), _ = (c, m) => {
-      const s = c.map((l) => {
-        var i;
-        return Number.parseInt((i = l.match(/\d+$/)) == null ? void 0 : i[0]) || 0;
-      }).sort((l, i) => l - i).pop();
-      let n = `${(m == null ? void 0 : m.replace(no, "_")) || ""}New`;
-      return s > -1 && (n += `${s + 1}`), n;
-    }, h = (c) => {
-      r.bindMethodInfo = c;
-    };
-    return Ae(() => {
-      var l, i;
-      const c = (l = f.eventBinding) == null ? void 0 : l.eventName, m = (o == null ? void 0 : o().filter((d) => d.includes(c))) || [], x = {
+  setup(h) {
+    const {
+      getMethodNameList: e
+    } = V(O.Page), n = Ye(""), t = Ye([]), o = At("context"), i = D((d, a) => {
+      const c = d.map((m) => {
+        var g;
+        return Number.parseInt((g = m.match(/\d+$/)) == null ? void 0 : g[0]) || 0;
+      }).sort((m, g) => m - g).pop();
+      let s = `${(a == null ? void 0 : a.replace(gt, "_")) || ""}New`;
+      return c > -1 && (s += `${c + 1}`), s;
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialogSidebar.generateMethodName"
+      },
+      ctx: () => ({
+        props: h,
+        getMethodNameList: e,
+        searchValue: n,
+        filteredMethodList: t,
+        context: o,
+        generateMethodName: i,
+        selectMethod: l,
+        getMetaApi: V,
+        META_APP: O,
+        INVALID_VARNAME_CHAR_RE: gt,
+        NEW_METHOD_TYPE: ye
+      })
+    }), l = D((d) => {
+      o.bindMethodInfo = d;
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialogSidebar.selectMethod"
+      },
+      ctx: () => ({
+        props: h,
+        getMethodNameList: e,
+        searchValue: n,
+        filteredMethodList: t,
+        context: o,
+        generateMethodName: i,
+        selectMethod: l,
+        getMetaApi: V,
+        META_APP: O,
+        INVALID_VARNAME_CHAR_RE: gt,
+        NEW_METHOD_TYPE: ye
+      })
+    });
+    return Nt(() => {
+      var m, g;
+      const d = (m = h.eventBinding) == null ? void 0 : m.eventName, a = (e == null ? void 0 : e().filter((v) => v.includes(d))) || [], b = {
         title: "添加新方法",
-        name: _(m, c),
-        type: Pe
+        name: i(a, d),
+        type: ye
       };
-      (i = f.eventBinding) != null && i.ref ? h({ name: f.eventBinding.ref }) : h(x);
-      const n = (o == null ? void 0 : o().filter((d) => d.includes(a.value)).map((d) => ({ name: d }))) || [];
-      e.value = [x, ...n];
+      (g = h.eventBinding) != null && g.ref ? l({
+        name: h.eventBinding.ref
+      }) : l(b);
+      const s = (e == null ? void 0 : e().filter((v) => v.includes(n.value)).map((v) => ({
+        name: v
+      }))) || [];
+      t.value = [b, ...s];
     }), {
-      context: r,
-      searchValue: a,
-      filteredMethodList: e,
-      selectMethod: h
+      context: o,
+      searchValue: n,
+      filteredMethodList: t,
+      selectMethod: l
     };
   }
-}, vo = { class: "dialog-content-left" }, go = { class: "left-list-wrap" }, _o = { class: "left-action-list" }, ho = { class: "action-list-wrap" }, bo = ["onClick"];
-function yo(f, o, a, e, r, _) {
-  const h = k("tiny-search");
-  return b(), N("div", vo, [
-    o[1] || (o[1] = t("div", { class: "left-title" }, "响应方法", -1)),
-    t("div", go, [
-      t("div", _o, [
-        u(h, {
-          modelValue: e.searchValue,
-          "onUpdate:modelValue": o[0] || (o[0] = (c) => e.searchValue = c),
+}, Wn = { class: "dialog-content-left" }, Zn = { class: "left-list-wrap" }, Qn = { class: "left-action-list" }, eo = { class: "action-list-wrap" }, to = ["onClick"];
+function no(h, e, n, t, o, i) {
+  const l = X("tiny-search");
+  return U(), re("div", Wn, [
+    e[1] || (e[1] = _("div", { class: "left-title" }, "响应方法", -1)),
+    _("div", Zn, [
+      _("div", Qn, [
+        N(l, {
+          modelValue: t.searchValue,
+          "onUpdate:modelValue": e[0] || (e[0] = (d) => t.searchValue = d),
           placeholder: "搜索"
         }, null, 8, ["modelValue"]),
-        t("ul", ho, [
-          (b(!0), N(W, null, ae(e.filteredMethodList, (c) => (b(), N("li", {
-            key: c.name,
-            onClick: (m) => e.selectMethod(c)
+        _("ul", eo, [
+          (U(!0), re(at, null, pt(t.filteredMethodList, (d) => (U(), re("li", {
+            key: d.name,
+            onClick: (a) => t.selectMethod(d)
           }, [
-            t("div", {
-              class: X(["action-name", { active: c.name === e.context.bindMethodInfo.name }])
-            }, B(c.title || c.name), 3)
-          ], 8, bo))), 128))
+            _("div", {
+              class: He(["action-name", { active: d.name === t.context.bindMethodInfo.name }])
+            }, me(d.title || d.name), 3)
+          ], 8, to))), 128))
         ])
       ])
     ])
   ]);
 }
-const Eo = /* @__PURE__ */ H(fo, [["render", yo], ["__scopeId", "data-v-0859add1"]]), wo = {
-  ...de,
-  entry: eo,
-  options: { commonEvents: _n },
+const oo = /* @__PURE__ */ We(Yn, [["render", no], ["__scopeId", "data-v-9bcc2645"]]), mo = {
+  ...Q,
+  entry: Un,
+  options: { commonEvents: Lt },
   components: {
-    BindEventsDialogSidebar: Eo,
-    BindEventsDialogContent: uo
+    BindEventsDialogSidebar: oo,
+    BindEventsDialogContent: Hn
   }
 };
 export {
-  wo as default
+  mo as default
 };
 //# sourceMappingURL=index.js.map