@opentiny/tiny-engine-setting-events 2.0.0 → 2.1.0

package/dist/index.js

@@ -1,34 +1,34 @@
 import "./style.css";
-import { ref as R, reactive as q, provide as Oe, resolveComponent as y, openBlock as _, createBlock as M, withCtx as x, createElementVNode as t, createVNode as m, createTextVNode as S, resolveDynamicComponent as fe, nextTick as Le, unref as P, computed as X, watchEffect as xe, createElementBlock as I, Fragment as H, renderList as ee, normalizeClass as z, toDisplayString as B, withDirectives as ge, createCommentVNode as K, vShow as ve, watch as _e, inject as ke } from "vue";
-import { Button as $, DialogBox as Ve, Form as Te, FormItem as he, Input as ne, Popover as Ue, Tooltip as je, Collapse as ze, CollapseItem as be, Checkbox as Re, Search as Je } from "@opentiny/vue";
-import { getMergeMeta as Ce, useLayout as De, useCanvas as Y, getMetaApi as Z, META_APP as G, getOptions as Fe, useHistory as Xe, useBlock as Ke, useMaterial as He, useModal as $e, useProperties as D } from "@opentiny/tiny-engine-meta-register";
+import { ref as J, reactive as q, provide as Oe, resolveComponent as x, openBlock as _, createBlock as w, withCtx as k, createElementVNode as t, createVNode as p, createTextVNode as O, resolveDynamicComponent as fe, nextTick as Se, unref as B, computed as K, watchEffect as ke, createElementBlock as A, Fragment as $, renderList as ne, normalizeClass as R, toDisplayString as M, withDirectives as ge, createCommentVNode as H, vShow as _e, watch as be, inject as Ve } from "vue";
+import { Button as Y, DialogBox as Ce, Form as Te, FormItem as he, Input as oe, Popover as Ue, Tooltip as je, Collapse as ze, CollapseItem as ye, Checkbox as Re, Search as Je } from "@opentiny/vue";
+import { getMergeMeta as Ne, useLayout as Ae, useCanvas as L, getMetaApi as Z, META_APP as G, getOptions as Fe, useHistory as Xe, useBlock as Ke, useMaterial as He, useModal as $e, useProperties as U } from "@opentiny/tiny-engine-meta-register";
 import Ye from "@opentiny/tiny-engine-common/js/i18n";
 import { BlockLinkEvent as qe, SvgButton as Ze, VueMonaco as Ge } from "@opentiny/tiny-engine-common";
 import { iconChevronDown as We, iconYes as Qe } from "@opentiny/vue-icon";
 import { string2Ast as Ee, ast2String as en } from "@opentiny/tiny-engine-common/js/ast";
 import { SwitchConfigurator as nn, VariableConfigurator as on, InputConfigurator as tn, CodeConfigurator as sn } from "@opentiny/tiny-engine-configurator";
-import { PROP_DATA_TYPE as F } from "@opentiny/tiny-engine-common/js/constants";
+import { PROP_DATA_TYPE as X } from "@opentiny/tiny-engine-common/js/constants";
 import { constants as an, utils as ln } from "@opentiny/tiny-engine-utils";
