@opentiny/tiny-engine-setting-events 2.3.0 → 2.4.0-rc.0

package/dist/index.js

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