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

package/dist/index.js

@@ -1,35 +1,72 @@
 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 { ref as Ve, reactive as we, provide as tt, nextTick as rt, resolveComponent as M, createBlock as te, openBlock as B, withCtx as I, createElementVNode as v, createVNode as b, resolveDynamicComponent as Ge, createTextVNode as ke, unref as S, createElementBlock as J, Fragment as Oe, withDirectives as qe, renderList as ze, normalizeClass as Ne, toDisplayString as Y, createCommentVNode as Se, vShow as Ye, computed as Me, watchEffect as nt, watch as Ze, inject as ot } from "vue";
+import { callEntry as h, META_APP as C, getMetaApi as k, getOptions as X, useLayout as V, useHistory as K, useCanvas as y, getMergeMeta as P, useBlock as ue, useMaterial as fe, useModal as _e, useMessage as he, useProperties as z } from "@opentiny/tiny-engine-meta-register";
+import { TinyAlert as mt, DialogBox as it, Button as Te, Form as gt, FormItem as We, Input as Fe, Popover as pt, Tooltip as vt, Collapse as ut, CollapseItem as Qe, Checkbox as ft, Search as _t } from "@opentiny/vue";
+import be from "@opentiny/tiny-engine-common/js/i18n";
+import { SvgButton as Ee, BlockLinkEvent as ye, PluginPanel as ht, VueMonaco as Ae } from "@opentiny/tiny-engine-common";
+import { iconChevronDown as xe } from "@opentiny/vue-icon";
+import { string2Ast as R, ast2String as H } from "@opentiny/tiny-engine-common/js/ast";
+import { CodeConfigurator as ae, InputConfigurator as se, VariableConfigurator as le, SwitchConfigurator as de } 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 { constants as me, utils as ge } from "@opentiny/tiny-engine-utils";
+const U = {
   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 = {
+}, Ie = (d, n) => {
+  const o = d.__vccOpts || d;
+  for (const [e, i] of n)
+    o[e] = i;
+  return o;
+}, j = Ve(!1), L = h(() => {
+  j.value = !0;
+}, {
+  metaData: {
+    id: "engine.setting.event.BindEventsDialog.open"
+  },
+  ctx: () => ({
+    ast2String: H,
+    string2Ast: R,
+    getMergeMeta: P,
+    useCanvas: y,
+    useHistory: K,
+    useLayout: V,
+    getOptions: X,
+    getMetaApi: k,
+    META_APP: C,
+    meta: U,
+    dialogVisible: j,
+    open: L,
+    close: $
+  })
+}), $ = h(() => {
+  j.value = !1;
+}, {
+  metaData: {
+    id: "engine.setting.event.BindEventsDialog.close"
+  },
+  ctx: () => ({
+    ast2String: H,
+    string2Ast: R,
+    getMergeMeta: P,
+    useCanvas: y,
+    useHistory: K,
+    useLayout: V,
+    getOptions: X,
+    getMetaApi: k,
+    META_APP: C,
+    meta: U,
+    dialogVisible: j,
+    open: L,
+    close: $
+  })
+}), bt = {
   components: {
-    TinyButton: ee,
-    TinyDialogBox: De,
-    TinyAlert: Te
+    TinyButton: Te,
+    TinyDialogBox: it,
+    TinyAlert: mt
   },
   inheritAttrs: !1,
   props: {
@@ -38,8 +75,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(d) {
+    const {
+      BindEventsDialogSidebar: n,
+      BindEventsDialogContent: o
+    } = P(U.id).components, {
+      PLUGIN_NAME: e,
+      activePlugin: i
+    } = V(), {
+      pageState: g
+    } = y(), {
+      getMethods: p,
+      saveMethod: a,
+      highlightMethod: l
+    } = k(C.Page), s = we({
       editorContent: "",
       bindMethodInfo: {},
       tip: "",
@@ -47,95 +96,502 @@ const de = {
       enableExtraParams: !1,
       isValidParams: !0
     });
-    Ve("context", s);
-    const x = (g) => {
-      s.bindMethodInfo = g;
-    }, n = (g) => {
-      var M, P;
-      if (!g)
+    tt("context", s);
+    const u = h((E) => {
+      s.bindMethodInfo = E;
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialog.selectMethod"
+      },
+      ctx: () => ({
+        props: d,
+        BindEventsDialogSidebar: n,
+        BindEventsDialogContent: o,
+        PLUGIN_NAME: e,
+        activePlugin: i,
+        pageState: g,
+        getMethods: p,
+        saveMethod: a,
+        highlightMethod: l,
+        state: s,
+        selectMethod: u,
+        bindMethod: t,
+        resetTipError: r,
+        getExtraParams: c,
+        getFormatParams: m,
+        getFunctionBody: f,
+        activePagePlugin: x,
+        confirm: D,
+        openedDialog: N,
+        closeDialog: w,
+        ast2String: H,
+        string2Ast: R,
+        getMergeMeta: P,
+        useCanvas: y,
+        useHistory: K,
+        useLayout: V,
+        getOptions: X,
+        getMetaApi: k,
+        META_APP: C,
+        meta: U,
+        dialogVisible: j,
+        open: L,
+        close: $
+      })
+    }), t = h((E) => {
+      var Z, q;
+      if (!E)
         return;
-      const p = (M = f.eventBinding) == null ? void 0 : M.eventName;
-      if (!p)
+      const _ = (Z = d.eventBinding) == null ? void 0 : Z.eventName;
+      if (!_)
         return;
-      const v = (P = _ == null ? void 0 : _.currentSchema) == null ? void 0 : P.props;
-      if (!v)
+      const A = (q = g == null ? void 0 : g.currentSchema) == null ? void 0 : q.props;
+      if (!A)
         return;
-      const { name: C, extra: w } = g;
-      f[p] || (v[p] = {
+      const {
+        name: O,
+        extra: W
+      } = E;
+      d[_] || (A[_] = {
         type: "JSExpression",
         value: ""
-      }), w && s.enableExtraParams && (v[p].params = w), v[p].value = `this.${C}`, Xe().addHistory();
-    }, l = () => {
+      }), W && s.enableExtraParams && (A[_].params = W), A[_].value = `this.${O}`, K().addHistory();
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialog.bindMethod"
+      },
+      ctx: () => ({
+        props: d,
+        BindEventsDialogSidebar: n,
+        BindEventsDialogContent: o,
+        PLUGIN_NAME: e,
+        activePlugin: i,
+        pageState: g,
+        getMethods: p,
+        saveMethod: a,
+        highlightMethod: l,
+        state: s,
+        selectMethod: u,
+        bindMethod: t,
+        resetTipError: r,
+        getExtraParams: c,
+        getFormatParams: m,
+        getFunctionBody: f,
+        activePagePlugin: x,
+        confirm: D,
+        openedDialog: N,
+        closeDialog: w,
+        ast2String: H,
+        string2Ast: R,
+        getMergeMeta: P,
+        useCanvas: y,
+        useHistory: K,
+        useLayout: V,
+        getOptions: X,
+        getMetaApi: k,
+        META_APP: C,
+        meta: U,
+        dialogVisible: j,
+        open: L,
+        close: $
+      })
+    }), r = h(() => {
       s.tipError = !1, s.tip = "", s.isValidParams = !0;
-    }, i = () => {
-      let g = "";
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialog.resetTipError"
+      },
+      ctx: () => ({
+        props: d,
+        BindEventsDialogSidebar: n,
+        BindEventsDialogContent: o,
+        PLUGIN_NAME: e,
+        activePlugin: i,
+        pageState: g,
+        getMethods: p,
+        saveMethod: a,
+        highlightMethod: l,
+        state: s,
+        selectMethod: u,
+        bindMethod: t,
+        resetTipError: r,
+        getExtraParams: c,
+        getFormatParams: m,
+        getFunctionBody: f,
+        activePagePlugin: x,
+        confirm: D,
+        openedDialog: N,
+        closeDialog: w,
+        ast2String: H,
+        string2Ast: R,
+        getMergeMeta: P,
+        useCanvas: y,
+        useHistory: K,
+        useLayout: V,
+        getOptions: X,
+        getMetaApi: k,
+        META_APP: C,
+        meta: U,
+        dialogVisible: j,
+        open: L,
+        close: $
+      })
+    }), c = h(() => {
+      let E = "";
       if (s.enableExtraParams)
         try {
-          g = JSON.parse(s.editorContent), s.isValidParams = Array.isArray(g);
+          E = JSON.parse(s.editorContent), s.isValidParams = Array.isArray(E);
         } 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 = {};
+      return E;
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialog.getExtraParams"
+      },
+      ctx: () => ({
+        props: d,
+        BindEventsDialogSidebar: n,
+        BindEventsDialogContent: o,
+        PLUGIN_NAME: e,
+        activePlugin: i,
+        pageState: g,
+        getMethods: p,
+        saveMethod: a,
+        highlightMethod: l,
+        state: s,
+        selectMethod: u,
+        bindMethod: t,
+        resetTipError: r,
+        getExtraParams: c,
+        getFormatParams: m,
+        getFunctionBody: f,
+        activePagePlugin: x,
+        confirm: D,
+        openedDialog: N,
+        closeDialog: w,
+        ast2String: H,
+        string2Ast: R,
+        getMergeMeta: P,
+        useCanvas: y,
+        useHistory: K,
+        useLayout: V,
+        getOptions: X,
+        getMetaApi: k,
+        META_APP: C,
+        meta: U,
+        dialogVisible: j,
+        open: L,
+        close: $
+      })
+    }), m = h((E) => Array.from({
+      length: E.length
+    }, (_, A) => `args${A}`).join(","), {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialog.getFormatParams"
+      },
+      ctx: () => ({
+        props: d,
+        BindEventsDialogSidebar: n,
+        BindEventsDialogContent: o,
+        PLUGIN_NAME: e,
+        activePlugin: i,
+        pageState: g,
+        getMethods: p,
+        saveMethod: a,
+        highlightMethod: l,
+        state: s,
+        selectMethod: u,
+        bindMethod: t,
+        resetTipError: r,
+        getExtraParams: c,
+        getFormatParams: m,
+        getFunctionBody: f,
+        activePagePlugin: x,
+        confirm: D,
+        openedDialog: N,
+        closeDialog: w,
+        ast2String: H,
+        string2Ast: R,
+        getMergeMeta: P,
+        useCanvas: y,
+        useHistory: K,
+        useLayout: V,
+        getOptions: X,
+        getMetaApi: k,
+        META_APP: C,
+        meta: U,
+        dialogVisible: j,
+        open: L,
+        close: $
+      })
+    }), f = h(() => {
+      var W, Z, q, ne, oe, ie, Q, Le;
+      let E = (Z = (W = p()) == null ? void 0 : W[s.bindMethodInfo.name]) == null ? void 0 : Z.value, _ = "{}", A = !1, O = !1;
+      if (E) {
+        let T = {};
         try {
-          A = ke(g);
+          T = R(E);
         } catch {
-          g = g.replace("function", `function ${s.bindMethodInfo.name}`), A = ke(g);
+          E = E.replace("function", `function ${s.bindMethodInfo.name}`), T = R(E);
         }
-        (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);
+        (ne = (q = T == null ? void 0 : T.program) == null ? void 0 : q.body[0]) != null && ne.body && (_ = H(T.program.body[0].body)), (ie = (oe = T == null ? void 0 : T.program) == null ? void 0 : oe.body[0]) != null && ie.async && (A = !0), (Le = (Q = T == null ? void 0 : T.program) == null ? void 0 : Q.body[0]) != null && Le.generator && (O = !0);
       }
       return {
-        preBody: p || `{
+        preBody: _ || `{
 }`,
-        isAsync: v,
-        isGenerator: C
+        isAsync: A,
+        isGenerator: O
       };
-    }, V = () => {
-      r(e.Page).then(() => {
-        Se(() => {
-          var g;
-          m && m((g = s.bindMethodInfo) == null ? void 0 : g.name);
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialog.getFunctionBody"
+      },
+      ctx: () => ({
+        props: d,
+        BindEventsDialogSidebar: n,
+        BindEventsDialogContent: o,
+        PLUGIN_NAME: e,
+        activePlugin: i,
+        pageState: g,
+        getMethods: p,
+        saveMethod: a,
+        highlightMethod: l,
+        state: s,
+        selectMethod: u,
+        bindMethod: t,
+        resetTipError: r,
+        getExtraParams: c,
+        getFormatParams: m,
+        getFunctionBody: f,
+        activePagePlugin: x,
+        confirm: D,
+        openedDialog: N,
+        closeDialog: w,
+        ast2String: H,
+        string2Ast: R,
+        getMergeMeta: P,
+        useCanvas: y,
+        useHistory: K,
+        useLayout: V,
+        getOptions: X,
+        getMetaApi: k,
+        META_APP: C,
+        meta: U,
+        dialogVisible: j,
+        open: L,
+        close: $
+      })
+    }), x = h(() => {
+      i(e.Page).then(() => {
+        rt(() => {
+          var E;
+          l && l((E = s.bindMethodInfo) == null ? void 0 : E.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"
       },
-      closeDialog: () => {
-        l(), Ce();
+      ctx: () => ({
+        props: d,
+        BindEventsDialogSidebar: n,
+        BindEventsDialogContent: o,
+        PLUGIN_NAME: e,
+        activePlugin: i,
+        pageState: g,
+        getMethods: p,
+        saveMethod: a,
+        highlightMethod: l,
+        state: s,
+        selectMethod: u,
+        bindMethod: t,
+        resetTipError: r,
+        getExtraParams: c,
+        getFormatParams: m,
+        getFunctionBody: f,
+        activePagePlugin: x,
+        confirm: D,
+        openedDialog: N,
+        closeDialog: w,
+        ast2String: H,
+        string2Ast: R,
+        getMergeMeta: P,
+        useCanvas: y,
+        useHistory: K,
+        useLayout: V,
+        getOptions: X,
+        getMetaApi: k,
+        META_APP: C,
+        meta: U,
+        dialogVisible: j,
+        open: L,
+        close: $
+      })
+    }), D = h(async () => {
+      if (s.tipError)
+        return;
+      let E = "event";
+      const _ = c();
+      let A = E;
+      if (!s.isValidParams)
+        return;
+      _ && (E = _.join(","), A = m(_)), t({
+        ...s.bindMethodInfo,
+        params: E,
+        extra: _
+      });
+      const {
+        preBody: O,
+        isAsync: W,
+        isGenerator: Z
+      } = f(), {
+        name: q
+      } = s.bindMethodInfo, ne = `${W ? "async" : ""} function${Z ? "*" : ""} ${q}`, oe = {
+        name: q,
+        content: s.enableExtraParams ? `${ne}(eventArgs,${A}) ${O}` : `${ne}(${A})  ${O}`
+      }, {
+        beforeSaveMethod: ie
+      } = X(U.id);
+      typeof ie == "function" && await ie(oe, s.bindMethodInfo), a == null || a(oe), x(), $();
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialog.confirm"
+      },
+      ctx: () => ({
+        props: d,
+        BindEventsDialogSidebar: n,
+        BindEventsDialogContent: o,
+        PLUGIN_NAME: e,
+        activePlugin: i,
+        pageState: g,
+        getMethods: p,
+        saveMethod: a,
+        highlightMethod: l,
+        state: s,
+        selectMethod: u,
+        bindMethod: t,
+        resetTipError: r,
+        getExtraParams: c,
+        getFormatParams: m,
+        getFunctionBody: f,
+        activePagePlugin: x,
+        confirm: D,
+        openedDialog: N,
+        closeDialog: w,
+        ast2String: H,
+        string2Ast: R,
+        getMergeMeta: P,
+        useCanvas: y,
+        useHistory: K,
+        useLayout: V,
+        getOptions: X,
+        getMetaApi: k,
+        META_APP: C,
+        meta: U,
+        dialogVisible: j,
+        open: L,
+        close: $
+      })
+    }), N = h(() => {
+      var E, _, A;
+      s.enableExtraParams = !!((_ = (E = d.eventBinding) == null ? void 0 : E.params) != null && _.length), s.editorContent = JSON.stringify(((A = d.eventBinding) == null ? void 0 : A.params) || [], null, 2), r();
+    }, {
+      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: d,
+        BindEventsDialogSidebar: n,
+        BindEventsDialogContent: o,
+        PLUGIN_NAME: e,
+        activePlugin: i,
+        pageState: g,
+        getMethods: p,
+        saveMethod: a,
+        highlightMethod: l,
+        state: s,
+        selectMethod: u,
+        bindMethod: t,
+        resetTipError: r,
+        getExtraParams: c,
+        getFormatParams: m,
+        getFunctionBody: f,
+        activePagePlugin: x,
+        confirm: D,
+        openedDialog: N,
+        closeDialog: w,
+        ast2String: H,
+        string2Ast: R,
+        getMergeMeta: P,
+        useCanvas: y,
+        useHistory: K,
+        useLayout: V,
+        getOptions: X,
+        getMetaApi: k,
+        META_APP: C,
+        meta: U,
+        dialogVisible: j,
+        open: L,
+        close: $
+      })
+    }), w = h(() => {
+      r(), $();
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialog.closeDialog"
       },
-      selectMethod: x
+      ctx: () => ({
+        props: d,
+        BindEventsDialogSidebar: n,
+        BindEventsDialogContent: o,
+        PLUGIN_NAME: e,
+        activePlugin: i,
+        pageState: g,
+        getMethods: p,
+        saveMethod: a,
+        highlightMethod: l,
+        state: s,
+        selectMethod: u,
+        bindMethod: t,
+        resetTipError: r,
+        getExtraParams: c,
+        getFormatParams: m,
+        getFunctionBody: f,
+        activePagePlugin: x,
+        confirm: D,
+        openedDialog: N,
+        closeDialog: w,
+        ast2String: H,
+        string2Ast: R,
+        getMergeMeta: P,
+        useCanvas: y,
+        useHistory: K,
+        useLayout: V,
+        getOptions: X,
+        getMetaApi: k,
+        META_APP: C,
+        meta: U,
+        dialogVisible: j,
+        open: L,
+        close: $
+      })
+    });
+    return {
+      BindEventsDialogSidebar: n,
+      BindEventsDialogContent: o,
+      state: s,
+      dialogVisible: j,
+      confirm: D,
+      closeDialog: w,
+      openedDialog: N,
+      selectMethod: u
     };
   }
-}, 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, {
+}, Et = { class: "bind-event-dialog-tip" }, yt = { class: "bind-event-dialog-content" }, xt = { class: "bind-dialog-footer" };
+function Dt(d, n, o, e, i, g) {
+  const p = M("tiny-alert"), a = M("tiny-button"), l = M("tiny-dialog-box");
+  return B(), te(l, {
     visible: e.dialogVisible,
     title: "事件绑定",
     width: "50%",
@@ -145,48 +601,48 @@ function vn(f, o, a, e, r, _) {
     onClose: e.closeDialog,
     onOpened: e.openedDialog
   }, {
-    footer: E(() => [
-      t("div", fn, [
-        u(c, { onClick: e.closeDialog }, {
-          default: E(() => o[0] || (o[0] = [
-            J("取 消")
+    footer: I(() => [
+      v("div", xt, [
+        b(a, { onClick: e.closeDialog }, {
+          default: I(() => n[0] || (n[0] = [
+            ke("取 消")
           ])),
           _: 1,
           __: [0]
         }, 8, ["onClick"]),
-        u(c, {
+        b(a, {
           type: "info",
           onClick: e.confirm
         }, {
-          default: E(() => o[1] || (o[1] = [
-            J("确 定")
+          default: I(() => n[1] || (n[1] = [
+            ke("确 定")
           ])),
           _: 1,
           __: [1]
         }, 8, ["onClick"])
       ])
     ]),
-    default: E(() => [
-      t("div", pn, [
-        u(h, {
+    default: I(() => [
+      v("div", Et, [
+        b(p, {
           type: "info",
           description: "选择已有方法或者添加新方法（点击 确定 之后将在JS面板中创建一个该名称的新方法）。",
           class: "header-alert",
           closable: !1
         })
       ]),
-      t("div", un, [
-        (b(), O(_e(e.BindEventsDialogSidebar), {
+      v("div", yt, [
+        (B(), te(Ge(e.BindEventsDialogSidebar), {
           dialogVisible: e.dialogVisible,
-          eventBinding: a.eventBinding
+          eventBinding: o.eventBinding
         }, null, 8, ["dialogVisible", "eventBinding"])),
-        (b(), O(_e(e.BindEventsDialogContent), { dialogVisible: e.dialogVisible }, null, 8, ["dialogVisible"]))
+        (B(), te(Ge(e.BindEventsDialogContent), { dialogVisible: e.dialogVisible }, null, 8, ["dialogVisible"]))
       ])
     ]),
     _: 1
   }, 8, ["visible", "onClose", "onOpened"]);
 }
-const gn = /* @__PURE__ */ H(mn, [["render", vn], ["__scopeId", "data-v-070f73c9"]]), _n = {
+const De = /* @__PURE__ */ Ie(bt, [["render", Dt], ["__scopeId", "data-v-03166656"]]), at = {
   onClick: {
     label: {
       zh_CN: "点击事件"
@@ -243,120 +699,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 = {
+}, et = ["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"], Pe = h((d) => !!et.map((o) => {
+  const e = o[2].toUpperCase();
+  return `${o.substring(0, 2)}${e}${o.substring(3)}`;
+}).includes(d), {
+  metaData: {
+    id: "engine.setting.event.commonjs-events.checkEvent"
+  },
+  ctx: () => ({
+    commonEvents: at,
+    allEvents: et,
+    checkEvent: Pe
+  })
+}), Ct = { class: "footer" }, kt = {
   __name: "AddEventsDialog",
   props: {
     visible: {
@@ -369,108 +724,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(d, { emit: n }) {
+    const o = d, e = n, i = we({
       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 = () => {
+    }), g = Ve(null), p = h((u, t, r) => {
+      if (o.componentEvents[i.eventName]) {
+        r(new Error("事件名已存在"));
+        return;
+      }
+      if (!Pe(i.eventName)) {
+        r(new Error("请输入正确的浏览器事件名"));
+        return;
+      }
+      r();
+    }, {
+      metaData: {
+        id: "engine.setting.event.AddEventsDialog.eventNameValidator"
+      },
+      ctx: () => ({
+        checkEvent: Pe,
+        props: o,
+        emits: e,
+        formData: i,
+        ruleForm: g,
+        eventNameValidator: p,
+        rules: a,
+        closeDialog: l,
+        addMethod: s
+      })
+    }), a = {
+      eventDescription: [{
+        required: !0,
+        message: "必填"
+      }],
+      eventName: [{
+        required: !0,
+        message: "必填"
+      }, {
+        validator: p
+      }]
+    }, l = h(() => {
       e("closeDialog");
-    }, s = () => {
-      _.value && _.value.validate((x) => {
-        if (!x)
+    }, {
+      metaData: {
+        id: "engine.setting.event.AddEventsDialog.closeDialog"
+      },
+      ctx: () => ({
+        checkEvent: Pe,
+        props: o,
+        emits: e,
+        formData: i,
+        ruleForm: g,
+        eventNameValidator: p,
+        rules: a,
+        closeDialog: l,
+        addMethod: s
+      })
+    }), s = h(() => {
+      g.value && g.value.validate((u) => {
+        if (!u)
           return;
-        const { eventName: n, eventDescription: l } = r;
-        e("addEvent", { eventName: n, eventDescription: l });
+        const {
+          eventName: t,
+          eventDescription: r
+        } = i;
+        e("addEvent", {
+          eventName: t,
+          eventDescription: r
+        });
       });
-    };
-    return (x, n) => (b(), O(D(De), {
-      visible: f.visible,
+    }, {
+      metaData: {
+        id: "engine.setting.event.AddEventsDialog.addMethod"
+      },
+      ctx: () => ({
+        checkEvent: Pe,
+        props: o,
+        emits: e,
+        formData: i,
+        ruleForm: g,
+        eventNameValidator: p,
+        rules: a,
+        closeDialog: l,
+        addMethod: s
+      })
+    });
+    return (u, t) => (B(), te(S(it), {
+      visible: d.visible,
       title: "添加新事件",
       width: "400px",
       "append-to-body": !0,
       "close-on-click-modal": !1,
-      onClose: m
+      onClose: S(l)
     }, {
-      footer: E(() => [
-        t("div", yn, [
-          u(D(ee), { onClick: m }, {
-            default: E(() => n[2] || (n[2] = [
-              J(" 取消")
+      footer: I(() => [
+        v("div", Ct, [
+          b(S(Te), { onClick: S(l) }, {
+            default: I(() => t[2] || (t[2] = [
+              ke(" 取消")
             ])),
             _: 1,
             __: [2]
-          }),
-          u(D(ee), {
+          }, 8, ["onClick"]),
+          b(S(Te), {
             type: "primary",
-            onClick: s
+            onClick: S(s)
           }, {
-            default: E(() => n[3] || (n[3] = [
-              J(" 确定")
+            default: I(() => t[3] || (t[3] = [
+              ke(" 确定")
             ])),
             _: 1,
             __: [3]
-          })
+          }, 8, ["onClick"])
         ])
       ]),
-      default: E(() => [
-        u(D(Ue), {
+      default: I(() => [
+        b(S(gt), {
           ref_key: "ruleForm",
-          ref: _,
-          model: r,
-          rules: c,
+          ref: g,
+          model: i,
+          rules: a,
           "label-width": "80px",
           "inline-message": !0,
           "validate-type": "text",
           "label-position": "left",
           class: "add-custom-event-form"
         }, {
-          default: E(() => [
-            u(D(Ee), {
+          default: I(() => [
+            b(S(We), {
               label: "事件函数名",
               prop: "eventName",
               required: ""
             }, {
-              default: E(() => [
-                u(D(le), {
-                  modelValue: r.eventName,
-                  "onUpdate:modelValue": n[0] || (n[0] = (l) => r.eventName = l),
+              default: I(() => [
+                b(S(Fe), {
+                  modelValue: i.eventName,
+                  "onUpdate:modelValue": t[0] || (t[0] = (r) => i.eventName = r),
                   placeholder: "小驼峰格式，如：onDrag"
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
             }),
-            u(D(Ee), {
+            b(S(We), {
               label: "事件描述",
               prop: "eventDescription",
               required: ""
             }, {
-              default: E(() => [
-                u(D(le), {
-                  modelValue: r.eventDescription,
-                  "onUpdate:modelValue": n[1] || (n[1] = (l) => r.eventDescription = l)
+              default: I(() => [
+                b(S(Fe), {
+                  modelValue: i.eventDescription,
+                  "onUpdate:modelValue": t[1] || (t[1] = (r) => i.eventDescription = r)
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
@@ -480,114 +884,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 = {
+}, Ce = /* @__PURE__ */ Ie(kt, [["__scopeId", "data-v-2ed7fac6"]]), At = {
   components: {
-    BlockLinkEvent: We,
-    BindEventsDialog: gn,
-    TinyPopover: je,
-    TinyButton: ee,
-    IconChevronDown: nn(),
-    SvgButton: Ze,
-    AddEventsDialog: xn
+    BlockLinkEvent: ye,
+    BindEventsDialog: De,
+    TinyPopover: pt,
+    TinyButton: Te,
+    IconChevronDown: xe(),
+    SvgButton: Ee,
+    AddEventsDialog: Ce
   },
   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: d,
+      activePlugin: n
+    } = V(), {
+      pageState: o
+    } = y(), {
+      getBlockEvents: e,
+      getCurrentBlock: i,
+      removeEventLink: g
+    } = ue(), {
+      getMaterial: p
+    } = fe(), {
+      confirm: a
+    } = _e(), l = be.global.locale.value, {
+      highlightMethod: s
+    } = k(C.Page), {
+      commonEvents: u = {}
+    } = P("engine.setting.event").options, t = we({
       eventName: "",
       // 事件名称
       eventBinding: null,
       // 事件绑定的处理方法对象
       componentEvent: {},
-      customEvents: x,
+      customEvents: u,
       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,
+    }), r = Me(() => !!o.isBlock), c = Me(() => Object.keys(t.bindActions).length === 0), m = Me(() => ({
+      ...t.componentEvent,
+      ...t.customEvents
+    }));
+    nt(() => {
+      var Z, q, ne, oe, ie;
+      const _ = (Z = o == null ? void 0 : o.currentSchema) == null ? void 0 : Z.componentName, A = p(_);
+      t.componentEvent = ((ne = (q = A == null ? void 0 : A.content) == null ? void 0 : q.schema) == null ? void 0 : ne.events) || ((oe = A == null ? void 0 : A.schema) == null ? void 0 : oe.events) || {};
+      const O = ((ie = o == null ? void 0 : o.currentSchema) == null ? void 0 : ie.props) || {}, W = Object.keys(O);
+      t.bindActions = {}, Object.entries(m.value).forEach(([Q, Le]) => {
+        var T, Ue, Re;
+        if (W.indexOf(Q) > -1) {
+          const st = O[Q], {
+            value: lt,
+            params: $e
+          } = st, dt = !$e && ((Ue = (T = lt.match(/\((.+)\)$/)) == null ? void 0 : T[1]) == null ? void 0 : Ue.split(",")) || $e, pe = {
+            eventName: Q,
             ref: "",
-            event: C[L],
-            params: Le
+            event: O[Q],
+            params: dt
           };
-          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 (pe.event.type === "JSExpression" && (pe.ref = pe.event.value.replace("this.", "").replace(/\(.*\)$/, "")), o.isBlock) {
+            pe.metaEvent = Le;
+            const Je = e(i()), Xe = (Re = o == null ? void 0 : o.currentSchema) == null ? void 0 : Re.id;
+            Xe && Je && Object.entries(Je).forEach(([ct, ve]) => {
+              var Ke, He;
+              Xe === ((Ke = ve == null ? void 0 : ve.linked) == null ? void 0 : Ke.id) && Q === ((He = ve == null ? void 0 : ve.linked) == null ? void 0 : He.event) && (pe.linked = ve.linked, pe.linkedEventName = ct);
             });
           }
-          n.bindActions[L] = z;
+          t.bindActions[Q] = pe;
         }
       });
     });
-    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 f = h((_, A) => {
+      A && t.bindActions[_.eventName] || (t.eventBinding = _, L());
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEvents.openActionDialog"
       },
-      openCodePanel: (p) => {
-        p && o(f.Page).then(() => {
-          s && s(p.ref);
-        });
+      ctx: () => ({
+        PLUGIN_NAME: d,
+        activePlugin: n,
+        pageState: o,
+        getBlockEvents: e,
+        getCurrentBlock: i,
+        removeEventLink: g,
+        getMaterial: p,
+        confirm: a,
+        locale: l,
+        highlightMethod: s,
+        commonEvents: u,
+        state: t,
+        isBlock: r,
+        isEmpty: c,
+        renderEventList: m,
+        openActionDialog: f,
+        deleteAction: x,
+        delEvent: D,
+        openCodePanel: N,
+        handleToggleAddEventDialog: w,
+        handleAddEvent: E,
+        useModal: _e,
+        getMergeMeta: P,
+        useCanvas: y,
+        useLayout: V,
+        useBlock: ue,
+        useMaterial: fe,
+        getMetaApi: k,
+        META_APP: C,
+        useMessage: he,
+        i18n: be,
+        BlockLinkEvent: ye,
+        SvgButton: Ee,
+        iconChevronDown: xe,
+        BindEventsDialog: De,
+        openDialog: L,
+        AddEventsDialog: Ce
+      })
+    }), x = h((_) => {
+      var O;
+      Object.keys(((O = o == null ? void 0 : o.currentSchema) == null ? void 0 : O.props) || {}).indexOf(_.eventName) > -1 && (delete o.currentSchema.props[_.eventName], he().publish({
+        topic: "schemaChange",
+        data: {
+          props: o.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: d,
+        activePlugin: n,
+        pageState: o,
+        getBlockEvents: e,
+        getCurrentBlock: i,
+        removeEventLink: g,
+        getMaterial: p,
+        confirm: a,
+        locale: l,
+        highlightMethod: s,
+        commonEvents: u,
+        state: t,
+        isBlock: r,
+        isEmpty: c,
+        renderEventList: m,
+        openActionDialog: f,
+        deleteAction: x,
+        delEvent: D,
+        openCodePanel: N,
+        handleToggleAddEventDialog: w,
+        handleAddEvent: E,
+        useModal: _e,
+        getMergeMeta: P,
+        useCanvas: y,
+        useLayout: V,
+        useBlock: ue,
+        useMaterial: fe,
+        getMetaApi: k,
+        META_APP: C,
+        useMessage: he,
+        i18n: be,
+        BlockLinkEvent: ye,
+        SvgButton: Ee,
+        iconChevronDown: xe,
+        BindEventsDialog: De,
+        openDialog: L,
+        AddEventsDialog: Ce
+      })
+    }), D = h((_) => {
+      a({
+        title: "提示",
+        message: `您确定要删除事件 ${_.eventName} 吗?`,
+        exec() {
+          o.isBlock && g({
+            linked: _.linked
+          }), x(_);
+        }
+      });
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEvents.delEvent"
+      },
+      ctx: () => ({
+        PLUGIN_NAME: d,
+        activePlugin: n,
+        pageState: o,
+        getBlockEvents: e,
+        getCurrentBlock: i,
+        removeEventLink: g,
+        getMaterial: p,
+        confirm: a,
+        locale: l,
+        highlightMethod: s,
+        commonEvents: u,
+        state: t,
+        isBlock: r,
+        isEmpty: c,
+        renderEventList: m,
+        openActionDialog: f,
+        deleteAction: x,
+        delEvent: D,
+        openCodePanel: N,
+        handleToggleAddEventDialog: w,
+        handleAddEvent: E,
+        useModal: _e,
+        getMergeMeta: P,
+        useCanvas: y,
+        useLayout: V,
+        useBlock: ue,
+        useMaterial: fe,
+        getMetaApi: k,
+        META_APP: C,
+        useMessage: he,
+        i18n: be,
+        BlockLinkEvent: ye,
+        SvgButton: Ee,
+        iconChevronDown: xe,
+        BindEventsDialog: De,
+        openDialog: L,
+        AddEventsDialog: Ce
+      })
+    }), N = h((_) => {
+      _ && n(d.Page).then(() => {
+        s && s(_.ref);
+      });
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEvents.openCodePanel"
       },
-      handleToggleAddEventDialog: (p) => {
-        n.showBindEventDialog = p;
+      ctx: () => ({
+        PLUGIN_NAME: d,
+        activePlugin: n,
+        pageState: o,
+        getBlockEvents: e,
+        getCurrentBlock: i,
+        removeEventLink: g,
+        getMaterial: p,
+        confirm: a,
+        locale: l,
+        highlightMethod: s,
+        commonEvents: u,
+        state: t,
+        isBlock: r,
+        isEmpty: c,
+        renderEventList: m,
+        openActionDialog: f,
+        deleteAction: x,
+        delEvent: D,
+        openCodePanel: N,
+        handleToggleAddEventDialog: w,
+        handleAddEvent: E,
+        useModal: _e,
+        getMergeMeta: P,
+        useCanvas: y,
+        useLayout: V,
+        useBlock: ue,
+        useMaterial: fe,
+        getMetaApi: k,
+        META_APP: C,
+        useMessage: he,
+        i18n: be,
+        BlockLinkEvent: ye,
+        SvgButton: Ee,
+        iconChevronDown: xe,
+        BindEventsDialog: De,
+        openDialog: L,
+        AddEventsDialog: Ce
+      })
+    }), w = h((_) => {
+      t.showBindEventDialog = _;
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEvents.handleToggleAddEventDialog"
+      },
+      ctx: () => ({
+        PLUGIN_NAME: d,
+        activePlugin: n,
+        pageState: o,
+        getBlockEvents: e,
+        getCurrentBlock: i,
+        removeEventLink: g,
+        getMaterial: p,
+        confirm: a,
+        locale: l,
+        highlightMethod: s,
+        commonEvents: u,
+        state: t,
+        isBlock: r,
+        isEmpty: c,
+        renderEventList: m,
+        openActionDialog: f,
+        deleteAction: x,
+        delEvent: D,
+        openCodePanel: N,
+        handleToggleAddEventDialog: w,
+        handleAddEvent: E,
+        useModal: _e,
+        getMergeMeta: P,
+        useCanvas: y,
+        useLayout: V,
+        useBlock: ue,
+        useMaterial: fe,
+        getMetaApi: k,
+        META_APP: C,
+        useMessage: he,
+        i18n: be,
+        BlockLinkEvent: ye,
+        SvgButton: Ee,
+        iconChevronDown: xe,
+        BindEventsDialog: De,
+        openDialog: L,
+        AddEventsDialog: Ce
+      })
+    }), E = h((_) => {
+      const {
+        eventName: A,
+        eventDescription: O
+      } = _;
+      Object.assign(t.customEvents, {
+        [A]: {
+          label: {
+            zh_CN: O
+          },
+          description: {
+            zh_CN: `${O}的回调函数`
+          },
+          type: "event",
+          functionInfo: {
+            params: [],
+            returns: {}
+          },
+          defaultValue: ""
+        }
+      }), t.showBindEventDialog = !1;
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEvents.handleAddEvent"
       },
-      renderEventList: d,
-      locale: m
+      ctx: () => ({
+        PLUGIN_NAME: d,
+        activePlugin: n,
+        pageState: o,
+        getBlockEvents: e,
+        getCurrentBlock: i,
+        removeEventLink: g,
+        getMaterial: p,
+        confirm: a,
+        locale: l,
+        highlightMethod: s,
+        commonEvents: u,
+        state: t,
+        isBlock: r,
+        isEmpty: c,
+        renderEventList: m,
+        openActionDialog: f,
+        deleteAction: x,
+        delEvent: D,
+        openCodePanel: N,
+        handleToggleAddEventDialog: w,
+        handleAddEvent: E,
+        useModal: _e,
+        getMergeMeta: P,
+        useCanvas: y,
+        useLayout: V,
+        useBlock: ue,
+        useMaterial: fe,
+        getMetaApi: k,
+        META_APP: C,
+        useMessage: he,
+        i18n: be,
+        BlockLinkEvent: ye,
+        SvgButton: Ee,
+        iconChevronDown: xe,
+        BindEventsDialog: De,
+        openDialog: L,
+        AddEventsDialog: Ce
+      })
+    });
+    return {
+      state: t,
+      isBlock: r,
+      isEmpty: c,
+      delEvent: D,
+      openCodePanel: N,
+      openActionDialog: f,
+      handleAddEvent: E,
+      handleToggleAddEventDialog: w,
+      renderEventList: m,
+      locale: l
     };
   }
-}, 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, {
+}, Bt = { class: "bind-action-list" }, Nt = { class: "popover-head" }, Vt = { class: "bind-event-list" }, It = ["onClick"], Pt = { class: "bind-actions" }, Mt = { class: "action-item bind-action-item" }, wt = ["onClick"], Lt = { class: "event-bind" }, Ot = { class: "action-buttons" }, St = { class: "empty-action" }, Tt = { class: "icon" };
+function Ut(d, n, o, e, i, g) {
+  const p = M("icon-chevron-down"), a = M("tiny-button"), l = M("tiny-popover"), s = M("svg-icon"), u = M("block-link-event"), t = M("svg-button"), r = M("bind-events-dialog"), c = M("add-events-dialog");
+  return B(), J(Oe, null, [
+    v("div", Bt, [
+      v("div", Nt, [
+        b(l, {
           popperClass: "option-popper setting-advanced-bind-event-list",
           placement: "bottom-start",
           trigger: "hover",
@@ -595,318 +1290,577 @@ 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: I(() => [
+            b(a, { class: "bind-event-btn" }, {
+              default: I(() => [
+                n[2] || (n[2] = v("span", null, "绑定事件", -1)),
+                b(p, { 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: I(() => [
+            v("ul", Vt, [
+              (B(!0), J(Oe, null, ze(e.renderEventList, (m, f) => {
+                var x;
+                return B(), J("li", {
+                  key: f,
+                  class: Ne(["bind-event-list-item", { "bind-event-list-item-notallow": e.state.bindActions[f] }]),
+                  onClick: (D) => e.openActionDialog({ eventName: f }, !0)
                 }, [
-                  t("div", null, B(y) + "  |  " + B(((V = d == null ? void 0 : d.label) == null ? void 0 : V[e.locale]) || y), 1)
-                ], 10, Nn);
+                  v("div", null, Y(f) + "  |  " + Y(((x = m == null ? void 0 : m.label) == null ? void 0 : x[e.locale]) || f), 1)
+                ], 10, It);
               }), 128))
             ])
           ]),
           _: 1
         }),
-        u(c, {
+        b(a, {
           class: "title add-custom-event-button bind-action-button-item",
-          onClick: o[0] || (o[0] = (d) => e.handleToggleAddEventDialog(!0))
+          onClick: n[0] || (n[0] = (m) => e.handleToggleAddEventDialog(!0))
         }, {
-          default: E(() => [
-            u(s, {
+          default: I(() => [
+            b(s, {
               name: "add",
               class: "custom-event-button-icon"
             }),
-            o[3] || (o[3] = t("span", { class: "custom-event-button-text" }, "添加新事件", -1))
+            n[3] || (n[3] = v("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
+      qe(v("ul", Pt, [
+        (B(!0), J(Oe, null, ze(e.state.bindActions, (m) => {
+          var f, x;
+          return B(), J("li", {
+            key: m.eventName
           }, [
-            t("div", In, [
-              t("div", {
+            v("div", Mt, [
+              v("div", {
                 class: "binding-name",
-                onClick: (I) => e.openActionDialog(d)
+                onClick: (D) => e.openActionDialog(m)
               }, [
-                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)
+                v("div", null, [
+                  ke(Y(m.eventName), 1),
+                  v("span", null, Y((x = (f = e.renderEventList[m.eventName]) == null ? void 0 : f.label) == null ? void 0 : x[e.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, {
+                v("div", {
+                  class: Ne({ linked: m.linked })
+                }, Y(m.linkedEventName), 3),
+                v("span", Lt, Y(m.ref), 1)
+              ], 8, wt),
+              v("div", Ot, [
+                e.isBlock ? (B(), te(u, {
                   key: 0,
-                  data: d
-                }, null, 8, ["data"])) : Q("", !0),
-                u(n, {
+                  data: m
+                }, null, 8, ["data"])) : Se("", !0),
+                b(t, {
                   name: "plugin-icon-page-schema",
                   tips: "定位到代码",
                   placement: "top",
                   hoverBgColor: !1,
-                  onClick: (I) => e.openCodePanel(d)
+                  onClick: (D) => e.openCodePanel(m)
                 }, null, 8, ["onClick"]),
-                u(n, {
+                b(t, {
                   name: "setting",
                   hoverBgColor: !1,
-                  onClick: (I) => e.openActionDialog(d, !1)
+                  onClick: (D) => e.openActionDialog(m, !1)
                 }, null, 8, ["onClick"]),
-                u(n, {
+                b(t, {
                   name: "delete",
                   hoverBgColor: !1,
-                  onClick: (I) => e.delEvent(d)
+                  onClick: (D) => e.delEvent(m)
                 }, null, 8, ["onClick"])
               ])
             ])
           ]);
         }), 128))
       ], 512), [
-        [be, !e.isEmpty]
+        [Ye, !e.isEmpty]
       ]),
-      he(t("div", wn, [
-        t("div", Ln, [
-          u(s, {
+      qe(v("div", St, [
+        v("div", Tt, [
+          b(s, {
             name: "empty-action",
             class: "empty-action-icon"
           })
         ]),
-        o[4] || (o[4] = t("div", { class: "center" }, "支持添加原生DOM事件，然后点击 绑定事件 为画布所选元素增加事件", -1))
+        n[4] || (n[4] = v("div", { class: "center" }, "支持添加原生DOM事件，然后点击 绑定事件 为画布所选元素增加事件", -1))
       ], 512), [
-        [be, e.isEmpty]
+        [Ye, e.isEmpty]
       ])
     ]),
-    u(l, {
+    b(r, {
       eventBinding: e.state.eventBinding
     }, null, 8, ["eventBinding"]),
-    u(i, {
+    b(c, {
       visible: e.state.showBindEventDialog,
       componentEvents: e.renderEventList,
-      onCloseDialog: o[1] || (o[1] = (d) => e.handleToggleAddEventDialog(!1)),
+      onCloseDialog: n[1] || (n[1] = (m) => e.handleToggleAddEventDialog(!1)),
       onAddEvent: e.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 jt = /* @__PURE__ */ Ie(At, [["render", Ut], ["__scopeId", "data-v-64f96b67"]]), {
+  DEFAULT_LOOP_NAME: F
+} = me, {
+  string2Obj: ce
+} = ge, zt = {
   components: {
-    SwitchConfigurator: ln,
-    TinyTooltip: ze,
-    VariableConfigurator: an,
-    InputConfigurator: sn,
-    CodeConfigurator: tn
+    SwitchConfigurator: de,
+    TinyTooltip: vt,
+    VariableConfigurator: le,
+    InputConfigurator: se,
+    CodeConfigurator: ae
   },
   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: d
+    } = y(), n = Ve(!1), o = Me(() => {
+      var t;
+      return ((t = n.value) == null ? void 0 : t.type) === G.JSEXPRESSION;
+    }), e = h(() => {
+      var t, r;
+      return ((r = (t = z().getSchema()) == null ? void 0 : t.loopArgs) == null ? void 0 : r[1]) || F.INDEX;
+    }, {
+      metaData: {
+        id: "engine.setting.event.AdvanceConfig.getIndexName"
+      },
+      ctx: () => ({
+        pageState: d,
+        condition: n,
+        isBind: o,
+        getIndexName: e,
+        state: i,
+        setLoopKey: g,
+        openEditor: p,
+        setConfig: a,
+        setLoopIndex: l,
+        setLoop: s,
+        setLoopItem: u,
+        CodeConfigurator: ae,
+        InputConfigurator: se,
+        SwitchConfigurator: de,
+        VariableConfigurator: le,
+        useProperties: z,
+        useCanvas: y,
+        PROP_DATA_TYPE: G,
+        constants: me,
+        utils: ge,
+        DEFAULT_LOOP_NAME: F,
+        string2Obj: ce
+      })
+    }), i = we({
       loopData: {
         type: G.JSEXPRESSION,
         value: "[]"
       },
       loopItem: "item",
       loopIndex: "index",
-      isLoop: q(() => {
-        var n;
-        return ((n = r.loopData) == null ? void 0 : n.type) === G.JSEXPRESSION;
+      isLoop: Me(() => {
+        var t;
+        return ((t = i.loopData) == null ? void 0 : t.type) === G.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)
+    Ze(() => [d == null ? void 0 : d.currentSchema, i.shouldUpdate], ([t]) => {
+      var r, c, m, f;
+      n.value = (t == null ? void 0 : t.condition) === void 0 ? !0 : t == null ? void 0 : t.condition, i.loopData = t == null ? void 0 : t.loop, i.loopItem = ((r = t == null ? void 0 : t.loopArgs) == null ? void 0 : r[0]) || "", i.loopIndex = ((c = t == null ? void 0 : t.loopArgs) == null ? void 0 : c[1]) || "", i.loopKey = ((f = (m = t == null ? void 0 : t.props) == null ? void 0 : m.key) == null ? void 0 : f.value) || "";
+    });
+    const g = h((t = "") => {
+      var D;
+      t = t.replace(/\s*/g, "");
+      const {
+        getSchema: r,
+        setProp: c
+      } = z(), m = r();
+      if (!m)
         return;
-      const y = Number(n).toString() !== "NaN";
-      let V = (I = d.props) == null ? void 0 : I.key;
-      n && !y && (V = {
+      const f = Number(t).toString() !== "NaN";
+      let x = (D = m.props) == null ? void 0 : D.key;
+      t && !f && (x = {
         type: G.JSEXPRESSION,
-        value: n
-      }), n || (r.isLoop ? V = {
+        value: t
+      }), t || (i.isLoop ? x = {
         type: G.JSEXPRESSION,
         value: e()
-      } : V = ""), i("key", V);
-    };
-    ye([() => r.isLoop, () => r.loopIndex], () => {
-      !r.loopKey && r.isLoop && _(e()), r.isLoop || _("");
+      } : x = ""), c("key", x);
+    }, {
+      metaData: {
+        id: "engine.setting.event.AdvanceConfig.setLoopKey"
+      },
+      ctx: () => ({
+        pageState: d,
+        condition: n,
+        isBind: o,
+        getIndexName: e,
+        state: i,
+        setLoopKey: g,
+        openEditor: p,
+        setConfig: a,
+        setLoopIndex: l,
+        setLoop: s,
+        setLoopItem: u,
+        CodeConfigurator: ae,
+        InputConfigurator: se,
+        SwitchConfigurator: de,
+        VariableConfigurator: le,
+        useProperties: z,
+        useCanvas: y,
+        PROP_DATA_TYPE: G,
+        constants: me,
+        utils: ge,
+        DEFAULT_LOOP_NAME: F,
+        string2Obj: ce
+      })
     });
-    const h = () => {
-      var n;
-      r.loopData = (n = $().getSchema()) == null ? void 0 : n.loop;
-    }, c = (n) => {
-      const { getSchema: l } = $(), i = l();
-      if (!i)
+    Ze([() => i.isLoop, () => i.loopIndex], () => {
+      !i.loopKey && i.isLoop && g(e()), i.isLoop || g("");
+    });
+    const p = h(() => {
+      var t;
+      i.loopData = (t = z().getSchema()) == null ? void 0 : t.loop;
+    }, {
+      metaData: {
+        id: "engine.setting.event.AdvanceConfig.openEditor"
+      },
+      ctx: () => ({
+        pageState: d,
+        condition: n,
+        isBind: o,
+        getIndexName: e,
+        state: i,
+        setLoopKey: g,
+        openEditor: p,
+        setConfig: a,
+        setLoopIndex: l,
+        setLoop: s,
+        setLoopItem: u,
+        CodeConfigurator: ae,
+        InputConfigurator: se,
+        SwitchConfigurator: de,
+        VariableConfigurator: le,
+        useProperties: z,
+        useCanvas: y,
+        PROP_DATA_TYPE: G,
+        constants: me,
+        utils: ge,
+        DEFAULT_LOOP_NAME: F,
+        string2Obj: ce
+      })
+    }), a = h((t) => {
+      const {
+        getSchema: r
+      } = z(), c = r();
+      if (!c)
         return;
-      const { operateNode: d } = j();
-      if (n === !1 || n != null && n.type)
-        d({ type: "updateAttributes", id: i.id, value: { condition: n } });
+      const {
+        operateNode: m
+      } = y();
+      if (t === !1 || t != null && t.type)
+        m({
+          type: "updateAttributes",
+          id: c.id,
+          value: {
+            condition: t
+          }
+        });
       else {
-        const { condition: y, children: V, ...I } = i;
-        d({ type: "updateAttributes", id: i.id, value: { ...I }, overwrite: !0 });
+        const {
+          condition: f,
+          children: x,
+          ...D
+        } = c;
+        m({
+          type: "updateAttributes",
+          id: c.id,
+          value: {
+            ...D
+          },
+          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 });
+      y().canvasApi.value.updateRect(), n.value = t;
+    }, {
+      metaData: {
+        id: "engine.setting.event.AdvanceConfig.setConfig"
+      },
+      ctx: () => ({
+        pageState: d,
+        condition: n,
+        isBind: o,
+        getIndexName: e,
+        state: i,
+        setLoopKey: g,
+        openEditor: p,
+        setConfig: a,
+        setLoopIndex: l,
+        setLoop: s,
+        setLoopItem: u,
+        CodeConfigurator: ae,
+        InputConfigurator: se,
+        SwitchConfigurator: de,
+        VariableConfigurator: le,
+        useProperties: z,
+        useCanvas: y,
+        PROP_DATA_TYPE: G,
+        constants: me,
+        utils: ge,
+        DEFAULT_LOOP_NAME: F,
+        string2Obj: ce
+      })
+    }), l = h((t) => {
+      const r = z().getSchema();
+      let c = r.loopArgs;
+      const {
+        operateNode: m
+      } = y();
+      c ? c[1] = t || F.INDEX : c = [F.ITEM, t], m({
+        type: "updateAttributes",
+        id: r.id,
+        value: {
+          loopArgs: c
         }
-        r.shouldUpdate = !r.shouldUpdate;
+      });
+    }, {
+      metaData: {
+        id: "engine.setting.event.AdvanceConfig.setLoopIndex"
       },
-      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: d,
+        condition: n,
+        isBind: o,
+        getIndexName: e,
+        state: i,
+        setLoopKey: g,
+        openEditor: p,
+        setConfig: a,
+        setLoopIndex: l,
+        setLoop: s,
+        setLoopItem: u,
+        CodeConfigurator: ae,
+        InputConfigurator: se,
+        SwitchConfigurator: de,
+        VariableConfigurator: le,
+        useProperties: z,
+        useCanvas: y,
+        PROP_DATA_TYPE: G,
+        constants: me,
+        utils: ge,
+        DEFAULT_LOOP_NAME: F,
+        string2Obj: ce
+      })
+    }), s = h((t) => {
+      const {
+        operateNode: r
+      } = y(), {
+        getSchema: c
+      } = z(), m = c();
+      if (t) {
+        const f = t != null && t.type ? t : ce(t);
+        r({
+          type: "updateAttributes",
+          id: m.id,
+          value: {
+            loop: f
+          }
+        }), l(F.INDEX);
+      } else {
+        g();
+        const {
+          loop: f,
+          loopArgs: x,
+          children: D,
+          ...N
+        } = m;
+        r({
+          type: "updateAttributes",
+          id: m.id,
+          value: N,
+          overwrite: !0
+        });
+      }
+      i.shouldUpdate = !i.shouldUpdate;
+    }, {
+      metaData: {
+        id: "engine.setting.event.AdvanceConfig.setLoop"
+      },
+      ctx: () => ({
+        pageState: d,
+        condition: n,
+        isBind: o,
+        getIndexName: e,
+        state: i,
+        setLoopKey: g,
+        openEditor: p,
+        setConfig: a,
+        setLoopIndex: l,
+        setLoop: s,
+        setLoopItem: u,
+        CodeConfigurator: ae,
+        InputConfigurator: se,
+        SwitchConfigurator: de,
+        VariableConfigurator: le,
+        useProperties: z,
+        useCanvas: y,
+        PROP_DATA_TYPE: G,
+        constants: me,
+        utils: ge,
+        DEFAULT_LOOP_NAME: F,
+        string2Obj: ce
+      })
+    }), u = h((t) => {
+      const r = z().getSchema();
+      let c = r.loopArgs;
+      const {
+        operateNode: m
+      } = y();
+      c ? c[0] = t || F.ITEM : c = [t, F.INDEX], m({
+        type: "updateAttributes",
+        id: r.id,
+        value: {
+          loopArgs: c
+        }
+      });
+    }, {
+      metaData: {
+        id: "engine.setting.event.AdvanceConfig.setLoopItem"
       },
+      ctx: () => ({
+        pageState: d,
+        condition: n,
+        isBind: o,
+        getIndexName: e,
+        state: i,
+        setLoopKey: g,
+        openEditor: p,
+        setConfig: a,
+        setLoopIndex: l,
+        setLoop: s,
+        setLoopItem: u,
+        CodeConfigurator: ae,
+        InputConfigurator: se,
+        SwitchConfigurator: de,
+        VariableConfigurator: le,
+        useProperties: z,
+        useCanvas: y,
+        PROP_DATA_TYPE: G,
+        constants: me,
+        utils: ge,
+        DEFAULT_LOOP_NAME: F,
+        string2Obj: ce
+      })
+    });
+    return {
+      condition: n,
+      setConfig: a,
+      isBind: o,
+      state: i,
+      setLoop: s,
+      setLoopItem: u,
       DEFAULT_LOOP_NAME: F,
-      openEditor: h,
-      setLoopIndex: m,
-      setLoopKey: _,
+      openEditor: p,
+      setLoopIndex: l,
+      setLoopKey: g,
       getIndexName: e
     };
   }
-}, 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", {
+}, Ft = { class: "advanced-config-container" }, Rt = { class: "advnce-config" }, $t = { class: "advanced-config-form-item" }, Jt = ["title"], Xt = { class: "advnce-config loop-data-item" }, Kt = { class: "advanced-config-form-item" }, Ht = ["title"], Gt = { class: "advnce-config" }, qt = { class: "advanced-config-form-item" }, Yt = { class: "advnce-config" }, Zt = { class: "advanced-config-form-item" }, Wt = { class: "advnce-config" }, Qt = { class: "advanced-config-form-item" };
+function en(d, n, o, e, i, g) {
+  var t, r;
+  const p = M("switch-configurator"), a = M("variable-configurator"), l = M("code-configurator"), s = M("input-configurator"), u = M("tiny-tooltip");
+  return B(), J("div", Ft, [
+    v("div", Rt, [
+      n[6] || (n[6] = v("label", { class: "text-ellipsis-multiple" }, "是否渲染", -1)),
+      v("div", $t, [
+        e.isBind ? (B(), J("div", {
           key: 1,
           class: "binding-state text-ellipsis-multiple",
           title: e.condition.value
-        }, " 已绑定：" + B(e.condition.value), 9, $n)) : (b(), O(h, {
+        }, " 已绑定：" + Y(e.condition.value), 9, Jt)) : (B(), te(p, {
           key: 0,
           modelValue: e.condition,
           "onUpdate:modelValue": e.setConfig
         }, null, 8, ["modelValue", "onUpdate:modelValue"])),
-        u(c, {
+        b(a, {
           modelValue: e.condition,
           "onUpdate:modelValue": [
-            o[0] || (o[0] = (i) => e.condition = i),
+            n[0] || (n[0] = (c) => e.condition = c),
             e.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", {
+    v("div", Xt, [
+      n[7] || (n[7] = v("label", { class: "text-ellipsis-multiple" }, "循环数据", -1)),
+      v("div", Kt, [
+        e.state.isLoop ? (B(), J("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: (t = e.state.loopData) == null ? void 0 : t.value
+        }, " 已绑定：" + Y((r = e.state.loopData) == null ? void 0 : r.value), 9, Ht)) : (B(), te(l, {
           key: 0,
           modelValue: e.state.loopData,
           "onUpdate:modelValue": [
-            o[1] || (o[1] = (i) => e.state.loopData = i),
+            n[1] || (n[1] = (c) => e.state.loopData = c),
             e.setLoop
           ],
           "data-type": "JSExpression",
           onOpen: e.openEditor
         }, null, 8, ["modelValue", "onUpdate:modelValue", "onOpen"])),
-        u(c, {
+        b(a, {
           modelValue: e.state.loopData,
           "onUpdate:modelValue": [
-            o[2] || (o[2] = (i) => e.state.loopData = i),
+            n[2] || (n[2] = (c) => e.state.loopData = c),
             e.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, {
+    v("div", Gt, [
+      n[8] || (n[8] = v("label", { class: "text-ellipsis-multiple" }, "迭代变量名", -1)),
+      v("div", qt, [
+        b(s, {
           modelValue: e.state.loopItem,
           "onUpdate:modelValue": [
-            o[3] || (o[3] = (i) => e.state.loopItem = i),
+            n[3] || (n[3] = (c) => e.state.loopItem = c),
             e.setLoopItem
           ],
           placeholder: `默认值为：${e.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, {
+    v("div", Yt, [
+      n[9] || (n[9] = v("label", { class: "text-ellipsis-multiple" }, "索引变量名", -1)),
+      v("div", Zt, [
+        b(s, {
           modelValue: e.state.loopIndex,
           "onUpdate:modelValue": [
-            o[4] || (o[4] = (i) => e.state.loopIndex = i),
+            n[4] || (n[4] = (c) => e.state.loopIndex = c),
             e.setLoopIndex
           ],
           placeholder: `默认值为：${e.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, {
+    v("div", Wt, [
+      n[10] || (n[10] = v("label", { class: "text-ellipsis-multiple" }, "key", -1)),
+      v("div", Qt, [
+        b(u, {
           content: "建议填写循环项中的唯一值（如item.id），如果填写为数字将不保存",
           effect: "light"
         }, {
-          default: E(() => [
-            u(s, {
+          default: I(() => [
+            b(s, {
               modelValue: e.state.loopKey,
               "onUpdate:modelValue": [
-                o[5] || (o[5] = (i) => e.state.loopKey = i),
+                n[5] || (n[5] = (c) => e.state.loopKey = c),
                 e.setLoopKey
               ],
               placeholder: `默认为索引名：${e.getIndexName()}`
@@ -918,44 +1872,46 @@ function Wn(f, o, a, e, r, _) {
     ])
   ]);
 }
-const Qn = /* @__PURE__ */ H(Un, [["render", Wn], ["__scopeId", "data-v-40bd3762"]]), eo = {
+const tn = /* @__PURE__ */ Ie(zt, [["render", en], ["__scopeId", "data-v-275ffc6c"]]), nn = {
   __name: "Main",
   props: {
     fixedPanels: Array
   },
   emits: [],
-  setup(f, { emit: o }) {
-    const a = K(["bindEvent", "advancedConfig"]), { PLUGIN_NAME: e } = re(), _ = Y({
-      emitEvent: o
+  setup(d, { emit: n }) {
+    const o = Ve(["bindEvent", "advancedConfig"]), {
+      PLUGIN_NAME: e
+    } = V(), g = we({
+      emitEvent: n
     });
-    return Ve("panelState", _), (h, c) => (b(), O(D(Qe), {
+    return tt("panelState", g), (p, a) => (B(), te(S(ht), {
       title: "高级",
-      "fixed-panels": f.fixedPanels,
-      "fixed-name": D(e).Event,
+      "fixed-panels": d.fixedPanels,
+      "fixed-name": S(e).Event,
       "header-margin-bottom": 0,
-      onClose: c[1] || (c[1] = (m) => h.$emit("close"))
+      onClose: a[1] || (a[1] = (l) => p.$emit("close"))
     }, {
-      content: E(() => [
-        u(D(Re), {
-          modelValue: a.value,
-          "onUpdate:modelValue": c[0] || (c[0] = (m) => a.value = m)
+      content: I(() => [
+        b(S(ut), {
+          modelValue: o.value,
+          "onUpdate:modelValue": a[0] || (a[0] = (l) => o.value = l)
         }, {
-          default: E(() => [
-            u(D(xe), {
+          default: I(() => [
+            b(S(Qe), {
               title: "事件绑定",
               name: "bindEvent"
             }, {
-              default: E(() => [
-                u(Sn)
+              default: I(() => [
+                b(jt)
               ]),
               _: 1
             }),
-            u(D(xe), {
+            b(S(Qe), {
               title: "高级配置",
               name: "advancedConfig"
             }, {
-              default: E(() => [
-                u(Qn)
+              default: I(() => [
+                b(tn)
               ]),
               _: 1
             })
@@ -966,114 +1922,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 = {
+}, ee = "newMethod", je = /[^0-9a-zA-Z_$]/, Be = /^[a-zA-Z_$][0-9a-zA-Z_$]*$/, re = {
+  default: "选择已有方法或者添加新方法(点击 确定 之后将在JS面板中创建一个该名称的新方法)",
   exist: "方法名称已存在",
   ruleInvalid: "请输入有效的方法名，可以由字母、数字、下划线、$ 符号组成，不能以数字开头",
   empty: "方法名称不能为空"
-}, to = {
+}, on = {
   components: {
-    MonacoEditor: en,
-    TinyInput: le,
-    TinyCheckbox: $e
+    MonacoEditor: Ae,
+    TinyInput: Fe,
+    TinyCheckbox: ft
   },
   props: {
     dialogVisible: Boolean
   },
   setup() {
-    const { getMethodNameList: f } = ne(oe.Page), o = Ne("context"), a = {
+    const {
+      getMethodNameList: d
+    } = k(C.Page), n = ot("context"), o = {
       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;
-          }
+    }, e = h((l) => {
+      n.editorContent = l;
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialogContent.editorContentChange"
+      },
+      ctx: () => ({
+        getMethodNameList: d,
+        context: n,
+        editorOptions: o,
+        editorContentChange: e,
+        validMethodNameEmpty: i,
+        validMethodNameExist: g,
+        invalidMethodName: p,
+        change: a,
+        VueMonaco: Ae,
+        getMetaApi: k,
+        META_APP: C,
+        METHOD_TIPS_MAP: re,
+        NEW_METHOD_TYPE: ee,
+        VALID_VARNAME_RE: Be
+      })
+    }), i = h((l) => !l, {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialogContent.validMethodNameEmpty"
+      },
+      ctx: () => ({
+        getMethodNameList: d,
+        context: n,
+        editorOptions: o,
+        editorContentChange: e,
+        validMethodNameEmpty: i,
+        validMethodNameExist: g,
+        invalidMethodName: p,
+        change: a,
+        VueMonaco: Ae,
+        getMetaApi: k,
+        META_APP: C,
+        METHOD_TIPS_MAP: re,
+        NEW_METHOD_TYPE: ee,
+        VALID_VARNAME_RE: Be
+      })
+    }), g = h((l) => d == null ? void 0 : d().includes(l), {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialogContent.validMethodNameExist"
+      },
+      ctx: () => ({
+        getMethodNameList: d,
+        context: n,
+        editorOptions: o,
+        editorContentChange: e,
+        validMethodNameEmpty: i,
+        validMethodNameExist: g,
+        invalidMethodName: p,
+        change: a,
+        VueMonaco: Ae,
+        getMetaApi: k,
+        META_APP: C,
+        METHOD_TIPS_MAP: re,
+        NEW_METHOD_TYPE: ee,
+        VALID_VARNAME_RE: Be
+      })
+    }), p = h((l) => !Be.test(l), {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialogContent.invalidMethodName"
+      },
+      ctx: () => ({
+        getMethodNameList: d,
+        context: n,
+        editorOptions: o,
+        editorContentChange: e,
+        validMethodNameEmpty: i,
+        validMethodNameExist: g,
+        invalidMethodName: p,
+        change: a,
+        VueMonaco: Ae,
+        getMetaApi: k,
+        META_APP: C,
+        METHOD_TIPS_MAP: re,
+        NEW_METHOD_TYPE: ee,
+        VALID_VARNAME_RE: Be
+      })
+    }), a = h((l) => {
+      const s = [{
+        validator: i,
+        tip: re.empty
+      }, {
+        validator: g,
+        tip: re.exist
+      }, {
+        validator: p,
+        tip: re.ruleInvalid
+      }];
+      for (let u = 0; u < s.length; u++) {
+        const t = s[u];
+        if (t.validator(l)) {
+          n.tipError = !0, n.tip = t.tip;
+          return;
         }
-        o.tipError = !1, o.tip = "";
+      }
+      n.tipError = !1, n.tip = "";
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialogContent.change"
       },
+      ctx: () => ({
+        getMethodNameList: d,
+        context: n,
+        editorOptions: o,
+        editorContentChange: e,
+        validMethodNameEmpty: i,
+        validMethodNameExist: g,
+        invalidMethodName: p,
+        change: a,
+        VueMonaco: Ae,
+        getMetaApi: k,
+        META_APP: C,
+        METHOD_TIPS_MAP: re,
+        NEW_METHOD_TYPE: ee,
+        VALID_VARNAME_RE: Be
+      })
+    });
+    return {
+      NEW_METHOD_TYPE: ee,
+      context: n,
+      editorOptions: o,
+      change: a,
       editorContentChange: e
     };
   }
-}, 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 = {
+}, an = { class: "content-right" }, sn = { class: "new-action-tip" }, ln = { class: "content-right-title" }, dn = { class: "set-params-tip" }, cn = { class: "content-right-monaco" }, rn = {
   key: 1,
   class: "mark"
-}, mo = {
+}, mn = {
   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 gn(d, n, o, e, i, g) {
+  const p = M("tiny-input"), a = M("tiny-checkbox"), l = M("monaco-editor");
+  return B(), J("div", an, [
+    v("div", {
+      class: Ne(["content-right-top", { "tip-error": e.context.tipError }])
     }, [
-      o[2] || (o[2] = t("div", { class: "content-right-title" }, "方法名称", -1)),
-      u(h, {
+      n[2] || (n[2] = v("div", { class: "content-right-title" }, "方法名称", -1)),
+      b(p, {
         modelValue: e.context.bindMethodInfo.name,
         "onUpdate:modelValue": [
-          o[0] || (o[0] = (s) => e.context.bindMethodInfo.name = s),
+          n[0] || (n[0] = (s) => e.context.bindMethodInfo.name = s),
           e.change
         ],
         disabled: e.context.bindMethodInfo.type !== e.NEW_METHOD_TYPE,
-        class: X([{ "status-error": e.context.tipError }]),
+        class: Ne([{ "status-error": e.context.tipError }]),
         placeholder: "请从左侧选择一个方法进行绑定，或者选择添加新方法，输入自定义方法名称。"
       }, null, 8, ["modelValue", "disabled", "class", "onUpdate:modelValue"]),
-      t("div", so, B(e.context.tip), 1)
+      v("div", sn, Y(e.context.tip), 1)
     ], 2),
-    t("div", {
-      class: X(["content-right-bottom", { "tip-error": !e.context.isValidParams }])
+    v("div", {
+      class: Ne(["content-right-bottom", { "tip-error": !e.context.isValidParams }])
     }, [
-      t("div", ao, [
-        u(c, {
+      v("div", ln, [
+        b(a, {
           modelValue: e.context.enableExtraParams,
-          "onUpdate:modelValue": o[1] || (o[1] = (s) => e.context.enableExtraParams = s),
+          "onUpdate:modelValue": n[1] || (n[1] = (s) => e.context.enableExtraParams = s),
           name: "tiny-checkbox"
         }, {
-          default: E(() => o[3] || (o[3] = [
-            J("扩展参数设置")
+          default: I(() => n[3] || (n[3] = [
+            ke("扩展参数设置")
           ])),
           _: 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)
+        v("div", dn, [
+          n[4] || (n[4] = v("div", null, "扩展参数：调用当前事件传入的真实参数，数组格式，追加在原有事件参数之后", -1)),
+          ke(" 如: " + Y(e.context.bindMethodInfo.name) + "(eventArgs, extParam1, extParam2, ...) ", 1)
         ])
       ]),
-      t("div", ro, [
-        a.dialogVisible ? (b(), O(m, {
+      v("div", cn, [
+        o.dialogVisible ? (B(), te(l, {
           key: 0,
           value: e.context.editorContent,
           options: e.editorOptions,
           onChange: e.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"])) : Se("", !0),
+        e.context.enableExtraParams ? Se("", !0) : (B(), J("div", rn))
       ]),
-      !e.context.isValidParams && e.context.enableExtraParams ? (b(), N("div", mo, ' 请输入数组格式的参数，参数可以为表达式。例如：["extParam1", "item.status", 1, "getNames()"] ')) : Q("", !0)
+      !e.context.isValidParams && e.context.enableExtraParams ? (B(), J("div", mn, ' 请输入数组格式的参数，参数可以为表达式。例如：["extParam1", "item.status", 1, "getNames()"] ')) : Se("", !0)
     ], 2)
   ]);
 }
-const uo = /* @__PURE__ */ H(to, [["render", po], ["__scopeId", "data-v-f2c9b5af"]]), fo = {
+const pn = /* @__PURE__ */ Ie(on, [["render", gn], ["__scopeId", "data-v-fc0b367d"]]), vn = {
   components: {
-    TinySearch: Fe
+    TinySearch: _t
   },
   props: {
     eventBinding: {
@@ -1081,70 +2145,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(d) {
+    const {
+      getMethodNameList: n
+    } = k(C.Page), o = Ve(""), e = Ve([]), i = ot("context"), g = h((a, l) => {
+      const s = a.map((r) => {
+        var c;
+        return Number.parseInt((c = r.match(/\d+$/)) == null ? void 0 : c[0]) || 0;
+      }).sort((r, c) => r - c).pop();
+      let t = `${(l == null ? void 0 : l.replace(je, "_")) || ""}New`;
+      return s > -1 && (t += `${s + 1}`), t;
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialogSidebar.generateMethodName"
+      },
+      ctx: () => ({
+        props: d,
+        getMethodNameList: n,
+        searchValue: o,
+        filteredMethodList: e,
+        context: i,
+        generateMethodName: g,
+        selectMethod: p,
+        getMetaApi: k,
+        META_APP: C,
+        INVALID_VARNAME_CHAR_RE: je,
+        NEW_METHOD_TYPE: ee
+      })
+    }), p = h((a) => {
+      i.bindMethodInfo = a;
+    }, {
+      metaData: {
+        id: "engine.setting.event.BindEventsDialogSidebar.selectMethod"
+      },
+      ctx: () => ({
+        props: d,
+        getMethodNameList: n,
+        searchValue: o,
+        filteredMethodList: e,
+        context: i,
+        generateMethodName: g,
+        selectMethod: p,
+        getMetaApi: k,
+        META_APP: C,
+        INVALID_VARNAME_CHAR_RE: je,
+        NEW_METHOD_TYPE: ee
+      })
+    });
+    return nt(() => {
+      var r, c;
+      const a = (r = d.eventBinding) == null ? void 0 : r.eventName, l = (n == null ? void 0 : n().filter((m) => m.includes(a))) || [], u = {
         title: "添加新方法",
-        name: _(m, c),
-        type: Pe
+        name: g(l, a),
+        type: ee
       };
-      (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];
+      (c = d.eventBinding) != null && c.ref ? p({
+        name: d.eventBinding.ref
+      }) : p(u);
+      const t = (n == null ? void 0 : n().filter((m) => m.includes(o.value)).map((m) => ({
+        name: m
+      }))) || [];
+      e.value = [u, ...t];
     }), {
-      context: r,
-      searchValue: a,
+      context: i,
+      searchValue: o,
       filteredMethodList: e,
-      selectMethod: h
+      selectMethod: p
     };
   }
-}, 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, {
+}, un = { class: "dialog-content-left" }, fn = { class: "left-list-wrap" }, _n = { class: "left-action-list" }, hn = { class: "action-list-wrap" }, bn = ["onClick"];
+function En(d, n, o, e, i, g) {
+  const p = M("tiny-search");
+  return B(), J("div", un, [
+    n[1] || (n[1] = v("div", { class: "left-title" }, "响应方法", -1)),
+    v("div", fn, [
+      v("div", _n, [
+        b(p, {
           modelValue: e.searchValue,
-          "onUpdate:modelValue": o[0] || (o[0] = (c) => e.searchValue = c),
+          "onUpdate:modelValue": n[0] || (n[0] = (a) => e.searchValue = a),
           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)
+        v("ul", hn, [
+          (B(!0), J(Oe, null, ze(e.filteredMethodList, (a) => (B(), J("li", {
+            key: a.name,
+            onClick: (l) => e.selectMethod(a)
           }, [
-            t("div", {
-              class: X(["action-name", { active: c.name === e.context.bindMethodInfo.name }])
-            }, B(c.title || c.name), 3)
-          ], 8, bo))), 128))
+            v("div", {
+              class: Ne(["action-name", { active: a.name === e.context.bindMethodInfo.name }])
+            }, Y(a.title || a.name), 3)
+          ], 8, bn))), 128))
         ])
       ])
     ])
   ]);
 }
-const Eo = /* @__PURE__ */ H(fo, [["render", yo], ["__scopeId", "data-v-0859add1"]]), wo = {
-  ...de,
-  entry: eo,
-  options: { commonEvents: _n },
+const yn = /* @__PURE__ */ Ie(vn, [["render", En], ["__scopeId", "data-v-9bcc2645"]]), wn = {
+  ...U,
+  entry: nn,
+  options: { commonEvents: at },
   components: {
-    BindEventsDialogSidebar: Eo,
-    BindEventsDialogContent: uo
+    BindEventsDialogSidebar: yn,
+    BindEventsDialogContent: pn
   }
 };
 export {
-  wo as default
+  wn as default
 };
 //# sourceMappingURL=index.js.map