@opentiny/tiny-engine-setting-events 1.0.2 → 1.0.4-alpha.0

package/dist/index.js

@@ -1,39 +1,39 @@
 import "./style.css";
-import { ref as $, reactive as de, watchEffect as Ne, resolveComponent as f, withDirectives as ie, openBlock as y, createBlock as j, withCtx as _, createElementVNode as o, createVNode as l, createTextVNode as P, createElementBlock as M, Fragment as ee, renderList as se, normalizeClass as X, toDisplayString as O, createCommentVNode as Y, vShow as ae, nextTick as Ue, pushScopeId as ce, popScopeId as re, computed as te, watch as le, withModifiers as Ee, unref as ne } from "vue";
-import { Input as Ce, Button as De, Search as Te, Popover as we, DialogBox as ze, Switch as Fe, Form as je, FormItem as Je, Tooltip as Re, Collapse as He, CollapseItem as ke } from "@opentiny/vue";
-import { useLayout as Ae, useCanvas as me, useHistory as Xe, useNotify as Pe, useBlock as qe, useResource as Ke, useModal as Ye, useProperties as C } from "@opentiny/tiny-engine-controller";
-import { VueMonaco as $e, BlockLinkEvent as Qe, SvgButton as Ze, MetaSwitch as Ge, MetaBindVariable as We, MetaInput as et, MetaCodeEditor as tt } from "@opentiny/tiny-engine-common";
-import { iconYes as ot, iconHelpQuery as Me, iconChevronDown as nt } from "@opentiny/vue-icon";
-import { theme as it, string2Obj as st } from "@opentiny/tiny-engine-controller/adapter";
-import { string2Ast as Ve, ast2String as at } from "@opentiny/tiny-engine-common/js/ast";
-import { PROP_DATA_TYPE as K } from "@opentiny/tiny-engine-controller/utils";
-import { updateRect as lt } from "@opentiny/tiny-engine-canvas";
-import { constants as dt } from "@opentiny/tiny-engine-utils";
-const pe = (d, i) => {
-  const k = d.__vccOpts || d;
-  for (const [e, m] of i)
-    k[e] = m;
-  return k;
-}, _e = $(!1), ct = () => {
-  _e.value = !0;
+import { ref as K, reactive as te, watchEffect as Ce, resolveComponent as f, withDirectives as de, openBlock as h, createBlock as U, withCtx as _, createElementVNode as o, createVNode as p, createTextVNode as M, createElementBlock as S, Fragment as G, renderList as ce, normalizeClass as J, toDisplayString as L, createCommentVNode as H, vShow as re, nextTick as Be, pushScopeId as me, popScopeId as _e, unref as O, computed as W, withModifiers as Oe, watch as Ee } from "vue";
+import { Input as pe, Button as ee, Search as Le, Popover as De, DialogBox as Ae, Switch as Te, Form as Ue, FormItem as ke, Tooltip as ze, Collapse as je, CollapseItem as xe } from "@opentiny/vue";
+import { useLayout as Pe, useCanvas as ue, useHistory as $e, useBlock as Fe, useResource as Je, useModal as Re, useProperties as I } from "@opentiny/tiny-engine-controller";
+import { VueMonaco as Xe, BlockLinkEvent as qe, SvgButton as He, MetaSwitch as Ke, MetaBindVariable as Ye, MetaInput as Qe, MetaCodeEditor as Ze } from "@opentiny/tiny-engine-common";
+import { iconYes as Ge, iconHelpQuery as we, iconChevronDown as We } from "@opentiny/vue-icon";
+import { theme as et, string2Obj as tt } from "@opentiny/tiny-engine-controller/adapter";
+import { string2Ast as Ve, ast2String as ot } from "@opentiny/tiny-engine-controller/js/ast";
+import { PROP_DATA_TYPE as q } from "@opentiny/tiny-engine-controller/utils";
+import { updateRect as nt } from "@opentiny/tiny-engine-canvas";
+import { constants as it } from "@opentiny/tiny-engine-utils";
+const oe = (l, i) => {
+  const b = l.__vccOpts || l;
+  for (const [e, d] of i)
+    b[e] = d;
+  return b;
+}, fe = K(!1), st = () => {
+  fe.value = !0;
 }, Ie = () => {
-  _e.value = !1;
-}, xe = "newMethod", rt = /[^0-9a-zA-Z_$]/, mt = /^[a-zA-Z_$][0-9a-zA-Z_$]*$/, H = {
+  fe.value = !1;
+}, Ne = "newMethod", at = /[^0-9a-zA-Z_$]/, lt = /^[a-zA-Z_$][0-9a-zA-Z_$]*$/, F = {
   default: "选择已有方法或者添加新方法(点击 确定 之后将在JS面板中创建一个该名称的新方法)",
   exist: "方法名称已存在",
   ruleInvalid: "请输入有效的方法名，可以由字母、数字、下划线、$ 符号组成，不能以数字开头",
   empty: "方法名称不能为空"
-}, pt = {
+}, dt = {
   components: {
-    MonacoEditor: $e,
-    TinyInput: Ce,
-    TinyButton: De,
-    TinySearch: Te,
-    TinyPopover: we,
-    TinyDialogBox: ze,
-    IconYes: ot(),
-    IconHelpQuery: Me(),
-    TinySwitch: Fe
+    MonacoEditor: Xe,
+    TinyInput: pe,
+    TinyButton: ee,
+    TinySearch: Le,
+    TinyPopover: De,
+    TinyDialogBox: Ae,
+    IconYes: Ge(),
+    IconHelpQuery: we(),
+    TinySwitch: Te
   },
   inheritAttrs: !1,
   props: {
@@ -42,13 +42,13 @@ const pe = (d, i) => {
       default: () => ({})
     }
   },
-  setup(d) {
-    const { PLUGIN_NAME: i, getPluginApi: k, activePlugin: e } = Ae(), { pageState: m } = me(), { getMethodNameList: g, getMethods: S, saveMethod: V, highlightMethod: I } = k(i.PageController), N = $(null), a = de({
+  setup(l) {
+    const { PLUGIN_NAME: i, getPluginApi: b, activePlugin: e } = Pe(), { pageState: d } = ue(), { getMethodNameList: u, getMethods: w, saveMethod: y, highlightMethod: E } = b(i.PageController), x = K(null), n = te({
       searchValue: "",
       editorContent: "",
       bindMethodInfo: {},
       filterMethodList: [],
-      tip: H.default,
+      tip: F.default,
       tipError: !1,
       enableExtraParams: !1,
       isValidParams: !0
@@ -59,138 +59,138 @@ const pe = (d, i) => {
       language: "json",
       formatOnPaste: !0,
       tabSize: 2,
-      theme: it(),
+      theme: et(),
       lineNumbers: !1,
       minimap: {
         enabled: !1
       }
-    }, n = (s, c) => {
-      const r = s.map((D) => {
-        var v;
-        return Number.parseInt((v = D.match(/\d+$/)) == null ? void 0 : v[0]) || 0;
-      }).sort((D, v) => D - v).pop();
-      let E = `${(c == null ? void 0 : c.replace(rt, "_")) || ""}New`;
-      return r > -1 && (E += `${r + 1}`), E;
+    }, a = (s, r) => {
+      const m = s.map((V) => {
+        var g;
+        return Number.parseInt((g = V.match(/\d+$/)) == null ? void 0 : g[0]) || 0;
+      }).sort((V, g) => V - g).pop();
+      let P = `${(r == null ? void 0 : r.replace(at, "_")) || ""}New`;
+      return m > -1 && (P += `${m + 1}`), P;
     };
-    Ne(() => {
-      var D, v;
-      const s = (D = d.eventBinding) == null ? void 0 : D.eventName, c = (g == null ? void 0 : g().filter((L) => L.indexOf(s) > -1)) || [], b = {
+    Ce(() => {
+      var V, g;
+      const s = (V = l.eventBinding) == null ? void 0 : V.eventName, r = (u == null ? void 0 : u().filter((T) => T.indexOf(s) > -1)) || [], k = {
         title: "添加新方法",
-        name: n(c, s),
-        type: xe
+        name: a(r, s),
+        type: Ne
       };
-      (v = d.eventBinding) != null && v.ref ? a.bindMethodInfo = {
-        name: d.eventBinding.ref
-      } : a.bindMethodInfo = b;
-      const E = (g == null ? void 0 : g().filter((L) => L.indexOf(a.searchValue) > -1).map((L) => ({ name: L }))) || [];
-      a.filterMethodList = [b, ...E];
+      (g = l.eventBinding) != null && g.ref ? n.bindMethodInfo = {
+        name: l.eventBinding.ref
+      } : n.bindMethodInfo = k;
+      const P = (u == null ? void 0 : u().filter((T) => T.indexOf(n.searchValue) > -1).map((T) => ({ name: T }))) || [];
+      n.filterMethodList = [k, ...P];
     });
-    const w = (s) => {
-      a.bindMethodInfo = s;
-    }, x = (s) => {
-      var D, v;
+    const C = (s) => {
+      n.bindMethodInfo = s;
+    }, N = (s) => {
+      var V, g;
       if (!s)
         return;
-      const c = (D = d.eventBinding) == null ? void 0 : D.eventName;
-      if (!c)
-        return;
-      const r = (v = m == null ? void 0 : m.currentSchema) == null ? void 0 : v.props;
+      const r = (V = l.eventBinding) == null ? void 0 : V.eventName;
       if (!r)
         return;
-      const { name: b, extra: E } = s;
-      d[c] || (r[c] = {
+      const m = (g = d == null ? void 0 : d.currentSchema) == null ? void 0 : g.props;
+      if (!m)
+        return;
+      const { name: k, extra: P } = s;
+      l[r] || (m[r] = {
         type: "JSExpression",
         value: ""
-      }), E && a.enableExtraParams && (r[c].params = E), r[c].value = `this.${b}`, Xe().addHistory();
-    }, u = () => {
-      a.tipError = !1, a.tip = H.default;
-    }, J = (s) => !s, p = (s) => g == null ? void 0 : g().includes(s), A = (s) => !mt.test(s), R = (s) => {
-      const c = [
-        { validator: J, tip: H.empty },
-        { validator: p, tip: H.exist },
-        { validator: A, tip: H.ruleInvalid }
+      }), P && n.enableExtraParams && (m[r].params = P), m[r].value = `this.${k}`, $e().addHistory();
+    }, c = () => {
+      n.tipError = !1, n.tip = F.default;
+    }, D = (s) => !s, X = (s) => u == null ? void 0 : u().includes(s), ne = (s) => !lt.test(s), v = (s) => {
+      const r = [
+        { validator: D, tip: F.empty },
+        { validator: X, tip: F.exist },
+        { validator: ne, tip: F.ruleInvalid }
       ];
-      for (let r = 0; r < c.length; r++) {
-        const b = c[r];
-        if (b.validator(s)) {
-          a.tipError = !0, a.tip = b.tip;
+      for (let m = 0; m < r.length; m++) {
+        const k = r[m];
+        if (k.validator(s)) {
+          n.tipError = !0, n.tip = k.tip;
           return;
         }
       }
-      a.tipError = !1, a.tip = H.default;
-    }, G = () => {
-      var c;
+      n.tipError = !1, n.tip = F.default;
+    }, A = () => {
+      var r;
       let s = "";
-      if (a.enableExtraParams)
+      if (n.enableExtraParams)
         try {
-          const r = (c = N.value) == null ? void 0 : c.getEditor().getValue();
-          s = JSON.parse(r), a.isValidParams = Array.isArray(s);
+          const m = (r = x.value) == null ? void 0 : r.getEditor().getValue();
+          s = JSON.parse(m), n.isValidParams = Array.isArray(s);
         } catch {
-          a.isValidParams = !1;
+          n.isValidParams = !1;
         }
       return s;
-    }, W = (s) => Array.from({ length: s.length }, (c, r) => `args${r}`).join(","), h = () => {
-      var r, b, E, D;
-      let s = (b = (r = S()) == null ? void 0 : r[a.bindMethodInfo.name]) == null ? void 0 : b.value, c = "{}";
+    }, B = (s) => Array.from({ length: s.length }, (r, m) => `args${m}`).join(","), ie = () => {
+      var m, k, P, V;
+      let s = (k = (m = w()) == null ? void 0 : m[n.bindMethodInfo.name]) == null ? void 0 : k.value, r = "{}";
       if (s) {
-        let v = {};
+        let g = {};
         try {
-          v = Ve(s);
+          g = Ve(s);
         } catch {
-          s = s.replace("function", `function ${a.bindMethodInfo.name}`), v = Ve(s);
+          s = s.replace("function", `function ${n.bindMethodInfo.name}`), g = Ve(s);
         }
-        (D = (E = v == null ? void 0 : v.program) == null ? void 0 : E.body[0]) != null && D.body && (c = at(v.program.body[0].body));
+        (V = (P = g == null ? void 0 : g.program) == null ? void 0 : P.body[0]) != null && V.body && (r = ot(g.program.body[0].body));
       }
-      return c || `{
+      return r || `{
 }`;
-    }, B = () => {
+    }, Z = () => {
       e(i.PageController).then(() => {
-        Ue(() => {
+        Be(() => {
           var s;
-          I && I((s = a.bindMethodInfo) == null ? void 0 : s.name);
+          E && E((s = n.bindMethodInfo) == null ? void 0 : s.name);
         });
       });
     };
     return {
-      NEW_METHOD_TYPE: xe,
-      state: a,
-      editor: N,
+      NEW_METHOD_TYPE: Ne,
+      state: n,
+      editor: x,
       editorOptions: t,
-      dialogVisible: _e,
-      change: R,
+      dialogVisible: fe,
+      change: v,
       confirm: () => {
-        if (a.tipError)
+        if (n.tipError)
           return;
-        let s = "event", c = G(), r = s;
-        if (!a.isValidParams)
+        let s = "event", r = A(), m = s;
+        if (!n.isValidParams)
           return;
-        c && (s = c.join(","), r = W(c)), x({ ...a.bindMethodInfo, params: s, extra: c });
-        const b = h();
-        V == null || V({
-          name: a.bindMethodInfo.name,
-          content: a.enableExtraParams ? `function (eventArgs,${r}) ${b}` : `function (${r})  ${b}`
-        }), B(), Ie();
+        r && (s = r.join(","), m = B(r)), N({ ...n.bindMethodInfo, params: s, extra: r });
+        const k = ie();
+        y == null || y({
+          name: n.bindMethodInfo.name,
+          content: n.enableExtraParams ? `function (eventArgs,${m}) ${k}` : `function (${m})  ${k}`
+        }), Z(), Ie();
       },
       closeDialog: () => {
-        u(), Ie();
+        c(), Ie();
       },
       openedDialog: () => {
-        var s, c, r;
-        a.enableExtraParams = !!((c = (s = d.eventBinding) == null ? void 0 : s.params) != null && c.length), a.editorContent = JSON.stringify(((r = d.eventBinding) == null ? void 0 : r.params) || [], null, 2), u();
+        var s, r, m;
+        n.enableExtraParams = !!((r = (s = l.eventBinding) == null ? void 0 : s.params) != null && r.length), n.editorContent = JSON.stringify(((m = l.eventBinding) == null ? void 0 : m.params) || [], null, 2), c();
       },
-      selectMethod: w
+      selectMethod: C
     };
   }
-}, q = (d) => (ce("data-v-6a54279c"), d = d(), re(), d), _t = { class: "bind-event-dialog-content" }, ft = { class: "dialog-content-left" }, ut = /* @__PURE__ */ q(() => /* @__PURE__ */ o("div", { class: "left-title" }, "响应方法", -1)), ht = { class: "left-list-wrap" }, vt = { class: "left-action-list" }, gt = { class: "action-list-wrap" }, yt = ["onClick"], bt = { class: "content-right" }, Et = /* @__PURE__ */ q(() => /* @__PURE__ */ o("div", { class: "content-right-title" }, "方法名称", -1)), kt = { class: "new-action-tip" }, Vt = { class: "content-right-title" }, It = /* @__PURE__ */ q(() => /* @__PURE__ */ o("span", { class: "set-params-tip" }, "扩展参数设置", -1)), xt = /* @__PURE__ */ q(() => /* @__PURE__ */ o("br", null, null, -1)), Nt = /* @__PURE__ */ q(() => /* @__PURE__ */ o("span", null, "开启", -1)), Ct = /* @__PURE__ */ q(() => /* @__PURE__ */ o("span", null, "关闭", -1)), Dt = { class: "content-right-monaco" }, wt = {
+}, R = (l) => (me("data-v-937af0d2"), l = l(), _e(), l), ct = { class: "bind-event-dialog-content" }, rt = { class: "dialog-content-left" }, pt = /* @__PURE__ */ R(() => /* @__PURE__ */ o("div", { class: "left-title" }, "响应方法", -1)), mt = { class: "left-list-wrap" }, _t = { class: "left-action-list" }, ut = { class: "action-list-wrap" }, ft = ["onClick"], vt = { class: "content-right" }, ht = /* @__PURE__ */ R(() => /* @__PURE__ */ o("div", { class: "content-right-title" }, "方法名称", -1)), gt = { class: "new-action-tip" }, bt = { class: "content-right-title" }, yt = /* @__PURE__ */ R(() => /* @__PURE__ */ o("span", { class: "set-params-tip" }, "扩展参数设置", -1)), Et = /* @__PURE__ */ R(() => /* @__PURE__ */ o("br", null, null, -1)), kt = /* @__PURE__ */ R(() => /* @__PURE__ */ o("span", null, "开启", -1)), xt = /* @__PURE__ */ R(() => /* @__PURE__ */ o("span", null, "关闭", -1)), Vt = { class: "content-right-monaco" }, It = {
   key: 1,
   class: "mark"
-}, At = {
+}, Nt = {
   key: 0,
   class: "params-tip"
-}, Pt = { class: "bind-dialog-footer" };
-function Mt(d, i, k, e, m, g) {
-  const S = f("tiny-search"), V = f("icon-yes"), I = f("tiny-input"), N = f("icon-help-query"), a = f("tiny-popover"), t = f("tiny-switch"), n = f("monaco-editor"), w = f("tiny-button"), x = f("tiny-dialog-box");
-  return ie((y(), j(x, {
+}, Ct = { class: "bind-dialog-footer" };
+function Dt(l, i, b, e, d, u) {
+  const w = f("tiny-search"), y = f("icon-yes"), E = f("tiny-input"), x = f("icon-help-query"), n = f("tiny-popover"), t = f("tiny-switch"), a = f("monaco-editor"), C = f("tiny-button"), N = f("tiny-dialog-box");
+  return de((h(), U(N, {
     title: "事件绑定",
     width: "50%",
     "append-to-body": !0,
@@ -198,129 +198,129 @@ function Mt(d, i, k, e, m, g) {
     onOpened: e.openedDialog
   }, {
     footer: _(() => [
-      o("div", Pt, [
-        l(w, {
+      o("div", Ct, [
+        p(C, {
           type: "info",
           onClick: e.confirm
         }, {
           default: _(() => [
-            P("确 定")
+            M("确 定")
           ]),
           _: 1
         }, 8, ["onClick"]),
-        l(w, { onClick: e.closeDialog }, {
+        p(C, { onClick: e.closeDialog }, {
           default: _(() => [
-            P("取 消")
+            M("取 消")
           ]),
           _: 1
         }, 8, ["onClick"])
       ])
     ]),
     default: _(() => [
-      o("div", _t, [
-        o("div", ft, [
-          ut,
-          o("div", ht, [
-            o("div", vt, [
-              l(S, {
+      o("div", ct, [
+        o("div", rt, [
+          pt,
+          o("div", mt, [
+            o("div", _t, [
+              p(w, {
                 modelValue: e.state.searchValue,
-                "onUpdate:modelValue": i[0] || (i[0] = (u) => e.state.searchValue = u),
+                "onUpdate:modelValue": i[0] || (i[0] = (c) => e.state.searchValue = c),
                 placeholder: "搜索"
               }, null, 8, ["modelValue"]),
-              o("ul", gt, [
-                (y(!0), M(ee, null, se(e.state.filterMethodList, (u) => (y(), M("li", {
-                  key: u.name,
-                  onClick: (J) => e.selectMethod(u)
+              o("ul", ut, [
+                (h(!0), S(G, null, ce(e.state.filterMethodList, (c) => (h(), S("li", {
+                  key: c.name,
+                  onClick: (D) => e.selectMethod(c)
                 }, [
                   o("div", {
-                    class: X(["action-name", { active: u.name === e.state.bindMethodInfo.name }])
+                    class: J(["action-name", { active: c.name === e.state.bindMethodInfo.name }])
                   }, [
-                    P(O(u.title || u.name) + " ", 1),
-                    u.name === e.state.bindMethodInfo.name ? (y(), j(V, {
+                    M(L(c.title || c.name) + " ", 1),
+                    c.name === e.state.bindMethodInfo.name ? (h(), U(y, {
                       key: 0,
                       class: "action-selected-icon"
-                    })) : Y("", !0)
+                    })) : H("", !0)
                   ], 2)
-                ], 8, yt))), 128))
+                ], 8, ft))), 128))
               ])
             ])
           ])
         ]),
-        o("div", bt, [
+        o("div", vt, [
           o("div", {
-            class: X(["content-right-top", { "tip-error": e.state.tipError }])
+            class: J(["content-right-top", { "tip-error": e.state.tipError }])
           }, [
-            Et,
-            l(I, {
+            ht,
+            p(E, {
               modelValue: e.state.bindMethodInfo.name,
               "onUpdate:modelValue": [
-                i[1] || (i[1] = (u) => e.state.bindMethodInfo.name = u),
+                i[1] || (i[1] = (c) => e.state.bindMethodInfo.name = c),
                 e.change
               ],
               disabled: e.state.bindMethodInfo.type !== e.NEW_METHOD_TYPE,
-              class: X([{ "status-error": e.state.tipError }]),
+              class: J([{ "status-error": e.state.tipError }]),
               placeholder: "请从左侧选择一个方法进行绑定，或者选择添加新方法，输入自定义方法名称。"
             }, null, 8, ["modelValue", "disabled", "class", "onUpdate:modelValue"]),
-            o("div", kt, O(e.state.tip), 1)
+            o("div", gt, L(e.state.tip), 1)
           ], 2),
           o("div", {
-            class: X(["content-right-bottom", { "tip-error": !e.state.isValidParams }])
+            class: J(["content-right-bottom", { "tip-error": !e.state.isValidParams }])
           }, [
-            o("div", Vt, [
-              It,
-              l(a, {
+            o("div", bt, [
+              yt,
+              p(n, {
                 placement: "top-start",
                 width: "350",
                 trigger: "hover"
               }, {
                 reference: _(() => [
-                  l(N)
+                  p(x)
                 ]),
                 default: _(() => [
                   o("p", null, [
-                    P(" 扩展参数：调用当前事件传入的真实参数，数组格式，追加在原有事件参数之后"),
-                    xt,
-                    P(" 如: " + O(e.state.bindMethodInfo.name) + "(eventArgs, extParam1, extParam2, ...) ", 1)
+                    M(" 扩展参数：调用当前事件传入的真实参数，数组格式，追加在原有事件参数之后"),
+                    Et,
+                    M(" 如: " + L(e.state.bindMethodInfo.name) + "(eventArgs, extParam1, extParam2, ...) ", 1)
                   ])
                 ]),
                 _: 1
               }),
-              l(t, {
+              p(t, {
                 modelValue: e.state.enableExtraParams,
-                "onUpdate:modelValue": i[2] || (i[2] = (u) => e.state.enableExtraParams = u),
+                "onUpdate:modelValue": i[2] || (i[2] = (c) => e.state.enableExtraParams = c),
                 class: "set-switch",
                 "show-text": !0
               }, {
                 open: _(() => [
-                  Nt
+                  kt
                 ]),
                 close: _(() => [
-                  Ct
+                  xt
                 ]),
                 _: 1
               }, 8, ["modelValue"])
             ]),
-            o("div", Dt, [
-              e.dialogVisible ? (y(), j(n, {
+            o("div", Vt, [
+              e.dialogVisible ? (h(), U(a, {
                 key: 0,
                 ref: "editor",
                 value: e.state.editorContent,
                 options: e.editorOptions,
                 class: "monaco-editor"
-              }, null, 8, ["value", "options"])) : Y("", !0),
-              e.state.enableExtraParams ? Y("", !0) : (y(), M("div", wt))
+              }, null, 8, ["value", "options"])) : H("", !0),
+              e.state.enableExtraParams ? H("", !0) : (h(), S("div", It))
             ]),
-            !e.state.isValidParams && e.state.enableExtraParams ? (y(), M("div", At, ' 请输入数组格式的参数，参数可以为表达式。例如：["extParam1", "item.status", 1, "getNames()"] ')) : Y("", !0)
+            !e.state.isValidParams && e.state.enableExtraParams ? (h(), S("div", Nt, ' 请输入数组格式的参数，参数可以为表达式。例如：["extParam1", "item.status", 1, "getNames()"] ')) : H("", !0)
           ], 2)
         ])
       ])
     ]),
     _: 1
   }, 8, ["onClose", "onOpened"])), [
-    [ae, e.dialogVisible]
+    [re, e.dialogVisible]
   ]);
 }
-const St = /* @__PURE__ */ pe(pt, [["render", Mt], ["__scopeId", "data-v-6a54279c"]]), Bt = {
+const At = /* @__PURE__ */ oe(dt, [["render", Dt], ["__scopeId", "data-v-937af0d2"]]), Pt = {
   onClick: {
     label: {
       zh_CN: "鼠标单击时触发"
@@ -377,7 +377,7 @@ const St = /* @__PURE__ */ pe(pt, [["render", Mt], ["__scopeId", "data-v-6a54279
     },
     defaultValue: ""
   }
-}, Ot = [
+}, wt = [
   "onabort",
   "onafterprint",
   "onanimationend",
@@ -487,487 +487,516 @@ const St = /* @__PURE__ */ pe(pt, [["render", Mt], ["__scopeId", "data-v-6a54279
   "onwebkitanimationstart",
   "onwebkittransitionend",
   "onwheel"
-], Lt = (d) => Ot.map((k) => {
-  let e = k[2].toUpperCase();
-  return `${k.substring(0, 2)}${e}${k.substring(3)}`;
-}).includes(d) ? !0 : (Pe({
-  type: "error",
-  message: "请输入正确的浏览器事件"
-}), !1);
-const Ut = {
+], Mt = (l) => !!wt.map((b) => {
+  let e = b[2].toUpperCase();
+  return `${b.substring(0, 2)}${e}${b.substring(3)}`;
+}).includes(l);
+const St = { class: "footer" }, Bt = {
+  __name: "AddEventsDialog",
+  props: {
+    visible: {
+      type: Boolean,
+      default: !1
+    },
+    componentEvents: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["closeDialog", "addEvent"],
+  setup(l, { emit: i }) {
+    const b = l, e = i, d = te({
+      eventDescription: "",
+      eventName: ""
+    }), u = K(null), y = {
+      eventDescription: [
+        {
+          required: !0,
+          message: "必填"
+        }
+      ],
+      eventName: [
+        { required: !0, message: "必填" },
+        {
+          validator: (n, t, a) => {
+            if (b.componentEvents[d.eventName]) {
+              a(new Error("事件名已存在"));
+              return;
+            }
+            if (!Mt(d.eventName)) {
+              a(new Error("请输入正确的浏览器事件名"));
+              return;
+            }
+            a();
+          }
+        }
+      ]
+    }, E = () => {
+      e("closeDialog");
+    }, x = () => {
+      u.value && u.value.validate((n) => {
+        if (!n)
+          return;
+        const { eventName: t, eventDescription: a } = d;
+        e("addEvent", { eventName: t, eventDescription: a });
+      });
+    };
+    return (n, t) => (h(), U(O(Ae), {
+      visible: l.visible,
+      title: "添加自定义事件",
+      width: "400px",
+      "append-to-body": !0,
+      "close-on-click-modal": !1,
+      onClose: E
+    }, {
+      footer: _(() => [
+        o("div", St, [
+          p(O(ee), { onClick: E }, {
+            default: _(() => [
+              M(" 取消")
+            ]),
+            _: 1
+          }),
+          p(O(ee), {
+            type: "primary",
+            onClick: x
+          }, {
+            default: _(() => [
+              M(" 确定")
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      default: _(() => [
+        p(O(Ue), {
+          ref_key: "ruleForm",
+          ref: u,
+          model: d,
+          rules: y,
+          "label-width": "100px",
+          "inline-message": !0,
+          "validate-type": "text",
+          "label-position": "left",
+          class: "add-custom-event-form"
+        }, {
+          default: _(() => [
+            p(O(ke), {
+              label: "事件函数名",
+              prop: "eventName",
+              required: ""
+            }, {
+              default: _(() => [
+                p(O(pe), {
+                  modelValue: d.eventName,
+                  "onUpdate:modelValue": t[0] || (t[0] = (a) => d.eventName = a),
+                  placeholder: "小驼峰格式，如：onDrag"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            p(O(ke), {
+              label: "事件描述",
+              prop: "eventDescription",
+              required: ""
+            }, {
+              default: _(() => [
+                p(O(pe), {
+                  modelValue: d.eventDescription,
+                  "onUpdate:modelValue": t[1] || (t[1] = (a) => d.eventDescription = a)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["model"])
+      ]),
+      _: 1
+    }, 8, ["visible"]));
+  }
+}, Ot = /* @__PURE__ */ oe(Bt, [["__scopeId", "data-v-932b189c"]]);
+const Lt = {
   components: {
-    BlockLinkEvent: Qe,
-    BindEventsDialog: St,
-    TinyPopover: we,
-    TinyForm: je,
-    TinyFormItem: Je,
-    TinyInput: Ce,
-    TinyButton: De,
-    IconHelpQuery: Me(),
-    IconChevronDown: nt(),
-    SvgButton: Ze
+    BlockLinkEvent: qe,
+    BindEventsDialog: At,
+    TinyPopover: De,
+    TinyButton: ee,
+    IconHelpQuery: we(),
+    IconChevronDown: We(),
+    SvgButton: He,
+    AddEventsDialog: Ot
   },
   inheritAttrs: !1,
   setup() {
-    const { PLUGIN_NAME: d, activePlugin: i, getPluginApi: k } = Ae(), { pageState: e } = me(), { getBlockEvents: m, getCurrentBlock: g, removeEventLink: S } = qe(), { getMaterial: V } = Ke(), { confirm: I } = Ye(), { highlightMethod: N } = k(d.PageController), a = {
-      methodDescription: [{ required: !0, message: "必填", trigger: "blur" }],
-      methodName: [{ required: !0, message: "必填", trigger: "blur" }]
-    }, t = $(null), n = de({
+    const { PLUGIN_NAME: l, activePlugin: i, getPluginApi: b } = Pe(), { pageState: e } = ue(), { getBlockEvents: d, getCurrentBlock: u, removeEventLink: w } = Fe(), { getMaterial: y } = Je(), { confirm: E } = Re(), { highlightMethod: x } = b(l.PageController), n = te({
       eventName: "",
       // 事件名称
       eventBinding: null,
       // 事件绑定的处理方法对象
       componentEvent: {},
-      componentEvents: Bt,
+      componentEvents: Pt,
       bindActions: {},
-      formData: {
-        methodDescription: "",
-        methodName: ""
-      },
-      showEventAdditive: !1
-    }), w = te(() => !!e.isBlock), x = te(() => Object.keys(n.bindActions).length === 0);
-    Ne(() => {
-      var oe, s, c, r, b;
-      const h = (oe = e == null ? void 0 : e.currentSchema) == null ? void 0 : oe.componentName, B = V(h);
-      n.componentEvent = ((c = (s = B == null ? void 0 : B.content) == null ? void 0 : s.schema) == null ? void 0 : c.events) || ((r = B == null ? void 0 : B.schema) == null ? void 0 : r.events) || {}, Object.assign(n.componentEvents, n.componentEvent);
-      const U = ((b = e == null ? void 0 : e.currentSchema) == null ? void 0 : b.props) || {}, fe = Object.keys(U);
-      n.bindActions = {}, Object.entries(n.componentEvents).forEach(([E, D]) => {
-        var v, L, ue;
-        if (fe.indexOf(E) > -1) {
-          const Se = U[E], { value: Be, params: he } = Se, Oe = !he && ((L = (v = Be.match(/\((.+)\)$/)) == null ? void 0 : v[1]) == null ? void 0 : L.split(",")) || he, T = {
-            eventName: E,
+      showBindEventDialog: !1
+    }), t = W(() => !!e.isBlock), a = W(() => Object.keys(n.bindActions).length === 0);
+    Ce(() => {
+      var Z, se, ae, le, s;
+      const v = (Z = e == null ? void 0 : e.currentSchema) == null ? void 0 : Z.componentName, A = y(v);
+      n.componentEvent = ((ae = (se = A == null ? void 0 : A.content) == null ? void 0 : se.schema) == null ? void 0 : ae.events) || ((le = A == null ? void 0 : A.schema) == null ? void 0 : le.events) || {}, Object.assign(n.componentEvents, n.componentEvent);
+      const B = ((s = e == null ? void 0 : e.currentSchema) == null ? void 0 : s.props) || {}, ie = Object.keys(B);
+      n.bindActions = {}, Object.entries(n.componentEvents).forEach(([r, m]) => {
+        var k, P, V;
+        if (ie.indexOf(r) > -1) {
+          const g = B[r], { value: T, params: ve } = g, Me = !ve && ((P = (k = T.match(/\((.+)\)$/)) == null ? void 0 : k[1]) == null ? void 0 : P.split(",")) || ve, z = {
+            eventName: r,
             ref: "",
-            event: U[E],
-            params: Oe
+            event: B[r],
+            params: Me
           };
-          if (T.event.type === "JSExpression" && (T.ref = T.event.value.replace("this.", "").replace(/\(.*\)$/, "")), e.isBlock) {
-            T.metaEvent = D;
-            const ve = m(g()), ge = (ue = e == null ? void 0 : e.currentSchema) == null ? void 0 : ue.id;
-            ge && ve && Object.entries(ve).forEach(([Le, z]) => {
-              var ye, be;
-              ge === ((ye = z == null ? void 0 : z.linked) == null ? void 0 : ye.id) && E === ((be = z == null ? void 0 : z.linked) == null ? void 0 : be.event) && (T.linked = z.linked, T.linkedEventName = Le);
+          if (z.event.type === "JSExpression" && (z.ref = z.event.value.replace("this.", "").replace(/\(.*\)$/, "")), e.isBlock) {
+            z.metaEvent = m;
+            const he = d(u()), ge = (V = e == null ? void 0 : e.currentSchema) == null ? void 0 : V.id;
+            ge && he && Object.entries(he).forEach(([Se, j]) => {
+              var be, ye;
+              ge === ((be = j == null ? void 0 : j.linked) == null ? void 0 : be.id) && r === ((ye = j == null ? void 0 : j.linked) == null ? void 0 : ye.event) && (z.linked = j.linked, z.linkedEventName = Se);
             });
           }
-          n.bindActions[E] = T;
+          n.bindActions[r] = z;
         }
       });
     });
-    const u = (h, B) => {
-      B && n.bindActions[h.eventName] || (n.eventBinding = h, ct());
-    }, J = (h) => {
-      var U;
-      Object.keys(((U = e == null ? void 0 : e.currentSchema) == null ? void 0 : U.props) || {}).indexOf(h.eventName) > -1 && delete e.currentSchema.props[h.eventName];
-    }, p = (h) => {
-      I({
-        title: "提示",
-        message: `您确定要删除事件 ${h.eventName} 吗?`,
-        exec() {
-          e.isBlock && S({ linked: h.linked }), J(h);
-        }
-      });
-    }, A = (h) => {
-      h && i(d.PageController).then(() => {
-        N && N(h.ref);
-      });
-    }, R = () => {
-      if (n.componentEvents[n.formData.methodName])
-        return Pe({
-          type: "error",
-          message: `${n.formData.methodName}事件函数名已存在`
-        }), !1;
-      Lt(n.formData.methodName) && (Object.assign(n.componentEvents, {
-        [n.formData.methodName]: {
-          label: {
-            zh_CN: n.formData.methodDescription
-          },
-          description: {
-            zh_CN: `${n.formData.methodDescription}的回调函数`
-          },
-          type: "event",
-          functionInfo: {
-            params: [],
-            returns: {}
-          },
-          defaultValue: ""
-        }
-      }), n.showEventAdditive = !n.showEventAdditive);
-    }, G = () => {
-      var h;
-      (h = t.value) == null || h.resetFields();
-    }, W = () => {
-      n.showEventAdditive = !1;
+    const C = (v, A) => {
+      A && n.bindActions[v.eventName] || (n.eventBinding = v, st());
+    }, N = (v) => {
+      var B;
+      Object.keys(((B = e == null ? void 0 : e.currentSchema) == null ? void 0 : B.props) || {}).indexOf(v.eventName) > -1 && delete e.currentSchema.props[v.eventName];
     };
-    return le(
-      () => n.showEventAdditive,
-      (h) => {
-        h ? window.addEventListener("click", W) : window.removeEventListener("click", W);
-      }
-    ), {
+    return {
       state: n,
-      isBlock: w,
-      isEmpty: x,
-      delEvent: p,
-      openCodePanel: A,
-      openActionDialog: u,
-      rules: a,
-      addMethod: R,
-      clearFromData: G,
-      ruleForm: t
+      isBlock: t,
+      isEmpty: a,
+      delEvent: (v) => {
+        E({
+          title: "提示",
+          message: `您确定要删除事件 ${v.eventName} 吗?`,
+          exec() {
+            e.isBlock && w({ linked: v.linked }), N(v);
+          }
+        });
+      },
+      openCodePanel: (v) => {
+        v && i(l.PageController).then(() => {
+          x && x(v.ref);
+        });
+      },
+      openActionDialog: C,
+      handleAddEvent: (v) => {
+        const { eventName: A, eventDescription: B } = v;
+        Object.assign(n.componentEvents, {
+          [A]: {
+            label: {
+              zh_CN: B
+            },
+            description: {
+              zh_CN: `${B}的回调函数`
+            },
+            type: "event",
+            functionInfo: {
+              params: [],
+              returns: {}
+            },
+            defaultValue: ""
+          }
+        }), n.showBindEventDialog = !1;
+      },
+      handleToggleAddEventDialog: (v) => {
+        n.showBindEventDialog = v;
+      }
     };
   }
-}, Q = (d) => (ce("data-v-cd98febc"), d = d(), re(), d), Tt = { class: "bind-action-list" }, zt = { class: "popover-head" }, Ft = { class: "head-left" }, jt = /* @__PURE__ */ Q(() => /* @__PURE__ */ o("span", { class: "custom-event-button-text" }, "添加自定义事件", -1)), Jt = /* @__PURE__ */ Q(() => /* @__PURE__ */ o("div", { class: "add-custom-event-tip" }, [
-  /* @__PURE__ */ P(" 支持添加原生 DOM 事件，添加后点击 "),
+}, Y = (l) => (me("data-v-e09a30b7"), l = l(), _e(), l), Tt = { class: "bind-action-list" }, Ut = { class: "popover-head" }, zt = { class: "head-left" }, jt = /* @__PURE__ */ Y(() => /* @__PURE__ */ o("span", { class: "custom-event-button-text" }, "添加自定义事件", -1)), $t = /* @__PURE__ */ Y(() => /* @__PURE__ */ o("div", { class: "add-custom-event-tip" }, [
+  /* @__PURE__ */ M(" 支持添加原生 DOM 事件，添加后点击 "),
   /* @__PURE__ */ o("span", { class: "event-tip-highlight" }, " 绑定事件 "),
-  /* @__PURE__ */ P(" 为画布中所选元素增加事件 ")
-], -1)), Rt = /* @__PURE__ */ Q(() => /* @__PURE__ */ o("span", null, "绑定事件", -1)), Ht = { class: "bind-event-list" }, Xt = ["onClick"], qt = { class: "bind-actions" }, Kt = { class: "action-item bind-action-item" }, Yt = ["onClick"], $t = { class: "event-bind" }, Qt = { class: "action-buttons" }, Zt = { class: "empty-action" }, Gt = { class: "icon" }, Wt = /* @__PURE__ */ Q(() => /* @__PURE__ */ o("div", { class: "center" }, "元素事件绑定", -1)), eo = /* @__PURE__ */ Q(() => /* @__PURE__ */ o("span", { class: "text" }, [
-  /* @__PURE__ */ P(" 点击 "),
+  /* @__PURE__ */ M(" 为画布中所选元素增加事件 ")
+], -1)), Ft = /* @__PURE__ */ Y(() => /* @__PURE__ */ o("span", null, "绑定事件", -1)), Jt = { class: "bind-event-list" }, Rt = ["onClick"], Xt = { class: "bind-actions" }, qt = { class: "action-item bind-action-item" }, Ht = ["onClick"], Kt = { class: "event-bind" }, Yt = { class: "action-buttons" }, Qt = { class: "empty-action" }, Zt = { class: "icon" }, Gt = /* @__PURE__ */ Y(() => /* @__PURE__ */ o("div", { class: "center" }, "元素事件绑定", -1)), Wt = /* @__PURE__ */ Y(() => /* @__PURE__ */ o("span", { class: "text" }, [
+  /* @__PURE__ */ M(" 点击 "),
   /* @__PURE__ */ o("span", { class: "empty-bind-event-tip" }, "绑定事件"),
-  /* @__PURE__ */ P("为画布中所选元素增加事件")
+  /* @__PURE__ */ M("为画布中所选元素增加事件")
 ], -1));
-function to(d, i, k, e, m, g) {
-  const S = f("icon-help-query"), V = f("tiny-popover"), I = f("tiny-button"), N = f("tiny-input"), a = f("tiny-form-item"), t = f("tiny-form"), n = f("icon-chevron-down"), w = f("block-link-event"), x = f("svg-button"), u = f("svg-icon"), J = f("bind-events-dialog");
-  return y(), M(ee, null, [
+function eo(l, i, b, e, d, u) {
+  const w = f("icon-help-query"), y = f("tiny-popover"), E = f("tiny-button"), x = f("icon-chevron-down"), n = f("block-link-event"), t = f("svg-button"), a = f("svg-icon"), C = f("bind-events-dialog"), N = f("add-events-dialog");
+  return h(), S(G, null, [
     o("div", Tt, [
-      o("div", zt, [
-        o("span", Ft, [
-          l(V, {
-            modelValue: e.state.showEventAdditive,
-            "onUpdate:modelValue": i[5] || (i[5] = (p) => e.state.showEventAdditive = p),
-            popperClass: "option-popper",
-            placement: "bottom-end",
-            trigger: "manual",
-            onHide: e.clearFromData
+      o("div", Ut, [
+        o("span", zt, [
+          p(E, {
+            class: "title add-custom-event-button",
+            "reset-time": 0,
+            onClick: i[0] || (i[0] = Oe((c) => e.handleToggleAddEventDialog(!0), ["stop"]))
           }, {
-            reference: _(() => [
-              l(I, {
-                class: "title add-custom-event-button",
-                "reset-time": 0,
-                onClick: i[0] || (i[0] = Ee((p) => e.state.showEventAdditive = !e.state.showEventAdditive, ["stop"]))
+            default: _(() => [
+              jt,
+              p(y, {
+                placement: "bottom-start",
+                trigger: "hover",
+                popperClass: "setting-advanced-add-custom-event-tip"
               }, {
+                reference: _(() => [
+                  p(w, { class: "icon-help" })
+                ]),
                 default: _(() => [
-                  jt,
-                  l(V, {
-                    placement: "bottom-start",
-                    trigger: "hover",
-                    popperClass: "setting-advanced-add-custom-event-tip"
-                  }, {
-                    reference: _(() => [
-                      l(S, { class: "icon-help" })
-                    ]),
-                    default: _(() => [
-                      Jt
-                    ]),
-                    _: 1
-                  })
+                  $t
                 ]),
                 _: 1
               })
             ]),
-            default: _(() => [
-              o("div", {
-                class: "custom-event",
-                onClick: i[4] || (i[4] = Ee(() => {
-                }, ["stop"]))
-              }, [
-                l(t, {
-                  ref: "ruleForm",
-                  model: e.state.formData,
-                  rules: e.rules,
-                  "label-width": "100px",
-                  "inline-message": !0,
-                  "validate-type": "text",
-                  "label-position": "left"
-                }, {
-                  default: _(() => [
-                    l(a, {
-                      label: "事件函数名",
-                      prop: "methodName",
-                      required: ""
-                    }, {
-                      default: _(() => [
-                        l(N, {
-                          modelValue: e.state.formData.methodName,
-                          "onUpdate:modelValue": i[1] || (i[1] = (p) => e.state.formData.methodName = p),
-                          placeholder: "小驼峰格式，如：onDrag"
-                        }, null, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    }),
-                    l(a, {
-                      label: "事件描述",
-                      prop: "methodDescription",
-                      required: ""
-                    }, {
-                      default: _(() => [
-                        l(N, {
-                          modelValue: e.state.formData.methodDescription,
-                          "onUpdate:modelValue": i[2] || (i[2] = (p) => e.state.formData.methodDescription = p)
-                        }, null, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    }),
-                    o("footer", null, [
-                      l(I, { onClick: e.addMethod }, {
-                        default: _(() => [
-                          P(" 确定")
-                        ]),
-                        _: 1
-                      }, 8, ["onClick"]),
-                      l(I, {
-                        onClick: i[3] || (i[3] = (p) => e.state.showEventAdditive = !e.state.showEventAdditive)
-                      }, {
-                        default: _(() => [
-                          P(" 取消")
-                        ]),
-                        _: 1
-                      })
-                    ])
-                  ]),
-                  _: 1
-                }, 8, ["model", "rules"])
-              ])
-            ]),
             _: 1
-          }, 8, ["modelValue", "onHide"])
+          })
         ]),
-        l(V, {
+        p(y, {
           popperClass: "option-popper setting-advanced-bind-event-list",
           placement: "bottom-end",
           trigger: "hover"
         }, {
           reference: _(() => [
-            l(I, { class: "bind-event-btn" }, {
+            p(E, { class: "bind-event-btn" }, {
               default: _(() => [
-                Rt,
-                l(n, { class: "icon-chevron-down" })
+                Ft,
+                p(x, { class: "icon-chevron-down" })
               ]),
               _: 1
             })
           ]),
           default: _(() => [
-            o("ul", Ht, [
-              (y(!0), M(ee, null, se(e.state.componentEvents, (p, A) => {
-                var R;
-                return y(), M("li", {
-                  key: A,
-                  class: X(["bind-event-list-item", { "bind-event-list-item-notallow": e.state.bindActions[A] }]),
-                  onClick: (G) => e.openActionDialog({ eventName: A }, !0)
+            o("ul", Jt, [
+              (h(!0), S(G, null, ce(e.state.componentEvents, (c, D) => {
+                var X;
+                return h(), S("li", {
+                  key: D,
+                  class: J(["bind-event-list-item", { "bind-event-list-item-notallow": e.state.bindActions[D] }]),
+                  onClick: (ne) => e.openActionDialog({ eventName: D }, !0)
                 }, [
-                  o("div", null, O(A) + "  " + O(((R = p == null ? void 0 : p.label) == null ? void 0 : R.zh_CN) || A), 1)
-                ], 10, Xt);
+                  o("div", null, L(D) + "  " + L(((X = c == null ? void 0 : c.label) == null ? void 0 : X.zh_CN) || D), 1)
+                ], 10, Rt);
               }), 128))
             ])
           ]),
           _: 1
         })
       ]),
-      ie(o("ul", qt, [
-        (y(!0), M(ee, null, se(e.state.bindActions, (p) => (y(), M("li", {
-          key: p.eventName
+      de(o("ul", Xt, [
+        (h(!0), S(G, null, ce(e.state.bindActions, (c) => (h(), S("li", {
+          key: c.eventName
         }, [
-          o("div", Kt, [
+          o("div", qt, [
             o("div", {
               class: "binding-name",
-              onClick: (A) => e.openActionDialog(p)
+              onClick: (D) => e.openActionDialog(c)
             }, [
               o("div", null, [
-                P(O(p.eventName), 1),
-                o("span", null, O(e.state.componentEvents[p.eventName].label.zh_CN), 1)
+                M(L(c.eventName), 1),
+                o("span", null, L(e.state.componentEvents[c.eventName].label.zh_CN), 1)
               ]),
               o("div", {
-                class: X({ linked: p.linked })
-              }, O(p.linkedEventName), 3),
-              o("span", $t, O(p.ref), 1)
-            ], 8, Yt),
-            o("div", Qt, [
-              e.isBlock ? (y(), j(w, {
+                class: J({ linked: c.linked })
+              }, L(c.linkedEventName), 3),
+              o("span", Kt, L(c.ref), 1)
+            ], 8, Ht),
+            o("div", Yt, [
+              e.isBlock ? (h(), U(n, {
                 key: 0,
-                data: p
-              }, null, 8, ["data"])) : Y("", !0),
-              l(x, {
+                data: c
+              }, null, 8, ["data"])) : H("", !0),
+              p(t, {
                 name: "plugin-icon-page-schema",
                 tips: "定位到代码",
                 placement: "top",
-                onClick: (A) => e.openCodePanel(p)
+                onClick: (D) => e.openCodePanel(c)
               }, null, 8, ["onClick"]),
-              l(x, {
+              p(t, {
                 name: "setting",
                 tips: "设置",
                 placement: "top",
-                onClick: (A) => e.openActionDialog(p, !1)
+                onClick: (D) => e.openActionDialog(c, !1)
               }, null, 8, ["onClick"]),
-              l(x, {
+              p(t, {
                 name: "delete",
                 tips: "删除",
                 placement: "top",
-                onClick: (A) => e.delEvent(p)
+                onClick: (D) => e.delEvent(c)
               }, null, 8, ["onClick"])
             ])
           ])
         ]))), 128))
       ], 512), [
-        [ae, !e.isEmpty]
+        [re, !e.isEmpty]
       ]),
-      ie(o("div", Zt, [
-        o("div", Gt, [
-          l(u, {
+      de(o("div", Qt, [
+        o("div", Zt, [
+          p(a, {
             name: "empty-action",
             class: "empty-action-icon"
           })
         ]),
-        Wt,
-        eo
+        Gt,
+        Wt
       ], 512), [
-        [ae, e.isEmpty]
+        [re, e.isEmpty]
       ])
     ]),
-    l(J, {
+    p(C, {
       eventBinding: e.state.eventBinding
-    }, null, 8, ["eventBinding"])
+    }, null, 8, ["eventBinding"]),
+    p(N, {
+      visible: e.state.showBindEventDialog,
+      componentEvents: e.state.componentEvents,
+      onCloseDialog: i[1] || (i[1] = (c) => e.handleToggleAddEventDialog(!1)),
+      onAddEvent: e.handleAddEvent
+    }, null, 8, ["visible", "componentEvents", "onAddEvent"])
   ], 64);
 }
-const oo = /* @__PURE__ */ pe(Ut, [["render", to], ["__scopeId", "data-v-cd98febc"]]);
-const { DEFAULT_LOOP_NAME: F } = dt, no = {
+const to = /* @__PURE__ */ oe(Lt, [["render", eo], ["__scopeId", "data-v-e09a30b7"]]);
+const { DEFAULT_LOOP_NAME: $ } = it, oo = {
   components: {
-    MetaSwitch: Ge,
-    TinyTooltip: Re,
-    MetaBindVariable: We,
-    MetaInput: et,
-    MetaCodeEditor: tt
+    MetaSwitch: Ke,
+    TinyTooltip: ze,
+    MetaBindVariable: Ye,
+    MetaInput: Qe,
+    MetaCodeEditor: Ze
   },
   inheritAttrs: !1,
   setup() {
-    const { pageState: d } = me(), i = $(!1), k = te(() => {
+    const { pageState: l } = ue(), i = K(!1), b = W(() => {
       var t;
-      return ((t = i.value) == null ? void 0 : t.type) === K.JSEXPRESSION;
+      return ((t = i.value) == null ? void 0 : t.type) === q.JSEXPRESSION;
     }), e = () => {
-      var t, n;
-      return ((n = (t = C().getSchema()) == null ? void 0 : t.loopArgs) == null ? void 0 : n[1]) || F.INDEX;
-    }, m = de({
+      var t, a;
+      return ((a = (t = I().getSchema()) == null ? void 0 : t.loopArgs) == null ? void 0 : a[1]) || $.INDEX;
+    }, d = te({
       loopData: {
-        type: K.JSEXPRESSION,
+        type: q.JSEXPRESSION,
         value: "[]"
       },
       loopItem: "item",
       loopIndex: "index",
-      isLoop: te(() => {
+      isLoop: W(() => {
         var t;
-        return ((t = m.loopData) == null ? void 0 : t.type) === K.JSEXPRESSION;
+        return ((t = d.loopData) == null ? void 0 : t.type) === q.JSEXPRESSION;
       }),
       loopKey: "",
       shouldUpdate: !1
     });
-    le(
-      () => [d == null ? void 0 : d.currentSchema, m.shouldUpdate],
+    Ee(
+      () => [l == null ? void 0 : l.currentSchema, d.shouldUpdate],
       ([t]) => {
-        var n, w, x, u;
-        i.value = (t == null ? void 0 : t.condition) === void 0 ? !0 : t == null ? void 0 : t.condition, m.loopData = t == null ? void 0 : t.loop, m.loopItem = ((n = t == null ? void 0 : t.loopArgs) == null ? void 0 : n[0]) || "", m.loopIndex = ((w = t == null ? void 0 : t.loopArgs) == null ? void 0 : w[1]) || "", m.loopKey = ((u = (x = t == null ? void 0 : t.props) == null ? void 0 : x.key) == null ? void 0 : u.value) || "";
+        var a, C, N, c;
+        i.value = (t == null ? void 0 : t.condition) === void 0 ? !0 : t == null ? void 0 : t.condition, d.loopData = t == null ? void 0 : t.loop, d.loopItem = ((a = t == null ? void 0 : t.loopArgs) == null ? void 0 : a[0]) || "", d.loopIndex = ((C = t == null ? void 0 : t.loopArgs) == null ? void 0 : C[1]) || "", d.loopKey = ((c = (N = t == null ? void 0 : t.props) == null ? void 0 : N.key) == null ? void 0 : c.value) || "";
       }
     );
-    const g = (t = "") => {
+    const u = (t = "") => {
       t = t.replace(/\s*/g, "");
-      const n = C().getSchema();
-      if (!n)
+      const a = I().getSchema();
+      if (!a)
         return;
-      const w = Number(t).toString() !== "NaN";
-      n.props = n.props || {};
-      const x = n.props;
-      t && !w && (x.key = {
-        type: K.JSEXPRESSION,
+      const C = Number(t).toString() !== "NaN";
+      a.props = a.props || {};
+      const N = a.props;
+      t && !C && (N.key = {
+        type: q.JSEXPRESSION,
         value: t
-      }), t || (m.isLoop ? x.key = {
-        type: K.JSEXPRESSION,
+      }), t || (d.isLoop ? N.key = {
+        type: q.JSEXPRESSION,
         value: e()
-      } : delete x.key);
+      } : delete N.key);
     };
-    le([() => m.isLoop, () => m.loopIndex], () => {
-      !m.loopKey && m.isLoop && g(e()), m.isLoop || g("");
+    Ee([() => d.isLoop, () => d.loopIndex], () => {
+      !d.loopKey && d.isLoop && u(e()), d.isLoop || u("");
     });
-    const S = () => {
+    const w = () => {
       var t;
-      m.loopData = (t = C().getSchema()) == null ? void 0 : t.loop;
-    }, V = (t) => {
-      C().getSchema() && (t === !1 || t != null && t.type ? C().getSchema().condition = t : delete C().getSchema().condition, lt(), i.value = t);
-    }, I = (t) => {
-      C().getSchema().loopArgs ? C().getSchema().loopArgs[1] = t || F.INDEX : C().getSchema().loopArgs = [F.ITEM, t];
+      d.loopData = (t = I().getSchema()) == null ? void 0 : t.loop;
+    }, y = (t) => {
+      I().getSchema() && (t === !1 || t != null && t.type ? I().getSchema().condition = t : delete I().getSchema().condition, nt(), i.value = t);
+    }, E = (t) => {
+      I().getSchema().loopArgs ? I().getSchema().loopArgs[1] = t || $.INDEX : I().getSchema().loopArgs = [$.ITEM, t];
     };
     return {
       condition: i,
-      setConfig: V,
-      isBind: k,
-      state: m,
+      setConfig: y,
+      isBind: b,
+      state: d,
       setLoop: (t) => {
-        t ? (C().getSchema().loop = t != null && t.type ? t : st(t), I(F.INDEX)) : (g(), delete C().getSchema().loop, delete C().getSchema().loopArgs), m.shouldUpdate = !m.shouldUpdate;
+        t ? (I().getSchema().loop = t != null && t.type ? t : tt(t), E($.INDEX)) : (u(), delete I().getSchema().loop, delete I().getSchema().loopArgs), d.shouldUpdate = !d.shouldUpdate;
       },
       setLoopItem: (t) => {
-        C().getSchema().loopArgs ? C().getSchema().loopArgs[0] = t || F.ITEM : C().getSchema().loopArgs = [t, F.INDEX];
+        I().getSchema().loopArgs ? I().getSchema().loopArgs[0] = t || $.ITEM : I().getSchema().loopArgs = [t, $.INDEX];
       },
-      DEFAULT_LOOP_NAME: F,
-      openEditor: S,
-      setLoopIndex: I,
-      setLoopKey: g,
+      DEFAULT_LOOP_NAME: $,
+      openEditor: w,
+      setLoopIndex: E,
+      setLoopKey: u,
       getIndexName: e
     };
   }
-}, Z = (d) => (ce("data-v-ef405cbc"), d = d(), re(), d), io = { class: "advanced-config-container" }, so = { class: "advnce-config" }, ao = /* @__PURE__ */ Z(() => /* @__PURE__ */ o("label", { class: "text-ellipsis-multiple" }, "是否渲染", -1)), lo = { class: "advanced-config-form-item" }, co = {
+}, Q = (l) => (me("data-v-ef405cbc"), l = l(), _e(), l), no = { class: "advanced-config-container" }, io = { class: "advnce-config" }, so = /* @__PURE__ */ Q(() => /* @__PURE__ */ o("label", { class: "text-ellipsis-multiple" }, "是否渲染", -1)), ao = { class: "advanced-config-form-item" }, lo = {
   key: 1,
   class: "binding-state"
-}, ro = { class: "advnce-config" }, mo = /* @__PURE__ */ Z(() => /* @__PURE__ */ o("label", { class: "text-ellipsis-multiple" }, "循环数据", -1)), po = { class: "advanced-config-form-item" }, _o = {
+}, co = { class: "advnce-config" }, ro = /* @__PURE__ */ Q(() => /* @__PURE__ */ o("label", { class: "text-ellipsis-multiple" }, "循环数据", -1)), po = { class: "advanced-config-form-item" }, mo = {
   key: 1,
   class: "binding-state text-ellipsis-multiple"
-}, fo = { class: "advnce-config" }, uo = /* @__PURE__ */ Z(() => /* @__PURE__ */ o("label", { class: "text-ellipsis-multiple" }, "迭代变量名", -1)), ho = { class: "advanced-config-form-item" }, vo = { class: "advnce-config" }, go = /* @__PURE__ */ Z(() => /* @__PURE__ */ o("label", { class: "text-ellipsis-multiple" }, "索引变量名", -1)), yo = { class: "advanced-config-form-item" }, bo = { class: "advnce-config" }, Eo = /* @__PURE__ */ Z(() => /* @__PURE__ */ o("label", { class: "text-ellipsis-multiple" }, "key", -1)), ko = { class: "advanced-config-form-item" };
-function Vo(d, i, k, e, m, g) {
+}, _o = { class: "advnce-config" }, uo = /* @__PURE__ */ Q(() => /* @__PURE__ */ o("label", { class: "text-ellipsis-multiple" }, "迭代变量名", -1)), fo = { class: "advanced-config-form-item" }, vo = { class: "advnce-config" }, ho = /* @__PURE__ */ Q(() => /* @__PURE__ */ o("label", { class: "text-ellipsis-multiple" }, "索引变量名", -1)), go = { class: "advanced-config-form-item" }, bo = { class: "advnce-config" }, yo = /* @__PURE__ */ Q(() => /* @__PURE__ */ o("label", { class: "text-ellipsis-multiple" }, "key", -1)), Eo = { class: "advanced-config-form-item" };
+function ko(l, i, b, e, d, u) {
   var t;
-  const S = f("meta-switch"), V = f("meta-bind-variable"), I = f("meta-code-editor"), N = f("meta-input"), a = f("tiny-tooltip");
-  return y(), M("div", io, [
-    o("div", so, [
-      ao,
-      o("div", lo, [
-        e.isBind ? (y(), M("div", co, "已绑定：" + O(e.condition.value), 1)) : (y(), j(S, {
+  const w = f("meta-switch"), y = f("meta-bind-variable"), E = f("meta-code-editor"), x = f("meta-input"), n = f("tiny-tooltip");
+  return h(), S("div", no, [
+    o("div", io, [
+      so,
+      o("div", ao, [
+        e.isBind ? (h(), S("div", lo, "已绑定：" + L(e.condition.value), 1)) : (h(), U(w, {
           key: 0,
           modelValue: e.condition,
           "onUpdate:modelValue": e.setConfig
         }, null, 8, ["modelValue", "onUpdate:modelValue"])),
-        l(V, {
+        p(y, {
           modelValue: e.condition,
           "onUpdate:modelValue": [
-            i[0] || (i[0] = (n) => e.condition = n),
+            i[0] || (i[0] = (a) => e.condition = a),
             e.setConfig
           ],
           name: "advance"
         }, null, 8, ["modelValue", "onUpdate:modelValue"])
       ])
     ]),
-    o("div", ro, [
-      mo,
+    o("div", co, [
+      ro,
       o("div", po, [
-        e.state.isLoop ? (y(), M("div", _o, "已绑定：" + O((t = e.state.loopData) == null ? void 0 : t.value), 1)) : (y(), j(I, {
+        e.state.isLoop ? (h(), S("div", mo, "已绑定：" + L((t = e.state.loopData) == null ? void 0 : t.value), 1)) : (h(), U(E, {
           key: 0,
           modelValue: e.state.loopData,
           "onUpdate:modelValue": [
-            i[1] || (i[1] = (n) => e.state.loopData = n),
+            i[1] || (i[1] = (a) => e.state.loopData = a),
             e.setLoop
           ],
           "data-type": "JSExpression",
           onOpen: e.openEditor
         }, null, 8, ["modelValue", "onUpdate:modelValue", "onOpen"])),
-        l(V, {
+        p(y, {
           modelValue: e.state.loopData,
           "onUpdate:modelValue": [
-            i[2] || (i[2] = (n) => e.state.loopData = n),
+            i[2] || (i[2] = (a) => e.state.loopData = a),
             e.setLoop
           ],
           name: "advance"
         }, null, 8, ["modelValue", "onUpdate:modelValue"])
       ])
     ]),
-    o("div", fo, [
+    o("div", _o, [
       uo,
-      o("div", ho, [
-        l(N, {
+      o("div", fo, [
+        p(x, {
           modelValue: e.state.loopItem,
           "onUpdate:modelValue": [
-            i[3] || (i[3] = (n) => e.state.loopItem = n),
+            i[3] || (i[3] = (a) => e.state.loopItem = a),
             e.setLoopItem
           ],
           placeholder: `默认值为：${e.DEFAULT_LOOP_NAME.ITEM}`
@@ -975,12 +1004,12 @@ function Vo(d, i, k, e, m, g) {
       ])
     ]),
     o("div", vo, [
-      go,
-      o("div", yo, [
-        l(N, {
+      ho,
+      o("div", go, [
+        p(x, {
           modelValue: e.state.loopIndex,
           "onUpdate:modelValue": [
-            i[4] || (i[4] = (n) => e.state.loopIndex = n),
+            i[4] || (i[4] = (a) => e.state.loopIndex = a),
             e.setLoopIndex
           ],
           placeholder: `默认值为：${e.DEFAULT_LOOP_NAME.INDEX}`
@@ -988,14 +1017,14 @@ function Vo(d, i, k, e, m, g) {
       ])
     ]),
     o("div", bo, [
-      Eo,
-      o("div", ko, [
-        l(a, { content: "建议填写循环项中的唯一值（如item.id），如果填写为数字将不保存" }, {
+      yo,
+      o("div", Eo, [
+        p(n, { content: "建议填写循环项中的唯一值（如item.id），如果填写为数字将不保存" }, {
           default: _(() => [
-            l(N, {
+            p(x, {
               modelValue: e.state.loopKey,
               "onUpdate:modelValue": [
-                i[5] || (i[5] = (n) => e.state.loopKey = n),
+                i[5] || (i[5] = (a) => e.state.loopKey = a),
                 e.setLoopKey
               ],
               placeholder: `默认为索引名：${e.getIndexName()}`
@@ -1007,30 +1036,30 @@ function Vo(d, i, k, e, m, g) {
     ])
   ]);
 }
-const Io = /* @__PURE__ */ pe(no, [["render", Vo], ["__scopeId", "data-v-ef405cbc"]]), xo = {
+const xo = /* @__PURE__ */ oe(oo, [["render", ko], ["__scopeId", "data-v-ef405cbc"]]), Vo = {
   __name: "Main",
-  setup(d) {
-    const i = $(["bindEvent", "advancedConfig"]);
-    return (k, e) => (y(), j(ne(He), {
+  setup(l) {
+    const i = K(["bindEvent", "advancedConfig"]);
+    return (b, e) => (h(), U(O(je), {
       modelValue: i.value,
-      "onUpdate:modelValue": e[0] || (e[0] = (m) => i.value = m)
+      "onUpdate:modelValue": e[0] || (e[0] = (d) => i.value = d)
     }, {
       default: _(() => [
-        l(ne(ke), {
+        p(O(xe), {
           title: "事件绑定",
           name: "bindEvent"
         }, {
           default: _(() => [
-            l(oo)
+            p(to)
           ]),
           _: 1
         }),
-        l(ne(ke), {
+        p(O(xe), {
           title: "高级配置",
           name: "advancedConfig"
         }, {
           default: _(() => [
-            l(Io)
+            p(xo)
           ]),
           _: 1
         })
@@ -1038,14 +1067,14 @@ const Io = /* @__PURE__ */ pe(no, [["render", Vo], ["__scopeId", "data-v-ef405cb
       _: 1
     }, 8, ["modelValue"]));
   }
-}, Uo = {
+}, Lo = {
   id: "SettingEvents",
   name: "event",
   title: "高级",
   icon: "",
   align: "left",
-  component: xo
+  component: Vo
 };
 export {
-  Uo as default
+  Lo as default
 };