@opentiny/tiny-engine-setting-events 2.6.0-alpha.0 → 2.6.0-alpha.10

package/dist/index.js

@@ -1,14 +1,14 @@
 import "./style.css";
-import { ref as K, reactive as Y, provide as Ve, resolveComponent as k, createBlock as O, openBlock as h, withCtx as E, createElementVNode as t, resolveDynamicComponent as _e, createVNode as u, createTextVNode as J, nextTick as Se, unref as D, createElementBlock as A, Fragment as W, withDirectives as be, renderList as ae, normalizeClass as X, toDisplayString as B, createCommentVNode as Q, vShow as he, computed as q, watchEffect as Ne, watch as ye, inject as Ae } from "vue";
-import { DialogBox as De, Button as ee, Form as Te, FormItem as Ee, Input as le, Popover as Ue, Tooltip as je, Collapse as ze, CollapseItem as xe, Checkbox as Re, Search as $e } from "@opentiny/vue";
-import { getMergeMeta as Ie, useLayout as re, useCanvas as j, getMetaApi as ne, META_APP as oe, getOptions as Fe, useHistory as Je, useBlock as Xe, useMaterial as Ke, useModal as He, useMessage as Ge, useProperties as $ } from "@opentiny/tiny-engine-meta-register";
-import qe from "@opentiny/tiny-engine-common/js/i18n";
-import { SvgButton as Ye, BlockLinkEvent as Ze, PluginPanel as We, VueMonaco as Qe } from "@opentiny/tiny-engine-common";
-import { iconChevronDown as en } from "@opentiny/vue-icon";
-import { string2Ast as ke, ast2String as nn } from "@opentiny/tiny-engine-common/js/ast";
-import { CodeConfigurator as on, InputConfigurator as tn, VariableConfigurator as sn, SwitchConfigurator as an } from "@opentiny/tiny-engine-configurator";
+import { ref as K, reactive as Y, provide as Ve, resolveComponent as k, createBlock as O, openBlock as b, withCtx as E, createElementVNode as t, createVNode as u, resolveDynamicComponent as _e, createTextVNode as J, nextTick as Se, unref as D, createElementBlock as N, Fragment as W, withDirectives as he, renderList as ae, normalizeClass as X, toDisplayString as B, createCommentVNode as Q, vShow as be, computed as q, watchEffect as Ae, watch as ye, inject as Ne } from "vue";
+import { TinyAlert as Te, DialogBox as De, Button as ee, Form as Ue, FormItem as Ee, Input as le, Popover as je, Tooltip as ze, Collapse as Re, CollapseItem as xe, Checkbox as $e, Search as Fe } from "@opentiny/vue";
+import { getMergeMeta as Ie, useLayout as re, useCanvas as j, getMetaApi as ne, META_APP as oe, getOptions as Je, useHistory as Xe, useBlock as Ke, useMaterial as He, useModal as Ge, useMessage as qe, useProperties as $ } from "@opentiny/tiny-engine-meta-register";
+import Ye from "@opentiny/tiny-engine-common/js/i18n";
+import { SvgButton as Ze, BlockLinkEvent as We, PluginPanel as Qe, VueMonaco as en } from "@opentiny/tiny-engine-common";
+import { iconChevronDown as nn } from "@opentiny/vue-icon";
+import { string2Ast as ke, ast2String as on } from "@opentiny/tiny-engine-common/js/ast";
+import { CodeConfigurator as tn, InputConfigurator as sn, VariableConfigurator as an, SwitchConfigurator as ln } from "@opentiny/tiny-engine-configurator";
 import { PROP_DATA_TYPE as G } from "@opentiny/tiny-engine-common/js/constants";
