@opentiny/tiny-engine-setting-events 1.0.1 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/LICENSE ADDED
@@ -0,0 +1,22 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2023 - present TinyEngine Authors.
4
+ Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
5
+
6
+ Permission is hereby granted, free of charge, to any person obtaining a copy
7
+ of this software and associated documentation files (the "Software"), to deal
8
+ in the Software without restriction, including without limitation the rights
9
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10
+ copies of the Software, and to permit persons to whom the Software is
11
+ furnished to do so, subject to the following conditions:
12
+
13
+ The above copyright notice and this permission notice shall be included in all
14
+ copies or substantial portions of the Software.
15
+
16
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22
+ SOFTWARE.
package/dist/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import "./style.css";
2
- 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";
2
+ import { ref as $, reactive as de, watchEffect as Ne, resolveComponent as f, withDirectives as ie, openBlock as y, createBlock as j, withCtx as _, createElementVNode as o, createVNode as l, createTextVNode as P, createElementBlock as M, Fragment as ee, renderList as se, normalizeClass as X, toDisplayString as O, createCommentVNode as Y, vShow as ae, nextTick as Ue, pushScopeId as ce, popScopeId as re, computed as te, watch as le, withModifiers as Ee, unref as ne } from "vue";
3
3
  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";
4
4
  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";
5
5
  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";
@@ -102,7 +102,7 @@ const pe = (d, i) => {
102
102
  type: "JSExpression",
103
103
  value: ""
104
104
  }), E && a.enableExtraParams && (r[c].params = E), r[c].value = `this.${b}`, Xe().addHistory();
105
- }, f = () => {
105
+ }, u = () => {
106
106
  a.tipError = !1, a.tip = H.default;
107
107
  }, J = (s) => !s, p = (s) => g == null ? void 0 : g().includes(s), A = (s) => !mt.test(s), R = (s) => {
108
108
  const c = [
@@ -172,16 +172,16 @@ const pe = (d, i) => {
172
172
  }), B(), Ie();
173
173
  },
174
174
  closeDialog: () => {
175
- f(), Ie();
175
+ u(), Ie();
176
176
  },
177
177
  openedDialog: () => {
178
178
  var s, c, r;
179
- 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();
179
+ a.enableExtraParams = !!((c = (s = d.eventBinding) == null ? void 0 : s.params) != null && c.length), a.editorContent = JSON.stringify(((r = d.eventBinding) == null ? void 0 : r.params) || [], null, 2), u();
180
180
  },
181
181
  selectMethod: w
182
182
  };
183
183
  }
