@opentiny/tiny-engine-setting-events 2.0.0-alpha.4 → 2.0.0-alpha.6

package/dist/index.js

@@ -1,5 +1,5 @@
 import "./style.css";
-import { ref as j, reactive as q, provide as we, resolveComponent as E, openBlock as _, createBlock as w, withCtx as y, createElementVNode as t, createVNode as m, createTextVNode as S, resolveDynamicComponent as ue, nextTick as Se, unref as P, computed as K, watchEffect as ye, createElementBlock as N, Fragment as $, renderList as ee, normalizeClass as z, toDisplayString as B, withDirectives as fe, createCommentVNode as X, vShow as ge, watch as ve, inject as xe } from "vue";
+import { ref as j, reactive as q, provide as we, resolveComponent as E, openBlock as _, createBlock as w, withCtx as y, createElementVNode as t, createVNode as m, createTextVNode as S, resolveDynamicComponent as ue, nextTick as Se, unref as P, computed as K, watchEffect as ye, createElementBlock as N, Fragment as $, renderList as ee, normalizeClass as z, toDisplayString as B, withDirectives as ge, createCommentVNode as X, vShow as fe, watch as ve, inject as xe } from "vue";
 import { Button as H, DialogBox as ke, Form as Oe, FormItem as _e, Input as ne, Popover as Le, Tooltip as Te, Collapse as Ue, CollapseItem as he, Checkbox as ze, Search as je } from "@opentiny/vue";
 import { getMergeMeta as Ve, useLayout as Ce, useCanvas as Y, getMetaApi as Z, META_APP as G, getOptions as Re, useHistory as Je, useBlock as Fe, useMaterial as Xe, useModal as $e, useProperties as D } from "@opentiny/tiny-engine-meta-register";
 import { BlockLinkEvent as Ke, SvgButton as He, VueMonaco as Ye } from "@opentiny/tiny-engine-common";
