@opentiny/tiny-engine-setting-events 1.0.1

package/dist/index.js

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

package/dist/style.css

@@ -0,0 +1 @@
+.bind-event-dialog-content[data-v-6a54279c]{display:flex;min-width:700px}.bind-event-dialog-content .dialog-content-left[data-v-6a54279c]{margin-right:30px;width:30%;display:flex;flex-direction:column}.bind-event-dialog-content .dialog-content-left .left-title[data-v-6a54279c]{font-weight:600}.bind-event-dialog-content .dialog-content-left .left-list-wrap[data-v-6a54279c]{border:1px solid var(--ti-lowcode-bind-event-dialog-content-left-border-color);border-radius:4px;height:300px;margin-top:12px;display:flex;flex:1}.bind-event-dialog-content .dialog-content-left .left-list-wrap .left-action-list[data-v-6a54279c]{flex:1;padding:12px}.bind-event-dialog-content .dialog-content-left .left-list-wrap .left-action-list .action-list-wrap[data-v-6a54279c]{height:250px;margin-top:8px;overflow:auto}.bind-event-dialog-content .dialog-content-left .left-list-wrap .left-action-list .action-name[data-v-6a54279c]{display:flex;justify-content:space-between;padding:8px 12px;cursor:pointer}.bind-event-dialog-content .dialog-content-left .left-list-wrap .left-action-list .action-name.active[data-v-6a54279c]{background:var(--ti-lowcode-bind-event-dialog-content-left-list-item-active-bg-color)}.bind-event-dialog-content .dialog-content-left .left-list-wrap .left-action-list .action-name .action-selected-icon[data-v-6a54279c]{font-size:14px;color:var(--ti-lowcode-bind-event-dialog-action-selected-icon-color)}.bind-event-dialog-content .content-right[data-v-6a54279c]{width:68%}.bind-event-dialog-content .content-right .content-right-top .new-action-tip[data-v-6a54279c]{margin:8px 0;color:var(--ti-lowcode-bind-event-dialog-new-action-tip-color)}.bind-event-dialog-content .content-right .content-right-bottom .content-right-monaco[data-v-6a54279c]{border:1px solid var(--ti-lowcode-bind-event-dialog-content-right-monaco-border-color);overflow:hidden;position:relative}.bind-event-dialog-content .content-right .content-right-bottom .content-right-monaco .monaco-editor[data-v-6a54279c]{width:100%;height:216px;padding:12px 8px;color:var(--ti-lowcode-toolbar-breadcrumb-color)}.bind-event-dialog-content .content-right .content-right-bottom .content-right-monaco .mark[data-v-6a54279c]{width:100%;height:216px;position:absolute;z-index:1;top:0;background-color:var(--ti-lowcode-bind-event-dialog-mark-bg-color)}.bind-event-dialog-content .content-right .content-right-bottom .params-tip[data-v-6a54279c]{margin:8px 0;color:var(--ti-lowcode-error-tip-color)}.bind-event-dialog-content .content-right .content-right-top .content-right-title[data-v-6a54279c],.bind-event-dialog-content .content-right .content-right-bottom .content-right-title[data-v-6a54279c]{font-weight:600;margin-bottom:12px}.bind-event-dialog-content .content-right .content-right-top .content-right-title .set-params-tip[data-v-6a54279c],.bind-event-dialog-content .content-right .content-right-bottom .content-right-title .set-params-tip[data-v-6a54279c]{margin-right:3px}.bind-event-dialog-content .content-right .content-right-top .content-right-title .set-switch[data-v-6a54279c],.bind-event-dialog-content .content-right .content-right-bottom .content-right-title .set-switch[data-v-6a54279c]{width:60px;margin-left:10px}.bind-event-dialog-content .content-right .tip-error .content-right-monaco[data-v-6a54279c]{border:1px solid var(--ti-lowcode-error-tip-color)}.bind-event-dialog-content .content-right .tip-error .params-tip[data-v-6a54279c],.bind-event-dialog-content .content-right .tip-error .new-action-tip[data-v-6a54279c]{color:var(--ti-lowcode-error-tip-color)}.custom-event[data-v-42d30341]{padding:10px 20px 10px 10px}.custom-event footer[data-v-42d30341]{text-align:center}.bind-action-list .bind-actions[data-v-42d30341]{margin-top:20px}.bind-action-list .bind-actions .binding-name[data-v-42d30341]{word-break:break-all}.bind-action-list .bind-actions .action-buttons[data-v-42d30341]{display:flex;align-items:center;justify-content:center}.bind-action-list .bind-actions .action-buttons .item[data-v-42d30341]{margin-right:10px}.bind-action-list .bind-actions .event-bind[data-v-42d30341]{color:var(--ti-lowcode-events-event-bind-color)}.bind-action-list .bind-actions .bind-action-item[data-v-42d30341]{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-42d30341]: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-42d30341]:hover{background:var(--ti-lowcode-events-bind-action-item-hover-bg-color)}.bind-action-list .bind-actions .bind-action-item .linked[data-v-42d30341]{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-42d30341]{display:flex;justify-content:space-between;margin-top:12px}.bind-action-list .popover-head .head-left[data-v-42d30341]{margin-right:8px}.bind-action-list .popover-head .head-left .add-custom-event-button[data-v-42d30341]{padding:0 16px;font-size:12px}.bind-action-list .popover-head .head-left .add-custom-event-button .custom-event-button-text[data-v-42d30341]{margin-right:4px}.bind-action-list .popover-head .bind-event-btn[data-v-42d30341]{padding:0 16px;font-size:12px}.bind-action-list .empty-action[data-v-42d30341]{display:flex;flex-direction:column;align-items:center;color:var(--ti-lowcode-events-empty-action-color)}.bind-action-list .empty-action .empty-action-icon[data-v-42d30341]{margin-top:20px;font-size:48px}.bind-action-list .empty-action .icon[data-v-42d30341]{text-align:center;opacity:.4}.bind-action-list .empty-action .center[data-v-42d30341]{margin-top:4px}.bind-action-list .empty-action .text[data-v-42d30341]{margin-top:12px}.bind-action-list .empty-action .empty-bind-event-tip[data-v-42d30341]{color:var(--ti-lowcode-events-empty-action-tips-strong-color)}.bind-event-list[data-v-42d30341]{color:var(--ti-lowcode-events-bind-event-list-color)}.bind-event-list-item-notallow[data-v-42d30341]{cursor:not-allowed;pointer-events:none;color:var(--ti-lowcode-events-bind-event-list-item-disabled-color)}.bind-event-list-item[data-v-42d30341]{padding:8px 12px}.bind-event-list-item[data-v-42d30341]:hover{cursor:pointer;background:var(--lowcode-events-bind-event-list-item-hover-bg-color)}.add-custom-event-tip[data-v-42d30341]{color:var(--ti-lowcode-events-add-custom-event-tips-color)}.add-custom-event-tip .event-tip-highlight[data-v-42d30341]{color:var(--ti-lowcode-event-add-custom-event-tips-highlight-color)}.advanced-config-container .advnce-config[data-v-ef405cbc]{padding:10px;align-items:center;display:flex;column-gap:12px;color:var(--ti-lowcode-events-advanced-config-color)}.advanced-config-container .advnce-config label[data-v-ef405cbc]{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-ef405cbc]{display:grid;grid-template-columns:1fr auto}.advanced-config-container .advnce-config .binding-state[data-v-ef405cbc]{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-ef405cbc]{width:100%}

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@opentiny/tiny-engine-setting-events",
+  "version": "1.0.1",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@opentiny/tiny-engine-canvas": "^1.0.0",
+    "@opentiny/tiny-engine-common": "^1.0.0",
+    "@opentiny/tiny-engine-controller": "^1.0.0",
+    "@opentiny/tiny-engine-http": "^1.0.0",
+    "@opentiny/vue": "^3.8.0",
+    "vue": "3.2.45"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^4.2.3",
+    "@vitejs/plugin-vue-jsx": "^1.3.10",
+    "vite": "^4.3.7"
+  }
+}