184
- }, 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 = {
184
+ }, q = (d) => (ce("data-v-6a54279c"), d = d(), re(), d), _t = { class: "bind-event-dialog-content" }, ft = { class: "dialog-content-left" }, ut = /* @__PURE__ */ q(() => /* @__PURE__ */ o("div", { class: "left-title" }, "响应方法", -1)), ht = { class: "left-list-wrap" }, vt = { class: "left-action-list" }, gt = { class: "action-list-wrap" }, yt = ["onClick"], bt = { class: "content-right" }, Et = /* @__PURE__ */ q(() => /* @__PURE__ */ o("div", { class: "content-right-title" }, "方法名称", -1)), kt = { class: "new-action-tip" }, Vt = { class: "content-right-title" }, It = /* @__PURE__ */ q(() => /* @__PURE__ */ o("span", { class: "set-params-tip" }, "扩展参数设置", -1)), xt = /* @__PURE__ */ q(() => /* @__PURE__ */ o("br", null, null, -1)), Nt = /* @__PURE__ */ q(() => /* @__PURE__ */ o("span", null, "开启", -1)), Ct = /* @__PURE__ */ q(() => /* @__PURE__ */ o("span", null, "关闭", -1)), Dt = { class: "content-right-monaco" }, wt = {
185
185
  key: 1,
186
186
  class: "mark"
187
187
  }, At = {
@@ -189,7 +189,7 @@ const pe = (d, i) => {
189
189
  class: "params-tip"
190
190
  }, Pt = { class: "bind-dialog-footer" };
191
191
  function Mt(d, i, k, e, m, g) {
192
- 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");
192
+ const S = f("tiny-search"), V = f("icon-yes"), I = f("tiny-input"), N = f("icon-help-query"), a = f("tiny-popover"), t = f("tiny-switch"), n = f("monaco-editor"), w = f("tiny-button"), x = f("tiny-dialog-box");
193
193
  return ie((y(), j(x, {
194
194
  title: "事件绑定",
195
195
  width: "50%",
@@ -218,25 +218,25 @@ function Mt(d, i, k, e, m, g) {
218
218
  ]),
219
219
  default: _(() => [
220
220
  o("div", _t, [
221
- o("div", ut, [
222
- ft,
221
+ o("div", ft, [
222
+ ut,
223
223
  o("div", ht, [
224
224
  o("div", vt, [
225
225
  l(S, {
226
226
  modelValue: e.state.searchValue,
227
- "onUpdate:modelValue": i[0] || (i[0] = (f) => e.state.searchValue = f),
227
+ "onUpdate:modelValue": i[0] || (i[0] = (u) => e.state.searchValue = u),
228
228
  placeholder: "搜索"
229
229
  }, null, 8, ["modelValue"]),
230
230
  o("ul", gt, [
231
- (y(!0), M(ee, null, se(e.state.filterMethodList, (f) => (y(), M("li", {
232
- key: f.name,
233
- onClick: (J) => e.selectMethod(f)
231
+ (y(!0), M(ee, null, se(e.state.filterMethodList, (u) => (y(), M("li", {
232
+ key: u.name,
233
+ onClick: (J) => e.selectMethod(u)
234
234
  }, [
235
235
  o("div", {
236
- class: X(["action-name", { active: f.name === e.state.bindMethodInfo.name }])
236
+ class: X(["action-name", { active: u.name === e.state.bindMethodInfo.name }])
237
237
  }, [
238
- P(O(f.title || f.name) + " ", 1),
239
- f.name === e.state.bindMethodInfo.name ? (y(), j(V, {
238
+ P(O(u.title || u.name) + " ", 1),
239
+ u.name === e.state.bindMethodInfo.name ? (y(), j(V, {
240
240
  key: 0,
241
241
  class: "action-selected-icon"
242
242
  })) : Y("", !0)
@@ -254,7 +254,7 @@ function Mt(d, i, k, e, m, g) {
254
254
  l(I, {
255
255
  modelValue: e.state.bindMethodInfo.name,
256
256
  "onUpdate:modelValue": [
257
- i[1] || (i[1] = (f) => e.state.bindMethodInfo.name = f),
257
+ i[1] || (i[1] = (u) => e.state.bindMethodInfo.name = u),
258
258
  e.change
259
259
  ],
260
260
  disabled: e.state.bindMethodInfo.type !== e.NEW_METHOD_TYPE,
@@ -287,7 +287,7 @@ function Mt(d, i, k, e, m, g) {
287
287
  }),
288
288
  l(t, {
289
289
  modelValue: e.state.enableExtraParams,
290
- "onUpdate:modelValue": i[2] || (i[2] = (f) => e.state.enableExtraParams = f),
290
+ "onUpdate:modelValue": i[2] || (i[2] = (u) => e.state.enableExtraParams = u),
291
291
  class: "set-switch",
292
292
  "show-text": !0
293
293
  }, {
@@ -530,10 +530,10 @@ const Ut = {
530
530
  var oe, s, c, r, b;
531
531
  const h = (oe = e == null ? void 0 : e.currentSchema) == null ? void 0 : oe.componentName, B = V(h);
532
532
  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);
533
- const U = ((b = e == null ? void 0 : e.currentSchema) == null ? void 0 : b.props) || {}, ue = Object.keys(U);
533
+ const U = ((b = e == null ? void 0 : e.currentSchema) == null ? void 0 : b.props) || {}, fe = Object.keys(U);
534
534
  n.bindActions = {}, Object.entries(n.componentEvents).forEach(([E, D]) => {
535
- var v, L, fe;
536
- if (ue.indexOf(E) > -1) {
535
+ var v, L, ue;
536
+ if (fe.indexOf(E) > -1) {
537
537
  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 = {
538
538
  eventName: E,
539
539
  ref: "",
@@ -542,7 +542,7 @@ const Ut = {
542
542
  };
543
543
  if (T.event.type === "JSExpression" && (T.ref = T.event.value.replace("this.", "").replace(/\(.*\)$/, "")), e.isBlock) {
544
544
  T.metaEvent = D;
545
- const ve = m(g()), ge = (fe = e == null ? void 0 : e.currentSchema) == null ? void 0 : fe.id;
545
+ const ve = m(g()), ge = (ue = e == null ? void 0 : e.currentSchema) == null ? void 0 : ue.id;
546
546
  ge && ve && Object.entries(ve).forEach(([Le, z]) => {
547
547
  var ye, be;
548
548
  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);
@@ -552,7 +552,7 @@ const Ut = {
552
552
  }
553
553
  });
554
554
  });
555
- const f = (h, B) => {
555
+ const u = (h, B) => {
556
556
  B && n.bindActions[h.eventName] || (n.eventBinding = h, ct());
557
557
  }, J = (h) => {
558
558
  var U;
@@ -608,14 +608,14 @@ const Ut = {
608
608
  isEmpty: x,
609
609
  delEvent: p,
610
610
  openCodePanel: A,
611
- openActionDialog: f,
611
+ openActionDialog: u,
612
612
  rules: a,
613
613
  addMethod: R,
614
614
  clearFromData: G,
615
615
  ruleForm: t
616
616
  };
617
617
  }
618
- }, 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" }, [
618
+ }, Q = (d) => (ce("data-v-cd98febc"), d = d(), re(), d), Tt = { class: "bind-action-list" }, zt = { class: "popover-head" }, Ft = { class: "head-left" }, jt = /* @__PURE__ */ Q(() => /* @__PURE__ */ o("span", { class: "custom-event-button-text" }, "添加自定义事件", -1)), Jt = /* @__PURE__ */ Q(() => /* @__PURE__ */ o("div", { class: "add-custom-event-tip" }, [
619
619
  /* @__PURE__ */ P(" 支持添加原生 DOM 事件,添加后点击 "),
620
620
  /* @__PURE__ */ o("span", { class: "event-tip-highlight" }, " 绑定事件 "),
621
621
  /* @__PURE__ */ P(" 为画布中所选元素增加事件 ")
@@ -625,7 +625,7 @@ const Ut = {
625
625
  /* @__PURE__ */ P("为画布中所选元素增加事件")
626
626
  ], -1));
627
627
  function to(d, i, k, e, m, g) {
628
- 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");
628
+ const S = f("icon-help-query"), V = f("tiny-popover"), I = f("tiny-button"), N = f("tiny-input"), a = f("tiny-form-item"), t = f("tiny-form"), n = f("icon-chevron-down"), w = f("block-link-event"), x = f("svg-button"), u = f("svg-icon"), J = f("bind-events-dialog");
629
629
  return y(), M(ee, null, [
630
630
  o("div", Tt, [
631
631
  o("div", zt, [
@@ -785,19 +785,19 @@ function to(d, i, k, e, m, g) {
785
785
  data: p
786
786
  }, null, 8, ["data"])) : Y("", !0),
787
787
  l(x, {
788
- name: "icon-code",
788
+ name: "plugin-icon-page-schema",
789
789
  tips: "定位到代码",
790
790
  placement: "top",
791
791
  onClick: (A) => e.openCodePanel(p)
792
792
  }, null, 8, ["onClick"]),
793
793
  l(x, {
794
- name: "icon-setting",
794
+ name: "setting",
795
795
  tips: "设置",
796
796
  placement: "top",
797
797
  onClick: (A) => e.openActionDialog(p, !1)
798
798
  }, null, 8, ["onClick"]),
799
799
  l(x, {
800
- name: "icon-del",
800
+ name: "delete",
801
801
  tips: "删除",
802
802
  placement: "top",
803
803
  onClick: (A) => e.delEvent(p)
@@ -810,7 +810,7 @@ function to(d, i, k, e, m, g) {
810
810
  ]),
811
811
  ie(o("div", Zt, [
812
812
  o("div", Gt, [
813
- l(f, {
813
+ l(u, {
814
814
  name: "empty-action",
815
815
  class: "empty-action-icon"
816
816
  })
@@ -826,7 +826,7 @@ function to(d, i, k, e, m, g) {
826
826
  }, null, 8, ["eventBinding"])
827
827
  ], 64);
828
828
  }
829
- const oo = /* @__PURE__ */ pe(Ut, [["render", to], ["__scopeId", "data-v-42d30341"]]);
829
+ const oo = /* @__PURE__ */ pe(Ut, [["render", to], ["__scopeId", "data-v-cd98febc"]]);
830
830
  const { DEFAULT_LOOP_NAME: F } = dt, no = {
831
831
  components: {
832
832
  MetaSwitch: Ge,
@@ -860,8 +860,8 @@ const { DEFAULT_LOOP_NAME: F } = dt, no = {
860
860
  le(
861
861
  () => [d == null ? void 0 : d.currentSchema, m.shouldUpdate],
862
862
  ([t]) => {
863
- var n, w, x, f;
864
- 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) || "";
863
+ var n, w, x, u;
864
+ i.value = (t == null ? void 0 : t.condition) === void 0 ? !0 : t == null ? void 0 : t.condition, m.loopData = t == null ? void 0 : t.loop, m.loopItem = ((n = t == null ? void 0 : t.loopArgs) == null ? void 0 : n[0]) || "", m.loopIndex = ((w = t == null ? void 0 : t.loopArgs) == null ? void 0 : w[1]) || "", m.loopKey = ((u = (x = t == null ? void 0 : t.props) == null ? void 0 : x.key) == null ? void 0 : u.value) || "";
865
865
  }
866
866
  );
867
867
  const g = (t = "") => {
@@ -915,10 +915,10 @@ const { DEFAULT_LOOP_NAME: F } = dt, no = {
915
915
  }, ro = { class: "advnce-config" }, mo = /* @__PURE__ */ Z(() => /* @__PURE__ */ o("label", { class: "text-ellipsis-multiple" }, "循环数据", -1)), po = { class: "advanced-config-form-item" }, _o = {
916
916
  key: 1,
917
917
  class: "binding-state text-ellipsis-multiple"
918
- }, 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" };
918
+ }, fo = { class: "advnce-config" }, uo = /* @__PURE__ */ Z(() => /* @__PURE__ */ o("label", { class: "text-ellipsis-multiple" }, "迭代变量名", -1)), ho = { class: "advanced-config-form-item" }, vo = { class: "advnce-config" }, go = /* @__PURE__ */ Z(() => /* @__PURE__ */ o("label", { class: "text-ellipsis-multiple" }, "索引变量名", -1)), yo = { class: "advanced-config-form-item" }, bo = { class: "advnce-config" }, Eo = /* @__PURE__ */ Z(() => /* @__PURE__ */ o("label", { class: "text-ellipsis-multiple" }, "key", -1)), ko = { class: "advanced-config-form-item" };
919
919
  function Vo(d, i, k, e, m, g) {
920
920
  var t;
921
- const S = u("meta-switch"), V = u("meta-bind-variable"), I = u("meta-code-editor"), N = u("meta-input"), a = u("tiny-tooltip");
921
+ const S = f("meta-switch"), V = f("meta-bind-variable"), I = f("meta-code-editor"), N = f("meta-input"), a = f("tiny-tooltip");
922
922
  return y(), M("div", io, [
923
923
  o("div", so, [
924
924
  ao,
@@ -961,8 +961,8 @@ function Vo(d, i, k, e, m, g) {
961
961
  }, null, 8, ["modelValue", "onUpdate:modelValue"])
962
962
  ])
963
963
  ]),
964
- o("div", uo, [
965
- fo,
964
+ o("div", fo, [
965
+ uo,
966
966
  o("div", ho, [
967
967
  l(N, {
968
968
  modelValue: e.state.loopItem,
package/dist/style.css CHANGED
@@ -1 +1 @@
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%}
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-cd98febc]{padding:10px 20px 10px 10px}.custom-event footer[data-v-cd98febc]{text-align:center}.bind-action-list .bind-actions[data-v-cd98febc]{margin-top:20px}.bind-action-list .bind-actions .binding-name[data-v-cd98febc]{word-break:break-all}.bind-action-list .bind-actions .action-buttons[data-v-cd98febc]{display:flex;align-items:center;justify-content:center}.bind-action-list .bind-actions .action-buttons .item[data-v-cd98febc]{margin-right:10px}.bind-action-list .bind-actions .event-bind[data-v-cd98febc]{color:var(--ti-lowcode-events-event-bind-color)}.bind-action-list .bind-actions .bind-action-item[data-v-cd98febc]{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-cd98febc]: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-cd98febc]:hover{background:var(--ti-lowcode-events-bind-action-item-hover-bg-color)}.bind-action-list .bind-actions .bind-action-item .linked[data-v-cd98febc]{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-cd98febc]{display:flex;justify-content:space-between;margin-top:12px}.bind-action-list .popover-head .head-left[data-v-cd98febc]{margin-right:8px}.bind-action-list .popover-head .head-left .add-custom-event-button[data-v-cd98febc]{padding:0 16px;font-size:12px}.bind-action-list .popover-head .head-left .add-custom-event-button .custom-event-button-text[data-v-cd98febc]{margin-right:4px}.bind-action-list .popover-head .bind-event-btn[data-v-cd98febc]{padding:0 16px;font-size:12px}.bind-action-list .empty-action[data-v-cd98febc]{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-cd98febc]{margin-top:20px;font-size:48px}.bind-action-list .empty-action .icon[data-v-cd98febc]{text-align:center;opacity:.4}.bind-action-list .empty-action .center[data-v-cd98febc]{margin-top:4px}.bind-action-list .empty-action .text[data-v-cd98febc]{margin-top:12px}.bind-action-list .empty-action .empty-bind-event-tip[data-v-cd98febc]{color:var(--ti-lowcode-events-empty-action-tips-strong-color)}.bind-event-list[data-v-cd98febc]{color:var(--ti-lowcode-events-bind-event-list-color)}.bind-event-list-item-notallow[data-v-cd98febc]{cursor:not-allowed;pointer-events:none;color:var(--ti-lowcode-events-bind-event-list-item-disabled-color)}.bind-event-list-item[data-v-cd98febc]{padding:8px 12px}.bind-event-list-item[data-v-cd98febc]:hover{cursor:pointer;background:var(--lowcode-events-bind-event-list-item-hover-bg-color)}.add-custom-event-tip[data-v-cd98febc]{color:var(--ti-lowcode-events-add-custom-event-tips-color)}.add-custom-event-tip .event-tip-highlight[data-v-cd98febc]{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 CHANGED
@@ -1,28 +1,40 @@
1
- {
2
- "name": "@opentiny/tiny-engine-setting-events",
3
- "version": "1.0.1",
4
- "publishConfig": {
5
- "access": "public"
6
- },
7
- "scripts": {
8
- "build": "vite build"
9
- },
10
- "main": "dist/index.js",
11
- "module": "dist/index.js",
12
- "files": [
13
- "dist"
14
- ],
15
- "dependencies": {
16
- "@opentiny/tiny-engine-canvas": "^1.0.0",
17
- "@opentiny/tiny-engine-common": "^1.0.0",
18
- "@opentiny/tiny-engine-controller": "^1.0.0",
19
- "@opentiny/tiny-engine-http": "^1.0.0",
20
- "@opentiny/vue": "^3.8.0",
21
- "vue": "3.2.45"
22
- },
23
- "devDependencies": {
24
- "@vitejs/plugin-vue": "^4.2.3",
25
- "@vitejs/plugin-vue-jsx": "^1.3.10",
26
- "vite": "^4.3.7"
27
- }
28
- }
1
+ {
2
+ "name": "@opentiny/tiny-engine-setting-events",
3
+ "version": "1.0.2",
4
+ "publishConfig": {
5
+ "access": "public"
6
+ },
7
+ "main": "dist/index.js",
8
+ "module": "dist/index.js",
9
+ "files": [
10
+ "dist"
11
+ ],
12
+ "repository": {
13
+ "type": "git",
14
+ "url": "https://github.com/opentiny/tiny-engine",
15
+ "directory": "packages/settings/events"
16
+ },
17
+ "bugs": {
18
+ "url": "https://github.com/opentiny/tiny-engine/issues"
19
+ },
20
+ "author": "OpenTiny Team",
21
+ "license": "MIT",
22
+ "homepage": "https://opentiny.design/tiny-engine",
23
+ "dependencies": {
24
+ "@opentiny/vue": "~3.10.0",
25
+ "@opentiny/vue-icon": "~3.10.0",
26
+ "vue": "3.2.45",
27
+ "@opentiny/tiny-engine-canvas": "1.0.2",
28
+ "@opentiny/tiny-engine-controller": "1.0.2",
29
+ "@opentiny/tiny-engine-common": "1.0.1",
30
+ "@opentiny/tiny-engine-utils": "1.0.3"
31
+ },
32
+ "devDependencies": {
33
+ "@vitejs/plugin-vue": "^4.2.3",
34
+ "@vitejs/plugin-vue-jsx": "^1.3.10",
35
+ "vite": "^4.3.7"
36
+ },
37
+ "scripts": {
38
+ "build": "vite build"
39
+ }
40
+ }