@opentiny/tiny-engine-setting-events 1.0.3 → 1.0.4

package/dist/index.js

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