service-flow-designer 2.3.5-sit3-flow1 → 2.3.7-flow1
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/es/designer/common/components/json-view/json-view.vue.js +1 -1
- package/dist/es/designer/common/components/sql-view/sql-view.vue2.js +16 -16
- package/dist/es/designer/common/components/value-set-input/value-set-input.vue2.js +1 -1
- package/dist/es/designer/service-components/service/http-service/response-json-setting.vue.js +4 -4
- package/dist/es/designer/service-components/service/http-service/response-xml-setting.vue.js +4 -4
- package/dist/es/designer/service-flow-view/flow-util.js +7 -4
- package/dist/es/designer/service-flow-view/service-node-config.vue2.js +1 -1
- package/dist/es/designer/service-flow-view/service-test/service-test.vue.js +4 -1
- package/dist/es/designer/service-flow-view/view-index.vue2.js +15 -14
- package/dist/es/designer/service-panel/component-panel.vue2.js +4 -4
- package/dist/es/designer/service-panel/service-list.vue2.js +10 -10
- package/dist/es/designer/service-panel/service-panel.vue2.js +9 -9
- package/package.json +2 -2
|
@@ -12,7 +12,7 @@ const w = e({ name: "JsonView", inheritAttrs: false, __name: "json-view", props:
|
|
|
12
12
|
if (w2.height) x.value = w2.height + "px";
|
|
13
13
|
else if (b.value) {
|
|
14
14
|
const e4 = b.value.getBoundingClientRect();
|
|
15
|
-
(e4.y || 0 === e4.y) && (x.value = window.innerHeight - e4.y - 100 + "px");
|
|
15
|
+
(e4.y || 0 === e4.y) && (window.innerHeight, e4.y, x.value = window.innerHeight - e4.y - 100 + "px");
|
|
16
16
|
}
|
|
17
17
|
const t2 = function(e4) {
|
|
18
18
|
const t3 = function() {
|
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
import { defineComponent as e, ref as t, onMounted as
|
|
1
|
+
import { defineComponent as e, ref as t, onMounted as n, nextTick as i, watch as o, createElementBlock as r, openBlock as l } from "vue";
|
|
2
2
|
import { EditorView as u, basicSetup as m } from "codemirror";
|
|
3
3
|
import { sql as s } from "@codemirror/lang-sql";
|
|
4
4
|
import { Facet as a, EditorState as c } from "@codemirror/state";
|
|
5
5
|
const f = e({ name: "SqlView", inheritAttrs: false, __name: "sql-view", props: { sql: { type: String, default: null }, height: { type: Number, default: 0 }, theme: { type: String, default: null } }, setup(e2) {
|
|
6
|
-
const f2 = e2, d = t(null),
|
|
7
|
-
function
|
|
8
|
-
if (d.value && d.value.destroy(), f2.height)
|
|
9
|
-
else if (
|
|
10
|
-
const e4 =
|
|
11
|
-
(e4.y || 0 === e4.y) && (
|
|
6
|
+
const f2 = e2, d = t(null), h = t(), p = t("400px");
|
|
7
|
+
function g() {
|
|
8
|
+
if (d.value && d.value.destroy(), f2.height) p.value = f2.height + "px";
|
|
9
|
+
else if (h.value) {
|
|
10
|
+
const e4 = h.value.getBoundingClientRect();
|
|
11
|
+
(e4.y || 0 === e4.y) && (window.innerHeight, e4.y, p.value = window.innerHeight - e4.y - 100 + "px");
|
|
12
12
|
}
|
|
13
13
|
const e3 = function() {
|
|
14
|
-
const e4 = u.theme({}), t3 = u.theme({ ".cm-content, .cm-gutter": { minHeight:
|
|
15
|
-
return c.create({ doc: f2.sql, extensions: [c.tabSize.of(16), m, s(), e4, t3,
|
|
14
|
+
const e4 = u.theme({}), t3 = u.theme({ ".cm-content, .cm-gutter": { minHeight: p.value }, "&": { height: p.value, maxHeight: p.value, fontSize: "12px" } });
|
|
15
|
+
return c.create({ doc: f2.sql, extensions: [c.tabSize.of(16), m, s(), e4, t3, v.of(true), u.updateListener.of(function(e5) {
|
|
16
16
|
})] });
|
|
17
17
|
}();
|
|
18
18
|
let t2 = document.getElementById("cf-codemirror-view-json");
|
|
19
19
|
t2 && (d.value = new u({ state: e3, parent: t2 }));
|
|
20
20
|
}
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
21
|
+
n(() => {
|
|
22
|
+
i(() => {
|
|
23
|
+
g();
|
|
24
24
|
});
|
|
25
|
-
}),
|
|
26
|
-
|
|
25
|
+
}), o(() => f2.sql, () => {
|
|
26
|
+
g();
|
|
27
27
|
});
|
|
28
|
-
const
|
|
29
|
-
return (e3, t2) => (l(), r("div", { style: { width: "100%" }, ref_key: "cfCodemirrorJsonViewRef", ref:
|
|
28
|
+
const v = a.define({ combine: (e3) => e3.some((e4) => e4) });
|
|
29
|
+
return (e3, t2) => (l(), r("div", { style: { width: "100%" }, ref_key: "cfCodemirrorJsonViewRef", ref: h, id: "cf-codemirror-view-json" }, null, 512));
|
|
30
30
|
} });
|
|
31
31
|
export {
|
|
32
32
|
f as default
|
|
@@ -87,7 +87,7 @@ const B = { key: 0 }, K = { style: { "margin-top": "10px", "font-size": "10px",
|
|
|
87
87
|
const l2 = { code: L(), level: 1, name: re.value, alias: re.value, type: X.autoCreateFieldType ? X.autoCreateFieldType : "string", defaultValue: "", items: [] };
|
|
88
88
|
"array" == l2.type && l2.items.push({ level: l2.level + 1, code: L(), name: "items", isArrayElement: true, alias: "", type: "object", defaultValue: "", items: [] }), Q.currentService.variables || (Q.currentService.variables = []), Q.currentService.variables.push(l2), ne.value.serviceVarOptions = Q.getServiceVarOptions(), Ve(se.value), ie.value = re.value, Z.value = "${" + se.value + "." + re.value + "}", W("update:modelValue", Z.value), pe.value.hide();
|
|
89
89
|
}
|
|
90
|
-
!se.value && ee.value.length > 0 && (se.value = ee.value[0].value, he(se.value));
|
|
90
|
+
!se.value && ee.value.length > 0 && (se.value = ee.value[0].value, he(se.value), se.value);
|
|
91
91
|
const xe = v();
|
|
92
92
|
const be = () => {
|
|
93
93
|
ce(), me(), se.value && Ve(se.value), _(() => {
|
package/dist/es/designer/service-components/service/http-service/response-json-setting.vue.js
CHANGED
|
@@ -9,7 +9,7 @@ import "element-plus/es/components/select/style/css";
|
|
|
9
9
|
import "element-plus/es/components/option/style/css";
|
|
10
10
|
import "element-plus/es/components/table-column/style/css";
|
|
11
11
|
import "element-plus/es/components/input/style/css";
|
|
12
|
-
import { defineComponent as i, createBlock as p, openBlock as d, withCtx as u, createVNode as c, createElementBlock as y, toDisplayString as w, Fragment as f, renderList as v, createCommentVNode as
|
|
12
|
+
import { defineComponent as i, createBlock as p, openBlock as d, withCtx as u, createVNode as c, createElementBlock as y, toDisplayString as w, Fragment as f, renderList as v, createCommentVNode as V, unref as b, createTextVNode as k } from "vue";
|
|
13
13
|
import g from "../../../common/components/value-set-input/value-set-input.vue.js";
|
|
14
14
|
import { v4 as h } from "uuid";
|
|
15
15
|
const _ = { key: 0 }, x = { key: 0 }, C = i({ __name: "response-json-setting", props: { modelValue: { type: Array, default: () => [] }, contentType: { type: String, default: "" } }, emits: ["update:modelValue"], setup(i2, { expose: C2, emit: $ }) {
|
|
@@ -37,15 +37,15 @@ const _ = { key: 0 }, x = { key: 0 }, C = i({ __name: "response-json-setting", p
|
|
|
37
37
|
return d(), p(H, { data: i2.modelValue, style: { width: "100%", "margin-top": "20px", "margin-bottom": "20px" }, "row-key": "code", size: "small", onRowDblclick: j, border: "", "tree-props": { children: "items" }, "default-expand-all": "" }, { default: u(() => [c(z2, { prop: "name", label: "返回值字段" }, { default: u((e2) => [e2.row.$editing ? (d(), p($2, { key: 1, size: "small", disabled: e2.row.isArrayElement, modelValue: e2.row.name, "onUpdate:modelValue": (l2) => e2.row.name = l2, placeholder: "" }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])) : (d(), y("span", _, w(e2.row.name), 1))]), _: 1 }), c(z2, { prop: "paramType", width: "100", label: "类型" }, { default: u((e2) => [e2.row.$editing ? (d(), p(R, { key: 1, modelValue: e2.row.paramType, "onUpdate:modelValue": (l2) => e2.row.paramType = l2, onChange: (l2) => {
|
|
38
38
|
return t2 = l2, e2.$index, o2 = e2.row, void ("array" === t2 || o2.items && o2.items.length > 0 && ("object" === t2 ? o2.items = [] : o2.items && delete o2.items));
|
|
39
39
|
var t2, o2;
|
|
40
|
-
}, placeholder: "", size: "small" }, { default: u(() => [(d(), y(f, null, v(U, (e3) => c(D, { key: e3, label: e3, value: e3 }, null, 8, ["label", "value"])), 64))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])) : (d(), y("span", x, w(e2.row.paramType), 1))]), _: 1 }), c(z2, { prop: "value", label: "设置到" }, { default: u((e2) => [e2.row.isArrayElement ?
|
|
40
|
+
}, placeholder: "", size: "small" }, { default: u(() => [(d(), y(f, null, v(U, (e3) => c(D, { key: e3, label: e3, value: e3 }, null, 8, ["label", "value"])), 64))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])) : (d(), y("span", x, w(e2.row.paramType), 1))]), _: 1 }), c(z2, { prop: "value", label: "设置到" }, { default: u((e2) => [e2.row.isArrayElement ? V("", true) : (d(), p(b(g), { key: 0, showLabel: !e2.row.$editing, size: "small", paramTypes: ["request", "data", "service"], modelValue: e2.row.value, "onUpdate:modelValue": (l2) => e2.row.value = l2 }, null, 8, ["showLabel", "modelValue", "onUpdate:modelValue"]))]), _: 1 }), c(z2, { align: "center", width: 150 }, { header: u(() => [c(S, { type: "primary", size: "small", onClick: A, link: "" }, { default: u(() => C3[0] || (C3[0] = [k("添加 ")])), _: 1 })]), default: u((e2) => [c(G, { size: "small", style: { "vertical-align": "middle" } }, { dropdown: u(() => [c(F, null, { default: u(() => ["object" === e2.row.paramType ? (d(), p(B, { key: 0, onClick: (l2) => ((e3, l3) => {
|
|
41
41
|
l3.items || (l3.items = []);
|
|
42
42
|
const t2 = q();
|
|
43
43
|
t2.level = l3.level + 1, l3.items.push(t2);
|
|
44
|
-
})(e2.$index, e2.row) }, { default: u(() => C3[2] || (C3[2] = [k("添加下级节点")])), _: 2 }, 1032, ["onClick"])) :
|
|
44
|
+
})(e2.$index, e2.row) }, { default: u(() => C3[2] || (C3[2] = [k("添加下级节点")])), _: 2 }, 1032, ["onClick"])) : V("", true), e2.row.isArrayElement ? V("", true) : (d(), p(B, { key: 1, onClick: (l2) => {
|
|
45
45
|
return e2.$index, t2 = e2.row, void E(T.modelValue, t2);
|
|
46
46
|
var t2;
|
|
47
47
|
} }, { default: u(() => C3[3] || (C3[3] = [k("添加相邻节点")])), _: 2 }, 1032, ["onClick"]))]), _: 2 }, 1024)]), default: u(() => [c(S, { type: "primary", link: "", size: "small" }, { default: u(() => C3[1] || (C3[1] = [k(" 添加 ")])), _: 1 })]), _: 2 }, 1024), c(S, { type: "danger", size: "small", disabled: e2.row.isArrayElement, link: "", onClick: (l2) => {
|
|
48
|
-
return e2.$index, t2 = e2.row, void L(T.modelValue, t2);
|
|
48
|
+
return e2.$index, t2 = e2.row, T.modelValue, void L(T.modelValue, t2);
|
|
49
49
|
var t2;
|
|
50
50
|
} }, { default: u(() => C3[4] || (C3[4] = [k(" 删除 ")])), _: 2 }, 1032, ["disabled", "onClick"])]), _: 1 })]), _: 1 }, 8, ["data"]);
|
|
51
51
|
};
|
package/dist/es/designer/service-components/service/http-service/response-xml-setting.vue.js
CHANGED
|
@@ -9,7 +9,7 @@ import "element-plus/es/components/select/style/css";
|
|
|
9
9
|
import "element-plus/es/components/option/style/css";
|
|
10
10
|
import "element-plus/es/components/table-column/style/css";
|
|
11
11
|
import "element-plus/es/components/input/style/css";
|
|
12
|
-
import { defineComponent as i, createBlock as p, openBlock as d, withCtx as u, createVNode as c, createElementBlock as y, toDisplayString as w, Fragment as f, renderList as v, createCommentVNode as
|
|
12
|
+
import { defineComponent as i, createBlock as p, openBlock as d, withCtx as u, createVNode as c, createElementBlock as y, toDisplayString as w, Fragment as f, renderList as v, createCommentVNode as V, unref as b, createTextVNode as k } from "vue";
|
|
13
13
|
import g from "../../../common/components/value-set-input/value-set-input.vue.js";
|
|
14
14
|
import { v4 as h } from "uuid";
|
|
15
15
|
const _ = { key: 0 }, x = { key: 0 }, C = i({ __name: "response-xml-setting", props: { modelValue: { type: Array, default: () => [] }, contentType: { type: String, default: "" } }, emits: ["update:modelValue"], setup(i2, { expose: C2, emit: $ }) {
|
|
@@ -37,15 +37,15 @@ const _ = { key: 0 }, x = { key: 0 }, C = i({ __name: "response-xml-setting", pr
|
|
|
37
37
|
return d(), p(H, { data: i2.modelValue, style: { width: "100%", "margin-top": "20px", "margin-bottom": "20px" }, "row-key": "code", size: "small", onRowDblclick: A, border: "", "tree-props": { children: "items" }, "default-expand-all": "" }, { default: u(() => [c(z2, { prop: "name", label: "返回值字段" }, { default: u((e2) => [e2.row.$editing ? (d(), p($2, { key: 1, size: "small", disabled: e2.row.isArrayElement, modelValue: e2.row.name, "onUpdate:modelValue": (l2) => e2.row.name = l2, placeholder: "" }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])) : (d(), y("span", _, w(e2.row.name), 1))]), _: 1 }), c(z2, { prop: "paramType", width: "100", label: "类型" }, { default: u((e2) => [e2.row.$editing ? (d(), p(R, { key: 1, modelValue: e2.row.paramType, "onUpdate:modelValue": (l2) => e2.row.paramType = l2, onChange: (l2) => {
|
|
38
38
|
return t2 = l2, e2.$index, o2 = e2.row, void ("array" === t2 || o2.items && o2.items.length > 0 && ("object" === t2 ? o2.items = [] : o2.items && delete o2.items));
|
|
39
39
|
var t2, o2;
|
|
40
|
-
}, placeholder: "", size: "small" }, { default: u(() => [(d(), y(f, null, v(U, (e3) => c(D, { key: e3, label: e3, value: e3 }, null, 8, ["label", "value"])), 64))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])) : (d(), y("span", x, w(e2.row.paramType), 1))]), _: 1 }), c(z2, { prop: "value", label: "设置到" }, { default: u((e2) => [e2.row.isArrayElement ?
|
|
40
|
+
}, placeholder: "", size: "small" }, { default: u(() => [(d(), y(f, null, v(U, (e3) => c(D, { key: e3, label: e3, value: e3 }, null, 8, ["label", "value"])), 64))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])) : (d(), y("span", x, w(e2.row.paramType), 1))]), _: 1 }), c(z2, { prop: "value", label: "设置到" }, { default: u((e2) => [e2.row.isArrayElement ? V("", true) : (d(), p(b(g), { key: 0, showLabel: !e2.row.$editing, size: "small", paramTypes: ["request", "data", "service"], modelValue: e2.row.value, "onUpdate:modelValue": (l2) => e2.row.value = l2 }, null, 8, ["showLabel", "modelValue", "onUpdate:modelValue"]))]), _: 1 }), c(z2, { align: "center", width: 150 }, { header: u(() => [c(S, { type: "primary", size: "small", onClick: E, link: "" }, { default: u(() => C3[0] || (C3[0] = [k("添加 ")])), _: 1 })]), default: u((e2) => [c(G, { size: "small", style: { "vertical-align": "middle" } }, { dropdown: u(() => [c(F, null, { default: u(() => ["object" === e2.row.paramType ? (d(), p(B, { key: 0, onClick: (l2) => ((e3, l3) => {
|
|
41
41
|
l3.items || (l3.items = []);
|
|
42
42
|
const t2 = q();
|
|
43
43
|
t2.level = l3.level + 1, l3.items.push(t2);
|
|
44
|
-
})(e2.$index, e2.row) }, { default: u(() => C3[1] || (C3[1] = [k("添加下级节点")])), _: 2 }, 1032, ["onClick"])) :
|
|
44
|
+
})(e2.$index, e2.row) }, { default: u(() => C3[1] || (C3[1] = [k("添加下级节点")])), _: 2 }, 1032, ["onClick"])) : V("", true), e2.row.isArrayElement ? V("", true) : (d(), p(B, { key: 1, onClick: (l2) => {
|
|
45
45
|
return e2.$index, t2 = e2.row, void j(T.modelValue, t2);
|
|
46
46
|
var t2;
|
|
47
47
|
} }, { default: u(() => C3[2] || (C3[2] = [k("添加相邻节点")])), _: 2 }, 1032, ["onClick"]))]), _: 2 }, 1024)]), default: u(() => [c(S, { type: "primary", link: "", size: "small" }, { default: u(() => [k(" 添加 " + w(e2.row.type), 1)]), _: 2 }, 1024)]), _: 2 }, 1024), c(S, { type: "danger", size: "small", disabled: e2.row.isArrayElement, link: "", onClick: (l2) => {
|
|
48
|
-
return e2.$index, t2 = e2.row, void L(T.modelValue, t2);
|
|
48
|
+
return e2.$index, t2 = e2.row, T.modelValue, void L(T.modelValue, t2);
|
|
49
49
|
var t2;
|
|
50
50
|
} }, { default: u(() => C3[3] || (C3[3] = [k(" 删除 ")])), _: 2 }, 1032, ["disabled", "onClick"])]), _: 1 })]), _: 1 }, 8, ["data"]);
|
|
51
51
|
};
|
|
@@ -3,18 +3,21 @@ import { initNodes as o, serviceComponentGroups as t } from "../service-componen
|
|
|
3
3
|
import s from "../flow/edge/CustomLine.js";
|
|
4
4
|
import r from "@logicflow/core";
|
|
5
5
|
import { Dagre as c } from "@logicflow/layout";
|
|
6
|
-
import { Menu as i, DndPanel as n, SelectionSelect as l, MiniMap as
|
|
6
|
+
import { Menu as i, DndPanel as n, SelectionSelect as l, MiniMap as a, Group as d } from "@logicflow/extension";
|
|
7
7
|
const p = [{ type: "zoomOut", desc: "缩小", class: "serviceflow-control-item-zoomOut" }, { type: "zoomIn", desc: "放大", class: "serviceflow-control-item-zoomIn" }, { type: "fit", desc: "适应", class: "serviceflow-control-item-fit" }, { type: "undo", desc: "上一步", class: "serviceflow-control-item-undo" }, { type: "redo", desc: "下一步", class: "serviceflow-control-item-redo" }, { type: "reset", desc: "定位还原", class: "custom-reset" }, { type: "select", desc: "框选", class: "custom-select", clickStyle: true }, { type: "beautify", desc: "一键美化", class: "custom-beautify" }];
|
|
8
8
|
function f(e2) {
|
|
9
|
-
return new r({ container: e2, grid: { visible: false, size: 2 }, background: {}, plugins: [i, n, l,
|
|
9
|
+
return new r({ container: e2, grid: { visible: false, size: 2 }, background: {}, plugins: [i, n, l, a, d, c] });
|
|
10
10
|
}
|
|
11
11
|
function u(e2) {
|
|
12
12
|
e2.addNode({ id: "start", type: "start", x: 620, y: 50, properties: {} }), e2.addNode({ type: "end", x: 620, y: 550, properties: {} });
|
|
13
13
|
}
|
|
14
14
|
const m = (e2) => {
|
|
15
15
|
if (e2) {
|
|
16
|
-
for (const t2 of o) e2.register(t2.nodeAndView);
|
|
17
|
-
for (const o2 of t)
|
|
16
|
+
for (const t2 of o) t2.type, t2.label, e2.register(t2.nodeAndView);
|
|
17
|
+
for (const o2 of t) {
|
|
18
|
+
o2.label;
|
|
19
|
+
for (const t2 of o2.items) t2.type, t2.label, e2.register(t2.nodeAndView);
|
|
20
|
+
}
|
|
18
21
|
e2.register(s), e2.setDefaultEdgeType("customLine");
|
|
19
22
|
}
|
|
20
23
|
};
|
|
@@ -13,7 +13,7 @@ const v = ["id"], w = t({ __name: "service-node-config", props: { service: { typ
|
|
|
13
13
|
I.value || O(), I.value = false, W("update:currentNode", null);
|
|
14
14
|
}
|
|
15
15
|
function O() {
|
|
16
|
-
C.value && C.value.hasOwnProperty("onClose") && "function" == typeof C.value.onClose && C.value.onClose(), g.currentNode && (["start", "end"].includes(g.currentNode.type) || (C.value && C.value.hasOwnProperty("getData") && "function" == typeof C.value.getData ? g.logicFlowInstance && g.logicFlowInstance.getNodeModelById(g.currentNode.data.id) && g.logicFlowInstance.getNodeModelById(g.currentNode.data.id).setProperties(C.value.getData()) : g.logicFlowInstance.getNodeModelById(g.currentNode.data.id).setProperties(h.value)));
|
|
16
|
+
g.currentNode, C.value && C.value.hasOwnProperty("onClose") && "function" == typeof C.value.onClose && C.value.onClose(), g.currentNode && (["start", "end"].includes(g.currentNode.type) || (C.value && C.value.hasOwnProperty("getData") && "function" == typeof C.value.getData ? g.logicFlowInstance && g.logicFlowInstance.getNodeModelById(g.currentNode.data.id) && g.logicFlowInstance.getNodeModelById(g.currentNode.data.id).setProperties(C.value.getData()) : g.logicFlowInstance.getNodeModelById(g.currentNode.data.id).setProperties(h.value)));
|
|
17
17
|
}
|
|
18
18
|
function j(e2) {
|
|
19
19
|
e2 ? (false === e2.withHeader ? N.value.withHeader = false : N.value.withHeader = true, e2.drawerWidth ? N.value.drawerWidth = e2.drawerWidth : N.value.drawerWidth = "100%") : N.value.drawerWidth = "100%";
|
|
@@ -61,7 +61,10 @@ const q = { class: "dialog-footer" }, B = r({ __name: "service-test", props: { m
|
|
|
61
61
|
}).catch((e3) => {
|
|
62
62
|
I.value = e3.response;
|
|
63
63
|
});
|
|
64
|
-
}, Q = () =>
|
|
64
|
+
}, Q = () => {
|
|
65
|
+
const e2 = { inputType: R.value, inputJson: F.value, entity: P.value, requestParams: A.value, serviceFlowJson: W(), pageDesignJson: X() };
|
|
66
|
+
return P.value, A.value, e2;
|
|
67
|
+
}, W = () => {
|
|
65
68
|
var _a;
|
|
66
69
|
const e2 = JSON.parse(JSON.stringify(B2.cloneService));
|
|
67
70
|
return e2.flow = (_a = B2.lf) == null ? void 0 : _a.getGraphData(), e2.runtimeJson = JSON.stringify(k(e2)), e2.variables = JSON.stringify(e2.variables), e2.log = JSON.stringify(e2.log), e2.flow = JSON.stringify(e2.flow), e2.returnValues = JSON.stringify(e2.returnValues), JSON.stringify(e2);
|
|
@@ -4,7 +4,7 @@ import "element-plus/es/components/drawer/style/css";
|
|
|
4
4
|
import "element-plus/es/components/timeline/style/css";
|
|
5
5
|
import "element-plus/es/components/skeleton/style/css";
|
|
6
6
|
import "element-plus/es/components/skeleton-item/style/css";
|
|
7
|
-
import { defineComponent as t, ref as n, computed as i, onMounted as r, createElementBlock as s, openBlock as u, Fragment as
|
|
7
|
+
import { defineComponent as t, ref as n, computed as i, onMounted as r, createElementBlock as s, openBlock as u, Fragment as c, createElementVNode as v, createVNode as p, withDirectives as d, normalizeStyle as f, vShow as g, withCtx as m, nextTick as w } from "vue";
|
|
8
8
|
import y from "./service-node-config.vue.js";
|
|
9
9
|
import S from "./service-update-log.vue.js";
|
|
10
10
|
import x from "./service-flow-tool.vue.js";
|
|
@@ -20,7 +20,7 @@ import { useServiceFlowStore as j } from "../../stores/page-store.js";
|
|
|
20
20
|
import { ElMessageBox as M, ElMessage as V } from "element-plus";
|
|
21
21
|
const _ = { class: "serviceflow-design-content", ref: "ambServiceFlowContent" }, B = { style: { height: "100%" } }, I = { class: "serviceflow-design-board", ref: "pageDesignBoardMain" }, z = { style: { padding: "200px", "box-sizing": "border-box", height: "100%", "background-color": "#ffffff" } }, G = t({ __name: "view-index", props: { logicFlowInstance: { type: b, default: () => {
|
|
22
22
|
} }, serviceTreeData: { type: Array, default: () => [] }, pageContext: { type: Object, default: () => ({}) } }, emits: ["onBlankClick", "onDeleteNode", "update:logicFlowInstance", "load-tree-data"], setup(t2, { expose: b2, emit: G2 }) {
|
|
23
|
-
const
|
|
23
|
+
const L = j(), R = t2, T = G2, A = n(), E = n(), P = n(), U = n("100%"), H = n(), $ = i(() => ({ height: U.value })), q = n(false), K = n(), Q = n(null), W = n({ code: "", name: "" }), X = n(null);
|
|
24
24
|
r(() => {
|
|
25
25
|
if (H.value) {
|
|
26
26
|
const e2 = H.value.getBoundingClientRect();
|
|
@@ -37,16 +37,17 @@ const _ = { class: "serviceflow-design-content", ref: "ambServiceFlowContent" },
|
|
|
37
37
|
});
|
|
38
38
|
}, le = () => {
|
|
39
39
|
K.value && (K.value.on("connection:not-allowed", (e2) => {
|
|
40
|
+
e2.msg;
|
|
40
41
|
}), K.value.on("blank:click", (e2) => {
|
|
41
|
-
|
|
42
|
+
E.value.onBlankClick();
|
|
42
43
|
}), K.value.on("selection:selected", () => {
|
|
43
44
|
K.value && K.value.extension.selectionSelect.closeSelectionSelect();
|
|
44
45
|
}), K.value.on("node:click", (e2) => {
|
|
45
|
-
X.value && X.value.data.id === e2.data.id || (
|
|
46
|
+
X.value && X.value.data.id === e2.data.id || (E.value.onNodeClick(e2), X.value = e2);
|
|
46
47
|
}), K.value.on("history:change", (e2) => {
|
|
47
48
|
e2.data.undos;
|
|
48
49
|
}), K.value.on("custom:deleteNode", (e2) => {
|
|
49
|
-
X.value &&
|
|
50
|
+
X.value && E.value.onDeleteNode(), T("onDeleteNode");
|
|
50
51
|
}));
|
|
51
52
|
}, oe = (e2) => {
|
|
52
53
|
if (K.value) {
|
|
@@ -54,23 +55,23 @@ const _ = { class: "serviceflow-design-content", ref: "ambServiceFlowContent" },
|
|
|
54
55
|
te() ? M.confirm("服务配置发生变化, 是否需要保存?", "提示", { confirmButtonText: "保存", cancelButtonText: "不保存", closeOnClickModal: false, closeOnPressEscape: false, type: "warning" }).then(() => {
|
|
55
56
|
var _a;
|
|
56
57
|
Q.value = W.value, Q.value.flow = (_a = K.value) == null ? void 0 : _a.getGraphData();
|
|
57
|
-
D(W.value.code,
|
|
58
|
+
D(W.value.code, R.serviceTreeData).name = W.value.name, re({ beforeSave: true });
|
|
58
59
|
}).catch(() => {
|
|
59
60
|
ae(e2);
|
|
60
61
|
}) : ae(e2);
|
|
61
62
|
} else ae(e2);
|
|
62
63
|
}, ae = (e2) => {
|
|
63
|
-
|
|
64
|
-
K.value = k(
|
|
65
|
-
if (
|
|
66
|
-
const e4 =
|
|
64
|
+
E.value.closeDrawer(), W.value = JSON.parse(JSON.stringify(e2)), Q.value = JSON.parse(JSON.stringify(e2)), L.currentService = W.value, Q.value, ((e3) => {
|
|
65
|
+
K.value = k(A.value), w(() => {
|
|
66
|
+
if (A.value) {
|
|
67
|
+
const e4 = A.value.getBoundingClientRect();
|
|
67
68
|
(e4.y || 0 === e4.y) && (U.value = window.innerHeight - e4.y - 60 - 20 + "px");
|
|
68
69
|
}
|
|
69
70
|
}), K.value.extension.menu.setMenuConfig({ nodeMenu: [], graphMenu: [{ text: "服务属性", callback() {
|
|
70
71
|
q.value = true;
|
|
71
72
|
} }] }), le(), O(K.value), e3.flow && e3.flow.nodes && e3.flow.nodes.length > 0 ? K.value.render(e3.flow) : (K.value.render(), J(K.value));
|
|
72
73
|
const { editConfigModel: l2 } = K.value.graphModel;
|
|
73
|
-
l2.updateEditConfig({ stopMoveGraph: false }),
|
|
74
|
+
l2.updateEditConfig({ stopMoveGraph: false }), T("update:logicFlowInstance", K.value);
|
|
74
75
|
})(W.value);
|
|
75
76
|
}, te = () => {
|
|
76
77
|
if (!K.value) return false;
|
|
@@ -83,7 +84,7 @@ const _ = { class: "serviceflow-design-content", ref: "ambServiceFlowContent" },
|
|
|
83
84
|
W.value.runtimeJson = JSON.stringify(C(W.value));
|
|
84
85
|
const l2 = JSON.parse(JSON.stringify(W.value));
|
|
85
86
|
l2.variables = JSON.stringify(l2.variables), l2.log = JSON.stringify(l2.log), l2.flow = JSON.stringify(l2.flow), l2.returnValues = JSON.stringify(l2.returnValues), h.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow", { designLog: e2, appServiceFlow: l2 }).then((e3) => {
|
|
86
|
-
e3 && (V({ message: "保存成功", type: "success" }), K.value = null, e3.variables && (e3.variables = JSON.parse(e3.variables)), e3.log && (e3.log = JSON.parse(e3.log)), e3.flow && (e3.flow = JSON.parse(e3.flow)), e3.returnValues && (e3.returnValues = JSON.parse(e3.returnValues)), oe(e3), P.value.closeDialog(),
|
|
87
|
+
e3 && (V({ message: "保存成功", type: "success" }), K.value = null, e3.variables && (e3.variables = JSON.parse(e3.variables)), e3.log && (e3.log = JSON.parse(e3.log)), e3.flow && (e3.flow = JSON.parse(e3.flow)), e3.returnValues && (e3.returnValues = JSON.parse(e3.returnValues)), oe(e3), P.value.closeDialog(), T("load-tree-data"));
|
|
87
88
|
});
|
|
88
89
|
}
|
|
89
90
|
};
|
|
@@ -93,12 +94,12 @@ const _ = { class: "serviceflow-design-content", ref: "ambServiceFlowContent" },
|
|
|
93
94
|
const se = () => {
|
|
94
95
|
};
|
|
95
96
|
return b2({ onDragNode: (e2) => {
|
|
96
|
-
K.value
|
|
97
|
+
K.value ? K.value.dnd.startDrag({ type: e2.type, properties: { name: e2.label } }) : console.error("LogicFlow实例还没有初始化");
|
|
97
98
|
}, onServiceClick: oe, clearFlowCanvas: () => {
|
|
98
99
|
K.value && (K.value.clearData(), K.value = null, Q.value = null, W.value = { code: "", name: "" }, q.value = false, X.value = {});
|
|
99
100
|
} }), (n2, i2) => {
|
|
100
101
|
const r2 = l, w2 = e, b3 = o, h2 = a;
|
|
101
|
-
return u(), s(
|
|
102
|
+
return u(), s(c, null, [v("div", _, [d(v("div", B, [p(x, { cloneService: W.value, lf: K.value, pageContext: t2.pageContext, onShowJson: se, onShowServiceLog: re, onSaveSevice: ne }, null, 8, ["cloneService", "lf", "pageContext"]), v("div", I, [v("div", { style: f($.value), ref_key: "logicFlowContainer", ref: A, class: "container" }, null, 4)], 512)], 512), [[g, K.value]]), d(v("div", { style: f([{ "padding-top": "10px", "box-sizing": "border-box" }, $.value]), ref_key: "emptyContainer", ref: H }, [v("div", z, [p(w2, { style: { "--el-skeleton-circle-size": "100px" } }, { template: m(() => [p(r2, { variant: "circle" }), p(r2, { variant: "rect", style: { width: "100px", height: "100px", margin: "0 50px" } }), i2[2] || (i2[2] = v("div", { class: "triangle" }, null, -1))]), _: 1 }), p(b3, { style: { "max-width": "600px" } })])], 4), [[g, !K.value]]), p(h2, { modelValue: q.value, "onUpdate:modelValue": i2[0] || (i2[0] = (e2) => q.value = e2), "append-to-body": true, "destroy-on-close": "", "modal-class": "el-overlay", modal: true, title: "服务参数", onClose: Z, "before-close": Y, direction: "rtl", size: "50%" }, { default: m(() => [p(N, { service: W.value }, null, 8, ["service"])]), _: 1 }, 8, ["modelValue"])], 512), p(S, { ref_key: "serviceUpdateLogRef", ref: P, onSave: ie, lf: K.value, cloneService: W.value }, null, 8, ["lf", "cloneService"]), p(y, { logicFlowInstance: t2.logicFlowInstance, currentNode: X.value, "onUpdate:currentNode": i2[1] || (i2[1] = (e2) => X.value = e2), sourceService: Q.value, service: W.value, pageContext: t2.pageContext, ref_key: "serviceNodeConfigRef", ref: E }, null, 8, ["logicFlowInstance", "currentNode", "sourceService", "service", "pageContext"])], 64);
|
|
102
103
|
};
|
|
103
104
|
} });
|
|
104
105
|
export {
|
|
@@ -4,15 +4,15 @@ import "element-plus/es/components/collapse/style/css";
|
|
|
4
4
|
import "element-plus/es/components/collapse-item/style/css";
|
|
5
5
|
import "element-plus/es/components/row/style/css";
|
|
6
6
|
import "element-plus/es/components/col/style/css";
|
|
7
|
-
import { defineComponent as n, ref as o, createBlock as m, openBlock as p, withCtx as a, createElementBlock as i, Fragment as u, renderList as r, unref as c, createElementVNode as d, createVNode as f, toDisplayString as
|
|
7
|
+
import { defineComponent as n, ref as o, createBlock as m, openBlock as p, withCtx as a, createElementBlock as i, Fragment as u, renderList as r, unref as c, createElementVNode as d, createVNode as f, toDisplayString as y, createTextVNode as g } from "vue";
|
|
8
8
|
import { serviceComponentGroups as v } from "../service-components/index.js";
|
|
9
9
|
const x = ["src"], _ = { style: { padding: "8px 0px 0px 0px" } }, b = ["title", "onMousedown"], h = ["src"], w = n({ __name: "component-panel", emits: ["drag-node"], setup(n2, { emit: w2 }) {
|
|
10
10
|
const V = w2, M = o(v[0].name);
|
|
11
11
|
return (n3, o2) => {
|
|
12
12
|
const w3 = t, j = s, k = l, U = e;
|
|
13
|
-
return p(), m(U, { modelValue: M.value, "onUpdate:modelValue": o2[0] || (o2[0] = (e2) => M.value = e2), style: { "margin-top": "6px" } }, { default: a(() => [(p(true), i(u, null, r(c(v), (e2, l2) => (p(), m(k, { key: l2, name: e2.name, class: "serviceflow-attr-group-header" }, { title: a(() => [d("img", { src: e2.icon, style: { height: "18px" } }, null, 8, x), o2[1] || (o2[1] =
|
|
14
|
-
V("drag-node", e4);
|
|
15
|
-
}(e3) }, [d("div", null, [d("img", { src: e3.icon, style: { height: "16px" } }, null, 8, h)]), d("span", null,
|
|
13
|
+
return p(), m(U, { modelValue: M.value, "onUpdate:modelValue": o2[0] || (o2[0] = (e2) => M.value = e2), style: { "margin-top": "6px" } }, { default: a(() => [(p(true), i(u, null, r(c(v), (e2, l2) => (p(), m(k, { key: l2, name: e2.name, class: "serviceflow-attr-group-header" }, { title: a(() => [d("img", { src: e2.icon, style: { height: "18px" } }, null, 8, x), o2[1] || (o2[1] = g(" ")), d("b", null, y(e2.label), 1)]), default: a(() => [d("div", _, [f(j, { gutter: 14 }, { default: a(() => [(p(true), i(u, null, r(e2.items, (e3, l3) => (p(), m(w3, { span: 8 }, { default: a(() => [d("div", { class: "serviceflow-item", title: e3.label, onMousedown: (l4) => function(e4) {
|
|
14
|
+
e4.type, V("drag-node", e4);
|
|
15
|
+
}(e3) }, [d("div", null, [d("img", { src: e3.icon, style: { height: "16px" } }, null, 8, h)]), d("span", null, y(e3.label), 1)], 40, b)]), _: 2 }, 1024))), 256))]), _: 2 }, 1024)])]), _: 2 }, 1032, ["name"]))), 128))]), _: 1 }, 8, ["modelValue"]);
|
|
16
16
|
};
|
|
17
17
|
} });
|
|
18
18
|
export {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ElRow as e, ElCol as l, ElInput as a, ElIcon as t, ElTooltip as o, ElButton as n, ElTree as
|
|
1
|
+
import { ElRow as e, ElCol as l, ElInput as a, ElIcon as t, ElTooltip as o, ElButton as n, ElTree as u, ElDialog as s, ElFormItem as i } from "element-plus/es";
|
|
2
2
|
import "element-plus/es/components/base/style/css";
|
|
3
3
|
import "element-plus/es/components/dialog/style/css";
|
|
4
4
|
import "element-plus/es/components/form-item/style/css";
|
|
@@ -31,15 +31,15 @@ const I = { class: "custom-tree-node" }, P = { style: { "margin-left": "5px", "l
|
|
|
31
31
|
K.value = G.value.type, Q.value = JSON.parse(JSON.stringify(G.value)), Q.value.children && delete Q.value.children, H.value = true;
|
|
32
32
|
}, oe = (e2) => {
|
|
33
33
|
Q.value = { code: N(), name: "", customCode: "", type: K.value }, G.value.id && "leaf" === e2 && (Q.value.parentCode = G.value.code), H.value = true;
|
|
34
|
-
}, ne = r([]),
|
|
34
|
+
}, ne = r([]), ue = (e2, l2, a2) => {
|
|
35
35
|
l2 ? (ne.value.push(e2.id), e2.children && e2.children.length > 0 && e2.children.forEach((e3) => {
|
|
36
36
|
-1 == ne.value.indexOf(e3.id) && ne.value.push(e3.id);
|
|
37
37
|
})) : (ne.value.splice(ne.value.indexOf(e2.id), 1), e2.children && e2.children.length > 0 && e2.children.forEach((e3) => {
|
|
38
38
|
let l3 = ne.value.indexOf(e3.id);
|
|
39
39
|
l3 > -1 && ne.value.splice(l3, 1);
|
|
40
40
|
}));
|
|
41
|
-
},
|
|
42
|
-
ne.value.length > 0 ? U({ url: window.$vueApp.config.globalProperties.baseAPI + `/component/super-page-design/service-flow/export/${
|
|
41
|
+
}, se = J.pageContext.systemCode, ie = J.pageContext.systemVersion, de = () => {
|
|
42
|
+
ne.value.length > 0 ? U({ url: window.$vueApp.config.globalProperties.baseAPI + `/component/super-page-design/service-flow/export/${se}/${ie}`, method: "post", data: ne.value, responseType: "blob" }).then((e2) => {
|
|
43
43
|
let l2 = new Blob([e2], { type: "application/zip" }), a2 = document.createElement("a");
|
|
44
44
|
a2.href = window.URL.createObjectURL(l2), a2.download = "服务编排.zip", a2.click(), window.URL.revokeObjectURL(a2.href);
|
|
45
45
|
}) : A.warning("请选择服务或菜单");
|
|
@@ -50,17 +50,17 @@ const I = { class: "custom-tree-node" }, P = { style: { "margin-left": "5px", "l
|
|
|
50
50
|
if (e2) {
|
|
51
51
|
re.value.value = null;
|
|
52
52
|
const l2 = new FormData();
|
|
53
|
-
l2.append("multipartFile", e2), U({ url: window.$vueApp.config.globalProperties.baseAPI + `/component/super-page-design/service-flow/import/${
|
|
53
|
+
l2.append("multipartFile", e2), U({ url: window.$vueApp.config.globalProperties.baseAPI + `/component/super-page-design/service-flow/import/${se}/${ie}`, method: "post", headers: { "Content-Type": "multipart/form-data" }, data: l2 }).then(() => {
|
|
54
54
|
A.success("导入成功"), M("load-tree-data");
|
|
55
55
|
}).catch((e3) => {
|
|
56
56
|
});
|
|
57
57
|
} else A.warning("未选择文件");
|
|
58
58
|
}, me = () => {
|
|
59
|
-
Q.value.name ? "MENU" === Q.value.type || Q.value.customCode ? (Q.value.systemCode || (Q.value.systemCode = J.pageContext.systemCode), Q.value.publishVersion || (Q.value.publishVersion = J.pageContext.systemVersion), U.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow", { designLog: null, appServiceFlow: Q.value }).then((e2) => {
|
|
59
|
+
Q.value.name ? "MENU" === Q.value.type || Q.value.customCode ? (Q.value, Q.value.systemCode || (Q.value.systemCode = J.pageContext.systemCode), Q.value.publishVersion || (Q.value.publishVersion = J.pageContext.systemVersion), U.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow", { designLog: null, appServiceFlow: Q.value }).then((e2) => {
|
|
60
60
|
e2 && (Q.value.id ? (M("load-tree-data"), Object.assign(G.value, e2)) : Q.value.parentCode ? (G.value.children || (G.value.children = []), G.value.children.push(e2)) : L.serviceTreeData.push(e2), G.value = {}, A.success("保存成功"), H.value = false, Q.value = {});
|
|
61
61
|
})) : A.warning("自定义编码不能为空") : A.warning("名称不能为空");
|
|
62
62
|
}, ve = () => {
|
|
63
|
-
G.value.children && G.value.children.length > 0 ? A.warning("该节点下存在子节点,不能删除!") : T.confirm("确定要删除吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(({ value: e2 }) => {
|
|
63
|
+
G.value, G.value.children && G.value.children.length > 0 ? A.warning("该节点下存在子节点,不能删除!") : T.confirm("确定要删除吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(({ value: e2 }) => {
|
|
64
64
|
fe();
|
|
65
65
|
});
|
|
66
66
|
}, fe = () => {
|
|
@@ -79,7 +79,7 @@ const I = { class: "custom-tree-node" }, P = { style: { "margin-left": "5px", "l
|
|
|
79
79
|
e3.variables && (e3.variables = JSON.parse(e3.variables)), e3.log && (e3.log = JSON.parse(e3.log)), e3.flow && (e3.flow = JSON.parse(e3.flow)), e3.returnValues && (e3.returnValues = JSON.parse(e3.returnValues)), W.value = e3, M("service-click", e3);
|
|
80
80
|
});
|
|
81
81
|
}, ge = () => {
|
|
82
|
-
K.value = G.value.type;
|
|
82
|
+
G.value, K.value = G.value.type;
|
|
83
83
|
const e2 = JSON.parse(JSON.stringify(G.value));
|
|
84
84
|
Y.value = { sourceServiceCode: e2.code, publishVersion: e2.publishVersion, code: N() }, X.value = true;
|
|
85
85
|
}, he = () => {
|
|
@@ -91,8 +91,8 @@ const I = { class: "custom-tree-node" }, P = { style: { "margin-left": "5px", "l
|
|
|
91
91
|
}) : A.warning("自定义编码不能为空") : A.warning("名称不能为空");
|
|
92
92
|
};
|
|
93
93
|
return (r2, N2) => {
|
|
94
|
-
const U2 = t, O2 = a, S2 = l, A2 = e, T2 = n, $3 = o, J2 =
|
|
95
|
-
return c(), p("div", null, [m(A2, { style: { "margin-bottom": "10px" } }, { default: f(() => [m(S2, { span: 24 }, { default: f(() => [m(O2, { modelValue: j.value, "onUpdate:modelValue": N2[0] || (N2[0] = (e2) => j.value = e2), placeholder: "搜索" }, { suffix: f(() => [m(U2, null, { default: f(() => [m(y(k))]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })]), _: 1 }), m(A2, null, { default: f(() => [m(S2, { span: 24 }, { default: f(() => [m($3, { effect: "dark", content: "导入", placement: "top" }, { default: f(() => [m(T2, { type: "primary", onClick: pe }, { default: f(() => [g("input", { ref_key: "processFile", ref: re, accept: ".zip", name: "processFile", style: { display: "none" }, type: "file", onChange: ce }, null, 544), N2[11] || (N2[11] = h(" 导入 "))]), _: 1 })]), _: 1 }), m($3, { effect: "dark", content: "导出", placement: "top" }, { default: f(() => [m(T2, { type: "primary", onClick: de }, { default: f(() => N2[12] || (N2[12] = [h("导出")])), _: 1 })]), _: 1 }), m($3, { effect: "dark", content: "添加根菜单", placement: "top" }, { default: f(() => [m(T2, { type: "primary", icon: y(V), onClick: le }, null, 8, ["icon"])]), _: 1 })]), _: 1 })]), _: 1 }), m(J2, { style: { "margin-top": "10px" }, ref_key: "serviceTreeRef", ref: F, data: d2.serviceTreeData, "node-key": "id", props: D, "show-checkbox": "", "expand-on-click-node": false, "default-expand-all": true, "highlight-current": "", onNodeClick: ye, onNodeContextmenu: Z, onCheckChange:
|
|
94
|
+
const U2 = t, O2 = a, S2 = l, A2 = e, T2 = n, $3 = o, J2 = u, M2 = i, L2 = s;
|
|
95
|
+
return c(), p("div", null, [m(A2, { style: { "margin-bottom": "10px" } }, { default: f(() => [m(S2, { span: 24 }, { default: f(() => [m(O2, { modelValue: j.value, "onUpdate:modelValue": N2[0] || (N2[0] = (e2) => j.value = e2), placeholder: "搜索" }, { suffix: f(() => [m(U2, null, { default: f(() => [m(y(k))]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })]), _: 1 }), m(A2, null, { default: f(() => [m(S2, { span: 24 }, { default: f(() => [m($3, { effect: "dark", content: "导入", placement: "top" }, { default: f(() => [m(T2, { type: "primary", onClick: pe }, { default: f(() => [g("input", { ref_key: "processFile", ref: re, accept: ".zip", name: "processFile", style: { display: "none" }, type: "file", onChange: ce }, null, 544), N2[11] || (N2[11] = h(" 导入 "))]), _: 1 })]), _: 1 }), m($3, { effect: "dark", content: "导出", placement: "top" }, { default: f(() => [m(T2, { type: "primary", onClick: de }, { default: f(() => N2[12] || (N2[12] = [h("导出")])), _: 1 })]), _: 1 }), m($3, { effect: "dark", content: "添加根菜单", placement: "top" }, { default: f(() => [m(T2, { type: "primary", icon: y(V), onClick: le }, null, 8, ["icon"])]), _: 1 })]), _: 1 })]), _: 1 }), m(J2, { style: { "margin-top": "10px" }, ref_key: "serviceTreeRef", ref: F, data: d2.serviceTreeData, "node-key": "id", props: D, "show-checkbox": "", "expand-on-click-node": false, "default-expand-all": true, "highlight-current": "", onNodeClick: ye, onNodeContextmenu: Z, onCheckChange: ue }, { default: f(({ node: e2, data: l2 }) => [g("span", I, ["MENU" === l2.type ? (c(), b(U2, { key: 0, size: 16 }, { default: f(() => [m(y(x))]), _: 1 })) : (c(), b(U2, { key: 1, size: 16 }, { default: f(() => [m(y(E))]), _: 1 })), g("span", P, w(e2.label), 1)])]), _: 1 }, 8, ["data"]), m(L2, { modelValue: H.value, "onUpdate:modelValue": N2[4] || (N2[4] = (e2) => H.value = e2), "append-to-body": true, title: "MENU" === K.value ? "菜单" : "服务", width: "500" }, { footer: f(() => [g("div", z, [m(T2, { type: "default", size: "mini", onClick: N2[3] || (N2[3] = (e2) => H.value = false) }, { default: f(() => N2[13] || (N2[13] = [h("返回")])), _: 1 }), m(T2, { size: "mini", type: "primary", onClick: me }, { default: f(() => N2[14] || (N2[14] = [h(" 确定 ")])), _: 1 })])]), default: f(() => ["SERVICE" === K.value ? (c(), b(M2, { key: 0, label: "自定义编码:", required: true }, { default: f(() => [m(O2, { disabled: Q.value.id, modelValue: Q.value.customCode, "onUpdate:modelValue": N2[1] || (N2[1] = (e2) => Q.value.customCode = e2) }, null, 8, ["disabled", "modelValue"])]), _: 1 })) : C("", true), m(M2, { label: " 名称:", required: true }, { default: f(() => [m(O2, { modelValue: Q.value.name, "onUpdate:modelValue": N2[2] || (N2[2] = (e2) => Q.value.name = e2) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 }, 8, ["modelValue", "title"]), m(L2, { modelValue: X.value, "onUpdate:modelValue": N2[8] || (N2[8] = (e2) => X.value = e2), "append-to-body": true, title: "复制服务", width: "500" }, { footer: f(() => [g("div", R, [m(T2, { type: "default", size: "mini", onClick: N2[7] || (N2[7] = (e2) => X.value = false) }, { default: f(() => N2[15] || (N2[15] = [h("返回")])), _: 1 }), m(T2, { size: "mini", type: "primary", onClick: he }, { default: f(() => N2[16] || (N2[16] = [h(" 确定 ")])), _: 1 })])]), default: f(() => [m(M2, { label: "自定义编码:", required: true }, { default: f(() => [m(O2, { modelValue: Y.value.customCode, "onUpdate:modelValue": N2[5] || (N2[5] = (e2) => Y.value.customCode = e2) }, null, 8, ["modelValue"])]), _: 1 }), m(M2, { label: " 名称:", required: true }, { default: f(() => [m(O2, { modelValue: Y.value.name, "onUpdate:modelValue": N2[6] || (N2[6] = (e2) => Y.value.name = e2) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 }, 8, ["modelValue"]), v(g("div", null, [g("ul", { ref_key: "contxtMenuRef", ref: q, class: "context-menu" }, ["MENU" === G.value.type ? (c(), p("li", { key: 0, tabindex: "-1", class: "menu__item", onClick: N2[9] || (N2[9] = (e2) => ae("MENU")) }, N2[17] || (N2[17] = [g("span", null, "添加菜单", -1)]))) : C("", true), "MENU" === G.value.type ? (c(), p("li", { key: 1, tabindex: "-1", class: "menu__item", onClick: N2[10] || (N2[10] = (e2) => ae("SERVICE")) }, N2[18] || (N2[18] = [g("span", null, "添加服务", -1)]))) : C("", true), W.value.code !== G.value.code ? (c(), p("li", { key: 2, tabindex: "-1", class: "menu__item", onClick: te }, N2[19] || (N2[19] = [g("span", null, "修改", -1)]))) : C("", true), "SERVICE" === G.value.type ? (c(), p("li", { key: 3, tabindex: "-1", class: "menu__item", onClick: ge }, N2[20] || (N2[20] = [g("span", null, "复制", -1)]))) : C("", true), g("li", { tabindex: "-1", class: "menu__item", onClick: ve }, N2[21] || (N2[21] = [g("span", null, "删除", -1)]))], 512)], 512), [[_, B.value && G.value]])]);
|
|
96
96
|
};
|
|
97
97
|
} });
|
|
98
98
|
export {
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { defineComponent as e, ref as a, computed as s, createElementBlock as l, openBlock as o, normalizeStyle as
|
|
1
|
+
import { defineComponent as e, ref as a, computed as s, createElementBlock as l, openBlock as o, normalizeStyle as t, createElementVNode as r, normalizeClass as c, createBlock as i } from "vue";
|
|
2
2
|
import n from "@logicflow/core";
|
|
3
3
|
import v from "./service-list.vue.js";
|
|
4
4
|
import m from "./component-panel.vue.js";
|
|
5
5
|
import "../service-components/index.js";
|
|
6
|
-
const d = { class: "amb-assembly-header" }, p = { class: "amb-assembly-header-type" }, u = { class: "amb-design-assembly-list" },
|
|
6
|
+
const d = { class: "amb-assembly-header" }, p = { class: "amb-assembly-header-type" }, u = { class: "amb-design-assembly-list" }, y = e({ __name: "service-panel", props: { logicFlowInstance: { type: n, default: () => {
|
|
7
7
|
} }, serviceTreeData: { type: Array, default: () => [] } }, emits: ["drag-node", "service-click", "clear-flow-canvas", "load-tree-data"], setup(e2, { emit: n2 }) {
|
|
8
|
-
const
|
|
9
|
-
|
|
8
|
+
const y2 = n2, b = a("serviceFlowList"), f = a(), g = s(() => ({ height: f.value + "px" })), w = (e3) => {
|
|
9
|
+
e3.type, y2("drag-node", e3);
|
|
10
10
|
}, k = (e3) => {
|
|
11
|
-
|
|
11
|
+
y2("service-click", e3);
|
|
12
12
|
}, D = () => {
|
|
13
|
-
|
|
13
|
+
y2("clear-flow-canvas");
|
|
14
14
|
}, C = () => {
|
|
15
|
-
|
|
15
|
+
y2("load-tree-data");
|
|
16
16
|
};
|
|
17
|
-
return (a2, s2) => (o(), l("div", { class: "amb-design-assembly-content", ref: "ambDesignAssemblyContent", style:
|
|
17
|
+
return (a2, s2) => (o(), l("div", { class: "amb-design-assembly-content", ref: "ambDesignAssemblyContent", style: t(g.value) }, [r("div", d, [r("div", p, [r("label", { class: c({ selected: "serviceFlowList" === b.value }), onClick: s2[0] || (s2[0] = (e3) => b.value = "serviceFlowList") }, " 服务列表 ", 2), r("label", { class: c({ selected: "component" === b.value }), onClick: s2[1] || (s2[1] = (e3) => b.value = "component") }, " 组件库 ", 2)])]), r("div", u, ["serviceFlowList" === b.value ? (o(), i(v, { key: 0, serviceTreeData: e2.serviceTreeData, onLoadTreeData: C, onServiceClick: k, onClearFlowCanvas: D }, null, 8, ["serviceTreeData"])) : (o(), i(m, { key: 1, onDragNode: w }))])], 4));
|
|
18
18
|
} });
|
|
19
19
|
export {
|
|
20
|
-
|
|
20
|
+
y as default
|
|
21
21
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "service-flow-designer",
|
|
3
|
-
"version": "2.3.
|
|
3
|
+
"version": "2.3.7-flow1",
|
|
4
4
|
"description": "AgileBuilder Service Flow Designer",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"main": "dist/es/index.js",
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
"@logicflow/layout": "1.2.0-alpha.16",
|
|
62
62
|
"@uiw/codemirror-themes-all": "^4.21.25",
|
|
63
63
|
"@vueuse/core": "^10.9.0",
|
|
64
|
-
"agilebuilder-ui": "1.1.
|
|
64
|
+
"agilebuilder-ui": "1.1.43",
|
|
65
65
|
"codemirror": "^6.0.1",
|
|
66
66
|
"nprogress": "^0.2.0",
|
|
67
67
|
"pinia": "^2.1.7",
|