-import { constants as ln, utils as dn } from "@opentiny/tiny-engine-utils";
+import { constants as dn, utils as rn } from "@opentiny/tiny-engine-utils";
 const de = {
   id: "engine.setting.event",
   title: "高级",
@@ -21,14 +21,15 @@ const de = {
   for (const [e, r] of o)
     a[e] = r;
   return a;
-}, ce = K(!1), rn = () => {
+}, ce = K(!1), cn = () => {
   ce.value = !0;
 }, Ce = () => {
   ce.value = !1;
-}, cn = {
+}, mn = {
   components: {
     TinyButton: ee,
-    TinyDialogBox: De
+    TinyDialogBox: De,
+    TinyAlert: Te
   },
   inheritAttrs: !1,
   props: {
@@ -38,7 +39,7 @@ const de = {
     }
   },
   setup(f) {
-    const { BindEventsDialogSidebar: o, BindEventsDialogContent: a } = Ie(de.id).components, { PLUGIN_NAME: e, activePlugin: r } = re(), { pageState: _ } = j(), { getMethods: b, saveMethod: c, highlightMethod: p } = ne(oe.Page), s = Y({
+    const { BindEventsDialogSidebar: o, BindEventsDialogContent: a } = Ie(de.id).components, { PLUGIN_NAME: e, activePlugin: r } = re(), { pageState: _ } = j(), { getMethods: h, saveMethod: c, highlightMethod: m } = ne(oe.Page), s = Y({
       editorContent: "",
       bindMethodInfo: {},
       tip: "",
@@ -53,17 +54,17 @@ const de = {
       var M, P;
       if (!g)
         return;
-      const m = (M = f.eventBinding) == null ? void 0 : M.eventName;
-      if (!m)
+      const p = (M = f.eventBinding) == null ? void 0 : M.eventName;
+      if (!p)
         return;
       const v = (P = _ == null ? void 0 : _.currentSchema) == null ? void 0 : P.props;
       if (!v)
         return;
       const { name: C, extra: w } = g;
-      f[m] || (v[m] = {
+      f[p] || (v[p] = {
         type: "JSExpression",
         value: ""
-      }), w && s.enableExtraParams && (v[m].params = w), v[m].value = `this.${C}`, Je().addHistory();
+      }), w && s.enableExtraParams && (v[p].params = w), v[p].value = `this.${C}`, Xe().addHistory();
     }, l = () => {
       s.tipError = !1, s.tip = "", s.isValidParams = !0;
     }, i = () => {
@@ -75,20 +76,20 @@ const de = {
           s.isValidParams = !1;
         }
       return g;
-    }, d = (g) => Array.from({ length: g.length }, (m, v) => `args${v}`).join(","), y = () => {
+    }, d = (g) => Array.from({ length: g.length }, (p, v) => `args${v}`).join(","), y = () => {
       var w, M, P, S, T, U, L, Z;
-      let g = (M = (w = b()) == null ? void 0 : w[s.bindMethodInfo.name]) == null ? void 0 : M.value, m = "{}", v = !1, C = !1;
+      let g = (M = (w = h()) == null ? void 0 : w[s.bindMethodInfo.name]) == null ? void 0 : M.value, p = "{}", v = !1, C = !1;
       if (g) {
-        let N = {};
+        let A = {};
         try {
-          N = ke(g);
+          A = ke(g);
         } catch {
-          g = g.replace("function", `function ${s.bindMethodInfo.name}`), N = ke(g);
+          g = g.replace("function", `function ${s.bindMethodInfo.name}`), A = ke(g);
         }
-        (S = (P = N == null ? void 0 : N.program) == null ? void 0 : P.body[0]) != null && S.body && (m = nn(N.program.body[0].body)), (U = (T = N == null ? void 0 : N.program) == null ? void 0 : T.body[0]) != null && U.async && (v = !0), (Z = (L = N == null ? void 0 : N.program) == null ? void 0 : L.body[0]) != null && Z.generator && (C = !0);
+        (S = (P = A == null ? void 0 : A.program) == null ? void 0 : P.body[0]) != null && S.body && (p = on(A.program.body[0].body)), (U = (T = A == null ? void 0 : A.program) == null ? void 0 : T.body[0]) != null && U.async && (v = !0), (Z = (L = A == null ? void 0 : A.program) == null ? void 0 : L.body[0]) != null && Z.generator && (C = !0);
       }
       return {
-        preBody: m || `{
+        preBody: p || `{
 }`,
         isAsync: v,
         isGenerator: C
@@ -97,7 +98,7 @@ const de = {
       r(e.Page).then(() => {
         Se(() => {
           var g;
-          p && p((g = s.bindMethodInfo) == null ? void 0 : g.name);
+          m && m((g = s.bindMethodInfo) == null ? void 0 : g.name);
         });
       });
     };
@@ -110,31 +111,31 @@ const de = {
         if (s.tipError)
           return;
         let g = "event";
-        const m = i();
+        const p = i();
         let v = g;
         if (!s.isValidParams)
           return;
-        m && (g = m.join(","), v = d(m)), n({ ...s.bindMethodInfo, extra: m });
+        p && (g = p.join(","), v = d(p)), n({ ...s.bindMethodInfo, extra: p });
         const { preBody: C, isAsync: w, isGenerator: M } = y(), { name: P } = s.bindMethodInfo, S = `${w ? "async" : ""} function${M ? "*" : ""} ${P}`, T = {
           name: P,
           content: s.enableExtraParams ? `${S}(eventArgs,${v}) ${C}` : `${S}(${v})  ${C}`
-        }, { beforeSaveMethod: U } = Fe(de.id);
+        }, { beforeSaveMethod: U } = Je(de.id);
         typeof U == "function" && await U(T, s.bindMethodInfo), c == null || c(T), V(), Ce();
       },
       closeDialog: () => {
         l(), Ce();
       },
       openedDialog: () => {
-        var g, m, v;
-        s.enableExtraParams = !!((m = (g = f.eventBinding) == null ? void 0 : g.params) != null && m.length), s.editorContent = JSON.stringify(((v = f.eventBinding) == null ? void 0 : v.params) || [], null, 2), l();
+        var g, p, v;
+        s.enableExtraParams = !!((p = (g = f.eventBinding) == null ? void 0 : g.params) != null && p.length), s.editorContent = JSON.stringify(((v = f.eventBinding) == null ? void 0 : v.params) || [], null, 2), l();
       },
       selectMethod: x
     };
   }
-}, mn = { class: "bind-event-dialog-content" }, pn = { class: "bind-dialog-footer" };
-function un(f, o, a, e, r, _) {
-  const b = k("tiny-button"), c = k("tiny-dialog-box");
-  return h(), O(c, {
+}, pn = { class: "bind-event-dialog-tip" }, un = { class: "bind-event-dialog-content" }, fn = { class: "bind-dialog-footer" };
+function vn(f, o, a, e, r, _) {
+  const h = k("tiny-alert"), c = k("tiny-button"), m = k("tiny-dialog-box");
+  return b(), O(m, {
     visible: e.dialogVisible,
     title: "事件绑定",
     width: "50%",
@@ -145,15 +146,15 @@ function un(f, o, a, e, r, _) {
     onOpened: e.openedDialog
   }, {
     footer: E(() => [
-      t("div", pn, [
-        u(b, { onClick: e.closeDialog }, {
+      t("div", fn, [
+        u(c, { onClick: e.closeDialog }, {
           default: E(() => o[0] || (o[0] = [
             J("取 消")
           ])),
           _: 1,
           __: [0]
         }, 8, ["onClick"]),
-        u(b, {
+        u(c, {
           type: "info",
           onClick: e.confirm
         }, {
@@ -166,20 +167,26 @@ function un(f, o, a, e, r, _) {
       ])
     ]),
     default: E(() => [
-      o[2] || (o[2] = t("div", { class: "bind-event-dialog-tip" }, " 选择已有方法或者添加新方法（点击 确定 之后将在JS面板中创建一个该名称的新方法）。 ", -1)),
-      t("div", mn, [
-        (h(), O(_e(e.BindEventsDialogSidebar), {
+      t("div", pn, [
+        u(h, {
+          type: "info",
+          description: "选择已有方法或者添加新方法（点击 确定 之后将在JS面板中创建一个该名称的新方法）。",
+          class: "header-alert",
+          closable: !1
+        })
+      ]),
+      t("div", un, [
+        (b(), O(_e(e.BindEventsDialogSidebar), {
           dialogVisible: e.dialogVisible,
           eventBinding: a.eventBinding
         }, null, 8, ["dialogVisible", "eventBinding"])),
-        (h(), O(_e(e.BindEventsDialogContent), { dialogVisible: e.dialogVisible }, null, 8, ["dialogVisible"]))
+        (b(), O(_e(e.BindEventsDialogContent), { dialogVisible: e.dialogVisible }, null, 8, ["dialogVisible"]))
       ])
     ]),
-    _: 1,
-    __: [2]
+    _: 1
   }, 8, ["visible", "onClose", "onOpened"]);
 }
-const fn = /* @__PURE__ */ H(cn, [["render", un], ["__scopeId", "data-v-db4b4d71"]]), vn = {
+const gn = /* @__PURE__ */ H(mn, [["render", vn], ["__scopeId", "data-v-070f73c9"]]), _n = {
   onClick: {
     label: {
       zh_CN: "点击事件"
@@ -236,7 +243,7 @@ const fn = /* @__PURE__ */ H(cn, [["render", un], ["__scopeId", "data-v-db4b4d71
     },
     defaultValue: ""
   }
-}, gn = [
+}, hn = [
   "onabort",
   "onafterprint",
   "onanimationend",
@@ -346,10 +353,10 @@ const fn = /* @__PURE__ */ H(cn, [["render", un], ["__scopeId", "data-v-db4b4d71
   "onwebkitanimationstart",
   "onwebkittransitionend",
   "onwheel"
-], _n = (f) => !!gn.map((a) => {
+], bn = (f) => !!hn.map((a) => {
   const e = a[2].toUpperCase();
   return `${a.substring(0, 2)}${e}${a.substring(3)}`;
-}).includes(f), bn = { class: "footer" }, hn = {
+}).includes(f), yn = { class: "footer" }, En = {
   __name: "AddEventsDialog",
   props: {
     visible: {
@@ -381,7 +388,7 @@ const fn = /* @__PURE__ */ H(cn, [["render", un], ["__scopeId", "data-v-db4b4d71
               l(new Error("事件名已存在"));
               return;
             }
-            if (!_n(r.eventName)) {
+            if (!bn(r.eventName)) {
               l(new Error("请输入正确的浏览器事件名"));
               return;
             }
@@ -389,7 +396,7 @@ const fn = /* @__PURE__ */ H(cn, [["render", un], ["__scopeId", "data-v-db4b4d71
           }
         }
       ]
-    }, p = () => {
+    }, m = () => {
       e("closeDialog");
     }, s = () => {
       _.value && _.value.validate((x) => {
@@ -399,17 +406,17 @@ const fn = /* @__PURE__ */ H(cn, [["render", un], ["__scopeId", "data-v-db4b4d71
         e("addEvent", { eventName: n, eventDescription: l });
       });
     };
-    return (x, n) => (h(), O(D(De), {
+    return (x, n) => (b(), O(D(De), {
       visible: f.visible,
       title: "添加新事件",
       width: "400px",
       "append-to-body": !0,
       "close-on-click-modal": !1,
-      onClose: p
+      onClose: m
     }, {
       footer: E(() => [
-        t("div", bn, [
-          u(D(ee), { onClick: p }, {
+        t("div", yn, [
+          u(D(ee), { onClick: m }, {
             default: E(() => n[2] || (n[2] = [
               J(" 取消")
             ])),
@@ -429,7 +436,7 @@ const fn = /* @__PURE__ */ H(cn, [["render", un], ["__scopeId", "data-v-db4b4d71
         ])
       ]),
       default: E(() => [
-        u(D(Te), {
+        u(D(Ue), {
           ref_key: "ruleForm",
           ref: _,
           model: r,
@@ -475,19 +482,19 @@ const fn = /* @__PURE__ */ H(cn, [["render", un], ["__scopeId", "data-v-db4b4d71
       _: 1
     }, 8, ["visible"]));
   }
-}, yn = /* @__PURE__ */ H(hn, [["__scopeId", "data-v-5033228a"]]), En = {
+}, xn = /* @__PURE__ */ H(En, [["__scopeId", "data-v-5033228a"]]), kn = {
   components: {
-    BlockLinkEvent: Ze,
-    BindEventsDialog: fn,
-    TinyPopover: Ue,
+    BlockLinkEvent: We,
+    BindEventsDialog: gn,
+    TinyPopover: je,
     TinyButton: ee,
-    IconChevronDown: en(),
-    SvgButton: Ye,
-    AddEventsDialog: yn
+    IconChevronDown: nn(),
+    SvgButton: Ze,
+    AddEventsDialog: xn
   },
   inheritAttrs: !1,
   setup() {
-    const { PLUGIN_NAME: f, activePlugin: o } = re(), { pageState: a } = j(), { getBlockEvents: e, getCurrentBlock: r, removeEventLink: _ } = Xe(), { getMaterial: b } = Ke(), { confirm: c } = He(), p = qe.global.locale.value, { highlightMethod: s } = ne(oe.Page), { commonEvents: x = {} } = Ie("engine.setting.event").options, n = Y({
+    const { PLUGIN_NAME: f, activePlugin: o } = re(), { pageState: a } = j(), { getBlockEvents: e, getCurrentBlock: r, removeEventLink: _ } = Ke(), { getMaterial: h } = He(), { confirm: c } = Ge(), m = Ye.global.locale.value, { highlightMethod: s } = ne(oe.Page), { commonEvents: x = {} } = Ie("engine.setting.event").options, n = Y({
       eventName: "",
       // 事件名称
       eventBinding: null,
@@ -497,15 +504,15 @@ const fn = /* @__PURE__ */ H(cn, [["render", un], ["__scopeId", "data-v-db4b4d71
       bindActions: {},
       showBindEventDialog: !1
     }), l = q(() => !!a.isBlock), i = q(() => Object.keys(n.bindActions).length === 0), d = q(() => ({ ...n.componentEvent, ...n.customEvents }));
-    Ne(() => {
+    Ae(() => {
       var M, P, S, T, U;
-      const m = (M = a == null ? void 0 : a.currentSchema) == null ? void 0 : M.componentName, v = b(m);
+      const p = (M = a == null ? void 0 : a.currentSchema) == null ? void 0 : M.componentName, v = h(p);
       n.componentEvent = ((S = (P = v == null ? void 0 : v.content) == null ? void 0 : P.schema) == null ? void 0 : S.events) || ((T = v == null ? void 0 : v.schema) == null ? void 0 : T.events) || {};
       const C = ((U = a == null ? void 0 : a.currentSchema) == null ? void 0 : U.props) || {}, w = Object.keys(C);
       n.bindActions = {}, Object.entries(d.value).forEach(([L, Z]) => {
-        var N, ie, me;
+        var A, ie, me;
         if (w.indexOf(L) > -1) {
-          const Me = C[L], { value: we, params: pe } = Me, Le = !pe && ((ie = (N = we.match(/\((.+)\)$/)) == null ? void 0 : N[1]) == null ? void 0 : ie.split(",")) || pe, z = {
+          const Me = C[L], { value: we, params: pe } = Me, Le = !pe && ((ie = (A = we.match(/\((.+)\)$/)) == null ? void 0 : A[1]) == null ? void 0 : ie.split(",")) || pe, z = {
             eventName: L,
             ref: "",
             event: C[L],
@@ -523,33 +530,33 @@ const fn = /* @__PURE__ */ H(cn, [["render", un], ["__scopeId", "data-v-db4b4d71
         }
       });
     });
-    const y = (m, v) => {
-      v && n.bindActions[m.eventName] || (n.eventBinding = m, rn());
-    }, V = (m) => {
+    const y = (p, v) => {
+      v && n.bindActions[p.eventName] || (n.eventBinding = p, cn());
+    }, V = (p) => {
       var C;
-      Object.keys(((C = a == null ? void 0 : a.currentSchema) == null ? void 0 : C.props) || {}).indexOf(m.eventName) > -1 && (delete a.currentSchema.props[m.eventName], Ge().publish({ topic: "schemaChange", data: { props: a.currentSchema.props } }));
+      Object.keys(((C = a == null ? void 0 : a.currentSchema) == null ? void 0 : C.props) || {}).indexOf(p.eventName) > -1 && (delete a.currentSchema.props[p.eventName], qe().publish({ topic: "schemaChange", data: { props: a.currentSchema.props } }));
     };
     return {
       state: n,
       isBlock: l,
       isEmpty: i,
-      delEvent: (m) => {
+      delEvent: (p) => {
         c({
           title: "提示",
-          message: `您确定要删除事件 ${m.eventName} 吗?`,
+          message: `您确定要删除事件 ${p.eventName} 吗?`,
           exec() {
-            a.isBlock && _({ linked: m.linked }), V(m);
+            a.isBlock && _({ linked: p.linked }), V(p);
           }
         });
       },
-      openCodePanel: (m) => {
-        m && o(f.Page).then(() => {
-          s && s(m.ref);
+      openCodePanel: (p) => {
+        p && o(f.Page).then(() => {
+          s && s(p.ref);
         });
       },
       openActionDialog: y,
-      handleAddEvent: (m) => {
-        const { eventName: v, eventDescription: C } = m;
+      handleAddEvent: (p) => {
+        const { eventName: v, eventDescription: C } = p;
         Object.assign(n.customEvents, {
           [v]: {
             label: {
@@ -567,20 +574,20 @@ const fn = /* @__PURE__ */ H(cn, [["render", un], ["__scopeId", "data-v-db4b4d71
           }
         }), n.showBindEventDialog = !1;
       },
-      handleToggleAddEventDialog: (m) => {
-        n.showBindEventDialog = m;
+      handleToggleAddEventDialog: (p) => {
+        n.showBindEventDialog = p;
       },
       renderEventList: d,
-      locale: p
+      locale: m
     };
   }
-}, xn = { class: "bind-action-list" }, kn = { class: "popover-head" }, Cn = { class: "bind-event-list" }, Vn = ["onClick"], Nn = { class: "bind-actions" }, An = { class: "action-item bind-action-item" }, Dn = ["onClick"], In = { class: "event-bind" }, Pn = { class: "action-buttons" }, Bn = { class: "empty-action" }, Mn = { class: "icon" };
-function wn(f, o, a, 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"), l = k("bind-events-dialog"), i = k("add-events-dialog");
-  return h(), A(W, null, [
-    t("div", xn, [
-      t("div", kn, [
-        u(p, {
+}, Cn = { class: "bind-action-list" }, Vn = { class: "popover-head" }, An = { class: "bind-event-list" }, Nn = ["onClick"], Dn = { class: "bind-actions" }, In = { class: "action-item bind-action-item" }, Pn = ["onClick"], Bn = { class: "event-bind" }, Mn = { class: "action-buttons" }, wn = { class: "empty-action" }, Ln = { class: "icon" };
+function On(f, o, a, e, r, _) {
+  const h = k("icon-chevron-down"), c = k("tiny-button"), m = k("tiny-popover"), s = k("svg-icon"), x = k("block-link-event"), n = k("svg-button"), l = k("bind-events-dialog"), i = k("add-events-dialog");
+  return b(), N(W, null, [
+    t("div", Cn, [
+      t("div", Vn, [
+        u(m, {
           popperClass: "option-popper setting-advanced-bind-event-list",
           placement: "bottom-start",
           trigger: "hover",
@@ -592,23 +599,23 @@ function wn(f, o, a, e, r, _) {
             u(c, { class: "bind-event-btn" }, {
               default: E(() => [
                 o[2] || (o[2] = t("span", null, "绑定事件", -1)),
-                u(b, { class: "icon-chevron-down bind-event-btn-icon" })
+                u(h, { class: "icon-chevron-down bind-event-btn-icon" })
               ]),
               _: 1,
               __: [2]
             })
           ]),
           default: E(() => [
-            t("ul", Cn, [
-              (h(!0), A(W, null, ae(e.renderEventList, (d, y) => {
+            t("ul", An, [
+              (b(!0), N(W, null, ae(e.renderEventList, (d, y) => {
                 var V;
-                return h(), A("li", {
+                return b(), N("li", {
                   key: y,
                   class: X(["bind-event-list-item", { "bind-event-list-item-notallow": e.state.bindActions[y] }]),
                   onClick: (I) => e.openActionDialog({ eventName: y }, !0)
                 }, [
                   t("div", null, B(y) + "  |  " + B(((V = d == null ? void 0 : d.label) == null ? void 0 : V[e.locale]) || y), 1)
-                ], 10, Vn);
+                ], 10, Nn);
               }), 128))
             ])
           ]),
@@ -629,13 +636,13 @@ function wn(f, o, a, e, r, _) {
           __: [3]
         })
       ]),
-      be(t("ul", Nn, [
-        (h(!0), A(W, null, ae(e.state.bindActions, (d) => {
+      he(t("ul", Dn, [
+        (b(!0), N(W, null, ae(e.state.bindActions, (d) => {
           var y, V;
-          return h(), A("li", {
+          return b(), N("li", {
             key: d.eventName
           }, [
-            t("div", An, [
+            t("div", In, [
               t("div", {
                 class: "binding-name",
                 onClick: (I) => e.openActionDialog(d)
@@ -647,10 +654,10 @@ function wn(f, o, a, e, r, _) {
                 t("div", {
                   class: X({ linked: d.linked })
                 }, B(d.linkedEventName), 3),
-                t("span", In, B(d.ref), 1)
-              ], 8, Dn),
-              t("div", Pn, [
-                e.isBlock ? (h(), O(x, {
+                t("span", Bn, B(d.ref), 1)
+              ], 8, Pn),
+              t("div", Mn, [
+                e.isBlock ? (b(), O(x, {
                   key: 0,
                   data: d
                 }, null, 8, ["data"])) : Q("", !0),
@@ -676,10 +683,10 @@ function wn(f, o, a, e, r, _) {
           ]);
         }), 128))
       ], 512), [
-        [he, !e.isEmpty]
+        [be, !e.isEmpty]
       ]),
-      be(t("div", Bn, [
-        t("div", Mn, [
+      he(t("div", wn, [
+        t("div", Ln, [
           u(s, {
             name: "empty-action",
             class: "empty-action-icon"
@@ -687,7 +694,7 @@ function wn(f, o, a, e, r, _) {
         ]),
         o[4] || (o[4] = t("div", { class: "center" }, "支持添加原生DOM事件，然后点击 绑定事件 为画布所选元素增加事件", -1))
       ], 512), [
-        [he, e.isEmpty]
+        [be, e.isEmpty]
       ])
     ]),
     u(l, {
@@ -701,13 +708,13 @@ function wn(f, o, a, e, r, _) {
     }, null, 8, ["visible", "componentEvents", "onAddEvent"])
   ], 64);
 }
-const Ln = /* @__PURE__ */ H(En, [["render", wn], ["__scopeId", "data-v-3bfab6f4"]]), { DEFAULT_LOOP_NAME: F } = ln, { string2Obj: On } = dn, Sn = {
+const Sn = /* @__PURE__ */ H(kn, [["render", On], ["__scopeId", "data-v-3bfab6f4"]]), { DEFAULT_LOOP_NAME: F } = dn, { string2Obj: Tn } = rn, Un = {
   components: {
-    SwitchConfigurator: an,
-    TinyTooltip: je,
-    VariableConfigurator: sn,
-    InputConfigurator: tn,
-    CodeConfigurator: on
+    SwitchConfigurator: ln,
+    TinyTooltip: ze,
+    VariableConfigurator: an,
+    InputConfigurator: sn,
+    CodeConfigurator: tn
   },
   inheritAttrs: !1,
   setup() {
@@ -757,7 +764,7 @@ const Ln = /* @__PURE__ */ H(En, [["render", wn], ["__scopeId", "data-v-3bfab6f4
     ye([() => r.isLoop, () => r.loopIndex], () => {
       !r.loopKey && r.isLoop && _(e()), r.isLoop || _("");
     });
-    const b = () => {
+    const h = () => {
       var n;
       r.loopData = (n = $().getSchema()) == null ? void 0 : n.loop;
     }, c = (n) => {
@@ -772,7 +779,7 @@ const Ln = /* @__PURE__ */ H(En, [["render", wn], ["__scopeId", "data-v-3bfab6f4
         d({ type: "updateAttributes", id: i.id, value: { ...I }, overwrite: !0 });
       }
       j().canvasApi.value.updateRect(), o.value = n;
-    }, p = (n) => {
+    }, m = (n) => {
       const l = $().getSchema();
       let i = l.loopArgs;
       const { operateNode: d } = j();
@@ -786,8 +793,8 @@ const Ln = /* @__PURE__ */ H(En, [["render", wn], ["__scopeId", "data-v-3bfab6f4
       setLoop: (n) => {
         const { operateNode: l } = j(), { getSchema: i } = $(), d = i();
         if (n) {
-          const y = n != null && n.type ? n : On(n);
-          l({ type: "updateAttributes", id: d.id, value: { loop: y } }), p(F.INDEX);
+          const y = n != null && n.type ? n : Tn(n);
+          l({ type: "updateAttributes", id: d.id, value: { loop: y } }), m(F.INDEX);
         } else {
           _();
           const { loop: y, loopArgs: V, children: I, ...te } = d;
@@ -802,25 +809,25 @@ const Ln = /* @__PURE__ */ H(En, [["render", wn], ["__scopeId", "data-v-3bfab6f4
         i ? i[0] = n || F.ITEM : i = [n, F.INDEX], d({ type: "updateAttributes", id: l.id, value: { loopArgs: i } });
       },
       DEFAULT_LOOP_NAME: F,
-      openEditor: b,
-      setLoopIndex: p,
+      openEditor: h,
+      setLoopIndex: m,
       setLoopKey: _,
       getIndexName: e
     };
   }
-}, Tn = { class: "advanced-config-container" }, Un = { class: "advnce-config" }, jn = { class: "advanced-config-form-item" }, zn = ["title"], Rn = { class: "advnce-config loop-data-item" }, $n = { class: "advanced-config-form-item" }, Fn = ["title"], Jn = { class: "advnce-config" }, Xn = { class: "advanced-config-form-item" }, Kn = { class: "advnce-config" }, Hn = { class: "advanced-config-form-item" }, Gn = { class: "advnce-config" }, qn = { class: "advanced-config-form-item" };
-function Yn(f, o, a, e, r, _) {
+}, jn = { class: "advanced-config-container" }, zn = { class: "advnce-config" }, Rn = { class: "advanced-config-form-item" }, $n = ["title"], Fn = { class: "advnce-config loop-data-item" }, Jn = { class: "advanced-config-form-item" }, Xn = ["title"], Kn = { class: "advnce-config" }, Hn = { class: "advanced-config-form-item" }, Gn = { class: "advnce-config" }, qn = { class: "advanced-config-form-item" }, Yn = { class: "advnce-config" }, Zn = { class: "advanced-config-form-item" };
+function Wn(f, o, a, e, r, _) {
   var n, l;
-  const b = k("switch-configurator"), c = k("variable-configurator"), p = k("code-configurator"), s = k("input-configurator"), x = k("tiny-tooltip");
-  return h(), A("div", Tn, [
-    t("div", Un, [
+  const h = k("switch-configurator"), c = k("variable-configurator"), m = k("code-configurator"), s = k("input-configurator"), x = k("tiny-tooltip");
+  return b(), N("div", jn, [
+    t("div", zn, [
       o[6] || (o[6] = t("label", { class: "text-ellipsis-multiple" }, "是否渲染", -1)),
-      t("div", jn, [
-        e.isBind ? (h(), A("div", {
+      t("div", Rn, [
+        e.isBind ? (b(), N("div", {
           key: 1,
           class: "binding-state text-ellipsis-multiple",
           title: e.condition.value
-        }, " 已绑定：" + B(e.condition.value), 9, zn)) : (h(), O(b, {
+        }, " 已绑定：" + B(e.condition.value), 9, $n)) : (b(), O(h, {
           key: 0,
           modelValue: e.condition,
           "onUpdate:modelValue": e.setConfig
@@ -835,14 +842,14 @@ function Yn(f, o, a, e, r, _) {
         }, null, 8, ["modelValue", "onUpdate:modelValue"])
       ])
     ]),
-    t("div", Rn, [
+    t("div", Fn, [
       o[7] || (o[7] = t("label", { class: "text-ellipsis-multiple" }, "循环数据", -1)),
-      t("div", $n, [
-        e.state.isLoop ? (h(), A("div", {
+      t("div", Jn, [
+        e.state.isLoop ? (b(), N("div", {
           key: 1,
           class: "binding-state text-ellipsis-multiple",
           title: (n = e.state.loopData) == null ? void 0 : n.value
-        }, " 已绑定：" + B((l = e.state.loopData) == null ? void 0 : l.value), 9, Fn)) : (h(), O(p, {
+        }, " 已绑定：" + B((l = e.state.loopData) == null ? void 0 : l.value), 9, Xn)) : (b(), O(m, {
           key: 0,
           modelValue: e.state.loopData,
           "onUpdate:modelValue": [
@@ -862,9 +869,9 @@ function Yn(f, o, a, e, r, _) {
         }, null, 8, ["modelValue", "onUpdate:modelValue"])
       ])
     ]),
-    t("div", Jn, [
+    t("div", Kn, [
       o[8] || (o[8] = t("label", { class: "text-ellipsis-multiple" }, "迭代变量名", -1)),
-      t("div", Xn, [
+      t("div", Hn, [
         u(s, {
           modelValue: e.state.loopItem,
           "onUpdate:modelValue": [
@@ -875,9 +882,9 @@ function Yn(f, o, a, e, r, _) {
         }, null, 8, ["modelValue", "placeholder", "onUpdate:modelValue"])
       ])
     ]),
-    t("div", Kn, [
+    t("div", Gn, [
       o[9] || (o[9] = t("label", { class: "text-ellipsis-multiple" }, "索引变量名", -1)),
-      t("div", Hn, [
+      t("div", qn, [
         u(s, {
           modelValue: e.state.loopIndex,
           "onUpdate:modelValue": [
@@ -888,9 +895,9 @@ function Yn(f, o, a, e, r, _) {
         }, null, 8, ["modelValue", "placeholder", "onUpdate:modelValue"])
       ])
     ]),
-    t("div", Gn, [
+    t("div", Yn, [
       o[10] || (o[10] = t("label", { class: "text-ellipsis-multiple" }, "key", -1)),
-      t("div", qn, [
+      t("div", Zn, [
         u(x, {
           content: "建议填写循环项中的唯一值（如item.id），如果填写为数字将不保存",
           effect: "light"
@@ -911,7 +918,7 @@ function Yn(f, o, a, e, r, _) {
     ])
   ]);
 }
-const Zn = /* @__PURE__ */ H(Sn, [["render", Yn], ["__scopeId", "data-v-2254f006"]]), Wn = {
+const Qn = /* @__PURE__ */ H(Un, [["render", Wn], ["__scopeId", "data-v-40bd3762"]]), eo = {
   __name: "Main",
   props: {
     fixedPanels: Array
@@ -921,17 +928,17 @@ const Zn = /* @__PURE__ */ H(Sn, [["render", Yn], ["__scopeId", "data-v-2254f006
     const a = K(["bindEvent", "advancedConfig"]), { PLUGIN_NAME: e } = re(), _ = Y({
       emitEvent: o
     });
-    return Ve("panelState", _), (b, c) => (h(), O(D(We), {
+    return Ve("panelState", _), (h, c) => (b(), O(D(Qe), {
       title: "高级",
       "fixed-panels": f.fixedPanels,
       "fixed-name": D(e).Event,
       "header-margin-bottom": 0,
-      onClose: c[1] || (c[1] = (p) => b.$emit("close"))
+      onClose: c[1] || (c[1] = (m) => h.$emit("close"))
     }, {
       content: E(() => [
-        u(D(ze), {
+        u(D(Re), {
           modelValue: a.value,
-          "onUpdate:modelValue": c[0] || (c[0] = (p) => a.value = p)
+          "onUpdate:modelValue": c[0] || (c[0] = (m) => a.value = m)
         }, {
           default: E(() => [
             u(D(xe), {
@@ -939,7 +946,7 @@ const Zn = /* @__PURE__ */ H(Sn, [["render", Yn], ["__scopeId", "data-v-2254f006
               name: "bindEvent"
             }, {
               default: E(() => [
-                u(Ln)
+                u(Sn)
               ]),
               _: 1
             }),
@@ -948,7 +955,7 @@ const Zn = /* @__PURE__ */ H(Sn, [["render", Yn], ["__scopeId", "data-v-2254f006
               name: "advancedConfig"
             }, {
               default: E(() => [
-                u(Zn)
+                u(Qn)
               ]),
               _: 1
             })
@@ -959,42 +966,42 @@ const Zn = /* @__PURE__ */ H(Sn, [["render", Yn], ["__scopeId", "data-v-2254f006
       _: 1
     }, 8, ["fixed-panels", "fixed-name"]));
   }
-}, Pe = "newMethod", Qn = /[^0-9a-zA-Z_$]/, eo = /^[a-zA-Z_$][0-9a-zA-Z_$]*$/, se = {
+}, Pe = "newMethod", no = /[^0-9a-zA-Z_$]/, oo = /^[a-zA-Z_$][0-9a-zA-Z_$]*$/, se = {
   exist: "方法名称已存在",
   ruleInvalid: "请输入有效的方法名，可以由字母、数字、下划线、$ 符号组成，不能以数字开头",
   empty: "方法名称不能为空"
-}, no = {
+}, to = {
   components: {
-    MonacoEditor: Qe,
+    MonacoEditor: en,
     TinyInput: le,
-    TinyCheckbox: Re
+    TinyCheckbox: $e
   },
   props: {
     dialogVisible: Boolean
   },
   setup() {
-    const { getMethodNameList: f } = ne(oe.Page), o = Ae("context"), a = {
+    const { getMethodNameList: f } = ne(oe.Page), o = Ne("context"), a = {
       language: "json",
       lineNumbers: !1,
       minimap: {
         enabled: !1
       }
-    }, e = (p) => {
-      o.editorContent = p;
-    }, r = (p) => !p, _ = (p) => f == null ? void 0 : f().includes(p), b = (p) => !eo.test(p);
+    }, e = (m) => {
+      o.editorContent = m;
+    }, r = (m) => !m, _ = (m) => f == null ? void 0 : f().includes(m), h = (m) => !oo.test(m);
     return {
       NEW_METHOD_TYPE: Pe,
       context: o,
       editorOptions: a,
-      change: (p) => {
+      change: (m) => {
         const s = [
           { validator: r, tip: se.empty },
           { validator: _, tip: se.exist },
-          { validator: b, tip: se.ruleInvalid }
+          { validator: h, tip: se.ruleInvalid }
         ];
         for (let x = 0; x < s.length; x++) {
           const n = s[x];
-          if (n.validator(p)) {
+          if (n.validator(m)) {
             o.tipError = !0, o.tip = n.tip;
             return;
           }
@@ -1004,21 +1011,21 @@ const Zn = /* @__PURE__ */ H(Sn, [["render", Yn], ["__scopeId", "data-v-2254f006
       editorContentChange: e
     };
   }
-}, oo = { class: "content-right" }, to = { class: "new-action-tip" }, io = { class: "content-right-title" }, so = { class: "set-params-tip" }, ao = { class: "content-right-monaco" }, lo = {
+}, io = { class: "content-right" }, so = { class: "new-action-tip" }, ao = { class: "content-right-title" }, lo = { class: "set-params-tip" }, ro = { class: "content-right-monaco" }, co = {
   key: 1,
   class: "mark"
-}, ro = {
+}, mo = {
   key: 0,
   class: "params-tip"
 };
-function co(f, o, a, e, r, _) {
-  const b = k("tiny-input"), c = k("tiny-checkbox"), p = k("monaco-editor");
-  return h(), A("div", oo, [
+function po(f, o, a, e, r, _) {
+  const h = k("tiny-input"), c = k("tiny-checkbox"), m = k("monaco-editor");
+  return b(), N("div", io, [
     t("div", {
       class: X(["content-right-top", { "tip-error": e.context.tipError }])
     }, [
       o[2] || (o[2] = t("div", { class: "content-right-title" }, "方法名称", -1)),
-      u(b, {
+      u(h, {
         modelValue: e.context.bindMethodInfo.name,
         "onUpdate:modelValue": [
           o[0] || (o[0] = (s) => e.context.bindMethodInfo.name = s),
@@ -1028,12 +1035,12 @@ function co(f, o, a, e, r, _) {
         class: X([{ "status-error": e.context.tipError }]),
         placeholder: "请从左侧选择一个方法进行绑定，或者选择添加新方法，输入自定义方法名称。"
       }, null, 8, ["modelValue", "disabled", "class", "onUpdate:modelValue"]),
-      t("div", to, B(e.context.tip), 1)
+      t("div", so, B(e.context.tip), 1)
     ], 2),
     t("div", {
       class: X(["content-right-bottom", { "tip-error": !e.context.isValidParams }])
     }, [
-      t("div", io, [
+      t("div", ao, [
         u(c, {
           modelValue: e.context.enableExtraParams,
           "onUpdate:modelValue": o[1] || (o[1] = (s) => e.context.enableExtraParams = s),
@@ -1045,28 +1052,28 @@ function co(f, o, a, e, r, _) {
           _: 1,
           __: [3]
         }, 8, ["modelValue"]),
-        t("div", so, [
+        t("div", lo, [
           o[4] || (o[4] = t("div", null, "扩展参数：调用当前事件传入的真实参数，数组格式，追加在原有事件参数之后", -1)),
           J(" 如: " + B(e.context.bindMethodInfo.name) + "(eventArgs, extParam1, extParam2, ...) ", 1)
         ])
       ]),
-      t("div", ao, [
-        a.dialogVisible ? (h(), O(p, {
+      t("div", ro, [
+        a.dialogVisible ? (b(), O(m, {
           key: 0,
           value: e.context.editorContent,
           options: e.editorOptions,
           onChange: e.editorContentChange,
           class: "monaco-editor"
         }, null, 8, ["value", "options", "onChange"])) : Q("", !0),
-        e.context.enableExtraParams ? Q("", !0) : (h(), A("div", lo))
+        e.context.enableExtraParams ? Q("", !0) : (b(), N("div", co))
       ]),
-      !e.context.isValidParams && e.context.enableExtraParams ? (h(), A("div", ro, ' 请输入数组格式的参数，参数可以为表达式。例如：["extParam1", "item.status", 1, "getNames()"] ')) : Q("", !0)
+      !e.context.isValidParams && e.context.enableExtraParams ? (b(), N("div", mo, ' 请输入数组格式的参数，参数可以为表达式。例如：["extParam1", "item.status", 1, "getNames()"] ')) : Q("", !0)
     ], 2)
   ]);
 }
-const mo = /* @__PURE__ */ H(no, [["render", co], ["__scopeId", "data-v-f2c9b5af"]]), po = {
+const uo = /* @__PURE__ */ H(to, [["render", po], ["__scopeId", "data-v-f2c9b5af"]]), fo = {
   components: {
-    TinySearch: $e
+    TinySearch: Fe
   },
   props: {
     eventBinding: {
@@ -1075,69 +1082,69 @@ const mo = /* @__PURE__ */ H(no, [["render", co], ["__scopeId", "data-v-f2c9b5af
     }
   },
   setup(f) {
-    const { getMethodNameList: o } = ne(oe.Page), a = K(""), e = K([]), r = Ae("context"), _ = (c, p) => {
+    const { getMethodNameList: o } = ne(oe.Page), a = K(""), e = K([]), r = Ne("context"), _ = (c, m) => {
       const s = c.map((l) => {
         var i;
         return Number.parseInt((i = l.match(/\d+$/)) == null ? void 0 : i[0]) || 0;
       }).sort((l, i) => l - i).pop();
-      let n = `${(p == null ? void 0 : p.replace(Qn, "_")) || ""}New`;
+      let n = `${(m == null ? void 0 : m.replace(no, "_")) || ""}New`;
       return s > -1 && (n += `${s + 1}`), n;
-    }, b = (c) => {
+    }, h = (c) => {
       r.bindMethodInfo = c;
     };
-    return Ne(() => {
+    return Ae(() => {
       var l, i;
-      const c = (l = f.eventBinding) == null ? void 0 : l.eventName, p = (o == null ? void 0 : o().filter((d) => d.includes(c))) || [], x = {
+      const c = (l = f.eventBinding) == null ? void 0 : l.eventName, m = (o == null ? void 0 : o().filter((d) => d.includes(c))) || [], x = {
         title: "添加新方法",
-        name: _(p, c),
+        name: _(m, c),
         type: Pe
       };
-      (i = f.eventBinding) != null && i.ref ? b({ name: f.eventBinding.ref }) : b(x);
+      (i = f.eventBinding) != null && i.ref ? h({ name: f.eventBinding.ref }) : h(x);
       const n = (o == null ? void 0 : o().filter((d) => d.includes(a.value)).map((d) => ({ name: d }))) || [];
       e.value = [x, ...n];
     }), {
       context: r,
       searchValue: a,
       filteredMethodList: e,
-      selectMethod: b
+      selectMethod: h
     };
   }
-}, uo = { class: "dialog-content-left" }, fo = { class: "left-list-wrap" }, vo = { class: "left-action-list" }, go = { class: "action-list-wrap" }, _o = ["onClick"];
-function bo(f, o, a, e, r, _) {
-  const b = k("tiny-search");
-  return h(), A("div", uo, [
+}, vo = { class: "dialog-content-left" }, go = { class: "left-list-wrap" }, _o = { class: "left-action-list" }, ho = { class: "action-list-wrap" }, bo = ["onClick"];
+function yo(f, o, a, e, r, _) {
+  const h = k("tiny-search");
+  return b(), N("div", vo, [
     o[1] || (o[1] = t("div", { class: "left-title" }, "响应方法", -1)),
-    t("div", fo, [
-      t("div", vo, [
-        u(b, {
+    t("div", go, [
+      t("div", _o, [
+        u(h, {
           modelValue: e.searchValue,
           "onUpdate:modelValue": o[0] || (o[0] = (c) => e.searchValue = c),
           placeholder: "搜索"
         }, null, 8, ["modelValue"]),
-        t("ul", go, [
-          (h(!0), A(W, null, ae(e.filteredMethodList, (c) => (h(), A("li", {
+        t("ul", ho, [
+          (b(!0), N(W, null, ae(e.filteredMethodList, (c) => (b(), N("li", {
             key: c.name,
-            onClick: (p) => e.selectMethod(c)
+            onClick: (m) => e.selectMethod(c)
           }, [
             t("div", {
               class: X(["action-name", { active: c.name === e.context.bindMethodInfo.name }])
             }, B(c.title || c.name), 3)
-          ], 8, _o))), 128))
+          ], 8, bo))), 128))
         ])
       ])
     ])
   ]);
 }
-const ho = /* @__PURE__ */ H(po, [["render", bo], ["__scopeId", "data-v-0859add1"]]), Bo = {
+const Eo = /* @__PURE__ */ H(fo, [["render", yo], ["__scopeId", "data-v-0859add1"]]), wo = {
   ...de,
-  entry: Wn,
-  options: { commonEvents: vn },
+  entry: eo,
+  options: { commonEvents: _n },
   components: {
-    BindEventsDialogSidebar: ho,
-    BindEventsDialogContent: mo
+    BindEventsDialogSidebar: Eo,
+    BindEventsDialogContent: uo
   }
 };
 export {
-  Bo as default
+  wo as default
 };
 //# sourceMappingURL=index.js.map