@@ -37,7 +37,7 @@ const oe = {
     }
   },
   setup(p) {
-    const { BindEventsDialogSidebar: o, BindEventsDialogContent: a } = Ve(oe.id).components, { PLUGIN_NAME: e, activePlugin: s } = Ce(), { pageState: h } = Y(), { getMethods: b, saveMethod: g, highlightMethod: l } = Z(G.Page), i = q({
+    const { BindEventsDialogSidebar: o, BindEventsDialogContent: a } = Ve(oe.id).components, { PLUGIN_NAME: e, activePlugin: s } = Ce(), { pageState: h } = Y(), { getMethods: b, saveMethod: f, highlightMethod: l } = Z(G.Page), i = q({
       editorContent: "",
       bindMethodInfo: {},
       tip: "",
@@ -65,7 +65,7 @@ const oe = {
       }), I && i.enableExtraParams && (k[v].params = I), k[v].value = `this.${M}`, Je().addHistory();
     }, r = () => {
       i.tipError = !1, i.tip = "", i.isValidParams = !0;
-    }, f = () => {
+    }, g = () => {
       let d = "";
       if (i.enableExtraParams)
         try {
@@ -104,7 +104,7 @@ const oe = {
       confirm: async () => {
         if (i.tipError)
           return;
-        let d = "event", v = f(), k = d;
+        let d = "event", v = g(), k = d;
         if (!i.isValidParams)
           return;
         v && (d = v.join(","), k = c(v)), n({ ...i.bindMethodInfo, params: d, extra: v });
@@ -112,7 +112,7 @@ const oe = {
           name: I,
           content: i.enableExtraParams ? `function ${I}(eventArgs,${k}) ${M}` : `function ${I}(${k})  ${M}`
         }, { beforeSaveMethod: C } = Re(oe.id);
-        typeof C == "function" && await C(A, i.bindMethodInfo), g == null || g(A), J(), Ee();
+        typeof C == "function" && await C(A, i.bindMethodInfo), f == null || f(A), J(), Ee();
       },
       closeDialog: () => {
         r(), Ee();
@@ -126,8 +126,8 @@ const oe = {
   }
 }, ln = { class: "bind-event-dialog-content" }, dn = { class: "bind-dialog-footer" };
 function rn(p, o, a, e, s, h) {
-  const b = E("tiny-button"), g = E("tiny-dialog-box");
-  return _(), w(g, {
+  const b = E("tiny-button"), f = E("tiny-dialog-box");
+  return _(), w(f, {
     visible: e.dialogVisible,
     title: "事件绑定",
     width: "50%",
@@ -169,7 +169,7 @@ function rn(p, o, a, e, s, h) {
     _: 1
   }, 8, ["visible", "onClose", "onOpened"]);
 }
-const cn = /* @__PURE__ */ R(an, [["render", rn], ["__scopeId", "data-v-d94a26d5"]]), mn = {
+const cn = /* @__PURE__ */ R(an, [["render", rn], ["__scopeId", "data-v-98e32e3c"]]), mn = {
   onClick: {
     label: {
       zh_CN: "点击事件"
@@ -339,7 +339,7 @@ const cn = /* @__PURE__ */ R(an, [["render", rn], ["__scopeId", "data-v-d94a26d5
 ], un = (p) => !!pn.map((a) => {
   let e = a[2].toUpperCase();
   return `${a.substring(0, 2)}${e}${a.substring(3)}`;
-}).includes(p), fn = { class: "footer" }, gn = {
+}).includes(p), gn = { class: "footer" }, fn = {
   __name: "AddEventsDialog",
   props: {
     visible: {
@@ -356,7 +356,7 @@ const cn = /* @__PURE__ */ R(an, [["render", rn], ["__scopeId", "data-v-d94a26d5
     const a = p, e = o, s = q({
       eventDescription: "",
       eventName: ""
-    }), h = j(null), g = {
+    }), h = j(null), f = {
       eventDescription: [
         {
           required: !0,
@@ -398,7 +398,7 @@ const cn = /* @__PURE__ */ R(an, [["render", rn], ["__scopeId", "data-v-d94a26d5
       onClose: l
     }, {
       footer: y(() => [
-        t("div", fn, [
+        t("div", gn, [
           m(P(H), { onClick: l }, {
             default: y(() => n[2] || (n[2] = [
               S(" 取消")
@@ -421,7 +421,7 @@ const cn = /* @__PURE__ */ R(an, [["render", rn], ["__scopeId", "data-v-d94a26d5
           ref_key: "ruleForm",
           ref: h,
           model: s,
-          rules: g,
+          rules: f,
           "label-width": "100px",
           "inline-message": !0,
           "validate-type": "text",
@@ -463,7 +463,7 @@ const cn = /* @__PURE__ */ R(an, [["render", rn], ["__scopeId", "data-v-d94a26d5
       _: 1
     }, 8, ["visible"]));
   }
-}, vn = /* @__PURE__ */ R(gn, [["__scopeId", "data-v-46f7fc7a"]]), _n = {
+}, vn = /* @__PURE__ */ R(fn, [["__scopeId", "data-v-46f7fc7a"]]), _n = {
   components: {
     BlockLinkEvent: Ke,
     BindEventsDialog: cn,
@@ -475,7 +475,7 @@ const cn = /* @__PURE__ */ R(an, [["render", rn], ["__scopeId", "data-v-d94a26d5
   },
   inheritAttrs: !1,
   setup() {
-    const { PLUGIN_NAME: p, activePlugin: o } = Ce(), { pageState: a } = Y(), { getBlockEvents: e, getCurrentBlock: s, removeEventLink: h } = Fe(), { getMaterial: b } = Xe(), { confirm: g } = $e(), { highlightMethod: l } = Z(G.Page), { commonEvents: i = {} } = Ve("engine.setting.event").options, u = q({
+    const { PLUGIN_NAME: p, activePlugin: o } = Ce(), { pageState: a } = Y(), { getBlockEvents: e, getCurrentBlock: s, removeEventLink: h } = Fe(), { getMaterial: b } = Xe(), { confirm: f } = $e(), { highlightMethod: l } = Z(G.Page), { commonEvents: i = {} } = Ve("engine.setting.event").options, u = q({
       eventName: "",
       // 事件名称
       eventBinding: null,
@@ -511,7 +511,7 @@ const cn = /* @__PURE__ */ R(an, [["render", rn], ["__scopeId", "data-v-d94a26d5
         }
       });
     });
-    const f = (x, d) => {
+    const g = (x, d) => {
       d && u.bindActions[x.eventName] || (u.eventBinding = x, sn());
     }, c = (x) => {
       var v;
@@ -522,7 +522,7 @@ const cn = /* @__PURE__ */ R(an, [["render", rn], ["__scopeId", "data-v-d94a26d5
       isBlock: n,
       isEmpty: r,
       delEvent: (x) => {
-        g({
+        f({
           title: "提示",
           message: `您确定要删除事件 ${x.eventName} 吗?`,
           exec() {
@@ -535,7 +535,7 @@ const cn = /* @__PURE__ */ R(an, [["render", rn], ["__scopeId", "data-v-d94a26d5
           l && l(x.ref);
         });
       },
-      openActionDialog: f,
+      openActionDialog: g,
       handleAddEvent: (x) => {
         const { eventName: d, eventDescription: v } = x;
         Object.assign(u.componentEvents, {
@@ -562,7 +562,7 @@ const cn = /* @__PURE__ */ R(an, [["render", rn], ["__scopeId", "data-v-d94a26d5
   }
 }, hn = { class: "bind-action-list" }, bn = { class: "popover-head" }, En = { class: "bind-event-list" }, yn = ["onClick"], xn = { class: "bind-actions" }, kn = { class: "action-item bind-action-item" }, Vn = ["onClick"], Cn = { class: "event-bind" }, Dn = { class: "action-buttons" }, Nn = { class: "empty-action" }, In = { class: "icon" };
 function An(p, o, a, e, s, h) {
-  const b = E("icon-chevron-down"), g = E("tiny-button"), l = E("tiny-popover"), i = E("svg-icon"), u = E("block-link-event"), n = E("svg-button"), r = E("bind-events-dialog"), f = E("add-events-dialog");
+  const b = E("icon-chevron-down"), f = E("tiny-button"), l = E("tiny-popover"), i = E("svg-icon"), u = E("block-link-event"), n = E("svg-button"), r = E("bind-events-dialog"), g = E("add-events-dialog");
   return _(), N($, null, [
     t("div", hn, [
       t("div", bn, [
@@ -575,7 +575,7 @@ function An(p, o, a, e, s, h) {
           "visible-arrow": !1
         }, {
           reference: y(() => [
-            m(g, { class: "bind-event-btn" }, {
+            m(f, { class: "bind-event-btn" }, {
               default: y(() => [
                 o[2] || (o[2] = t("span", null, "绑定事件", -1)),
                 m(b, { class: "icon-chevron-down" })
@@ -599,7 +599,7 @@ function An(p, o, a, e, s, h) {
           ]),
           _: 1
         }),
-        m(g, {
+        m(f, {
           class: "title add-custom-event-button bind-action-button-item",
           onClick: o[0] || (o[0] = (c) => e.handleToggleAddEventDialog(!0))
         }, {
@@ -613,7 +613,7 @@ function An(p, o, a, e, s, h) {
           _: 1
         })
       ]),
-      fe(t("ul", xn, [
+      ge(t("ul", xn, [
         (_(!0), N($, null, ee(e.state.bindActions, (c) => (_(), N("li", {
           key: c.eventName
         }, [
@@ -658,9 +658,9 @@ function An(p, o, a, e, s, h) {
           ])
         ]))), 128))
       ], 512), [
-        [ge, !e.isEmpty]
+        [fe, !e.isEmpty]
       ]),
-      fe(t("div", Nn, [
+      ge(t("div", Nn, [
         t("div", In, [
           m(i, {
             name: "empty-action",
@@ -669,13 +669,13 @@ function An(p, o, a, e, s, h) {
         ]),
         o[4] || (o[4] = t("div", { class: "center" }, "支持添加原生DOM事件，然后点击 绑定事件 为画布所选元素增加事件", -1))
       ], 512), [
-        [ge, e.isEmpty]
+        [fe, e.isEmpty]
       ])
     ]),
     m(r, {
       eventBinding: e.state.eventBinding
     }, null, 8, ["eventBinding"]),
-    m(f, {
+    m(g, {
       visible: e.state.showBindEventDialog,
       componentEvents: e.state.componentEvents,
       onCloseDialog: o[1] || (o[1] = (c) => e.handleToggleAddEventDialog(!1)),
@@ -683,7 +683,7 @@ function An(p, o, a, e, s, h) {
     }, null, 8, ["visible", "componentEvents", "onAddEvent"])
   ], 64);
 }
-const Pn = /* @__PURE__ */ R(_n, [["render", An], ["__scopeId", "data-v-590058c8"]]), { DEFAULT_LOOP_NAME: T } = on, { string2Obj: Bn } = tn, Mn = {
+const Pn = /* @__PURE__ */ R(_n, [["render", An], ["__scopeId", "data-v-84d4be70"]]), { DEFAULT_LOOP_NAME: T } = on, { string2Obj: Bn } = tn, Mn = {
   components: {
     SwitchConfigurator: We,
     TinyTooltip: Te,
@@ -716,8 +716,8 @@ const Pn = /* @__PURE__ */ R(_n, [["render", An], ["__scopeId", "data-v-590058c8
     ve(
       () => [p == null ? void 0 : p.currentSchema, s.shouldUpdate],
       ([n]) => {
-        var r, f, c, V;
-        o.value = (n == null ? void 0 : n.condition) === void 0 ? !0 : n == null ? void 0 : n.condition, s.loopData = n == null ? void 0 : n.loop, s.loopItem = ((r = n == null ? void 0 : n.loopArgs) == null ? void 0 : r[0]) || "", s.loopIndex = ((f = n == null ? void 0 : n.loopArgs) == null ? void 0 : f[1]) || "", s.loopKey = ((V = (c = n == null ? void 0 : n.props) == null ? void 0 : c.key) == null ? void 0 : V.value) || "";
+        var r, g, c, V;
+        o.value = (n == null ? void 0 : n.condition) === void 0 ? !0 : n == null ? void 0 : n.condition, s.loopData = n == null ? void 0 : n.loop, s.loopItem = ((r = n == null ? void 0 : n.loopArgs) == null ? void 0 : r[0]) || "", s.loopIndex = ((g = n == null ? void 0 : n.loopArgs) == null ? void 0 : g[1]) || "", s.loopKey = ((V = (c = n == null ? void 0 : n.props) == null ? void 0 : c.key) == null ? void 0 : V.value) || "";
       }
     );
     const h = (n = "") => {
@@ -725,10 +725,10 @@ const Pn = /* @__PURE__ */ R(_n, [["render", An], ["__scopeId", "data-v-590058c8
       const r = D().getSchema();
       if (!r)
         return;
-      const f = Number(n).toString() !== "NaN";
+      const g = Number(n).toString() !== "NaN";
       r.props = r.props || {};
       const c = r.props;
-      n && !f && (c.key = {
+      n && !g && (c.key = {
         type: F.JSEXPRESSION,
         value: n
       }), n || (s.isLoop ? c.key = {
@@ -742,14 +742,14 @@ const Pn = /* @__PURE__ */ R(_n, [["render", An], ["__scopeId", "data-v-590058c8
     const b = () => {
       var n;
       s.loopData = (n = D().getSchema()) == null ? void 0 : n.loop;
-    }, g = (n) => {
+    }, f = (n) => {
       D().getSchema() && (n === !1 || n != null && n.type ? D().getSchema().condition = n : delete D().getSchema().condition, Y().canvasApi.value.updateRect(), o.value = n);
     }, l = (n) => {
       D().getSchema().loopArgs ? D().getSchema().loopArgs[1] = n || T.INDEX : D().getSchema().loopArgs = [T.ITEM, n];
     };
     return {
       condition: o,
-      setConfig: g,
+      setConfig: f,
       isBind: a,
       state: s,
       setLoop: (n) => {
@@ -768,7 +768,7 @@ const Pn = /* @__PURE__ */ R(_n, [["render", An], ["__scopeId", "data-v-590058c8
 }, wn = { class: "advanced-config-container" }, Sn = { class: "advnce-config" }, On = { class: "advanced-config-form-item" }, Ln = ["title"], Tn = { class: "advnce-config" }, Un = { class: "advanced-config-form-item" }, zn = ["title"], jn = { class: "advnce-config" }, Rn = { class: "advanced-config-form-item" }, Jn = { class: "advnce-config" }, Fn = { class: "advanced-config-form-item" }, Xn = { class: "advnce-config" }, $n = { class: "advanced-config-form-item" };
 function Kn(p, o, a, e, s, h) {
   var n, r;
-  const b = E("switch-configurator"), g = E("variable-configurator"), l = E("code-configurator"), i = E("input-configurator"), u = E("tiny-tooltip");
+  const b = E("switch-configurator"), f = E("variable-configurator"), l = E("code-configurator"), i = E("input-configurator"), u = E("tiny-tooltip");
   return _(), N("div", wn, [
     t("div", Sn, [
       o[6] || (o[6] = t("label", { class: "text-ellipsis-multiple" }, "是否渲染", -1)),
@@ -782,10 +782,10 @@ function Kn(p, o, a, e, s, h) {
           modelValue: e.condition,
           "onUpdate:modelValue": e.setConfig
         }, null, 8, ["modelValue", "onUpdate:modelValue"])),
-        m(g, {
+        m(f, {
           modelValue: e.condition,
           "onUpdate:modelValue": [
-            o[0] || (o[0] = (f) => e.condition = f),
+            o[0] || (o[0] = (g) => e.condition = g),
             e.setConfig
           ],
           name: "advance"
@@ -803,16 +803,16 @@ function Kn(p, o, a, e, s, h) {
           key: 0,
           modelValue: e.state.loopData,
           "onUpdate:modelValue": [
-            o[1] || (o[1] = (f) => e.state.loopData = f),
+            o[1] || (o[1] = (g) => e.state.loopData = g),
             e.setLoop
           ],
           "data-type": "JSExpression",
           onOpen: e.openEditor
         }, null, 8, ["modelValue", "onUpdate:modelValue", "onOpen"])),
-        m(g, {
+        m(f, {
           modelValue: e.state.loopData,
           "onUpdate:modelValue": [
-            o[2] || (o[2] = (f) => e.state.loopData = f),
+            o[2] || (o[2] = (g) => e.state.loopData = g),
             e.setLoop
           ],
           name: "advance"
@@ -825,7 +825,7 @@ function Kn(p, o, a, e, s, h) {
         m(i, {
           modelValue: e.state.loopItem,
           "onUpdate:modelValue": [
-            o[3] || (o[3] = (f) => e.state.loopItem = f),
+            o[3] || (o[3] = (g) => e.state.loopItem = g),
             e.setLoopItem
           ],
           placeholder: `默认值为：${e.DEFAULT_LOOP_NAME.ITEM}`
@@ -838,7 +838,7 @@ function Kn(p, o, a, e, s, h) {
         m(i, {
           modelValue: e.state.loopIndex,
           "onUpdate:modelValue": [
-            o[4] || (o[4] = (f) => e.state.loopIndex = f),
+            o[4] || (o[4] = (g) => e.state.loopIndex = g),
             e.setLoopIndex
           ],
           placeholder: `默认值为：${e.DEFAULT_LOOP_NAME.INDEX}`
@@ -853,7 +853,7 @@ function Kn(p, o, a, e, s, h) {
             m(i, {
               modelValue: e.state.loopKey,
               "onUpdate:modelValue": [
-                o[5] || (o[5] = (f) => e.state.loopKey = f),
+                o[5] || (o[5] = (g) => e.state.loopKey = g),
                 e.setLoopKey
               ],
               placeholder: `默认为索引名：${e.getIndexName()}`
@@ -865,7 +865,7 @@ function Kn(p, o, a, e, s, h) {
     ])
   ]);
 }
-const Hn = /* @__PURE__ */ R(Mn, [["render", Kn], ["__scopeId", "data-v-df21aa0f"]]), Yn = {
+const Hn = /* @__PURE__ */ R(Mn, [["render", Kn], ["__scopeId", "data-v-f59c13c3"]]), Yn = {
   __name: "Main",
   setup(p) {
     const o = j(["bindEvent", "advancedConfig"]);
@@ -950,7 +950,7 @@ const Hn = /* @__PURE__ */ R(Mn, [["render", Kn], ["__scopeId", "data-v-df21aa0f
   class: "params-tip"
 };
 function so(p, o, a, e, s, h) {
-  const b = E("tiny-input"), g = E("tiny-checkbox"), l = E("monaco-editor");
+  const b = E("tiny-input"), f = E("tiny-checkbox"), l = E("monaco-editor");
   return _(), N("div", Wn, [
     t("div", {
       class: z(["content-right-top", { "tip-error": e.context.tipError }])
@@ -972,7 +972,7 @@ function so(p, o, a, e, s, h) {
       class: z(["content-right-bottom", { "tip-error": !e.context.isValidParams }])
     }, [
       t("div", eo, [
-        m(g, {
+        m(f, {
           modelValue: e.context.enableExtraParams,
           "onUpdate:modelValue": o[1] || (o[1] = (i) => e.context.enableExtraParams = i),
           name: "tiny-checkbox"
@@ -1001,7 +1001,7 @@ function so(p, o, a, e, s, h) {
     ], 2)
   ]);
 }
-const ao = /* @__PURE__ */ R(Gn, [["render", so], ["__scopeId", "data-v-6d82db74"]]), lo = {
+const ao = /* @__PURE__ */ R(Gn, [["render", so], ["__scopeId", "data-v-49127432"]]), lo = {
   components: {
     TinySearch: je,
     IconYes: Ze()
@@ -1013,24 +1013,24 @@ const ao = /* @__PURE__ */ R(Gn, [["render", so], ["__scopeId", "data-v-6d82db74
     }
   },
   setup(p) {
-    const { getMethodNameList: o } = Z(G.Page), a = j(""), e = j([]), s = xe("context"), h = (g, l) => {
-      const i = g.map((r) => {
-        var f;
-        return Number.parseInt((f = r.match(/\d+$/)) == null ? void 0 : f[0]) || 0;
-      }).sort((r, f) => r - f).pop();
+    const { getMethodNameList: o } = Z(G.Page), a = j(""), e = j([]), s = xe("context"), h = (f, l) => {
+      const i = f.map((r) => {
+        var g;
+        return Number.parseInt((g = r.match(/\d+$/)) == null ? void 0 : g[0]) || 0;
+      }).sort((r, g) => r - g).pop();
       let n = `${(l == null ? void 0 : l.replace(qn, "_")) || ""}New`;
       return i > -1 && (n += `${i + 1}`), n;
-    }, b = (g) => {
-      s.bindMethodInfo = g;
+    }, b = (f) => {
+      s.bindMethodInfo = f;
     };
     return ye(() => {
-      var r, f;
-      const g = (r = p.eventBinding) == null ? void 0 : r.eventName, l = (o == null ? void 0 : o().filter((c) => c.includes(g))) || [], u = {
+      var r, g;
+      const f = (r = p.eventBinding) == null ? void 0 : r.eventName, l = (o == null ? void 0 : o().filter((c) => c.includes(f))) || [], u = {
         title: "添加新方法",
-        name: h(l, g),
+        name: h(l, f),
         type: De
       };
-      (f = p.eventBinding) != null && f.ref ? b({ name: p.eventBinding.ref }) : b(u);
+      (g = p.eventBinding) != null && g.ref ? b({ name: p.eventBinding.ref }) : b(u);
       const n = (o == null ? void 0 : o().filter((c) => c.includes(a.value)).map((c) => ({ name: c }))) || [];
       e.value = [u, ...n];
     }), {
@@ -1041,8 +1041,8 @@ const ao = /* @__PURE__ */ R(Gn, [["render", so], ["__scopeId", "data-v-6d82db74
     };
   }
 }, ro = { class: "dialog-content-left" }, co = { class: "left-list-wrap" }, mo = { class: "left-action-list" }, po = { class: "action-list-wrap" }, uo = ["onClick"];
-function fo(p, o, a, e, s, h) {
-  const b = E("tiny-search"), g = E("icon-yes");
+function go(p, o, a, e, s, h) {
+  const b = E("tiny-search"), f = E("icon-yes");
   return _(), N("div", ro, [
     o[1] || (o[1] = t("div", { class: "left-title" }, "响应方法", -1)),
     t("div", co, [
@@ -1061,7 +1061,7 @@ function fo(p, o, a, e, s, h) {
               class: z(["action-name", { active: l.name === e.context.bindMethodInfo.name }])
             }, [
               S(B(l.title || l.name) + " ", 1),
-              l.name === e.context.bindMethodInfo.name ? (_(), w(g, {
+              l.name === e.context.bindMethodInfo.name ? (_(), w(f, {
                 key: 0,
                 class: "action-selected-icon"
               })) : X("", !0)
@@ -1072,14 +1072,14 @@ function fo(p, o, a, e, s, h) {
     ])
   ]);
 }
-const go = /* @__PURE__ */ R(lo, [["render", fo], ["__scopeId", "data-v-e68cb765"]]), Do = {
+const fo = /* @__PURE__ */ R(lo, [["render", go], ["__scopeId", "data-v-419ba375"]]), Do = {
   ...oe,
   entry: Yn,
   options: {
     commonEvents: mn
   },
   components: {
-    BindEventsDialogSidebar: go,
+    BindEventsDialogSidebar: fo,
     BindEventsDialogContent: ao
   }
 };

package/dist/style.css

@@ -1 +1 @@
-.bind-event-dialog[data-v-d94a26d5]{z-index:99}.bind-event-dialog[data-v-d94a26d5] .tiny-dialog-box{min-width:760px}.bind-event-dialog-tip[data-v-d94a26d5]{padding:8px 14px;margin-bottom:8px;background-color:var(--te-common-bg-container);color:var(--te-common-text-weaken)}.bind-event-dialog-content[data-v-d94a26d5]{display:flex;min-width:700px}.add-custom-event-form[data-v-46f7fc7a] .tiny-form-item__label{padding-left:0}.footer[data-v-46f7fc7a]{display:flex;justify-content:flex-end}.custom-event[data-v-590058c8]{padding:10px 20px 10px 10px}.custom-event footer[data-v-590058c8]{text-align:center}.bind-action-list .bind-actions[data-v-590058c8]{margin-top:20px}.bind-action-list .bind-actions .binding-name[data-v-590058c8]{word-break:break-all}.bind-action-list .bind-actions .action-buttons[data-v-590058c8]{display:flex;align-items:center;justify-content:center}.bind-action-list .bind-actions .action-buttons .item[data-v-590058c8]{margin-right:10px}.bind-action-list .bind-actions .event-bind[data-v-590058c8]{color:var(--ti-lowcode-events-event-bind-color)}.bind-action-list .bind-actions .bind-action-item[data-v-590058c8]{display:flex;justify-content:space-between;padding:8px 12px;cursor:pointer;color:var(--ti-lowcode-events-bind-action-item-color);border-bottom:1px solid var(--ti-lowcode-events-bind-action-item-border-color)}.bind-action-list .bind-actions .bind-action-item[data-v-590058c8]:first-child{border-top:1px solid var(--ti-lowcode-events-bind-action-item-border-color)}.bind-action-list .bind-actions .bind-action-item[data-v-590058c8]:hover{background:var(--ti-lowcode-events-bind-action-item-hover-bg-color)}.bind-action-list .bind-actions .bind-action-item .linked[data-v-590058c8]{background-color:var(--ti-lowcode-events-bind-action-item-linked-bg-color);color:var(--ti-lowcode-events-bind-action-item-linked-color)}.bind-action-list .popover-head[data-v-590058c8]{display:flex;justify-content:space-between;margin-top:12px}.bind-action-list .popover-head .bind-action-button-item[data-v-590058c8]{width:50%}.bind-action-list .popover-head .bind-action-button-item[data-v-590058c8]:not(:last-child){margin-right:8px}.bind-action-list .popover-head .add-custom-event-button[data-v-590058c8]{padding:0 16px;font-size:12px;margin-right:0}.bind-action-list .popover-head .add-custom-event-button .custom-event-button-text[data-v-590058c8]{display:inline-block;vertical-align:middle}.bind-action-list .popover-head .add-custom-event-button .custom-event-button-icon[data-v-590058c8]{display:inline-block;vertical-align:middle;color:var(--ti-lowcode-events-custom-icon-color);font-size:13px}.bind-action-list .popover-head .bind-event-btn[data-v-590058c8]{padding:0 16px;font-size:12px;width:100%}.bind-action-list .empty-action[data-v-590058c8]{display:flex;flex-direction:column;align-items:center;background-color:var(--ti-lowcode-events-empty-action-bg-color);color:var(--ti-lowcode-events-empty-action-color);padding:24px 18px;margin-top:8px}.bind-action-list .empty-action .empty-action-icon[data-v-590058c8]{font-size:48px}.bind-action-list .empty-action .icon[data-v-590058c8]{text-align:center;opacity:.4}.bind-action-list .empty-action .center[data-v-590058c8]{margin-top:4px}.bind-action-list .empty-action .text[data-v-590058c8]{margin-top:12px}.bind-action-list .empty-action .empty-bind-event-tip[data-v-590058c8]{color:var(--ti-lowcode-events-empty-action-tips-strong-color)}.bind-event-list[data-v-590058c8]{padding:8px 0;color:var(--ti-lowcode-events-bind-event-list-color)}.bind-event-list-item-notallow[data-v-590058c8]{cursor:not-allowed;pointer-events:none;color:var(--ti-lowcode-events-bind-event-list-item-disabled-color)}.bind-event-list-item[data-v-590058c8]{padding:0 12px;line-height:24px}.bind-event-list-item[data-v-590058c8]:hover{cursor:pointer;background:var(--lowcode-events-bind-event-list-item-hover-bg-color)}.add-custom-event-tip[data-v-590058c8]{color:var(--ti-lowcode-events-add-custom-event-tips-color)}.add-custom-event-tip .event-tip-highlight[data-v-590058c8]{color:var(--ti-lowcode-event-add-custom-event-tips-highlight-color)}.advanced-config-container .advnce-config[data-v-df21aa0f]{align-items:center;display:flex;column-gap:12px;color:var(--ti-lowcode-events-advanced-config-color)}.advanced-config-container .advnce-config[data-v-df21aa0f]:not(:last-child){margin-bottom:8px}.advanced-config-container .advnce-config label[data-v-df21aa0f]{width:80px;word-break:keep-all;color:var(--ti-lowcode-events-advanced-label-color);flex-shrink:0}.advanced-config-container .advnce-config .advanced-config-form-item[data-v-df21aa0f]{display:grid;grid-template-columns:1fr auto;flex:1}.advanced-config-container .advnce-config .binding-state[data-v-df21aa0f]{box-sizing:border-box;background:var(--ti-lowcode-events-advanced-binding-state-bg-color);color:var(--ti-lowcode-events-advanced-binding-state-color);font-size:12px;height:30px;line-height:22px;padding:4px 8px;--ellipsis-line: 1;border-radius:6px}.advanced-config-container .advnce-config .advance-config-loop-wrap .advance-item[data-v-df21aa0f]{width:100%}.content-right[data-v-6d82db74]{width:68%}.content-right .content-right-top .new-action-tip[data-v-6d82db74]{margin:8px 0;color:var(--ti-lowcode-bind-event-dialog-new-action-tip-color)}.content-right .content-right-bottom .content-right-monaco[data-v-6d82db74]{border:1px solid var(--ti-lowcode-bind-event-dialog-content-right-monaco-border-color);overflow:hidden;position:relative}.content-right .content-right-bottom .content-right-monaco .monaco-editor[data-v-6d82db74]{width:100%;height:216px;padding:12px 8px;color:var(--ti-lowcode-toolbar-breadcrumb-color)}.content-right .content-right-bottom .content-right-monaco .mark[data-v-6d82db74]{width:100%;height:216px;position:absolute;z-index:1;top:0;background-color:var(--ti-lowcode-bind-event-dialog-mark-bg-color)}.content-right .content-right-bottom .params-tip[data-v-6d82db74]{margin:8px 0;color:var(--ti-lowcode-error-tip-color)}.content-right .content-right-top .content-right-title[data-v-6d82db74],.content-right .content-right-bottom .content-right-title[data-v-6d82db74]{margin-bottom:8px}.content-right .content-right-top .content-right-title .set-params-tip[data-v-6d82db74],.content-right .content-right-bottom .content-right-title .set-params-tip[data-v-6d82db74]{margin-top:6px;font-weight:400;color:var(--te-common-text-weaken)}.content-right .tip-error .content-right-monaco[data-v-6d82db74]{border:1px solid var(--ti-lowcode-error-tip-color)}.content-right .tip-error .params-tip[data-v-6d82db74],.content-right .tip-error .new-action-tip[data-v-6d82db74]{color:var(--ti-lowcode-error-tip-color)}.dialog-content-left[data-v-e68cb765]{margin-right:30px;width:30%;display:flex;flex-direction:column}.dialog-content-left .left-title[data-v-e68cb765]{font-weight:400}.dialog-content-left .left-list-wrap[data-v-e68cb765]{border:1px solid var(--ti-lowcode-bind-event-dialog-content-left-border-color);border-radius:4px;height:300px;margin-top:8px;display:flex;flex:1}.dialog-content-left .left-list-wrap .left-action-list[data-v-e68cb765]{flex:1;padding:12px}.dialog-content-left .left-list-wrap .left-action-list .action-list-wrap[data-v-e68cb765]{height:250px;margin-top:8px;overflow:auto}.dialog-content-left .left-list-wrap .left-action-list .action-name[data-v-e68cb765]{display:flex;justify-content:space-between;padding:8px 12px;cursor:pointer;color:var(--ti-lowcode-bind-event-dialog-color)}.dialog-content-left .left-list-wrap .left-action-list .action-name.active[data-v-e68cb765]{background:var(--ti-lowcode-bind-event-dialog-content-left-list-item-active-bg-color)}.dialog-content-left .left-list-wrap .left-action-list .action-name .action-selected-icon[data-v-e68cb765]{font-size:14px;color:var(--ti-lowcode-bind-event-dialog-action-selected-icon-color)}
+.bind-event-dialog[data-v-98e32e3c]{z-index:99}.bind-event-dialog[data-v-98e32e3c] .tiny-dialog-box{min-width:760px}.bind-event-dialog-tip[data-v-98e32e3c]{padding:var(--te-common-vertical-item-spacing-normal) 14px;margin-bottom:var(--te-common-vertical-item-spacing-normal);background-color:var(--te-common-bg-container);color:var(--te-common-text-weaken)}.bind-event-dialog-content[data-v-98e32e3c]{display:flex;min-width:700px}.add-custom-event-form[data-v-46f7fc7a] .tiny-form-item__label{padding-left:0}.footer[data-v-46f7fc7a]{display:flex;justify-content:flex-end}.custom-event[data-v-84d4be70]{padding:10px 20px 10px 10px}.custom-event footer[data-v-84d4be70]{text-align:center}.bind-action-list .bind-actions[data-v-84d4be70]{margin-top:20px}.bind-action-list .bind-actions .binding-name[data-v-84d4be70]{word-break:break-all}.bind-action-list .bind-actions .action-buttons[data-v-84d4be70]{display:flex;align-items:center;justify-content:center}.bind-action-list .bind-actions .action-buttons .item[data-v-84d4be70]{margin-right:10px}.bind-action-list .bind-actions .event-bind[data-v-84d4be70]{color:var(--ti-lowcode-events-event-bind-color)}.bind-action-list .bind-actions .bind-action-item[data-v-84d4be70]{display:flex;justify-content:space-between;padding:8px 12px;cursor:pointer;color:var(--ti-lowcode-events-bind-action-item-color);border-bottom:1px solid var(--ti-lowcode-events-bind-action-item-border-color)}.bind-action-list .bind-actions .bind-action-item[data-v-84d4be70]:first-child{border-top:1px solid var(--ti-lowcode-events-bind-action-item-border-color)}.bind-action-list .bind-actions .bind-action-item[data-v-84d4be70]:hover{background:var(--ti-lowcode-events-bind-action-item-hover-bg-color)}.bind-action-list .bind-actions .bind-action-item .linked[data-v-84d4be70]{background-color:var(--ti-lowcode-events-bind-action-item-linked-bg-color);color:var(--ti-lowcode-events-bind-action-item-linked-color)}.bind-action-list .popover-head[data-v-84d4be70]{display:flex;justify-content:space-between;margin-top:12px}.bind-action-list .popover-head .bind-action-button-item[data-v-84d4be70]{width:50%}.bind-action-list .popover-head .bind-action-button-item[data-v-84d4be70]:not(:last-child){margin-right:12px}.bind-action-list .popover-head .add-custom-event-button[data-v-84d4be70]{padding:0 16px;font-size:12px;margin-right:0}.bind-action-list .popover-head .add-custom-event-button .custom-event-button-text[data-v-84d4be70]{display:inline-block;vertical-align:middle}.bind-action-list .popover-head .add-custom-event-button .custom-event-button-icon[data-v-84d4be70]{display:inline-block;vertical-align:middle;color:var(--ti-lowcode-events-custom-icon-color);font-size:13px}.bind-action-list .popover-head .bind-event-btn[data-v-84d4be70]{padding:0 16px;font-size:12px;width:100%}.bind-action-list .empty-action[data-v-84d4be70]{display:flex;flex-direction:column;align-items:center;background-color:var(--ti-lowcode-events-empty-action-bg-color);color:var(--ti-lowcode-events-empty-action-color);padding:24px 18px;margin-top:var(--te-common-vertical-item-spacing-normal)}.bind-action-list .empty-action .empty-action-icon[data-v-84d4be70]{font-size:48px}.bind-action-list .empty-action .icon[data-v-84d4be70]{text-align:center;opacity:.4}.bind-action-list .empty-action .center[data-v-84d4be70]{margin-top:4px}.bind-action-list .empty-action .text[data-v-84d4be70]{margin-top:12px}.bind-action-list .empty-action .empty-bind-event-tip[data-v-84d4be70]{color:var(--ti-lowcode-events-empty-action-tips-strong-color)}.bind-event-list[data-v-84d4be70]{padding:var(--te-common-vertical-item-spacing-normal) 0;color:var(--ti-lowcode-events-bind-event-list-color)}.bind-event-list-item-notallow[data-v-84d4be70]{cursor:not-allowed;pointer-events:none;color:var(--ti-lowcode-events-bind-event-list-item-disabled-color)}.bind-event-list-item[data-v-84d4be70]{padding:0 12px;line-height:24px}.bind-event-list-item[data-v-84d4be70]:hover{cursor:pointer;background:var(--lowcode-events-bind-event-list-item-hover-bg-color)}.add-custom-event-tip[data-v-84d4be70]{color:var(--ti-lowcode-events-add-custom-event-tips-color)}.add-custom-event-tip .event-tip-highlight[data-v-84d4be70]{color:var(--ti-lowcode-event-add-custom-event-tips-highlight-color)}.advanced-config-container .advnce-config[data-v-f59c13c3]{align-items:center;display:flex;column-gap:12px;color:var(--ti-lowcode-events-advanced-config-color)}.advanced-config-container .advnce-config[data-v-f59c13c3]:not(:last-child){margin-bottom:var(--te-common-vertical-item-spacing-normal)}.advanced-config-container .advnce-config label[data-v-f59c13c3]{width:80px;word-break:keep-all;color:var(--ti-lowcode-events-advanced-label-color);flex-shrink:0}.advanced-config-container .advnce-config .advanced-config-form-item[data-v-f59c13c3]{display:grid;grid-template-columns:1fr auto;flex:1}.advanced-config-container .advnce-config .binding-state[data-v-f59c13c3]{box-sizing:border-box;background:var(--ti-lowcode-events-advanced-binding-state-bg-color);color:var(--ti-lowcode-events-advanced-binding-state-color);font-size:12px;height:30px;line-height:22px;padding:4px 8px;--ellipsis-line: 1;border-radius:6px}.advanced-config-container .advnce-config .advance-config-loop-wrap .advance-item[data-v-f59c13c3]{width:100%}.content-right[data-v-49127432]{width:68%}.content-right .content-right-top .new-action-tip[data-v-49127432]{margin:8px 0;color:var(--ti-lowcode-bind-event-dialog-new-action-tip-color)}.content-right .content-right-bottom .content-right-monaco[data-v-49127432]{border:1px solid var(--ti-lowcode-bind-event-dialog-content-right-monaco-border-color);overflow:hidden;position:relative}.content-right .content-right-bottom .content-right-monaco .monaco-editor[data-v-49127432]{width:100%;height:216px;padding:12px 8px;color:var(--ti-lowcode-toolbar-breadcrumb-color)}.content-right .content-right-bottom .content-right-monaco .mark[data-v-49127432]{width:100%;height:216px;position:absolute;z-index:1;top:0;background-color:var(--ti-lowcode-bind-event-dialog-mark-bg-color)}.content-right .content-right-bottom .params-tip[data-v-49127432]{margin:8px 0;color:var(--ti-lowcode-error-tip-color)}.content-right .content-right-top .content-right-title[data-v-49127432],.content-right .content-right-bottom .content-right-title[data-v-49127432]{margin-bottom:var(--te-common-vertical-item-spacing-normal)}.content-right .content-right-top .content-right-title .set-params-tip[data-v-49127432],.content-right .content-right-bottom .content-right-title .set-params-tip[data-v-49127432]{margin-top:6px;font-weight:400;color:var(--te-common-text-weaken)}.content-right .tip-error .content-right-monaco[data-v-49127432]{border:1px solid var(--ti-lowcode-error-tip-color)}.content-right .tip-error .params-tip[data-v-49127432],.content-right .tip-error .new-action-tip[data-v-49127432]{color:var(--ti-lowcode-error-tip-color)}.dialog-content-left[data-v-419ba375]{margin-right:30px;width:30%;display:flex;flex-direction:column}.dialog-content-left .left-title[data-v-419ba375]{font-weight:400}.dialog-content-left .left-list-wrap[data-v-419ba375]{border:1px solid var(--ti-lowcode-bind-event-dialog-content-left-border-color);border-radius:4px;height:300px;margin-top:var(--te-common-vertical-item-spacing-normal);display:flex;flex:1}.dialog-content-left .left-list-wrap .left-action-list[data-v-419ba375]{flex:1;padding:12px}.dialog-content-left .left-list-wrap .left-action-list .action-list-wrap[data-v-419ba375]{height:250px;margin-top:8px;overflow:auto}.dialog-content-left .left-list-wrap .left-action-list .action-name[data-v-419ba375]{display:flex;justify-content:space-between;padding:8px 12px;cursor:pointer;color:var(--ti-lowcode-bind-event-dialog-color)}.dialog-content-left .left-list-wrap .left-action-list .action-name.active[data-v-419ba375]{background:var(--ti-lowcode-bind-event-dialog-content-left-list-item-active-bg-color)}.dialog-content-left .left-list-wrap .left-action-list .action-name .action-selected-icon[data-v-419ba375]{font-size:14px;color:var(--ti-lowcode-bind-event-dialog-action-selected-icon-color)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-setting-events",
-  "version": "2.0.0-alpha.4",
+  "version": "2.0.0-alpha.6",
   "publishConfig": {
     "access": "public"
   },
@@ -25,13 +25,13 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/tiny-engine-common": "2.0.0-alpha.4",
-    "@opentiny/tiny-engine-configurator": "2.0.0-alpha.4",
-    "@opentiny/tiny-engine-meta-register": "2.0.0-alpha.4",
-    "@opentiny/tiny-engine-utils": "2.0.0-alpha.4"
+    "@opentiny/tiny-engine-common": "2.0.0-alpha.6",
+    "@opentiny/tiny-engine-configurator": "2.0.0-alpha.6",
+    "@opentiny/tiny-engine-meta-register": "2.0.0-alpha.6",
+    "@opentiny/tiny-engine-utils": "2.0.0-alpha.6"
   },
   "devDependencies": {
-    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.0.0-alpha.4",
+    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.0.0-alpha.6",
     "@vitejs/plugin-vue": "^5.1.2",
     "@vitejs/plugin-vue-jsx": "^4.0.1",
     "vite": "^5.4.2"
@@ -41,5 +41,5 @@
     "@opentiny/vue-icon": "^3.14.0",
     "vue": "^3.4.15"
   },
-  "gitHead": "14f9f41f9fa6a1b4962d0fcd3083798d842e8ff9"
+  "gitHead": "d283c5ad8392a581b64d51a4464cca68c24105e4"
 }