service-flow-designer 2.3.12-rc3-flow1 → 2.3.17-sit1-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/datatable-select.vue.js +1 -1
- package/dist/es/designer/common/components/datatable-select.vue2.js +3 -3
- package/dist/es/designer/common/components/json-view/json-view-dialog.vue.js +1 -1
- package/dist/es/designer/common/components/json-view/json-view.vue.js +52 -2
- package/dist/es/designer/common/components/json-view/json-view.vue2.js +2 -52
- 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/desginer-index.vue.js +1 -1
- package/dist/es/designer/desginer-index.vue2.js +12 -12
- package/dist/es/designer/service-components/index.d.ts +1 -2
- 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 +4 -7
- 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 +2 -5
- package/dist/es/designer/service-flow-view/view-index.vue.js +1 -1
- package/dist/es/designer/service-flow-view/view-index.vue2.js +14 -15
- package/dist/es/designer/service-panel/component-panel.vue.d.ts +15 -3
- package/dist/es/designer/service-panel/component-panel.vue.js +1 -1
- package/dist/es/designer/service-panel/component-panel.vue2.js +16 -10
- package/dist/es/designer/service-panel/service-list.vue2.js +10 -10
- package/dist/es/designer/service-panel/service-panel.vue.d.ts +9 -0
- package/dist/es/designer/service-panel/service-panel.vue.js +1 -1
- package/dist/es/designer/service-panel/service-panel.vue2.js +13 -13
- package/dist/es/style.css +43 -43
- package/package.json +2 -2
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import e from "./datatable-select.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const a = t(e, [["__scopeId", "data-v-
|
|
4
|
+
const a = t(e, [["__scopeId", "data-v-019dc0fb"]]);
|
|
5
5
|
export {
|
|
6
6
|
a as default
|
|
7
7
|
};
|
|
@@ -32,7 +32,7 @@ const k = { class: "dialog-footer" }, T = p({ name: "DatatableSelect", inheritAt
|
|
|
32
32
|
const l2 = { code: "MMS_MODULE_PAGE", pagination: { currentPage: E.value.currentPage, pageSize: E.value.pageSize, showTotal: true }, searchForm: [], dynamicColumnInfo: [] };
|
|
33
33
|
I.value.searchCode && l2.searchForm.push({ leftBracket: "", rightBracket: "", joinSign: "and", propName: "name", operator: "CONTAIN", dataType: "TEXT", propValue: I.value.searchCode }), I.value.searchName && l2.searchForm.push({ leftBracket: "", rightBracket: "", joinSign: "and", propName: "alias", operator: "CONTAIN", dataType: "TEXT", propValue: I.value.searchName });
|
|
34
34
|
const a2 = e2.code || P.systemCode;
|
|
35
|
-
V.post(window.$vueApp.config.globalProperties.baseAPI + "/
|
|
35
|
+
V.post(window.$vueApp.config.globalProperties.baseAPI + "/component/data-tables/list/" + a2 + "/0/" + e2.publishVersion, l2).then((e3) => {
|
|
36
36
|
U.value = e3.data, E.value.pageSize = e3.size, E.value.total = e3.total;
|
|
37
37
|
});
|
|
38
38
|
}
|
|
@@ -57,8 +57,8 @@ const k = { class: "dialog-footer" }, T = p({ name: "DatatableSelect", inheritAt
|
|
|
57
57
|
e3 && e3.forEach((e4) => {
|
|
58
58
|
e4.name = e4.name + "(" + e4.publishVersion + ")";
|
|
59
59
|
});
|
|
60
|
-
|
|
61
|
-
$.value = JSON.parse(JSON.stringify(e3[l2])), A.value = e3, O.value = e3
|
|
60
|
+
let l2 = e3.findIndex((e4) => e4.code === P.systemCode);
|
|
61
|
+
l2 >= 0 && ($.value = JSON.parse(JSON.stringify(e3[l2])), J($.value)), A.value = e3, O.value = e3;
|
|
62
62
|
});
|
|
63
63
|
});
|
|
64
64
|
return (p3, c2) => {
|
|
@@ -2,7 +2,7 @@ import { ElDialog as e } 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 { defineComponent as o, ref as t, watch as l, createBlock as s, openBlock as a, withCtx as n, createVNode as u } from "vue";
|
|
5
|
-
import p from "./json-view.
|
|
5
|
+
import p from "./json-view.vue.js";
|
|
6
6
|
const d = o({ name: "JsonViewDialog", inheritAttrs: false, __name: "json-view-dialog", props: { jsonObject: { type: Object, default: () => {
|
|
7
7
|
} }, appendToBody: { type: Boolean, default: false }, modelValue: { type: Boolean, default: false } }, emits: ["update:modelValue"], setup(o2, { emit: d2 }) {
|
|
8
8
|
const m = o2, i = d2, r = t(false);
|
|
@@ -1,4 +1,54 @@
|
|
|
1
|
-
import e from "
|
|
1
|
+
import { defineComponent as e, ref as t, watch as r, onMounted as n, nextTick as o, createElementBlock as i, openBlock as c } from "vue";
|
|
2
|
+
import { EditorView as s, basicSetup as a } from "codemirror";
|
|
3
|
+
import { jsonLanguage as u } from "@codemirror/lang-json";
|
|
4
|
+
import { EditorState as m, Facet as l } from "@codemirror/state";
|
|
5
|
+
import { eclipse as f, githubDark as h, githubLight as d, dracula as g, vscodeDark as p, xcodeDark as v, xcodeLight as j } from "@uiw/codemirror-themes-all";
|
|
6
|
+
const w = e({ name: "JsonView", inheritAttrs: false, __name: "json-view", props: { jsonObject: { type: Object, default: () => {
|
|
7
|
+
} }, height: { type: Number, default: 0 }, theme: { type: String, default: null } }, setup(e2) {
|
|
8
|
+
const w2 = e2, y = t(null), b = t(), x = t("400px");
|
|
9
|
+
function O() {
|
|
10
|
+
y.value && y.value.destroy();
|
|
11
|
+
const e3 = w2.jsonObject ? JSON.stringify(w2.jsonObject, null, 2) : "";
|
|
12
|
+
if (w2.height) x.value = w2.height + "px";
|
|
13
|
+
else if (b.value) {
|
|
14
|
+
const e4 = b.value.getBoundingClientRect();
|
|
15
|
+
(e4.y || 0 === e4.y) && (x.value = window.innerHeight - e4.y - 100 + "px");
|
|
16
|
+
}
|
|
17
|
+
const t2 = function(e4) {
|
|
18
|
+
const t3 = function() {
|
|
19
|
+
if (w2.theme) switch (w2.theme) {
|
|
20
|
+
case "xcodeLight":
|
|
21
|
+
return j;
|
|
22
|
+
case "xcodeDark":
|
|
23
|
+
return v;
|
|
24
|
+
case "vscodeDark":
|
|
25
|
+
return p;
|
|
26
|
+
case "dracula":
|
|
27
|
+
return g;
|
|
28
|
+
case "githubLight":
|
|
29
|
+
return d;
|
|
30
|
+
case "githubDark":
|
|
31
|
+
return h;
|
|
32
|
+
case "eclipse":
|
|
33
|
+
return f;
|
|
34
|
+
}
|
|
35
|
+
return s.theme({});
|
|
36
|
+
}(), r3 = s.theme({ ".cm-content, .cm-gutter": { minHeight: x.value }, "&": { height: x.value, maxHeight: x.value, fontSize: "12px" } });
|
|
37
|
+
return m.create({ doc: e4, extensions: [m.tabSize.of(16), a, u, t3, r3, S.of(true), k] });
|
|
38
|
+
}(e3);
|
|
39
|
+
let r2 = document.getElementById("cf-codemirror-view-json");
|
|
40
|
+
r2 && (y.value = new s({ state: t2, parent: r2 }));
|
|
41
|
+
}
|
|
42
|
+
r(() => w2.jsonObject, (e3) => {
|
|
43
|
+
y.value && O();
|
|
44
|
+
}, { deep: true }), n(() => {
|
|
45
|
+
o(() => {
|
|
46
|
+
O();
|
|
47
|
+
});
|
|
48
|
+
});
|
|
49
|
+
const S = l.define({ combine: (e3) => e3.some((e4) => e4) }), k = m.transactionFilter.of((e3) => e3.isUserEvent && e3.docChanged && e3.state.facet(S) ? { changes: { from: e3.changes.from, to: e3.changes.to, insert: e3.startState.doc.sliceString(e3.changes.from, e3.changes.to) } } : e3);
|
|
50
|
+
return (e3, t2) => (c(), i("div", { style: { width: "100%" }, ref_key: "cfCodemirrorJsonViewRef", ref: b, id: "cf-codemirror-view-json" }, null, 512));
|
|
51
|
+
} });
|
|
2
52
|
export {
|
|
3
|
-
|
|
53
|
+
w as default
|
|
4
54
|
};
|
|
@@ -1,54 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { EditorView as s, basicSetup as a } from "codemirror";
|
|
3
|
-
import { jsonLanguage as u } from "@codemirror/lang-json";
|
|
4
|
-
import { EditorState as m, Facet as l } from "@codemirror/state";
|
|
5
|
-
import { eclipse as f, githubDark as h, githubLight as d, dracula as g, vscodeDark as p, xcodeDark as v, xcodeLight as j } from "@uiw/codemirror-themes-all";
|
|
6
|
-
const w = e({ name: "JsonView", inheritAttrs: false, __name: "json-view", props: { jsonObject: { type: Object, default: () => {
|
|
7
|
-
} }, height: { type: Number, default: 0 }, theme: { type: String, default: null } }, setup(e2) {
|
|
8
|
-
const w2 = e2, y = t(null), b = t(), x = t("400px");
|
|
9
|
-
function O() {
|
|
10
|
-
y.value && y.value.destroy();
|
|
11
|
-
const e3 = w2.jsonObject ? JSON.stringify(w2.jsonObject, null, 2) : "";
|
|
12
|
-
if (w2.height) x.value = w2.height + "px";
|
|
13
|
-
else if (b.value) {
|
|
14
|
-
const e4 = b.value.getBoundingClientRect();
|
|
15
|
-
(e4.y || 0 === e4.y) && (window.innerHeight, e4.y, x.value = window.innerHeight - e4.y - 100 + "px");
|
|
16
|
-
}
|
|
17
|
-
const t2 = function(e4) {
|
|
18
|
-
const t3 = function() {
|
|
19
|
-
if (w2.theme) switch (w2.theme) {
|
|
20
|
-
case "xcodeLight":
|
|
21
|
-
return j;
|
|
22
|
-
case "xcodeDark":
|
|
23
|
-
return v;
|
|
24
|
-
case "vscodeDark":
|
|
25
|
-
return p;
|
|
26
|
-
case "dracula":
|
|
27
|
-
return g;
|
|
28
|
-
case "githubLight":
|
|
29
|
-
return d;
|
|
30
|
-
case "githubDark":
|
|
31
|
-
return h;
|
|
32
|
-
case "eclipse":
|
|
33
|
-
return f;
|
|
34
|
-
}
|
|
35
|
-
return s.theme({});
|
|
36
|
-
}(), r3 = s.theme({ ".cm-content, .cm-gutter": { minHeight: x.value }, "&": { height: x.value, maxHeight: x.value, fontSize: "12px" } });
|
|
37
|
-
return m.create({ doc: e4, extensions: [m.tabSize.of(16), a, u, t3, r3, S.of(true), k] });
|
|
38
|
-
}(e3);
|
|
39
|
-
let r2 = document.getElementById("cf-codemirror-view-json");
|
|
40
|
-
r2 && (y.value = new s({ state: t2, parent: r2 }));
|
|
41
|
-
}
|
|
42
|
-
r(() => w2.jsonObject, (e3) => {
|
|
43
|
-
y.value && O();
|
|
44
|
-
}, { deep: true }), n(() => {
|
|
45
|
-
o(() => {
|
|
46
|
-
O();
|
|
47
|
-
});
|
|
48
|
-
});
|
|
49
|
-
const S = l.define({ combine: (e3) => e3.some((e4) => e4) }), k = m.transactionFilter.of((e3) => e3.isUserEvent && e3.docChanged && e3.state.facet(S) ? { changes: { from: e3.changes.from, to: e3.changes.to, insert: e3.startState.doc.sliceString(e3.changes.from, e3.changes.to) } } : e3);
|
|
50
|
-
return (e3, t2) => (c(), i("div", { style: { width: "100%" }, ref_key: "cfCodemirrorJsonViewRef", ref: b, id: "cf-codemirror-view-json" }, null, 512));
|
|
51
|
-
} });
|
|
1
|
+
import e from "./json-view.vue.js";
|
|
52
2
|
export {
|
|
53
|
-
|
|
3
|
+
e as default
|
|
54
4
|
};
|
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
import { defineComponent as e, ref as t, onMounted as
|
|
1
|
+
import { defineComponent as e, ref as t, onMounted as o, nextTick as n, watch as i, 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), p = t(), h = t("400px");
|
|
7
|
+
function v() {
|
|
8
|
+
if (d.value && d.value.destroy(), f2.height) h.value = f2.height + "px";
|
|
9
|
+
else if (p.value) {
|
|
10
|
+
const e4 = p.value.getBoundingClientRect();
|
|
11
|
+
(e4.y || 0 === e4.y) && (h.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: h.value }, "&": { height: h.value, maxHeight: h.value, fontSize: "12px" } });
|
|
15
|
+
return c.create({ doc: f2.sql, extensions: [c.tabSize.of(16), m, s(), e4, t3, g.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
|
+
o(() => {
|
|
22
|
+
n(() => {
|
|
23
|
+
v();
|
|
24
24
|
});
|
|
25
|
-
}),
|
|
26
|
-
|
|
25
|
+
}), i(() => f2.sql, () => {
|
|
26
|
+
v();
|
|
27
27
|
});
|
|
28
|
-
const
|
|
29
|
-
return (e3, t2) => (l(), r("div", { style: { width: "100%" }, ref_key: "cfCodemirrorJsonViewRef", ref:
|
|
28
|
+
const g = a.define({ combine: (e3) => e3.some((e4) => e4) });
|
|
29
|
+
return (e3, t2) => (l(), r("div", { style: { width: "100%" }, ref_key: "cfCodemirrorJsonViewRef", ref: p, 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));
|
|
91
91
|
const xe = v();
|
|
92
92
|
const be = () => {
|
|
93
93
|
ce(), me(), se.value && Ve(se.value), _(() => {
|
|
@@ -3,33 +3,33 @@ import "element-plus/es/components/base/style/css";
|
|
|
3
3
|
import "element-plus/es/components/container/style/css";
|
|
4
4
|
import "element-plus/es/components/main/style/css";
|
|
5
5
|
import "element-plus/es/components/aside/style/css";
|
|
6
|
-
import { defineComponent as
|
|
6
|
+
import { defineComponent as n, ref as s, onMounted as a, createBlock as l, openBlock as r, withCtx as i, createVNode as c, normalizeStyle as p } from "vue";
|
|
7
7
|
import u from "./service-panel/service-panel.vue.js";
|
|
8
8
|
import m from "./service-flow-view/view-index.vue.js";
|
|
9
9
|
import "./service-components/index.js";
|
|
10
10
|
import { useServiceFlowStore as v } from "../stores/page-store.js";
|
|
11
11
|
import g from "agilebuilder-ui/src/utils/request";
|
|
12
|
-
const d =
|
|
13
|
-
const d2 =
|
|
12
|
+
const d = n({ __name: "desginer-index", props: { pageContext: { type: Object, default: () => ({}) } }, setup(n2) {
|
|
13
|
+
const d2 = n2, f = s([]);
|
|
14
14
|
v().setPageContext(d2.pageContext);
|
|
15
|
-
const w =
|
|
15
|
+
const w = s(null), C = s(), x = () => {
|
|
16
16
|
g.get(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow/tree/" + d2.pageContext.systemCode + "/" + d2.pageContext.systemVersion).then((e2) => {
|
|
17
17
|
e2 && (f.value = e2.children);
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
a(() => {
|
|
21
|
+
x();
|
|
22
22
|
});
|
|
23
|
-
const
|
|
24
|
-
|
|
23
|
+
const y = (e2) => {
|
|
24
|
+
C.value.onDragNode(e2);
|
|
25
25
|
}, F = (e2) => {
|
|
26
|
-
|
|
26
|
+
C.value.onServiceClick(e2);
|
|
27
27
|
}, D = () => {
|
|
28
|
-
|
|
28
|
+
C.value.clearFlowCanvas(), w.value = null;
|
|
29
29
|
};
|
|
30
|
-
return (
|
|
30
|
+
return (s2, a2) => {
|
|
31
31
|
const v2 = t, g2 = o, d3 = e;
|
|
32
|
-
return r(),
|
|
32
|
+
return r(), l(d3, { class: "amb-container" }, { default: i(() => [c(v2, { class: "serviceflow-container-left" }, { default: i(() => [c(u, { logicFlowInstance: w.value, "onUpdate:logicFlowInstance": a2[0] || (a2[0] = (e2) => w.value = e2), serviceTreeData: f.value, pageContext: n2.pageContext, onServiceClick: F, onClearFlowCanvas: D, onLoadTreeData: x, onDragNode: y, style: p(s2.containerHeightStyle) }, null, 8, ["logicFlowInstance", "serviceTreeData", "pageContext", "style"])]), _: 1 }), c(g2, { class: "serviceflow-container-main", style: p(s2.containerHeightStyle) }, { default: i(() => [c(m, { logicFlowInstance: w.value, "onUpdate:logicFlowInstance": a2[1] || (a2[1] = (e2) => w.value = e2), serviceTreeData: f.value, pageContext: n2.pageContext, onLoadTreeData: x, ref_key: "serviceFlowViewRef", ref: C }, null, 8, ["logicFlowInstance", "serviceTreeData", "pageContext"])]), _: 1 }, 8, ["style"])]), _: 1 });
|
|
33
33
|
};
|
|
34
34
|
} });
|
|
35
35
|
export {
|
|
@@ -6,7 +6,7 @@ export interface NodeType<T extends any> {
|
|
|
6
6
|
icon: string | undefined;
|
|
7
7
|
[otherProp: string]: any;
|
|
8
8
|
}
|
|
9
|
-
type NodeGroup = {
|
|
9
|
+
export type NodeGroup = {
|
|
10
10
|
name: string;
|
|
11
11
|
label: string;
|
|
12
12
|
items: NodeType<any>[];
|
|
@@ -16,4 +16,3 @@ export declare const initNodes: NodeType<any>[];
|
|
|
16
16
|
export declare const serviceComponentGroups: NodeGroup[];
|
|
17
17
|
export declare function getServiceNodeByType(type: string): NodeType<any>;
|
|
18
18
|
export declare function getConfigByType(type: string): NodeType<any>;
|
|
19
|
-
export {};
|
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 b, unref as V, 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 ? b("", true) : (d(), p(V(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"])) : b("", true), e2.row.isArrayElement ? b("", 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,
|
|
48
|
+
return e2.$index, t2 = e2.row, 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 b, unref as V, 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 ? b("", true) : (d(), p(V(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"])) : b("", true), e2.row.isArrayElement ? b("", 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,
|
|
48
|
+
return e2.$index, t2 = e2.row, 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,21 +3,18 @@ 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 d, Group as a } 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, d, a, 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)
|
|
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
|
-
}
|
|
16
|
+
for (const t2 of o) e2.register(t2.nodeAndView);
|
|
17
|
+
for (const o2 of t) for (const t2 of o2.items) e2.register(t2.nodeAndView);
|
|
21
18
|
e2.register(s), e2.setDefaultEdgeType("customLine");
|
|
22
19
|
}
|
|
23
20
|
};
|
|
@@ -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
|
-
|
|
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)));
|
|
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%";
|
|
@@ -14,7 +14,7 @@ import { json as _ } from "@codemirror/lang-json";
|
|
|
14
14
|
import { EditorState as j } from "@codemirror/state";
|
|
15
15
|
import S from "agilebuilder-ui/src/utils/request";
|
|
16
16
|
import x from "@logicflow/core";
|
|
17
|
-
import O from "../../common/components/json-view/json-view.
|
|
17
|
+
import O from "../../common/components/json-view/json-view.vue.js";
|
|
18
18
|
import { vscodeDark as C } from "@uiw/codemirror-themes-all";
|
|
19
19
|
import N from "./request-params.vue.js";
|
|
20
20
|
import { getSystemBackendUrl as T } from "agilebuilder-ui/src/utils/common-util";
|
|
@@ -61,10 +61,7 @@ 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 = () => {
|
|
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 = () => {
|
|
64
|
+
}, Q = () => ({ inputType: R.value, inputJson: F.value, entity: P.value, requestParams: A.value, serviceFlowJson: W(), pageDesignJson: X() }), W = () => {
|
|
68
65
|
var _a;
|
|
69
66
|
const e2 = JSON.parse(JSON.stringify(B2.cloneService));
|
|
70
67
|
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 v, createElementVNode as c, 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 R = j(), T = t2, A = G2, E = n(), L = 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,17 +37,16 @@ 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;
|
|
41
40
|
}), K.value.on("blank:click", (e2) => {
|
|
42
|
-
|
|
41
|
+
L.value.onBlankClick();
|
|
43
42
|
}), K.value.on("selection:selected", () => {
|
|
44
43
|
K.value && K.value.extension.selectionSelect.closeSelectionSelect();
|
|
45
44
|
}), K.value.on("node:click", (e2) => {
|
|
46
|
-
X.value && X.value.data.id === e2.data.id || (
|
|
45
|
+
X.value && X.value.data.id === e2.data.id || (L.value.onNodeClick(e2), X.value = e2);
|
|
47
46
|
}), K.value.on("history:change", (e2) => {
|
|
48
47
|
e2.data.undos;
|
|
49
48
|
}), K.value.on("custom:deleteNode", (e2) => {
|
|
50
|
-
X.value &&
|
|
49
|
+
X.value && L.value.onDeleteNode(), A("onDeleteNode");
|
|
51
50
|
}));
|
|
52
51
|
}, oe = (e2) => {
|
|
53
52
|
if (K.value) {
|
|
@@ -55,23 +54,23 @@ const _ = { class: "serviceflow-design-content", ref: "ambServiceFlowContent" },
|
|
|
55
54
|
te() ? M.confirm("服务配置发生变化, 是否需要保存?", "提示", { confirmButtonText: "保存", cancelButtonText: "不保存", closeOnClickModal: false, closeOnPressEscape: false, type: "warning" }).then(() => {
|
|
56
55
|
var _a;
|
|
57
56
|
Q.value = W.value, Q.value.flow = (_a = K.value) == null ? void 0 : _a.getGraphData();
|
|
58
|
-
D(W.value.code,
|
|
57
|
+
D(W.value.code, T.serviceTreeData).name = W.value.name, re({ beforeSave: true });
|
|
59
58
|
}).catch(() => {
|
|
60
59
|
ae(e2);
|
|
61
60
|
}) : ae(e2);
|
|
62
61
|
} else ae(e2);
|
|
63
62
|
}, ae = (e2) => {
|
|
64
|
-
|
|
65
|
-
K.value = k(
|
|
66
|
-
if (
|
|
67
|
-
const e4 =
|
|
63
|
+
L.value.closeDrawer(), W.value = JSON.parse(JSON.stringify(e2)), Q.value = JSON.parse(JSON.stringify(e2)), R.currentService = W.value, ((e3) => {
|
|
64
|
+
K.value = k(E.value), w(() => {
|
|
65
|
+
if (E.value) {
|
|
66
|
+
const e4 = E.value.getBoundingClientRect();
|
|
68
67
|
(e4.y || 0 === e4.y) && (U.value = window.innerHeight - e4.y - 60 - 20 + "px");
|
|
69
68
|
}
|
|
70
69
|
}), K.value.extension.menu.setMenuConfig({ nodeMenu: [], graphMenu: [{ text: "服务属性", callback() {
|
|
71
70
|
q.value = true;
|
|
72
71
|
} }] }), 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));
|
|
73
72
|
const { editConfigModel: l2 } = K.value.graphModel;
|
|
74
|
-
l2.updateEditConfig({ stopMoveGraph: false }),
|
|
73
|
+
l2.updateEditConfig({ stopMoveGraph: false }), A("update:logicFlowInstance", K.value);
|
|
75
74
|
})(W.value);
|
|
76
75
|
}, te = () => {
|
|
77
76
|
if (!K.value) return false;
|
|
@@ -84,7 +83,7 @@ const _ = { class: "serviceflow-design-content", ref: "ambServiceFlowContent" },
|
|
|
84
83
|
W.value.runtimeJson = JSON.stringify(C(W.value));
|
|
85
84
|
const l2 = JSON.parse(JSON.stringify(W.value));
|
|
86
85
|
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) => {
|
|
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(),
|
|
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(), A("load-tree-data"));
|
|
88
87
|
});
|
|
89
88
|
}
|
|
90
89
|
};
|
|
@@ -94,12 +93,12 @@ const _ = { class: "serviceflow-design-content", ref: "ambServiceFlowContent" },
|
|
|
94
93
|
const se = () => {
|
|
95
94
|
};
|
|
96
95
|
return b2({ onDragNode: (e2) => {
|
|
97
|
-
K.value
|
|
96
|
+
K.value && K.value.dnd.startDrag({ type: e2.type, properties: { name: e2.label } });
|
|
98
97
|
}, onServiceClick: oe, clearFlowCanvas: () => {
|
|
99
98
|
K.value && (K.value.clearData(), K.value = null, Q.value = null, W.value = { code: "", name: "" }, q.value = false, X.value = {});
|
|
100
99
|
} }), (n2, i2) => {
|
|
101
100
|
const r2 = l, w2 = e, b3 = o, h2 = a;
|
|
102
|
-
return u(), s(
|
|
101
|
+
return u(), s(v, null, [c("div", _, [d(c("div", B, [p(x, { cloneService: W.value, lf: K.value, pageContext: t2.pageContext, onShowJson: se, onShowServiceLog: re, onSaveSevice: ne }, null, 8, ["cloneService", "lf", "pageContext"]), c("div", I, [c("div", { style: f($.value), ref_key: "logicFlowContainer", ref: E, class: "container" }, null, 4)], 512)], 512), [[g, K.value]]), d(c("div", { style: f([{ "padding-top": "10px", "box-sizing": "border-box" }, $.value]), ref_key: "emptyContainer", ref: H }, [c("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] = c("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: L }, null, 8, ["logicFlowInstance", "currentNode", "sourceService", "service", "pageContext"])], 64);
|
|
103
102
|
};
|
|
104
103
|
} });
|
|
105
104
|
export {
|
|
@@ -1,6 +1,18 @@
|
|
|
1
|
-
declare const _default: import('vue').DefineComponent<
|
|
1
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
2
|
+
pageContext: {
|
|
3
|
+
type: ObjectConstructor;
|
|
4
|
+
default: () => {};
|
|
5
|
+
};
|
|
6
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
2
7
|
"drag-node": (...args: any[]) => void;
|
|
3
|
-
}, string, import('vue').PublicProps, Readonly<
|
|
8
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
9
|
+
pageContext: {
|
|
10
|
+
type: ObjectConstructor;
|
|
11
|
+
default: () => {};
|
|
12
|
+
};
|
|
13
|
+
}>> & Readonly<{
|
|
4
14
|
"onDrag-node"?: (...args: any[]) => any;
|
|
5
|
-
}>, {
|
|
15
|
+
}>, {
|
|
16
|
+
pageContext: Record<string, any>;
|
|
17
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
6
18
|
export default _default;
|
|
@@ -1,20 +1,26 @@
|
|
|
1
|
-
import { ElCollapse as e, ElCollapseItem as
|
|
1
|
+
import { ElCollapse as e, ElCollapseItem as t, ElRow as l, ElCol as s } from "element-plus/es";
|
|
2
2
|
import "element-plus/es/components/base/style/css";
|
|
3
3
|
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
|
|
8
|
-
import { serviceComponentGroups as
|
|
9
|
-
const
|
|
10
|
-
|
|
7
|
+
import { defineComponent as n, ref as o, createBlock as p, openBlock as m, withCtx as a, createElementBlock as u, Fragment as i, renderList as c, createElementVNode as r, createVNode as d, toDisplayString as f, createTextVNode as g } from "vue";
|
|
8
|
+
import { serviceComponentGroups as y } from "../service-components/index.js";
|
|
9
|
+
const v = ["src"], x = { style: { padding: "8px 0px 0px 0px" } }, b = ["title", "onMousedown"], _ = ["src"], h = n({ __name: "component-panel", props: { pageContext: { type: Object, default: () => ({}) } }, emits: ["drag-node"], setup(n2, { emit: h2 }) {
|
|
10
|
+
var _a;
|
|
11
|
+
const w = h2, V = n2, j = o([]), C = ["dynamicSql"];
|
|
12
|
+
((_a = V.pageContext) == null ? void 0 : _a.ucrDesign) ? j.value = y.map((e2) => {
|
|
13
|
+
const t2 = e2.items.filter((e3) => !C.includes(e3.type));
|
|
14
|
+
return { ...e2, items: t2 };
|
|
15
|
+
}) : j.value = y;
|
|
16
|
+
const M = o(y[0].name);
|
|
11
17
|
return (n3, o2) => {
|
|
12
|
-
const
|
|
13
|
-
return
|
|
14
|
-
|
|
15
|
-
}(e3) }, [
|
|
18
|
+
const y2 = s, h3 = l, V2 = t, C2 = e;
|
|
19
|
+
return m(), p(C2, { modelValue: M.value, "onUpdate:modelValue": o2[0] || (o2[0] = (e2) => M.value = e2), style: { "margin-top": "6px" } }, { default: a(() => [(m(true), u(i, null, c(j.value, (e2, t2) => (m(), p(V2, { key: t2, name: e2.name, class: "serviceflow-attr-group-header" }, { title: a(() => [r("img", { src: e2.icon, style: { height: "18px" } }, null, 8, v), o2[1] || (o2[1] = g(" ")), r("b", null, f(e2.label), 1)]), default: a(() => [r("div", x, [d(h3, { gutter: 14 }, { default: a(() => [(m(true), u(i, null, c(e2.items, (e3, t3) => (m(), p(y2, { span: 8 }, { default: a(() => [r("div", { class: "serviceflow-item", title: e3.label, onMousedown: (t4) => function(e4) {
|
|
20
|
+
w("drag-node", e4);
|
|
21
|
+
}(e3) }, [r("div", null, [r("img", { src: e3.icon, style: { height: "16px" } }, null, 8, _)]), r("span", null, f(e3.label), 1)], 40, b)]), _: 2 }, 1024))), 256))]), _: 2 }, 1024)])]), _: 2 }, 1032, ["name"]))), 128))]), _: 1 }, 8, ["modelValue"]);
|
|
16
22
|
};
|
|
17
23
|
} });
|
|
18
24
|
export {
|
|
19
|
-
|
|
25
|
+
h as default
|
|
20
26
|
};
|
|
@@ -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 s, ElDialog as u, 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([]), se = (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
|
+
}, ue = 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/${ue}/${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/${ue}/${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
|
|
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) => {
|
|
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
|
|
63
|
+
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
|
-
|
|
82
|
+
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 = s, M2 = i, L2 = u;
|
|
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: se }, { 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 {
|
|
@@ -9,6 +9,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
9
9
|
type: ArrayConstructor;
|
|
10
10
|
default: () => any[];
|
|
11
11
|
};
|
|
12
|
+
pageContext: {
|
|
13
|
+
type: ObjectConstructor;
|
|
14
|
+
default: () => {};
|
|
15
|
+
};
|
|
12
16
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
13
17
|
"service-click": (...args: any[]) => void;
|
|
14
18
|
"clear-flow-canvas": (...args: any[]) => void;
|
|
@@ -23,12 +27,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
23
27
|
type: ArrayConstructor;
|
|
24
28
|
default: () => any[];
|
|
25
29
|
};
|
|
30
|
+
pageContext: {
|
|
31
|
+
type: ObjectConstructor;
|
|
32
|
+
default: () => {};
|
|
33
|
+
};
|
|
26
34
|
}>> & Readonly<{
|
|
27
35
|
"onService-click"?: (...args: any[]) => any;
|
|
28
36
|
"onClear-flow-canvas"?: (...args: any[]) => any;
|
|
29
37
|
"onLoad-tree-data"?: (...args: any[]) => any;
|
|
30
38
|
"onDrag-node"?: (...args: any[]) => any;
|
|
31
39
|
}>, {
|
|
40
|
+
pageContext: Record<string, any>;
|
|
32
41
|
serviceTreeData: unknown[];
|
|
33
42
|
logicFlowInstance: LogicFlow;
|
|
34
43
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { defineComponent as e, ref as a, computed as s, createElementBlock as l, openBlock as
|
|
1
|
+
import { defineComponent as e, ref as a, computed as s, createElementBlock as l, openBlock as t, normalizeStyle as o, 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" },
|
|
7
|
-
} }, serviceTreeData: { type: Array, default: () => [] } }, emits: ["drag-node", "service-click", "clear-flow-canvas", "load-tree-data"], setup(e2, { emit: n2 }) {
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
},
|
|
11
|
-
|
|
12
|
-
},
|
|
13
|
-
|
|
14
|
-
},
|
|
15
|
-
|
|
6
|
+
const d = { class: "amb-assembly-header" }, p = { class: "amb-assembly-header-type" }, u = { class: "amb-design-assembly-list" }, b = e({ __name: "service-panel", props: { logicFlowInstance: { type: n, default: () => {
|
|
7
|
+
} }, serviceTreeData: { type: Array, default: () => [] }, pageContext: { type: Object, default: () => ({}) } }, emits: ["drag-node", "service-click", "clear-flow-canvas", "load-tree-data"], setup(e2, { emit: n2 }) {
|
|
8
|
+
const b2 = n2, g = a("serviceFlowList"), y = a(), f = s(() => ({ height: y.value + "px" })), C = (e3) => {
|
|
9
|
+
b2("drag-node", e3);
|
|
10
|
+
}, w = (e3) => {
|
|
11
|
+
b2("service-click", e3);
|
|
12
|
+
}, k = () => {
|
|
13
|
+
b2("clear-flow-canvas");
|
|
14
|
+
}, x = () => {
|
|
15
|
+
b2("load-tree-data");
|
|
16
16
|
};
|
|
17
|
-
return (a2, s2) => (
|
|
17
|
+
return (a2, s2) => (t(), l("div", { class: "amb-design-assembly-content", ref: "ambDesignAssemblyContent", style: o(f.value) }, [r("div", d, [r("div", p, [r("label", { class: c({ selected: "serviceFlowList" === g.value }), onClick: s2[0] || (s2[0] = (e3) => g.value = "serviceFlowList") }, " 服务列表 ", 2), r("label", { class: c({ selected: "component" === g.value }), onClick: s2[1] || (s2[1] = (e3) => g.value = "component") }, " 组件库 ", 2)])]), r("div", u, ["serviceFlowList" === g.value ? (t(), i(v, { key: 0, serviceTreeData: e2.serviceTreeData, onLoadTreeData: x, onServiceClick: w, onClearFlowCanvas: k }, null, 8, ["serviceTreeData"])) : (t(), i(m, { key: 1, onDragNode: C, pageContext: e2.pageContext }, null, 8, ["pageContext"]))])], 4));
|
|
18
18
|
} });
|
|
19
19
|
export {
|
|
20
|
-
|
|
20
|
+
b as default
|
|
21
21
|
};
|
package/dist/es/style.css
CHANGED
|
@@ -789,7 +789,7 @@
|
|
|
789
789
|
width: 80px;
|
|
790
790
|
}
|
|
791
791
|
|
|
792
|
-
.serviceflow-attr-base-content[data-v-
|
|
792
|
+
.serviceflow-attr-base-content[data-v-61c1ab40] {
|
|
793
793
|
background: #ffffff;
|
|
794
794
|
box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
|
|
795
795
|
height: 100%;
|
|
@@ -797,16 +797,16 @@
|
|
|
797
797
|
padding-right: 10px;
|
|
798
798
|
overflow: auto;
|
|
799
799
|
}
|
|
800
|
-
.serviceflow-attr-item[data-v-
|
|
800
|
+
.serviceflow-attr-item[data-v-61c1ab40] {
|
|
801
801
|
margin-bottom: 8px;
|
|
802
802
|
}
|
|
803
|
-
.serviceflow-attr-group-header > button[data-v-
|
|
803
|
+
.serviceflow-attr-group-header > button[data-v-61c1ab40] {
|
|
804
804
|
background: #f5f6f8;
|
|
805
805
|
padding-left: 10px;
|
|
806
806
|
font-size: 14px;
|
|
807
807
|
height: 42px;
|
|
808
808
|
}
|
|
809
|
-
.serviceflow-attr-content[data-v-
|
|
809
|
+
.serviceflow-attr-content[data-v-61c1ab40] {
|
|
810
810
|
background: #ffffff;
|
|
811
811
|
box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
|
|
812
812
|
height: 100%;
|
|
@@ -815,20 +815,20 @@
|
|
|
815
815
|
overflow: auto;
|
|
816
816
|
position: relative;
|
|
817
817
|
}
|
|
818
|
-
.serviceflow-attr-header-search[data-v-
|
|
818
|
+
.serviceflow-attr-header-search[data-v-61c1ab40] {
|
|
819
819
|
margin-top: 16px;
|
|
820
820
|
}
|
|
821
|
-
.serviceflow-attr-header-select[data-v-
|
|
821
|
+
.serviceflow-attr-header-select[data-v-61c1ab40] {
|
|
822
822
|
width: 90px;
|
|
823
823
|
height: 36px;
|
|
824
824
|
}
|
|
825
|
-
.serviceflow-page-param-row[data-v-
|
|
825
|
+
.serviceflow-page-param-row[data-v-61c1ab40] {
|
|
826
826
|
height: 34px;
|
|
827
827
|
}
|
|
828
|
-
.el-table__cell > .cell[data-v-
|
|
828
|
+
.el-table__cell > .cell[data-v-61c1ab40] {
|
|
829
829
|
white-space: nowrap !important;
|
|
830
830
|
}
|
|
831
|
-
.serviceflow-item[data-v-
|
|
831
|
+
.serviceflow-item[data-v-61c1ab40] {
|
|
832
832
|
background: rgba(88, 147, 239, 0.06);
|
|
833
833
|
border: 1px dashed rgba(88, 147, 239, 0.06);
|
|
834
834
|
border-radius: 4px 4px 4px 4px;
|
|
@@ -848,14 +848,14 @@
|
|
|
848
848
|
-ms-user-select: none; /* Internet Explorer/Edge */
|
|
849
849
|
user-select: none; /* 标准语法 */
|
|
850
850
|
}
|
|
851
|
-
.serviceflow-item[data-v-
|
|
851
|
+
.serviceflow-item[data-v-61c1ab40]:hover {
|
|
852
852
|
background: rgba(11, 45, 101, 0.105);
|
|
853
853
|
border: 1px dashed rgba(11, 45, 101, 0.227);
|
|
854
854
|
}
|
|
855
|
-
.amb-assembly-item-drag[data-v-
|
|
855
|
+
.amb-assembly-item-drag[data-v-61c1ab40] {
|
|
856
856
|
opacity: 1 !important;
|
|
857
857
|
}
|
|
858
|
-
.amb-design-assembly-content[data-v-
|
|
858
|
+
.amb-design-assembly-content[data-v-495d52e1] {
|
|
859
859
|
background: #ffffff;
|
|
860
860
|
box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
|
|
861
861
|
height: 100%;
|
|
@@ -864,10 +864,10 @@
|
|
|
864
864
|
overflow: auto;
|
|
865
865
|
}
|
|
866
866
|
/*控制滚动条宽度*/
|
|
867
|
-
.amb-design-assembly-content[data-v-
|
|
867
|
+
.amb-design-assembly-content[data-v-495d52e1]::-webkit-scrollbar {
|
|
868
868
|
width: 1px;
|
|
869
869
|
}
|
|
870
|
-
.amb-assembly-header[data-v-
|
|
870
|
+
.amb-assembly-header[data-v-495d52e1] {
|
|
871
871
|
position: absolute;
|
|
872
872
|
width: 220px;
|
|
873
873
|
text-align: center;
|
|
@@ -875,24 +875,24 @@
|
|
|
875
875
|
padding-bottom: 14px;
|
|
876
876
|
background-color: #ffffff;
|
|
877
877
|
}
|
|
878
|
-
.amb-assembly-header-type[data-v-
|
|
878
|
+
.amb-assembly-header-type[data-v-495d52e1] {
|
|
879
879
|
border-radius: 100px 100px 100px 100px;
|
|
880
880
|
background: #ffffff;
|
|
881
881
|
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
|
|
882
882
|
padding: 10px;
|
|
883
883
|
padding-bottom: 12px;
|
|
884
884
|
}
|
|
885
|
-
.amb-assembly-header-type > label[data-v-
|
|
885
|
+
.amb-assembly-header-type > label[data-v-495d52e1] {
|
|
886
886
|
padding: 4px 14px;
|
|
887
887
|
cursor: pointer;
|
|
888
888
|
font-size: 14px;
|
|
889
889
|
}
|
|
890
|
-
.amb-assembly-header-type > label.selected[data-v-
|
|
890
|
+
.amb-assembly-header-type > label.selected[data-v-495d52e1] {
|
|
891
891
|
border-radius: 100px 100px 100px 100px;
|
|
892
892
|
background: #5893ef;
|
|
893
893
|
color: #ffffff;
|
|
894
894
|
}
|
|
895
|
-
.amb-design-assembly-list[data-v-
|
|
895
|
+
.amb-design-assembly-list[data-v-495d52e1] {
|
|
896
896
|
padding-top: 80px;
|
|
897
897
|
}
|
|
898
898
|
|
|
@@ -1075,7 +1075,7 @@
|
|
|
1075
1075
|
.totalStyle[data-v-5a96f1f6] {
|
|
1076
1076
|
margin-top: 8px;
|
|
1077
1077
|
}
|
|
1078
|
-
.serviceflow-design-content[data-v-
|
|
1078
|
+
.serviceflow-design-content[data-v-e1f1daaf] {
|
|
1079
1079
|
overflow: auto;
|
|
1080
1080
|
display: block;
|
|
1081
1081
|
flex: none;
|
|
@@ -1083,10 +1083,10 @@
|
|
|
1083
1083
|
width: 100%;
|
|
1084
1084
|
height: 100%;
|
|
1085
1085
|
}
|
|
1086
|
-
.serviceflow-design-content[data-v-
|
|
1086
|
+
.serviceflow-design-content[data-v-e1f1daaf]::-webkit-scrollbar {
|
|
1087
1087
|
width: 1px;
|
|
1088
1088
|
}
|
|
1089
|
-
.serviceflow-design-tool[data-v-
|
|
1089
|
+
.serviceflow-design-tool[data-v-e1f1daaf] {
|
|
1090
1090
|
position: -webkit-sticky; /**Safari */
|
|
1091
1091
|
position: sticky;
|
|
1092
1092
|
width: 100%;
|
|
@@ -1100,7 +1100,7 @@
|
|
|
1100
1100
|
z-index: 0;
|
|
1101
1101
|
box-sizing: content-box;
|
|
1102
1102
|
}
|
|
1103
|
-
.serviceflow-page-type[data-v-
|
|
1103
|
+
.serviceflow-page-type[data-v-e1f1daaf] {
|
|
1104
1104
|
padding-top: 11px;
|
|
1105
1105
|
padding-left: 6px;
|
|
1106
1106
|
padding-right: 6px;
|
|
@@ -1108,14 +1108,14 @@
|
|
|
1108
1108
|
border-radius: 4px 4px 4px 4px;
|
|
1109
1109
|
cursor: pointer;
|
|
1110
1110
|
}
|
|
1111
|
-
.serviceflow-page-type[data-v-
|
|
1111
|
+
.serviceflow-page-type[data-v-e1f1daaf]:hover {
|
|
1112
1112
|
background: rgba(11, 45, 101, 0.105);
|
|
1113
1113
|
}
|
|
1114
|
-
.serviceflow-page-type.selected[data-v-
|
|
1114
|
+
.serviceflow-page-type.selected[data-v-e1f1daaf] {
|
|
1115
1115
|
background: #5893ef;
|
|
1116
1116
|
color: #ffffff;
|
|
1117
1117
|
}
|
|
1118
|
-
.serviceflow-page-type > label[data-v-
|
|
1118
|
+
.serviceflow-page-type > label[data-v-e1f1daaf] {
|
|
1119
1119
|
font-size: 14px;
|
|
1120
1120
|
padding-left: 6px;
|
|
1121
1121
|
padding-right: 6px;
|
|
@@ -1124,11 +1124,11 @@
|
|
|
1124
1124
|
position: relative;
|
|
1125
1125
|
cursor: pointer;
|
|
1126
1126
|
}
|
|
1127
|
-
.serviceflow-design-tool-split[data-v-
|
|
1127
|
+
.serviceflow-design-tool-split[data-v-e1f1daaf] {
|
|
1128
1128
|
height: 25px;
|
|
1129
1129
|
margin-top: -12px;
|
|
1130
1130
|
}
|
|
1131
|
-
.serviceflow-design-board[data-v-
|
|
1131
|
+
.serviceflow-design-board[data-v-e1f1daaf] {
|
|
1132
1132
|
margin: 0 auto;
|
|
1133
1133
|
margin-top: 28px;
|
|
1134
1134
|
overflow-y: auto;
|
|
@@ -1138,25 +1138,25 @@
|
|
|
1138
1138
|
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
|
|
1139
1139
|
padding-bottom: 20px;
|
|
1140
1140
|
}
|
|
1141
|
-
.container[data-v-
|
|
1141
|
+
.container[data-v-e1f1daaf] {
|
|
1142
1142
|
height: 100%;
|
|
1143
1143
|
width: 100%;
|
|
1144
1144
|
}
|
|
1145
|
-
.amb-item-ghost[data-v-
|
|
1145
|
+
.amb-item-ghost[data-v-e1f1daaf] {
|
|
1146
1146
|
background-color: rgba(64, 158, 255, .1);
|
|
1147
1147
|
overflow: hidden;
|
|
1148
1148
|
}
|
|
1149
|
-
.amb-item-ghost[data-v-
|
|
1149
|
+
.amb-item-ghost[data-v-e1f1daaf] > * {
|
|
1150
1150
|
opacity: 0;
|
|
1151
1151
|
}
|
|
1152
1152
|
/* 将你的自定义样式添加到这里 */
|
|
1153
|
-
.draggable-placeholder[data-v-
|
|
1153
|
+
.draggable-placeholder[data-v-e1f1daaf] {
|
|
1154
1154
|
background-color: red;
|
|
1155
1155
|
border: 1px dashed #ddd;
|
|
1156
1156
|
margin: 5px;
|
|
1157
1157
|
padding: 10px;
|
|
1158
1158
|
}
|
|
1159
|
-
#LF-view[data-v-
|
|
1159
|
+
#LF-view[data-v-e1f1daaf] {
|
|
1160
1160
|
width: calc(100% - 100px);
|
|
1161
1161
|
height: 80%;
|
|
1162
1162
|
outline: none;
|
|
@@ -1168,10 +1168,10 @@
|
|
|
1168
1168
|
/**
|
|
1169
1169
|
解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
|
|
1170
1170
|
*/
|
|
1171
|
-
[data-v-
|
|
1171
|
+
[data-v-e1f1daaf] .el-overlay {
|
|
1172
1172
|
position: static !important;
|
|
1173
1173
|
}
|
|
1174
|
-
.triangle[data-v-
|
|
1174
|
+
.triangle[data-v-e1f1daaf] {
|
|
1175
1175
|
display: inline-block;
|
|
1176
1176
|
width: 0;
|
|
1177
1177
|
height: 0;
|
|
@@ -1179,38 +1179,38 @@
|
|
|
1179
1179
|
border-width: 0 50px 100px 50px;
|
|
1180
1180
|
border-color: transparent transparent var(--el-skeleton-color) transparent;
|
|
1181
1181
|
}
|
|
1182
|
-
.serviceflow-container-left[data-v-
|
|
1182
|
+
.serviceflow-container-left[data-v-e6f540c4] {
|
|
1183
1183
|
width: 260px;
|
|
1184
1184
|
padding-right: 20px;
|
|
1185
1185
|
overflow-y: auto;
|
|
1186
1186
|
}
|
|
1187
|
-
.serviceflow-container-main[data-v-
|
|
1187
|
+
.serviceflow-container-main[data-v-e6f540c4] {
|
|
1188
1188
|
padding: 0 10px 0 0;
|
|
1189
1189
|
}
|
|
1190
|
-
.serviceflow-container-main[data-v-
|
|
1190
|
+
.serviceflow-container-main[data-v-e6f540c4]::-webkit-scrollbar {
|
|
1191
1191
|
width: 1px;
|
|
1192
1192
|
}
|
|
1193
|
-
.serviceflow-container-attr[data-v-
|
|
1193
|
+
.serviceflow-container-attr[data-v-e6f540c4] {
|
|
1194
1194
|
width: 300px;
|
|
1195
1195
|
padding-left: 20px;
|
|
1196
1196
|
}
|
|
1197
1197
|
/**
|
|
1198
1198
|
解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
|
|
1199
1199
|
*/
|
|
1200
|
-
[data-v-
|
|
1200
|
+
[data-v-e6f540c4]:v-deep(.el-drawer__header) {
|
|
1201
1201
|
margin-bottom: 0 !important;
|
|
1202
1202
|
}
|
|
1203
|
-
[data-v-
|
|
1203
|
+
[data-v-e6f540c4] .el-overlay {
|
|
1204
1204
|
position: static;
|
|
1205
1205
|
}
|
|
1206
1206
|
|
|
1207
|
-
.el-select + .el-input[data-v-
|
|
1207
|
+
.el-select + .el-input[data-v-019dc0fb] {
|
|
1208
1208
|
margin-left: 10px;
|
|
1209
1209
|
}
|
|
1210
|
-
.el-input + .el-input[data-v-
|
|
1210
|
+
.el-input + .el-input[data-v-019dc0fb] {
|
|
1211
1211
|
margin-left: 10px;
|
|
1212
1212
|
}
|
|
1213
|
-
.el-input + .el-button[data-v-
|
|
1213
|
+
.el-input + .el-button[data-v-019dc0fb] {
|
|
1214
1214
|
margin-left: 10px;
|
|
1215
1215
|
}
|
|
1216
1216
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "service-flow-designer",
|
|
3
|
-
"version": "2.3.
|
|
3
|
+
"version": "2.3.17-sit1-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.59-sit2",
|
|
65
65
|
"codemirror": "^6.0.1",
|
|
66
66
|
"nprogress": "^0.2.0",
|
|
67
67
|
"pinia": "^2.1.7",
|