@opentiny/tiny-engine-setting-events 2.1.0-rc.0 → 2.2.0-beta.3

package/dist/index.js

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