-const oe = {
+const te = {
   id: "engine.setting.event",
   title: "高级",
   type: "setting",
   align: "left",
   name: "event",
   icon: ""
-}, J = (p, o) => {
-  const a = p.__vccOpts || p;
-  for (const [e, s] of o)
-    a[e] = s;
-  return a;
-}, te = R(!1), dn = () => {
-  te.value = !0;
-}, ye = () => {
-  te.value = !1;
+}, F = (u, o) => {
+  const r = u.__vccOpts || u;
+  for (const [e, d] of o)
+    r[e] = d;
+  return r;
+}, ie = J(!1), dn = () => {
+  ie.value = !0;
+}, xe = () => {
+  ie.value = !1;
 }, rn = {
   components: {
-    TinyButton: $,
-    TinyDialogBox: Ve
+    TinyButton: Y,
+    TinyDialogBox: Ce
   },
   inheritAttrs: !1,
   props: {
@@ -37,8 +37,8 @@ const oe = {
       default: () => ({})
     }
   },
-  setup(p) {
-    const { BindEventsDialogSidebar: o, BindEventsDialogContent: a } = Ce(oe.id).components, { PLUGIN_NAME: e, activePlugin: s } = De(), { pageState: h } = Y(), { getMethods: b, saveMethod: f, highlightMethod: l } = Z(G.Page), i = q({
+  setup(u) {
+    const { BindEventsDialogSidebar: o, BindEventsDialogContent: r } = Ne(te.id).components, { PLUGIN_NAME: e, activePlugin: d } = Ae(), { pageState: b } = L(), { getMethods: h, saveMethod: v, highlightMethod: c } = Z(G.Page), i = q({
       editorContent: "",
       bindMethodInfo: {},
       tip: "",
@@ -47,88 +47,88 @@ const oe = {
       isValidParams: !0
     });
     Oe("context", i);
-    const E = (v) => {
-      i.bindMethodInfo = v;
-    }, n = (v) => {
-      var A, C;
-      if (!v)
+    const E = (g) => {
+      i.bindMethodInfo = g;
+    }, n = (g) => {
+      var P, N;
+      if (!g)
         return;
-      const r = (A = p.eventBinding) == null ? void 0 : A.eventName;
-      if (!r)
+      const m = (P = u.eventBinding) == null ? void 0 : P.eventName;
+      if (!m)
         return;
-      const g = (C = h == null ? void 0 : h.currentSchema) == null ? void 0 : C.props;
-      if (!g)
+      const f = (N = b == null ? void 0 : b.currentSchema) == null ? void 0 : N.props;
+      if (!f)
         return;
-      const { name: k, extra: N } = v;
-      p[r] || (g[r] = {
+      const { name: V, extra: I } = g;
+      u[m] || (f[m] = {
         type: "JSExpression",
         value: ""
-      }), N && i.enableExtraParams && (g[r].params = N), g[r].value = `this.${k}`, Xe().addHistory();
-    }, d = () => {
+      }), I && i.enableExtraParams && (f[m].params = I), f[m].value = `this.${V}`, Xe().addHistory();
+    }, a = () => {
       i.tipError = !1, i.tip = "", i.isValidParams = !0;
-    }, u = () => {
-      let v = "";
+    }, s = () => {
+      let g = "";
       if (i.enableExtraParams)
         try {
-          v = JSON.parse(i.editorContent), i.isValidParams = Array.isArray(v);
+          g = JSON.parse(i.editorContent), i.isValidParams = Array.isArray(g);
         } catch {
           i.isValidParams = !1;
         }
-      return v;
-    }, c = (v) => Array.from({ length: v.length }, (r, g) => `args${g}`).join(","), V = () => {
-      var g, k, N, A;
-      let v = (k = (g = b()) == null ? void 0 : g[i.bindMethodInfo.name]) == null ? void 0 : k.value, r = "{}";
-      if (v) {
-        let C = {};
+      return g;
+    }, l = (g) => Array.from({ length: g.length }, (m, f) => `args${f}`).join(","), y = () => {
+      var f, V, I, P;
+      let g = (V = (f = h()) == null ? void 0 : f[i.bindMethodInfo.name]) == null ? void 0 : V.value, m = "{}";
+      if (g) {
+        let N = {};
         try {
-          C = Ee(v);
+          N = Ee(g);
         } catch {
-          v = v.replace("function", `function ${i.bindMethodInfo.name}`), C = Ee(v);
+          g = g.replace("function", `function ${i.bindMethodInfo.name}`), N = Ee(g);
         }
-        (A = (N = C == null ? void 0 : C.program) == null ? void 0 : N.body[0]) != null && A.body && (r = en(C.program.body[0].body));
+        (P = (I = N == null ? void 0 : N.program) == null ? void 0 : I.body[0]) != null && P.body && (m = en(N.program.body[0].body));
       }
-      return r || `{
+      return m || `{
 }`;
-    }, w = () => {
-      s(e.Page).then(() => {
-        Le(() => {
-          var v;
-          l && l((v = i.bindMethodInfo) == null ? void 0 : v.name);
+    }, C = () => {
+      d(e.Page).then(() => {
+        Se(() => {
+          var g;
+          c && c((g = i.bindMethodInfo) == null ? void 0 : g.name);
         });
       });
     };
     return {
       BindEventsDialogSidebar: o,
-      BindEventsDialogContent: a,
+      BindEventsDialogContent: r,
       state: i,
-      dialogVisible: te,
+      dialogVisible: ie,
       confirm: async () => {
         if (i.tipError)
           return;
-        let v = "event", r = u(), g = v;
+        let g = "event", m = s(), f = g;
         if (!i.isValidParams)
           return;
-        r && (v = r.join(","), g = c(r)), n({ ...i.bindMethodInfo, params: v, extra: r });
-        const k = V(), { name: N } = i.bindMethodInfo, A = {
-          name: N,
-          content: i.enableExtraParams ? `function ${N}(eventArgs,${g}) ${k}` : `function ${N}(${g})  ${k}`
-        }, { beforeSaveMethod: C } = Fe(oe.id);
-        typeof C == "function" && await C(A, i.bindMethodInfo), f == null || f(A), w(), ye();
+        m && (g = m.join(","), f = l(m)), n({ ...i.bindMethodInfo, params: g, extra: m });
+        const V = y(), { name: I } = i.bindMethodInfo, P = {
+          name: I,
+          content: i.enableExtraParams ? `function ${I}(eventArgs,${f}) ${V}` : `function ${I}(${f})  ${V}`
+        }, { beforeSaveMethod: N } = Fe(te.id);
+        typeof N == "function" && await N(P, i.bindMethodInfo), v == null || v(P), C(), xe();
       },
       closeDialog: () => {
-        d(), ye();
+        a(), xe();
       },
       openedDialog: () => {
-        var v, r, g;
-        i.enableExtraParams = !!((r = (v = p.eventBinding) == null ? void 0 : v.params) != null && r.length), i.editorContent = JSON.stringify(((g = p.eventBinding) == null ? void 0 : g.params) || [], null, 2), d();
+        var g, m, f;
+        i.enableExtraParams = !!((m = (g = u.eventBinding) == null ? void 0 : g.params) != null && m.length), i.editorContent = JSON.stringify(((f = u.eventBinding) == null ? void 0 : f.params) || [], null, 2), a();
       },
       selectMethod: E
     };
   }
 }, cn = { class: "bind-event-dialog-content" }, mn = { class: "bind-dialog-footer" };
-function pn(p, o, a, e, s, h) {
-  const b = y("tiny-button"), f = y("tiny-dialog-box");
-  return _(), M(f, {
+function pn(u, o, r, e, d, b) {
+  const h = x("tiny-button"), v = x("tiny-dialog-box");
+  return _(), w(v, {
     visible: e.dialogVisible,
     title: "事件绑定",
     width: "50%",
@@ -138,39 +138,39 @@ function pn(p, o, a, e, s, h) {
     onClose: e.closeDialog,
     onOpened: e.openedDialog
   }, {
-    footer: x(() => [
+    footer: k(() => [
       t("div", mn, [
-        m(b, { onClick: e.closeDialog }, {
-          default: x(() => o[0] || (o[0] = [
-            S("取 消")
+        p(h, { onClick: e.closeDialog }, {
+          default: k(() => o[0] || (o[0] = [
+            O("取 消")
           ])),
           _: 1
         }, 8, ["onClick"]),
-        m(b, {
+        p(h, {
           type: "info",
           onClick: e.confirm
         }, {
-          default: x(() => o[1] || (o[1] = [
-            S("确 定")
+          default: k(() => o[1] || (o[1] = [
+            O("确 定")
           ])),
           _: 1
         }, 8, ["onClick"])
       ])
     ]),
-    default: x(() => [
+    default: k(() => [
       o[2] || (o[2] = t("div", { class: "bind-event-dialog-tip" }, " 选择已有方法或者添加新方法（点击 确定 之后将在JS面板中创建一个该名称的新方法）。 ", -1)),
       t("div", cn, [
-        (_(), M(fe(e.BindEventsDialogSidebar), {
+        (_(), w(fe(e.BindEventsDialogSidebar), {
           dialogVisible: e.dialogVisible,
-          eventBinding: a.eventBinding
+          eventBinding: r.eventBinding
         }, null, 8, ["dialogVisible", "eventBinding"])),
-        (_(), M(fe(e.BindEventsDialogContent), { dialogVisible: e.dialogVisible }, null, 8, ["dialogVisible"]))
+        (_(), w(fe(e.BindEventsDialogContent), { dialogVisible: e.dialogVisible }, null, 8, ["dialogVisible"]))
       ])
     ]),
     _: 1
   }, 8, ["visible", "onClose", "onOpened"]);
 }
-const un = /* @__PURE__ */ J(rn, [["render", pn], ["__scopeId", "data-v-98e32e3c"]]), fn = {
+const un = /* @__PURE__ */ F(rn, [["render", pn], ["__scopeId", "data-v-98e32e3c"]]), vn = {
   onClick: {
     label: {
       zh_CN: "点击事件"
@@ -227,7 +227,7 @@ const un = /* @__PURE__ */ J(rn, [["render", pn], ["__scopeId", "data-v-98e32e3c
     },
     defaultValue: ""
   }
-}, gn = [
+}, fn = [
   "onabort",
   "onafterprint",
   "onanimationend",
@@ -337,10 +337,10 @@ const un = /* @__PURE__ */ J(rn, [["render", pn], ["__scopeId", "data-v-98e32e3c
   "onwebkitanimationstart",
   "onwebkittransitionend",
   "onwheel"
-], vn = (p) => !!gn.map((a) => {
-  let e = a[2].toUpperCase();
-  return `${a.substring(0, 2)}${e}${a.substring(3)}`;
-}).includes(p), _n = { class: "footer" }, hn = {
+], gn = (u) => !!fn.map((r) => {
+  let e = r[2].toUpperCase();
+  return `${r.substring(0, 2)}${e}${r.substring(3)}`;
+}).includes(u), _n = { class: "footer" }, bn = {
   __name: "AddEventsDialog",
   props: {
     visible: {
@@ -353,11 +353,11 @@ const un = /* @__PURE__ */ J(rn, [["render", pn], ["__scopeId", "data-v-98e32e3c
     }
   },
   emits: ["closeDialog", "addEvent"],
-  setup(p, { emit: o }) {
-    const a = p, e = o, s = q({
+  setup(u, { emit: o }) {
+    const r = u, e = o, d = q({
       eventDescription: "",
       eventName: ""
-    }), h = R(null), f = {
+    }), b = J(null), v = {
       eventDescription: [
         {
           required: !0,
@@ -367,92 +367,92 @@ const un = /* @__PURE__ */ J(rn, [["render", pn], ["__scopeId", "data-v-98e32e3c
       eventName: [
         { required: !0, message: "必填" },
         {
-          validator: (E, n, d) => {
-            if (a.componentEvents[s.eventName]) {
-              d(new Error("事件名已存在"));
+          validator: (E, n, a) => {
+            if (r.componentEvents[d.eventName]) {
+              a(new Error("事件名已存在"));
               return;
             }
-            if (!vn(s.eventName)) {
-              d(new Error("请输入正确的浏览器事件名"));
+            if (!gn(d.eventName)) {
+              a(new Error("请输入正确的浏览器事件名"));
               return;
             }
-            d();
+            a();
           }
         }
       ]
-    }, l = () => {
+    }, c = () => {
       e("closeDialog");
     }, i = () => {
-      h.value && h.value.validate((E) => {
+      b.value && b.value.validate((E) => {
         if (!E)
           return;
-        const { eventName: n, eventDescription: d } = s;
-        e("addEvent", { eventName: n, eventDescription: d });
+        const { eventName: n, eventDescription: a } = d;
+        e("addEvent", { eventName: n, eventDescription: a });
       });
     };
-    return (E, n) => (_(), M(P(Ve), {
-      visible: p.visible,
+    return (E, n) => (_(), w(B(Ce), {
+      visible: u.visible,
       title: "添加新事件",
       width: "400px",
       "append-to-body": !0,
       "close-on-click-modal": !1,
-      onClose: l
+      onClose: c
     }, {
-      footer: x(() => [
+      footer: k(() => [
         t("div", _n, [
-          m(P($), { onClick: l }, {
-            default: x(() => n[2] || (n[2] = [
-              S(" 取消")
+          p(B(Y), { onClick: c }, {
+            default: k(() => n[2] || (n[2] = [
+              O(" 取消")
             ])),
             _: 1
           }),
-          m(P($), {
+          p(B(Y), {
             type: "primary",
             onClick: i
           }, {
-            default: x(() => n[3] || (n[3] = [
-              S(" 确定")
+            default: k(() => n[3] || (n[3] = [
+              O(" 确定")
             ])),
             _: 1
           })
         ])
       ]),
-      default: x(() => [
-        m(P(Te), {
+      default: k(() => [
+        p(B(Te), {
           ref_key: "ruleForm",
-          ref: h,
-          model: s,
-          rules: f,
+          ref: b,
+          model: d,
+          rules: v,
           "label-width": "100px",
           "inline-message": !0,
           "validate-type": "text",
           "label-position": "left",
           class: "add-custom-event-form"
         }, {
-          default: x(() => [
-            m(P(he), {
+          default: k(() => [
+            p(B(he), {
               label: "事件函数名",
               prop: "eventName",
               required: ""
             }, {
-              default: x(() => [
-                m(P(ne), {
-                  modelValue: s.eventName,
-                  "onUpdate:modelValue": n[0] || (n[0] = (d) => s.eventName = d),
+              default: k(() => [
+                p(B(oe), {
+                  modelValue: d.eventName,
+                  "onUpdate:modelValue": n[0] || (n[0] = (a) => d.eventName = a),
                   placeholder: "小驼峰格式，如：onDrag"
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
             }),
-            m(P(he), {
+            p(B(he), {
               label: "事件描述",
               prop: "eventDescription",
               required: ""
             }, {
-              default: x(() => [
-                m(P(ne), {
-                  modelValue: s.eventDescription,
-                  "onUpdate:modelValue": n[1] || (n[1] = (d) => s.eventDescription = d)
+              default: k(() => [
+                p(B(oe), {
+                  modelValue: d.eventDescription,
+                  "onUpdate:modelValue": n[1] || (n[1] = (a) => d.eventDescription = a)
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
@@ -464,19 +464,19 @@ const un = /* @__PURE__ */ J(rn, [["render", pn], ["__scopeId", "data-v-98e32e3c
       _: 1
     }, 8, ["visible"]));
   }
-}, bn = /* @__PURE__ */ J(hn, [["__scopeId", "data-v-46f7fc7a"]]), En = {
+}, hn = /* @__PURE__ */ F(bn, [["__scopeId", "data-v-46f7fc7a"]]), yn = {
   components: {
     BlockLinkEvent: qe,
     BindEventsDialog: un,
     TinyPopover: Ue,
-    TinyButton: $,
+    TinyButton: Y,
     IconChevronDown: We(),
     SvgButton: Ze,
-    AddEventsDialog: bn
+    AddEventsDialog: hn
   },
   inheritAttrs: !1,
   setup() {
-    const { PLUGIN_NAME: p, activePlugin: o } = De(), { pageState: a } = Y(), { getBlockEvents: e, getCurrentBlock: s, removeEventLink: h } = Ke(), { getMaterial: b } = He(), { confirm: f } = $e(), l = Ye.global.locale.value, { highlightMethod: i } = Z(G.Page), { commonEvents: E = {} } = Ce("engine.setting.event").options, n = q({
+    const { PLUGIN_NAME: u, activePlugin: o } = Ae(), { pageState: r } = L(), { getBlockEvents: e, getCurrentBlock: d, removeEventLink: b } = Ke(), { getMaterial: h } = He(), { confirm: v } = $e(), c = Ye.global.locale.value, { highlightMethod: i } = Z(G.Page), { commonEvents: E = {} } = Ne("engine.setting.event").options, n = q({
       eventName: "",
       // 事件名称
       eventBinding: null,
@@ -485,67 +485,67 @@ const un = /* @__PURE__ */ J(rn, [["render", pn], ["__scopeId", "data-v-98e32e3c
       customEvents: E,
       bindActions: {},
       showBindEventDialog: !1
-    }), d = X(() => !!a.isBlock), u = X(() => Object.keys(n.bindActions).length === 0), c = X(() => ({ ...n.componentEvent, ...n.customEvents }));
-    xe(() => {
-      var A, C, W, ie, se;
-      const r = (A = a == null ? void 0 : a.currentSchema) == null ? void 0 : A.componentName, g = b(r);
-      n.componentEvent = ((W = (C = g == null ? void 0 : g.content) == null ? void 0 : C.schema) == null ? void 0 : W.events) || ((ie = g == null ? void 0 : g.schema) == null ? void 0 : ie.events) || {};
-      const k = ((se = a == null ? void 0 : a.currentSchema) == null ? void 0 : se.props) || {}, N = Object.keys(k);
-      n.bindActions = {}, Object.entries(c.value).forEach(([j, Pe]) => {
-        var ae, le, de;
-        if (N.indexOf(j) > -1) {
-          const Be = k[j], { value: Me, params: re } = Be, we = !re && ((le = (ae = Me.match(/\((.+)\)$/)) == null ? void 0 : ae[1]) == null ? void 0 : le.split(",")) || re, O = {
-            eventName: j,
+    }), a = K(() => !!r.isBlock), s = K(() => Object.keys(n.bindActions).length === 0), l = K(() => ({ ...n.componentEvent, ...n.customEvents }));
+    ke(() => {
+      var P, N, Q, se, ae;
+      const m = (P = r == null ? void 0 : r.currentSchema) == null ? void 0 : P.componentName, f = h(m);
+      n.componentEvent = ((Q = (N = f == null ? void 0 : f.content) == null ? void 0 : N.schema) == null ? void 0 : Q.events) || ((se = f == null ? void 0 : f.schema) == null ? void 0 : se.events) || {};
+      const V = ((ae = r == null ? void 0 : r.currentSchema) == null ? void 0 : ae.props) || {}, I = Object.keys(V);
+      n.bindActions = {}, Object.entries(l.value).forEach(([z, Pe]) => {
+        var le, de, re;
+        if (I.indexOf(z) > -1) {
+          const Be = V[z], { value: Me, params: ce } = Be, we = !ce && ((de = (le = Me.match(/\((.+)\)$/)) == null ? void 0 : le[1]) == null ? void 0 : de.split(",")) || ce, S = {
+            eventName: z,
             ref: "",
-            event: k[j],
+            event: V[z],
             params: we
           };
-          if (O.event.type === "JSExpression" && (O.ref = O.event.value.replace("this.", "").replace(/\(.*\)$/, "")), a.isBlock) {
-            O.metaEvent = Pe;
-            const ce = e(s()), me = (de = a == null ? void 0 : a.currentSchema) == null ? void 0 : de.id;
-            me && ce && Object.entries(ce).forEach(([Se, L]) => {
-              var pe, ue;
-              me === ((pe = L == null ? void 0 : L.linked) == null ? void 0 : pe.id) && j === ((ue = L == null ? void 0 : L.linked) == null ? void 0 : ue.event) && (O.linked = L.linked, O.linkedEventName = Se);
+          if (S.event.type === "JSExpression" && (S.ref = S.event.value.replace("this.", "").replace(/\(.*\)$/, "")), r.isBlock) {
+            S.metaEvent = Pe;
+            const me = e(d()), pe = (re = r == null ? void 0 : r.currentSchema) == null ? void 0 : re.id;
+            pe && me && Object.entries(me).forEach(([Le, T]) => {
+              var ue, ve;
+              pe === ((ue = T == null ? void 0 : T.linked) == null ? void 0 : ue.id) && z === ((ve = T == null ? void 0 : T.linked) == null ? void 0 : ve.event) && (S.linked = T.linked, S.linkedEventName = Le);
             });
           }
-          n.bindActions[j] = O;
+          n.bindActions[z] = S;
         }
       });
     });
-    const V = (r, g) => {
-      g && n.bindActions[r.eventName] || (n.eventBinding = r, dn());
-    }, w = (r) => {
-      var k;
-      Object.keys(((k = a == null ? void 0 : a.currentSchema) == null ? void 0 : k.props) || {}).indexOf(r.eventName) > -1 && delete a.currentSchema.props[r.eventName];
+    const y = (m, f) => {
+      f && n.bindActions[m.eventName] || (n.eventBinding = m, dn());
+    }, C = (m) => {
+      var V;
+      Object.keys(((V = r == null ? void 0 : r.currentSchema) == null ? void 0 : V.props) || {}).indexOf(m.eventName) > -1 && delete r.currentSchema.props[m.eventName];
     };
     return {
       state: n,
-      isBlock: d,
-      isEmpty: u,
-      delEvent: (r) => {
-        f({
+      isBlock: a,
+      isEmpty: s,
+      delEvent: (m) => {
+        v({
           title: "提示",
-          message: `您确定要删除事件 ${r.eventName} 吗?`,
+          message: `您确定要删除事件 ${m.eventName} 吗?`,
           exec() {
-            a.isBlock && h({ linked: r.linked }), w(r);
+            r.isBlock && b({ linked: m.linked }), C(m);
           }
         });
       },
-      openCodePanel: (r) => {
-        r && o(p.Page).then(() => {
-          i && i(r.ref);
+      openCodePanel: (m) => {
+        m && o(u.Page).then(() => {
+          i && i(m.ref);
         });
       },
-      openActionDialog: V,
-      handleAddEvent: (r) => {
-        const { eventName: g, eventDescription: k } = r;
+      openActionDialog: y,
+      handleAddEvent: (m) => {
+        const { eventName: f, eventDescription: V } = m;
         Object.assign(n.customEvents, {
-          [g]: {
+          [f]: {
             label: {
-              zh_CN: k
+              zh_CN: V
             },
             description: {
-              zh_CN: `${k}的回调函数`
+              zh_CN: `${V}的回调函数`
             },
             type: "event",
             functionInfo: {
@@ -556,20 +556,20 @@ const un = /* @__PURE__ */ J(rn, [["render", pn], ["__scopeId", "data-v-98e32e3c
           }
         }), n.showBindEventDialog = !1;
       },
-      handleToggleAddEventDialog: (r) => {
-        n.showBindEventDialog = r;
+      handleToggleAddEventDialog: (m) => {
+        n.showBindEventDialog = m;
       },
-      renderEventList: c,
-      locale: l
+      renderEventList: l,
+      locale: c
     };
   }
-}, yn = { class: "bind-action-list" }, xn = { class: "popover-head" }, kn = { class: "bind-event-list" }, Vn = ["onClick"], Cn = { class: "bind-actions" }, Dn = { class: "action-item bind-action-item" }, In = ["onClick"], Nn = { class: "event-bind" }, An = { class: "action-buttons" }, Pn = { class: "empty-action" }, Bn = { class: "icon" };
-function Mn(p, o, a, e, s, h) {
-  const b = y("icon-chevron-down"), f = y("tiny-button"), l = y("tiny-popover"), i = y("svg-icon"), E = y("block-link-event"), n = y("svg-button"), d = y("bind-events-dialog"), u = y("add-events-dialog");
-  return _(), I(H, null, [
-    t("div", yn, [
+}, En = { class: "bind-action-list" }, xn = { class: "popover-head" }, kn = { class: "bind-event-list" }, Vn = ["onClick"], Cn = { class: "bind-actions" }, Nn = { class: "action-item bind-action-item" }, An = ["onClick"], Dn = { class: "event-bind" }, In = { class: "action-buttons" }, Pn = { class: "empty-action" }, Bn = { class: "icon" };
+function Mn(u, o, r, e, d, b) {
+  const h = x("icon-chevron-down"), v = x("tiny-button"), c = x("tiny-popover"), i = x("svg-icon"), E = x("block-link-event"), n = x("svg-button"), a = x("bind-events-dialog"), s = x("add-events-dialog");
+  return _(), A($, null, [
+    t("div", En, [
       t("div", xn, [
-        m(l, {
+        p(c, {
           popperClass: "option-popper setting-advanced-bind-event-list",
           placement: "bottom-start",
           trigger: "hover",
@@ -577,37 +577,37 @@ function Mn(p, o, a, e, s, h) {
           width: "256",
           "visible-arrow": !1
         }, {
-          reference: x(() => [
-            m(f, { class: "bind-event-btn" }, {
-              default: x(() => [
+          reference: k(() => [
+            p(v, { class: "bind-event-btn" }, {
+              default: k(() => [
                 o[2] || (o[2] = t("span", null, "绑定事件", -1)),
-                m(b, { class: "icon-chevron-down" })
+                p(h, { class: "icon-chevron-down bind-event-btn-icon" })
               ]),
               _: 1
             })
           ]),
-          default: x(() => [
+          default: k(() => [
             t("ul", kn, [
-              (_(!0), I(H, null, ee(e.renderEventList, (c, V) => {
-                var w;
-                return _(), I("li", {
-                  key: V,
-                  class: z(["bind-event-list-item", { "bind-event-list-item-notallow": e.state.bindActions[V] }]),
-                  onClick: (U) => e.openActionDialog({ eventName: V }, !0)
+              (_(!0), A($, null, ne(e.renderEventList, (l, y) => {
+                var C;
+                return _(), A("li", {
+                  key: y,
+                  class: R(["bind-event-list-item", { "bind-event-list-item-notallow": e.state.bindActions[y] }]),
+                  onClick: (D) => e.openActionDialog({ eventName: y }, !0)
                 }, [
-                  t("div", null, B(V) + "  |  " + B(((w = c == null ? void 0 : c.label) == null ? void 0 : w[e.locale]) || V), 1)
+                  t("div", null, M(y) + "  |  " + M(((C = l == null ? void 0 : l.label) == null ? void 0 : C[e.locale]) || y), 1)
                 ], 10, Vn);
               }), 128))
             ])
           ]),
           _: 1
         }),
-        m(f, {
+        p(v, {
           class: "title add-custom-event-button bind-action-button-item",
-          onClick: o[0] || (o[0] = (c) => e.handleToggleAddEventDialog(!0))
+          onClick: o[0] || (o[0] = (l) => e.handleToggleAddEventDialog(!0))
         }, {
-          default: x(() => [
-            m(i, {
+          default: k(() => [
+            p(i, {
               name: "add",
               class: "custom-event-button-icon"
             }),
@@ -617,79 +617,79 @@ function Mn(p, o, a, e, s, h) {
         })
       ]),
       ge(t("ul", Cn, [
-        (_(!0), I(H, null, ee(e.state.bindActions, (c) => {
-          var V, w;
-          return _(), I("li", {
-            key: c.eventName
+        (_(!0), A($, null, ne(e.state.bindActions, (l) => {
+          var y, C;
+          return _(), A("li", {
+            key: l.eventName
           }, [
-            t("div", Dn, [
+            t("div", Nn, [
               t("div", {
                 class: "binding-name",
-                onClick: (U) => e.openActionDialog(c)
+                onClick: (D) => e.openActionDialog(l)
               }, [
                 t("div", null, [
-                  S(B(c.eventName), 1),
-                  t("span", null, B((w = (V = e.renderEventList[c.eventName]) == null ? void 0 : V.label) == null ? void 0 : w[e.locale]), 1)
+                  O(M(l.eventName), 1),
+                  t("span", null, M((C = (y = e.renderEventList[l.eventName]) == null ? void 0 : y.label) == null ? void 0 : C[e.locale]), 1)
                 ]),
                 t("div", {
-                  class: z({ linked: c.linked })
-                }, B(c.linkedEventName), 3),
-                t("span", Nn, B(c.ref), 1)
-              ], 8, In),
-              t("div", An, [
-                e.isBlock ? (_(), M(E, {
+                  class: R({ linked: l.linked })
+                }, M(l.linkedEventName), 3),
+                t("span", Dn, M(l.ref), 1)
+              ], 8, An),
+              t("div", In, [
+                e.isBlock ? (_(), w(E, {
                   key: 0,
-                  data: c
-                }, null, 8, ["data"])) : K("", !0),
-                m(n, {
+                  data: l
+                }, null, 8, ["data"])) : H("", !0),
+                p(n, {
                   name: "plugin-icon-page-schema",
                   tips: "定位到代码",
                   placement: "top",
-                  onClick: (U) => e.openCodePanel(c)
+                  onClick: (D) => e.openCodePanel(l)
                 }, null, 8, ["onClick"]),
-                m(n, {
+                p(n, {
                   name: "setting",
                   tips: "设置",
                   placement: "top",
-                  onClick: (U) => e.openActionDialog(c, !1)
+                  onClick: (D) => e.openActionDialog(l, !1)
                 }, null, 8, ["onClick"]),
-                m(n, {
+                p(n, {
                   name: "delete",
                   tips: "删除",
                   placement: "top",
-                  onClick: (U) => e.delEvent(c)
+                  onClick: (D) => e.delEvent(l)
                 }, null, 8, ["onClick"])
               ])
             ])
           ]);
         }), 128))
       ], 512), [
-        [ve, !e.isEmpty]
+        [_e, !e.isEmpty]
       ]),
       ge(t("div", Pn, [
         t("div", Bn, [
-          m(i, {
+          p(i, {
             name: "empty-action",
             class: "empty-action-icon"
           })
         ]),
         o[4] || (o[4] = t("div", { class: "center" }, "支持添加原生DOM事件，然后点击 绑定事件 为画布所选元素增加事件", -1))
       ], 512), [
-        [ve, e.isEmpty]
+        [_e, e.isEmpty]
       ])
     ]),
-    m(d, {
+    p(a, {
       eventBinding: e.state.eventBinding
     }, null, 8, ["eventBinding"]),
-    m(u, {
+    p(s, {
       visible: e.state.showBindEventDialog,
       componentEvents: e.renderEventList,
-      onCloseDialog: o[1] || (o[1] = (c) => e.handleToggleAddEventDialog(!1)),
+      onCloseDialog: o[1] || (o[1] = (l) => e.handleToggleAddEventDialog(!1)),
       onAddEvent: e.handleAddEvent
     }, null, 8, ["visible", "componentEvents", "onAddEvent"])
   ], 64);
 }
-const wn = /* @__PURE__ */ J(En, [["render", Mn], ["__scopeId", "data-v-4b6b809f"]]), { DEFAULT_LOOP_NAME: T } = an, { string2Obj: Sn } = ln, On = {
+const wn = /* @__PURE__ */ F(yn, [["render", Mn], ["__scopeId", "data-v-d0cfb0b6"]]), { DEFAULT_LOOP_NAME: j } = an, { string2Obj: Ln } = ln, On = {
   components: {
     SwitchConfigurator: nn,
     TinyTooltip: je,
@@ -699,99 +699,124 @@ const wn = /* @__PURE__ */ J(En, [["render", Mn], ["__scopeId", "data-v-4b6b809f
   },
   inheritAttrs: !1,
   setup() {
-    const { pageState: p } = Y(), o = R(!1), a = X(() => {
+    const { pageState: u } = L(), o = J(!1), r = K(() => {
       var n;
-      return ((n = o.value) == null ? void 0 : n.type) === F.JSEXPRESSION;
+      return ((n = o.value) == null ? void 0 : n.type) === X.JSEXPRESSION;
     }), e = () => {
-      var n, d;
-      return ((d = (n = D().getSchema()) == null ? void 0 : n.loopArgs) == null ? void 0 : d[1]) || T.INDEX;
-    }, s = q({
+      var n, a;
+      return ((a = (n = U().getSchema()) == null ? void 0 : n.loopArgs) == null ? void 0 : a[1]) || j.INDEX;
+    }, d = q({
       loopData: {
-        type: F.JSEXPRESSION,
+        type: X.JSEXPRESSION,
         value: "[]"
       },
       loopItem: "item",
       loopIndex: "index",
-      isLoop: X(() => {
+      isLoop: K(() => {
         var n;
-        return ((n = s.loopData) == null ? void 0 : n.type) === F.JSEXPRESSION;
+        return ((n = d.loopData) == null ? void 0 : n.type) === X.JSEXPRESSION;
       }),
       loopKey: "",
       shouldUpdate: !1
     });
-    _e(
-      () => [p == null ? void 0 : p.currentSchema, s.shouldUpdate],
+    be(
+      () => [u == null ? void 0 : u.currentSchema, d.shouldUpdate],
       ([n]) => {
-        var d, u, c, V;
-        o.value = (n == null ? void 0 : n.condition) === void 0 ? !0 : n == null ? void 0 : n.condition, s.loopData = n == null ? void 0 : n.loop, s.loopItem = ((d = n == null ? void 0 : n.loopArgs) == null ? void 0 : d[0]) || "", s.loopIndex = ((u = n == null ? void 0 : n.loopArgs) == null ? void 0 : u[1]) || "", s.loopKey = ((V = (c = n == null ? void 0 : n.props) == null ? void 0 : c.key) == null ? void 0 : V.value) || "";
+        var a, s, l, y;
+        o.value = (n == null ? void 0 : n.condition) === void 0 ? !0 : n == null ? void 0 : n.condition, d.loopData = n == null ? void 0 : n.loop, d.loopItem = ((a = n == null ? void 0 : n.loopArgs) == null ? void 0 : a[0]) || "", d.loopIndex = ((s = n == null ? void 0 : n.loopArgs) == null ? void 0 : s[1]) || "", d.loopKey = ((y = (l = n == null ? void 0 : n.props) == null ? void 0 : l.key) == null ? void 0 : y.value) || "";
       }
     );
-    const h = (n = "") => {
+    const b = (n = "") => {
+      var D;
       n = n.replace(/\s*/g, "");
-      const d = D().getSchema();
-      if (!d)
+      const { getSchema: a, setProp: s } = U(), l = a();
+      if (!l)
         return;
-      const u = Number(n).toString() !== "NaN";
-      d.props = d.props || {};
-      const c = d.props;
-      n && !u && (c.key = {
-        type: F.JSEXPRESSION,
+      const y = Number(n).toString() !== "NaN";
+      let C = (D = l.props) == null ? void 0 : D.key;
+      n && !y && (C = {
+        type: X.JSEXPRESSION,
         value: n
-      }), n || (s.isLoop ? c.key = {
-        type: F.JSEXPRESSION,
+      }), n || (d.isLoop ? C = {
+        type: X.JSEXPRESSION,
         value: e()
-      } : delete c.key);
+      } : C = ""), s("key", C);
     };
-    _e([() => s.isLoop, () => s.loopIndex], () => {
-      !s.loopKey && s.isLoop && h(e()), s.isLoop || h("");
+    be([() => d.isLoop, () => d.loopIndex], () => {
+      !d.loopKey && d.isLoop && b(e()), d.isLoop || b("");
     });
-    const b = () => {
+    const h = () => {
       var n;
-      s.loopData = (n = D().getSchema()) == null ? void 0 : n.loop;
-    }, f = (n) => {
-      D().getSchema() && (n === !1 || n != null && n.type ? D().getSchema().condition = n : delete D().getSchema().condition, Y().canvasApi.value.updateRect(), o.value = n);
-    }, l = (n) => {
-      D().getSchema().loopArgs ? D().getSchema().loopArgs[1] = n || T.INDEX : D().getSchema().loopArgs = [T.ITEM, n];
+      d.loopData = (n = U().getSchema()) == null ? void 0 : n.loop;
+    }, v = (n) => {
+      const { getSchema: a } = U(), s = a();
+      if (!s)
+        return;
+      const { operateNode: l } = L();
+      if (n === !1 || n != null && n.type)
+        l({ type: "updateAttributes", id: s.id, value: { condition: n } });
+      else {
+        const { condition: y, children: C, ...D } = s;
+        l({ type: "updateAttributes", id: s.id, value: { ...D }, overwrite: !0 });
+      }
+      L().canvasApi.value.updateRect(), o.value = n;
+    }, c = (n) => {
+      const a = U().getSchema();
+      let s = a.loopArgs;
+      const { operateNode: l } = L();
+      s ? s[1] = n || j.INDEX : s = [j.ITEM, n], l({ type: "updateAttributes", id: a.id, value: { loopArgs: s } });
     };
     return {
       condition: o,
-      setConfig: f,
-      isBind: a,
-      state: s,
+      setConfig: v,
+      isBind: r,
+      state: d,
       setLoop: (n) => {
-        n ? (D().getSchema().loop = n != null && n.type ? n : Sn(n), l(T.INDEX)) : (h(), delete D().getSchema().loop, delete D().getSchema().loopArgs), s.shouldUpdate = !s.shouldUpdate;
+        const { operateNode: a } = L(), { getSchema: s } = U(), l = s();
+        if (n) {
+          const y = n != null && n.type ? n : Ln(n);
+          a({ type: "updateAttributes", id: l.id, value: { loop: y } }), c(j.INDEX);
+        } else {
+          b();
+          const { loop: y, loopArgs: C, children: D, ...W } = l;
+          a({ type: "updateAttributes", id: l.id, value: W, overwrite: !0 });
+        }
+        d.shouldUpdate = !d.shouldUpdate;
       },
       setLoopItem: (n) => {
-        D().getSchema().loopArgs ? D().getSchema().loopArgs[0] = n || T.ITEM : D().getSchema().loopArgs = [n, T.INDEX];
+        const a = U().getSchema();
+        let s = a.loopArgs;
+        const { operateNode: l } = L();
+        s ? s[0] = n || j.ITEM : s = [n, j.INDEX], l({ type: "updateAttributes", id: a.id, value: { loopArgs: s } });
       },
-      DEFAULT_LOOP_NAME: T,
-      openEditor: b,
-      setLoopIndex: l,
-      setLoopKey: h,
+      DEFAULT_LOOP_NAME: j,
+      openEditor: h,
+      setLoopIndex: c,
+      setLoopKey: b,
       getIndexName: e
     };
   }
-}, Ln = { class: "advanced-config-container" }, Tn = { class: "advnce-config" }, Un = { class: "advanced-config-form-item" }, jn = ["title"], zn = { class: "advnce-config" }, Rn = { class: "advanced-config-form-item" }, Jn = ["title"], Fn = { class: "advnce-config" }, Xn = { class: "advanced-config-form-item" }, Kn = { class: "advnce-config" }, Hn = { class: "advanced-config-form-item" }, $n = { class: "advnce-config" }, Yn = { class: "advanced-config-form-item" };
-function qn(p, o, a, e, s, h) {
-  var n, d;
-  const b = y("switch-configurator"), f = y("variable-configurator"), l = y("code-configurator"), i = y("input-configurator"), E = y("tiny-tooltip");
-  return _(), I("div", Ln, [
+}, Sn = { class: "advanced-config-container" }, Tn = { class: "advnce-config" }, Un = { class: "advanced-config-form-item" }, jn = ["title"], zn = { class: "advnce-config" }, Rn = { class: "advanced-config-form-item" }, Jn = ["title"], Fn = { class: "advnce-config" }, Xn = { class: "advanced-config-form-item" }, Kn = { class: "advnce-config" }, Hn = { class: "advanced-config-form-item" }, $n = { class: "advnce-config" }, Yn = { class: "advanced-config-form-item" };
+function qn(u, o, r, e, d, b) {
+  var n, a;
+  const h = x("switch-configurator"), v = x("variable-configurator"), c = x("code-configurator"), i = x("input-configurator"), E = x("tiny-tooltip");
+  return _(), A("div", Sn, [
     t("div", Tn, [
       o[6] || (o[6] = t("label", { class: "text-ellipsis-multiple" }, "是否渲染", -1)),
       t("div", Un, [
-        e.isBind ? (_(), I("div", {
+        e.isBind ? (_(), A("div", {
           key: 1,
           class: "binding-state text-ellipsis-multiple",
           title: e.condition.value
-        }, " 已绑定：" + B(e.condition.value), 9, jn)) : (_(), M(b, {
+        }, " 已绑定：" + M(e.condition.value), 9, jn)) : (_(), w(h, {
           key: 0,
           modelValue: e.condition,
           "onUpdate:modelValue": e.setConfig
         }, null, 8, ["modelValue", "onUpdate:modelValue"])),
-        m(f, {
+        p(v, {
           modelValue: e.condition,
           "onUpdate:modelValue": [
-            o[0] || (o[0] = (u) => e.condition = u),
+            o[0] || (o[0] = (s) => e.condition = s),
             e.setConfig
           ],
           name: "advance"
@@ -801,24 +826,24 @@ function qn(p, o, a, e, s, h) {
     t("div", zn, [
       o[7] || (o[7] = t("label", { class: "text-ellipsis-multiple" }, "循环数据", -1)),
       t("div", Rn, [
-        e.state.isLoop ? (_(), I("div", {
+        e.state.isLoop ? (_(), A("div", {
           key: 1,
           class: "binding-state text-ellipsis-multiple",
           title: (n = e.state.loopData) == null ? void 0 : n.value
-        }, " 已绑定：" + B((d = e.state.loopData) == null ? void 0 : d.value), 9, Jn)) : (_(), M(l, {
+        }, " 已绑定：" + M((a = e.state.loopData) == null ? void 0 : a.value), 9, Jn)) : (_(), w(c, {
           key: 0,
           modelValue: e.state.loopData,
           "onUpdate:modelValue": [
-            o[1] || (o[1] = (u) => e.state.loopData = u),
+            o[1] || (o[1] = (s) => e.state.loopData = s),
             e.setLoop
           ],
           "data-type": "JSExpression",
           onOpen: e.openEditor
         }, null, 8, ["modelValue", "onUpdate:modelValue", "onOpen"])),
-        m(f, {
+        p(v, {
           modelValue: e.state.loopData,
           "onUpdate:modelValue": [
-            o[2] || (o[2] = (u) => e.state.loopData = u),
+            o[2] || (o[2] = (s) => e.state.loopData = s),
             e.setLoop
           ],
           name: "advance"
@@ -828,10 +853,10 @@ function qn(p, o, a, e, s, h) {
     t("div", Fn, [
       o[8] || (o[8] = t("label", { class: "text-ellipsis-multiple" }, "迭代变量名", -1)),
       t("div", Xn, [
-        m(i, {
+        p(i, {
           modelValue: e.state.loopItem,
           "onUpdate:modelValue": [
-            o[3] || (o[3] = (u) => e.state.loopItem = u),
+            o[3] || (o[3] = (s) => e.state.loopItem = s),
             e.setLoopItem
           ],
           placeholder: `默认值为：${e.DEFAULT_LOOP_NAME.ITEM}`
@@ -841,10 +866,10 @@ function qn(p, o, a, e, s, h) {
     t("div", Kn, [
       o[9] || (o[9] = t("label", { class: "text-ellipsis-multiple" }, "索引变量名", -1)),
       t("div", Hn, [
-        m(i, {
+        p(i, {
           modelValue: e.state.loopIndex,
           "onUpdate:modelValue": [
-            o[4] || (o[4] = (u) => e.state.loopIndex = u),
+            o[4] || (o[4] = (s) => e.state.loopIndex = s),
             e.setLoopIndex
           ],
           placeholder: `默认值为：${e.DEFAULT_LOOP_NAME.INDEX}`
@@ -854,12 +879,12 @@ function qn(p, o, a, e, s, h) {
     t("div", $n, [
       o[10] || (o[10] = t("label", { class: "text-ellipsis-multiple" }, "key", -1)),
       t("div", Yn, [
-        m(E, { content: "建议填写循环项中的唯一值（如item.id），如果填写为数字将不保存" }, {
-          default: x(() => [
-            m(i, {
+        p(E, { content: "建议填写循环项中的唯一值（如item.id），如果填写为数字将不保存" }, {
+          default: k(() => [
+            p(i, {
               modelValue: e.state.loopKey,
               "onUpdate:modelValue": [
-                o[5] || (o[5] = (u) => e.state.loopKey = u),
+                o[5] || (o[5] = (s) => e.state.loopKey = s),
                 e.setLoopKey
               ],
               placeholder: `默认为索引名：${e.getIndexName()}`
@@ -871,30 +896,30 @@ function qn(p, o, a, e, s, h) {
     ])
   ]);
 }
-const Zn = /* @__PURE__ */ J(On, [["render", qn], ["__scopeId", "data-v-f59c13c3"]]), Gn = {
+const Zn = /* @__PURE__ */ F(On, [["render", qn], ["__scopeId", "data-v-420d1aa8"]]), Gn = {
   __name: "Main",
-  setup(p) {
-    const o = R(["bindEvent", "advancedConfig"]);
-    return (a, e) => (_(), M(P(ze), {
+  setup(u) {
+    const o = J(["bindEvent", "advancedConfig"]);
+    return (r, e) => (_(), w(B(ze), {
       modelValue: o.value,
-      "onUpdate:modelValue": e[0] || (e[0] = (s) => o.value = s)
+      "onUpdate:modelValue": e[0] || (e[0] = (d) => o.value = d)
     }, {
-      default: x(() => [
-        m(P(be), {
+      default: k(() => [
+        p(B(ye), {
           title: "事件绑定",
           name: "bindEvent"
         }, {
-          default: x(() => [
-            m(wn)
+          default: k(() => [
+            p(wn)
           ]),
           _: 1
         }),
-        m(P(be), {
+        p(B(ye), {
           title: "高级配置",
           name: "advancedConfig"
         }, {
-          default: x(() => [
-            m(Zn)
+          default: k(() => [
+            p(Zn)
           ]),
           _: 1
         })
@@ -902,7 +927,7 @@ const Zn = /* @__PURE__ */ J(On, [["render", qn], ["__scopeId", "data-v-f59c13c3
       _: 1
     }, 8, ["modelValue"]));
   }
-}, Ie = "newMethod", Wn = /[^0-9a-zA-Z_$]/, Qn = /^[a-zA-Z_$][0-9a-zA-Z_$]*$/, Q = {
+}, De = "newMethod", Wn = /[^0-9a-zA-Z_$]/, Qn = /^[a-zA-Z_$][0-9a-zA-Z_$]*$/, ee = {
   default: "选择已有方法或者添加新方法(点击 确定 之后将在JS面板中创建一个该名称的新方法)",
   exist: "方法名称已存在",
   ruleInvalid: "请输入有效的方法名，可以由字母、数字、下划线、$ 符号组成，不能以数字开头",
@@ -910,35 +935,35 @@ const Zn = /* @__PURE__ */ J(On, [["render", qn], ["__scopeId", "data-v-f59c13c3
 }, eo = {
   components: {
     MonacoEditor: Ge,
-    TinyInput: ne,
+    TinyInput: oe,
     TinyCheckbox: Re
   },
   props: {
     dialogVisible: Boolean
   },
   setup() {
-    const { getMethodNameList: p } = Z(G.Page), o = ke("context"), a = {
+    const { getMethodNameList: u } = Z(G.Page), o = Ve("context"), r = {
       language: "json",
       lineNumbers: !1,
       minimap: {
         enabled: !1
       }
-    }, e = (l) => {
-      o.editorContent = l;
-    }, s = (l) => !l, h = (l) => p == null ? void 0 : p().includes(l), b = (l) => !Qn.test(l);
+    }, e = (c) => {
+      o.editorContent = c;
+    }, d = (c) => !c, b = (c) => u == null ? void 0 : u().includes(c), h = (c) => !Qn.test(c);
     return {
-      NEW_METHOD_TYPE: Ie,
+      NEW_METHOD_TYPE: De,
       context: o,
-      editorOptions: a,
-      change: (l) => {
+      editorOptions: r,
+      change: (c) => {
         const i = [
-          { validator: s, tip: Q.empty },
-          { validator: h, tip: Q.exist },
-          { validator: b, tip: Q.ruleInvalid }
+          { validator: d, tip: ee.empty },
+          { validator: b, tip: ee.exist },
+          { validator: h, tip: ee.ruleInvalid }
         ];
         for (let E = 0; E < i.length; E++) {
           const n = i[E];
-          if (n.validator(l)) {
+          if (n.validator(c)) {
             o.tipError = !0, o.tip = n.tip;
             return;
           }
@@ -955,59 +980,59 @@ const Zn = /* @__PURE__ */ J(On, [["render", qn], ["__scopeId", "data-v-f59c13c3
   key: 0,
   class: "params-tip"
 };
-function ro(p, o, a, e, s, h) {
-  const b = y("tiny-input"), f = y("tiny-checkbox"), l = y("monaco-editor");
-  return _(), I("div", no, [
+function ro(u, o, r, e, d, b) {
+  const h = x("tiny-input"), v = x("tiny-checkbox"), c = x("monaco-editor");
+  return _(), A("div", no, [
     t("div", {
-      class: z(["content-right-top", { "tip-error": e.context.tipError }])
+      class: R(["content-right-top", { "tip-error": e.context.tipError }])
     }, [
       o[2] || (o[2] = t("div", { class: "content-right-title" }, "方法名称", -1)),
-      m(b, {
+      p(h, {
         modelValue: e.context.bindMethodInfo.name,
         "onUpdate:modelValue": [
           o[0] || (o[0] = (i) => e.context.bindMethodInfo.name = i),
           e.change
         ],
         disabled: e.context.bindMethodInfo.type !== e.NEW_METHOD_TYPE,
-        class: z([{ "status-error": e.context.tipError }]),
+        class: R([{ "status-error": e.context.tipError }]),
         placeholder: "请从左侧选择一个方法进行绑定，或者选择添加新方法，输入自定义方法名称。"
       }, null, 8, ["modelValue", "disabled", "class", "onUpdate:modelValue"]),
-      t("div", oo, B(e.context.tip), 1)
+      t("div", oo, M(e.context.tip), 1)
     ], 2),
     t("div", {
-      class: z(["content-right-bottom", { "tip-error": !e.context.isValidParams }])
+      class: R(["content-right-bottom", { "tip-error": !e.context.isValidParams }])
     }, [
       t("div", to, [
-        m(f, {
+        p(v, {
           modelValue: e.context.enableExtraParams,
           "onUpdate:modelValue": o[1] || (o[1] = (i) => e.context.enableExtraParams = i),
           name: "tiny-checkbox"
         }, {
-          default: x(() => o[3] || (o[3] = [
-            S("扩展参数设置")
+          default: k(() => o[3] || (o[3] = [
+            O("扩展参数设置")
           ])),
           _: 1
         }, 8, ["modelValue"]),
         t("div", io, [
           o[4] || (o[4] = t("div", null, "扩展参数：调用当前事件传入的真实参数，数组格式，追加在原有事件参数之后", -1)),
-          S(" 如: " + B(e.context.bindMethodInfo.name) + "(eventArgs, extParam1, extParam2, ...) ", 1)
+          O(" 如: " + M(e.context.bindMethodInfo.name) + "(eventArgs, extParam1, extParam2, ...) ", 1)
         ])
       ]),
       t("div", so, [
-        a.dialogVisible ? (_(), M(l, {
+        r.dialogVisible ? (_(), w(c, {
           key: 0,
           value: e.context.editorContent,
           options: e.editorOptions,
           onChange: e.editorContentChange,
           class: "monaco-editor"
-        }, null, 8, ["value", "options", "onChange"])) : K("", !0),
-        e.context.enableExtraParams ? K("", !0) : (_(), I("div", ao))
+        }, null, 8, ["value", "options", "onChange"])) : H("", !0),
+        e.context.enableExtraParams ? H("", !0) : (_(), A("div", ao))
       ]),
-      !e.context.isValidParams && e.context.enableExtraParams ? (_(), I("div", lo, ' 请输入数组格式的参数，参数可以为表达式。例如：["extParam1", "item.status", 1, "getNames()"] ')) : K("", !0)
+      !e.context.isValidParams && e.context.enableExtraParams ? (_(), A("div", lo, ' 请输入数组格式的参数，参数可以为表达式。例如：["extParam1", "item.status", 1, "getNames()"] ')) : H("", !0)
     ], 2)
   ]);
 }
-const co = /* @__PURE__ */ J(eo, [["render", ro], ["__scopeId", "data-v-49127432"]]), mo = {
+const co = /* @__PURE__ */ F(eo, [["render", ro], ["__scopeId", "data-v-78db58dc"]]), mo = {
   components: {
     TinySearch: Je,
     IconYes: Qe()
@@ -1018,74 +1043,74 @@ const co = /* @__PURE__ */ J(eo, [["render", ro], ["__scopeId", "data-v-49127432
       default: () => ({})
     }
   },
-  setup(p) {
-    const { getMethodNameList: o } = Z(G.Page), a = R(""), e = R([]), s = ke("context"), h = (f, l) => {
-      const i = f.map((d) => {
-        var u;
-        return Number.parseInt((u = d.match(/\d+$/)) == null ? void 0 : u[0]) || 0;
-      }).sort((d, u) => d - u).pop();
-      let n = `${(l == null ? void 0 : l.replace(Wn, "_")) || ""}New`;
+  setup(u) {
+    const { getMethodNameList: o } = Z(G.Page), r = J(""), e = J([]), d = Ve("context"), b = (v, c) => {
+      const i = v.map((a) => {
+        var s;
+        return Number.parseInt((s = a.match(/\d+$/)) == null ? void 0 : s[0]) || 0;
+      }).sort((a, s) => a - s).pop();
+      let n = `${(c == null ? void 0 : c.replace(Wn, "_")) || ""}New`;
       return i > -1 && (n += `${i + 1}`), n;
-    }, b = (f) => {
-      s.bindMethodInfo = f;
+    }, h = (v) => {
+      d.bindMethodInfo = v;
     };
-    return xe(() => {
-      var d, u;
-      const f = (d = p.eventBinding) == null ? void 0 : d.eventName, l = (o == null ? void 0 : o().filter((c) => c.includes(f))) || [], E = {
+    return ke(() => {
+      var a, s;
+      const v = (a = u.eventBinding) == null ? void 0 : a.eventName, c = (o == null ? void 0 : o().filter((l) => l.includes(v))) || [], E = {
         title: "添加新方法",
-        name: h(l, f),
-        type: Ie
+        name: b(c, v),
+        type: De
       };
-      (u = p.eventBinding) != null && u.ref ? b({ name: p.eventBinding.ref }) : b(E);
-      const n = (o == null ? void 0 : o().filter((c) => c.includes(a.value)).map((c) => ({ name: c }))) || [];
+      (s = u.eventBinding) != null && s.ref ? h({ name: u.eventBinding.ref }) : h(E);
+      const n = (o == null ? void 0 : o().filter((l) => l.includes(r.value)).map((l) => ({ name: l }))) || [];
       e.value = [E, ...n];
     }), {
-      context: s,
-      searchValue: a,
+      context: d,
+      searchValue: r,
       filteredMethodList: e,
-      selectMethod: b
+      selectMethod: h
     };
   }
-}, po = { class: "dialog-content-left" }, uo = { class: "left-list-wrap" }, fo = { class: "left-action-list" }, go = { class: "action-list-wrap" }, vo = ["onClick"];
-function _o(p, o, a, e, s, h) {
-  const b = y("tiny-search"), f = y("icon-yes");
-  return _(), I("div", po, [
+}, po = { class: "dialog-content-left" }, uo = { class: "left-list-wrap" }, vo = { class: "left-action-list" }, fo = { class: "action-list-wrap" }, go = ["onClick"];
+function _o(u, o, r, e, d, b) {
+  const h = x("tiny-search"), v = x("icon-yes");
+  return _(), A("div", po, [
     o[1] || (o[1] = t("div", { class: "left-title" }, "响应方法", -1)),
     t("div", uo, [
-      t("div", fo, [
-        m(b, {
+      t("div", vo, [
+        p(h, {
           modelValue: e.searchValue,
-          "onUpdate:modelValue": o[0] || (o[0] = (l) => e.searchValue = l),
+          "onUpdate:modelValue": o[0] || (o[0] = (c) => e.searchValue = c),
           placeholder: "搜索"
         }, null, 8, ["modelValue"]),
-        t("ul", go, [
-          (_(!0), I(H, null, ee(e.filteredMethodList, (l) => (_(), I("li", {
-            key: l.name,
-            onClick: (i) => e.selectMethod(l)
+        t("ul", fo, [
+          (_(!0), A($, null, ne(e.filteredMethodList, (c) => (_(), A("li", {
+            key: c.name,
+            onClick: (i) => e.selectMethod(c)
           }, [
             t("div", {
-              class: z(["action-name", { active: l.name === e.context.bindMethodInfo.name }])
+              class: R(["action-name", { active: c.name === e.context.bindMethodInfo.name }])
             }, [
-              S(B(l.title || l.name) + " ", 1),
-              l.name === e.context.bindMethodInfo.name ? (_(), M(f, {
+              O(M(c.title || c.name) + " ", 1),
+              c.name === e.context.bindMethodInfo.name ? (_(), w(v, {
                 key: 0,
                 class: "action-selected-icon"
-              })) : K("", !0)
+              })) : H("", !0)
             ], 2)
-          ], 8, vo))), 128))
+          ], 8, go))), 128))
         ])
       ])
     ])
   ]);
 }
-const ho = /* @__PURE__ */ J(mo, [["render", _o], ["__scopeId", "data-v-419ba375"]]), Po = {
-  ...oe,
+const bo = /* @__PURE__ */ F(mo, [["render", _o], ["__scopeId", "data-v-419ba375"]]), Po = {
+  ...te,
   entry: Gn,
   options: {
-    commonEvents: fn
+    commonEvents: vn
   },
   components: {
-    BindEventsDialogSidebar: ho,
+    BindEventsDialogSidebar: bo,
     BindEventsDialogContent: co
   }
 };