@opentiny/tiny-engine-setting-events 2.0.0-alpha.1 → 2.0.0-alpha.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/dist/index.js +29 -30
- package/dist/style.css +1 -1
- package/package.json +7 -7
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "./style.css";
|
|
2
|
-
import { ref as F, reactive as Z, provide as Oe, resolveComponent as E,
|
|
3
|
-
import { Button as Y, DialogBox as ke, Form as Ue, FormItem as fe, Input as
|
|
2
|
+
import { ref as F, reactive as Z, provide as Oe, resolveComponent as E, openBlock as f, createBlock as w, withCtx as _, createElementVNode as t, createVNode as c, createTextVNode as A, resolveDynamicComponent as ue, nextTick as Le, unref as P, computed as K, watchEffect as Ee, createElementBlock as D, Fragment as q, withModifiers as Te, renderList as ne, normalizeClass as R, toDisplayString as B, withDirectives as ve, createCommentVNode as H, vShow as ge, watch as _e, inject as xe } from "vue";
|
|
3
|
+
import { Button as Y, DialogBox as ke, Form as Ue, FormItem as fe, Input as oe, Popover as Ce, Tooltip as ze, Collapse as je, CollapseItem as he, Switch as Re, Search as Fe } from "@opentiny/vue";
|
|
4
4
|
import { getMergeMeta as Ve, useLayout as De, useCanvas as Q, getMetaApi as G, META_APP as W, useHistory as Je, useBlock as Xe, useMaterial as He, useModal as $e, useProperties as V } from "@opentiny/tiny-engine-meta-register";
|
|
5
5
|
import { BlockLinkEvent as qe, SvgButton as Ke, VueMonaco as Ye } from "@opentiny/tiny-engine-common";
|
|
6
6
|
import { iconHelpQuery as Ie, iconChevronDown as Qe, iconYes as Ze } from "@opentiny/vue-icon";
|
|
@@ -26,10 +26,10 @@ const J = (m, n) => {
|
|
|
26
26
|
for (const [e, s] of n)
|
|
27
27
|
l[e] = s;
|
|
28
28
|
return l;
|
|
29
|
-
},
|
|
30
|
-
|
|
29
|
+
}, te = F(!1), dn = () => {
|
|
30
|
+
te.value = !0;
|
|
31
31
|
}, ye = () => {
|
|
32
|
-
|
|
32
|
+
te.value = !1;
|
|
33
33
|
}, rn = {
|
|
34
34
|
components: {
|
|
35
35
|
TinyButton: Y,
|
|
@@ -106,7 +106,7 @@ const J = (m, n) => {
|
|
|
106
106
|
BindEventsDialogSidebar: n,
|
|
107
107
|
BindEventsDialogContent: l,
|
|
108
108
|
state: i,
|
|
109
|
-
dialogVisible:
|
|
109
|
+
dialogVisible: te,
|
|
110
110
|
confirm: () => {
|
|
111
111
|
if (i.tipError)
|
|
112
112
|
return;
|
|
@@ -133,7 +133,8 @@ const J = (m, n) => {
|
|
|
133
133
|
}, cn = { class: "bind-event-dialog-content" }, pn = { class: "bind-dialog-footer" };
|
|
134
134
|
function mn(m, n, l, e, s, h) {
|
|
135
135
|
const b = E("tiny-button"), v = E("tiny-dialog-box");
|
|
136
|
-
return
|
|
136
|
+
return f(), w(v, {
|
|
137
|
+
visible: e.dialogVisible,
|
|
137
138
|
title: "事件绑定",
|
|
138
139
|
width: "50%",
|
|
139
140
|
"append-to-body": !0,
|
|
@@ -161,16 +162,14 @@ function mn(m, n, l, e, s, h) {
|
|
|
161
162
|
]),
|
|
162
163
|
default: _(() => [
|
|
163
164
|
t("div", cn, [
|
|
164
|
-
(f(), w(
|
|
165
|
-
(f(), w(
|
|
165
|
+
(f(), w(ue(e.BindEventsDialogSidebar), { eventBinding: l.eventBinding }, null, 8, ["eventBinding"])),
|
|
166
|
+
(f(), w(ue(e.BindEventsDialogContent), { dialogVisible: e.dialogVisible }, null, 8, ["dialogVisible"]))
|
|
166
167
|
])
|
|
167
168
|
]),
|
|
168
169
|
_: 1
|
|
169
|
-
}, 8, ["onClose", "onOpened"])
|
|
170
|
-
[oe, e.dialogVisible]
|
|
171
|
-
]);
|
|
170
|
+
}, 8, ["visible", "onClose", "onOpened"]);
|
|
172
171
|
}
|
|
173
|
-
const un = /* @__PURE__ */ J(rn, [["render", mn], ["__scopeId", "data-v-
|
|
172
|
+
const un = /* @__PURE__ */ J(rn, [["render", mn], ["__scopeId", "data-v-858eee6b"]]), vn = {
|
|
174
173
|
onClick: {
|
|
175
174
|
label: {
|
|
176
175
|
zh_CN: "鼠标单击时触发"
|
|
@@ -437,7 +436,7 @@ const fn = { class: "footer" }, hn = {
|
|
|
437
436
|
required: ""
|
|
438
437
|
}, {
|
|
439
438
|
default: _(() => [
|
|
440
|
-
c(P(
|
|
439
|
+
c(P(oe), {
|
|
441
440
|
modelValue: s.eventName,
|
|
442
441
|
"onUpdate:modelValue": o[0] || (o[0] = (r) => s.eventName = r),
|
|
443
442
|
placeholder: "小驼峰格式，如：onDrag"
|
|
@@ -451,7 +450,7 @@ const fn = { class: "footer" }, hn = {
|
|
|
451
450
|
required: ""
|
|
452
451
|
}, {
|
|
453
452
|
default: _(() => [
|
|
454
|
-
c(P(
|
|
453
|
+
c(P(oe), {
|
|
455
454
|
modelValue: s.eventDescription,
|
|
456
455
|
"onUpdate:modelValue": o[1] || (o[1] = (r) => s.eventDescription = r)
|
|
457
456
|
}, null, 8, ["modelValue"])
|
|
@@ -495,9 +494,9 @@ const yn = {
|
|
|
495
494
|
p.componentEvent = ((O = (S = d == null ? void 0 : d.content) == null ? void 0 : S.schema) == null ? void 0 : O.events) || ((N = d == null ? void 0 : d.schema) == null ? void 0 : N.events) || {}, p.componentEvents = { ...i, ...p.componentEvent };
|
|
496
495
|
const g = ((ee = l == null ? void 0 : l.currentSchema) == null ? void 0 : ee.props) || {}, C = Object.keys(g);
|
|
497
496
|
p.bindActions = {}, Object.entries(p.componentEvents).forEach(([z, Pe]) => {
|
|
498
|
-
var
|
|
497
|
+
var se, ae, le;
|
|
499
498
|
if (C.indexOf(z) > -1) {
|
|
500
|
-
const Be = g[z], { value: Me, params:
|
|
499
|
+
const Be = g[z], { value: Me, params: de } = Be, we = !de && ((ae = (se = Me.match(/\((.+)\)$/)) == null ? void 0 : se[1]) == null ? void 0 : ae.split(",")) || de, L = {
|
|
501
500
|
eventName: z,
|
|
502
501
|
ref: "",
|
|
503
502
|
event: g[z],
|
|
@@ -505,10 +504,10 @@ const yn = {
|
|
|
505
504
|
};
|
|
506
505
|
if (L.event.type === "JSExpression" && (L.ref = L.event.value.replace("this.", "").replace(/\(.*\)$/, "")), l.isBlock) {
|
|
507
506
|
L.metaEvent = Pe;
|
|
508
|
-
const
|
|
509
|
-
|
|
510
|
-
var
|
|
511
|
-
|
|
507
|
+
const re = e(s()), ce = (le = l == null ? void 0 : l.currentSchema) == null ? void 0 : le.id;
|
|
508
|
+
ce && re && Object.entries(re).forEach(([Se, T]) => {
|
|
509
|
+
var pe, me;
|
|
510
|
+
ce === ((pe = T == null ? void 0 : T.linked) == null ? void 0 : pe.id) && z === ((me = T == null ? void 0 : T.linked) == null ? void 0 : me.event) && (L.linked = T.linked, L.linkedEventName = Se);
|
|
512
511
|
});
|
|
513
512
|
}
|
|
514
513
|
p.bindActions[z] = L;
|
|
@@ -615,12 +614,12 @@ function wn(m, n, l, e, s, h) {
|
|
|
615
614
|
]),
|
|
616
615
|
default: _(() => [
|
|
617
616
|
t("ul", Cn, [
|
|
618
|
-
(f(!0), D(q, null,
|
|
617
|
+
(f(!0), D(q, null, ne(e.state.componentEvents, (y, I) => {
|
|
619
618
|
var $;
|
|
620
619
|
return f(), D("li", {
|
|
621
620
|
key: I,
|
|
622
621
|
class: R(["bind-event-list-item", { "bind-event-list-item-notallow": e.state.bindActions[I] }]),
|
|
623
|
-
onClick: (
|
|
622
|
+
onClick: (ie) => e.openActionDialog({ eventName: I }, !0)
|
|
624
623
|
}, [
|
|
625
624
|
t("div", null, B(I) + " " + B((($ = y == null ? void 0 : y.label) == null ? void 0 : $.zh_CN) || I), 1)
|
|
626
625
|
], 10, Vn);
|
|
@@ -630,8 +629,8 @@ function wn(m, n, l, e, s, h) {
|
|
|
630
629
|
_: 1
|
|
631
630
|
})
|
|
632
631
|
]),
|
|
633
|
-
|
|
634
|
-
(f(!0), D(q, null,
|
|
632
|
+
ve(t("ul", Dn, [
|
|
633
|
+
(f(!0), D(q, null, ne(e.state.bindActions, (y) => (f(), D("li", {
|
|
635
634
|
key: y.eventName
|
|
636
635
|
}, [
|
|
637
636
|
t("div", In, [
|
|
@@ -675,9 +674,9 @@ function wn(m, n, l, e, s, h) {
|
|
|
675
674
|
])
|
|
676
675
|
]))), 128))
|
|
677
676
|
], 512), [
|
|
678
|
-
[
|
|
677
|
+
[ge, !e.isEmpty]
|
|
679
678
|
]),
|
|
680
|
-
|
|
679
|
+
ve(t("div", Bn, [
|
|
681
680
|
t("div", Mn, [
|
|
682
681
|
c(r, {
|
|
683
682
|
name: "empty-action",
|
|
@@ -691,7 +690,7 @@ function wn(m, n, l, e, s, h) {
|
|
|
691
690
|
A("为画布中所选元素增加事件")
|
|
692
691
|
], -1))
|
|
693
692
|
], 512), [
|
|
694
|
-
[
|
|
693
|
+
[ge, e.isEmpty]
|
|
695
694
|
])
|
|
696
695
|
]),
|
|
697
696
|
c(u, {
|
|
@@ -923,7 +922,7 @@ const Zn = /* @__PURE__ */ J(Ln, [["render", Qn], ["__scopeId", "data-v-d8b5ad1a
|
|
|
923
922
|
const Wn = {
|
|
924
923
|
components: {
|
|
925
924
|
MonacoEditor: Ye,
|
|
926
|
-
TinyInput:
|
|
925
|
+
TinyInput: oe,
|
|
927
926
|
TinyPopover: Ce,
|
|
928
927
|
IconHelpQuery: Ie(),
|
|
929
928
|
TinySwitch: Re
|
|
@@ -1093,7 +1092,7 @@ function go(m, n, l, e, s, h) {
|
|
|
1093
1092
|
placeholder: "搜索"
|
|
1094
1093
|
}, null, 8, ["modelValue"]),
|
|
1095
1094
|
t("ul", uo, [
|
|
1096
|
-
(f(!0), D(q, null,
|
|
1095
|
+
(f(!0), D(q, null, ne(e.filteredMethodList, (a) => (f(), D("li", {
|
|
1097
1096
|
key: a.name,
|
|
1098
1097
|
onClick: (i) => e.selectMethod(a)
|
|
1099
1098
|
}, [
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.bind-event-dialog-content[data-v-
|
|
1
|
+
.bind-event-dialog-content[data-v-858eee6b]{display:flex;min-width:700px}.add-custom-event-form[data-v-932b189c] .tiny-form-item__label{padding-left:0}.footer[data-v-932b189c]{display:flex;justify-content:flex-end}.custom-event[data-v-3b65f9b0]{padding:10px 20px 10px 10px}.custom-event footer[data-v-3b65f9b0]{text-align:center}.bind-action-list .bind-actions[data-v-3b65f9b0]{margin-top:20px}.bind-action-list .bind-actions .binding-name[data-v-3b65f9b0]{word-break:break-all}.bind-action-list .bind-actions .action-buttons[data-v-3b65f9b0]{display:flex;align-items:center;justify-content:center}.bind-action-list .bind-actions .action-buttons .item[data-v-3b65f9b0]{margin-right:10px}.bind-action-list .bind-actions .event-bind[data-v-3b65f9b0]{color:var(--ti-lowcode-events-event-bind-color)}.bind-action-list .bind-actions .bind-action-item[data-v-3b65f9b0]{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-3b65f9b0]: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-3b65f9b0]:hover{background:var(--ti-lowcode-events-bind-action-item-hover-bg-color)}.bind-action-list .bind-actions .bind-action-item .linked[data-v-3b65f9b0]{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-3b65f9b0]{display:flex;justify-content:space-between;margin-top:12px}.bind-action-list .popover-head .head-left[data-v-3b65f9b0]{margin-right:8px}.bind-action-list .popover-head .head-left .add-custom-event-button[data-v-3b65f9b0]{padding:0 16px;font-size:12px}.bind-action-list .popover-head .head-left .add-custom-event-button .custom-event-button-text[data-v-3b65f9b0]{margin-right:4px}.bind-action-list .popover-head .bind-event-btn[data-v-3b65f9b0]{padding:0 16px;font-size:12px}.bind-action-list .empty-action[data-v-3b65f9b0]{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-3b65f9b0]{margin-top:20px;font-size:48px}.bind-action-list .empty-action .icon[data-v-3b65f9b0]{text-align:center;opacity:.4}.bind-action-list .empty-action .center[data-v-3b65f9b0]{margin-top:4px}.bind-action-list .empty-action .text[data-v-3b65f9b0]{margin-top:12px}.bind-action-list .empty-action .empty-bind-event-tip[data-v-3b65f9b0]{color:var(--ti-lowcode-events-empty-action-tips-strong-color)}.bind-event-list[data-v-3b65f9b0]{color:var(--ti-lowcode-events-bind-event-list-color)}.bind-event-list-item-notallow[data-v-3b65f9b0]{cursor:not-allowed;pointer-events:none;color:var(--ti-lowcode-events-bind-event-list-item-disabled-color)}.bind-event-list-item[data-v-3b65f9b0]{padding:8px 12px}.bind-event-list-item[data-v-3b65f9b0]:hover{cursor:pointer;background:var(--lowcode-events-bind-event-list-item-hover-bg-color)}.add-custom-event-tip[data-v-3b65f9b0]{color:var(--ti-lowcode-events-add-custom-event-tips-color)}.add-custom-event-tip .event-tip-highlight[data-v-3b65f9b0]{color:var(--ti-lowcode-event-add-custom-event-tips-highlight-color)}.advanced-config-container .advnce-config[data-v-d8b5ad1a]{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-d8b5ad1a]{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-d8b5ad1a]{display:grid;grid-template-columns:1fr auto}.advanced-config-container .advnce-config .binding-state[data-v-d8b5ad1a]{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-d8b5ad1a]{width:100%}.content-right[data-v-771b2387]{width:68%}.content-right .content-right-top .new-action-tip[data-v-771b2387]{margin:8px 0;color:var(--ti-lowcode-bind-event-dialog-new-action-tip-color)}.content-right .content-right-bottom .content-right-monaco[data-v-771b2387]{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-771b2387]{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-771b2387]{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-771b2387]{margin:8px 0;color:var(--ti-lowcode-error-tip-color)}.content-right .content-right-top .content-right-title[data-v-771b2387],.content-right .content-right-bottom .content-right-title[data-v-771b2387]{font-weight:600;margin-bottom:12px}.content-right .content-right-top .content-right-title .set-params-tip[data-v-771b2387],.content-right .content-right-bottom .content-right-title .set-params-tip[data-v-771b2387]{margin-right:3px}.content-right .content-right-top .content-right-title .set-switch[data-v-771b2387],.content-right .content-right-bottom .content-right-title .set-switch[data-v-771b2387]{width:60px;margin-left:10px}.content-right .tip-error .content-right-monaco[data-v-771b2387]{border:1px solid var(--ti-lowcode-error-tip-color)}.content-right .tip-error .params-tip[data-v-771b2387],.content-right .tip-error .new-action-tip[data-v-771b2387]{color:var(--ti-lowcode-error-tip-color)}.dialog-content-left[data-v-b9da83b9]{margin-right:30px;width:30%;display:flex;flex-direction:column}.dialog-content-left .left-title[data-v-b9da83b9]{font-weight:600}.dialog-content-left .left-list-wrap[data-v-b9da83b9]{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}.dialog-content-left .left-list-wrap .left-action-list[data-v-b9da83b9]{flex:1;padding:12px}.dialog-content-left .left-list-wrap .left-action-list .action-list-wrap[data-v-b9da83b9]{height:250px;margin-top:8px;overflow:auto}.dialog-content-left .left-list-wrap .left-action-list .action-name[data-v-b9da83b9]{display:flex;justify-content:space-between;padding:8px 12px;cursor:pointer}.dialog-content-left .left-list-wrap .left-action-list .action-name.active[data-v-b9da83b9]{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-b9da83b9]{font-size:14px;color:var(--ti-lowcode-bind-event-dialog-action-selected-icon-color)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@opentiny/tiny-engine-setting-events",
|
|
3
|
-
"version": "2.0.0-alpha.
|
|
3
|
+
"version": "2.0.0-alpha.2",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -24,13 +24,13 @@
|
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"homepage": "https://opentiny.design/tiny-engine",
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@opentiny/tiny-engine-common": "2.0.0-alpha.
|
|
28
|
-
"@opentiny/tiny-engine-configurator": "2.0.0-alpha.
|
|
29
|
-
"@opentiny/tiny-engine-meta-register": "2.0.0-alpha.
|
|
30
|
-
"@opentiny/tiny-engine-utils": "2.0.0-alpha.
|
|
27
|
+
"@opentiny/tiny-engine-common": "2.0.0-alpha.2",
|
|
28
|
+
"@opentiny/tiny-engine-configurator": "2.0.0-alpha.2",
|
|
29
|
+
"@opentiny/tiny-engine-meta-register": "2.0.0-alpha.2",
|
|
30
|
+
"@opentiny/tiny-engine-utils": "2.0.0-alpha.2"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
|
-
"@opentiny/tiny-engine-vite-plugin-meta-comments": "2.0.0-alpha.
|
|
33
|
+
"@opentiny/tiny-engine-vite-plugin-meta-comments": "2.0.0-alpha.2",
|
|
34
34
|
"@vitejs/plugin-vue": "^4.2.3",
|
|
35
35
|
"@vitejs/plugin-vue-jsx": "^3.1.0",
|
|
36
36
|
"vite": "^4.3.7"
|
|
@@ -40,5 +40,5 @@
|
|
|
40
40
|
"@opentiny/vue-icon": "^3.14.0",
|
|
41
41
|
"vue": "^3.4.15"
|
|
42
42
|
},
|
|
43
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "695ecd00f21aa39965a9ddb02590ae274f92cd8e"
|
|
44
44
|
}
|