@opentiny/tiny-engine-setting-events 2.5.0-alpha.0 → 2.5.0-alpha.2

package/dist/index.js

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