service-flow-designer 2.2.70 → 2.2.72-sit2
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-dialog.vue.js +1 -1
- package/dist/es/designer/common/components/json-view/json-view.vue.js +2 -52
- package/dist/es/designer/common/components/json-view/json-view.vue2.js +52 -2
- package/dist/es/designer/desginer-index.vue.js +2 -2
- package/dist/es/designer/desginer-index.vue2.js +25 -21
- package/dist/es/designer/service-flow-view/service-test/service-test.vue.js +1 -1
- package/dist/es/designer/service-panel/service-list.vue.js +1 -1
- package/dist/es/style.css +11 -11
- package/package.json +2 -2
|
@@ -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 p } from "vue";
|
|
5
|
-
import u from "./json-view.
|
|
5
|
+
import u from "./json-view.vue2.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,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) && (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.vue2.js";
|
|
52
2
|
export {
|
|
53
|
-
|
|
3
|
+
e as default
|
|
54
4
|
};
|
|
@@ -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,7 +1,7 @@
|
|
|
1
1
|
import e from "./desginer-index.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import r from "../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const i = r(e, [["__scopeId", "data-v-4df7b9e3"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
i as default
|
|
7
7
|
};
|
|
@@ -3,31 +3,35 @@ 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 s, ref as n,
|
|
7
|
-
import
|
|
8
|
-
import
|
|
6
|
+
import { defineComponent as s, ref as n, onMounted as l, createBlock as a, openBlock as r, withCtx as i, createVNode as c, normalizeStyle as p } from "vue";
|
|
7
|
+
import u from "./service-panel/service-panel.vue.js";
|
|
8
|
+
import m from "./service-flow-view/view-index.vue.js";
|
|
9
9
|
import "./service-components/index.js";
|
|
10
|
-
import { useServiceFlowStore as
|
|
11
|
-
import
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
|
|
15
|
-
const
|
|
16
|
-
|
|
17
|
-
e2 && (
|
|
10
|
+
import { useServiceFlowStore as v } from "../stores/page-store.js";
|
|
11
|
+
import g from "agilebuilder-ui/src/utils/request";
|
|
12
|
+
const d = s({ __name: "desginer-index", props: { pageContext: { type: Object, default: () => ({}) } }, setup(s2) {
|
|
13
|
+
const d2 = s2, f = n([]);
|
|
14
|
+
v().setPageContext(d2.pageContext);
|
|
15
|
+
const w = n(null), y = n(), C = () => {
|
|
16
|
+
g.get(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow/tree/" + d2.pageContext.systemCode + "/" + d2.pageContext.systemVersion).then((e2) => {
|
|
17
|
+
e2 && (f.value = e2.children);
|
|
18
18
|
});
|
|
19
|
-
}, C = (e2) => {
|
|
20
|
-
w.value.onDragNode(e2);
|
|
21
|
-
}, x = (e2) => {
|
|
22
|
-
w.value.onServiceClick(e2);
|
|
23
|
-
}, F = () => {
|
|
24
|
-
w.value.clearFlowCanvas(), f.value = null;
|
|
25
19
|
};
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
20
|
+
l(() => {
|
|
21
|
+
C();
|
|
22
|
+
});
|
|
23
|
+
const x = (e2) => {
|
|
24
|
+
y.value.onDragNode(e2);
|
|
25
|
+
}, F = (e2) => {
|
|
26
|
+
y.value.onServiceClick(e2);
|
|
27
|
+
}, D = () => {
|
|
28
|
+
y.value.clearFlowCanvas(), w.value = null;
|
|
29
|
+
};
|
|
30
|
+
return (n2, l2) => {
|
|
31
|
+
const v2 = t, g2 = o, d3 = e;
|
|
32
|
+
return r(), a(d3, { class: "amb-container" }, { default: i(() => [c(v2, { class: "serviceflow-container-left" }, { default: i(() => [c(u, { logicFlowInstance: w.value, "onUpdate:logicFlowInstance": l2[0] || (l2[0] = (e2) => w.value = e2), serviceTreeData: f.value, onServiceClick: F, onClearFlowCanvas: D, onLoadTreeData: C, onDragNode: x, style: p(n2.containerHeightStyle) }, null, 8, ["logicFlowInstance", "serviceTreeData", "style"])]), _: 1 }), c(g2, { class: "serviceflow-container-main", style: p(n2.containerHeightStyle) }, { default: i(() => [c(m, { logicFlowInstance: w.value, "onUpdate:logicFlowInstance": l2[1] || (l2[1] = (e2) => w.value = e2), serviceTreeData: f.value, pageContext: s2.pageContext, onLoadTreeData: C, ref_key: "serviceFlowViewRef", ref: y }, null, 8, ["logicFlowInstance", "serviceTreeData", "pageContext"])]), _: 1 }, 8, ["style"])]), _: 1 });
|
|
29
33
|
};
|
|
30
34
|
} });
|
|
31
35
|
export {
|
|
32
|
-
|
|
36
|
+
d as default
|
|
33
37
|
};
|
|
@@ -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.vue2.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";
|
package/dist/es/style.css
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
|
|
2
|
-
[data-v-
|
|
2
|
+
[data-v-b89c1b5a] .el-table__row {
|
|
3
3
|
cursor: pointer;
|
|
4
4
|
}
|
|
5
5
|
/** 右键菜单样式 */
|
|
6
|
-
.context-menu[data-v-
|
|
6
|
+
.context-menu[data-v-b89c1b5a] {
|
|
7
7
|
position: absolute;
|
|
8
8
|
background: #fff;
|
|
9
9
|
z-index: 999;
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
border-radius: 10px;
|
|
15
15
|
font-size: 14px;
|
|
16
16
|
}
|
|
17
|
-
.context-menu li[data-v-
|
|
17
|
+
.context-menu li[data-v-b89c1b5a] {
|
|
18
18
|
list-style-type: none;
|
|
19
19
|
min-width: 75px;
|
|
20
20
|
line-height: 28px;
|
|
@@ -23,12 +23,12 @@
|
|
|
23
23
|
padding-left: 5px;
|
|
24
24
|
cursor: pointer;
|
|
25
25
|
}
|
|
26
|
-
.context-menu li[data-v-
|
|
26
|
+
.context-menu li[data-v-b89c1b5a]:hover {
|
|
27
27
|
background: #0165e1;
|
|
28
28
|
color: #fff;
|
|
29
29
|
}
|
|
30
30
|
/** 右键菜单样式 */
|
|
31
|
-
.custom-tree-node[data-v-
|
|
31
|
+
.custom-tree-node[data-v-b89c1b5a] {
|
|
32
32
|
font-size: 14px;
|
|
33
33
|
padding-right: 8px;
|
|
34
34
|
display: flex; /* 使用Flex布局 */
|
|
@@ -1167,28 +1167,28 @@
|
|
|
1167
1167
|
border-width: 0 50px 100px 50px;
|
|
1168
1168
|
border-color: transparent transparent var(--el-skeleton-color) transparent;
|
|
1169
1169
|
}
|
|
1170
|
-
.serviceflow-container-left[data-v-
|
|
1170
|
+
.serviceflow-container-left[data-v-4df7b9e3] {
|
|
1171
1171
|
width: 260px;
|
|
1172
1172
|
padding-right: 20px;
|
|
1173
1173
|
overflow-y: auto;
|
|
1174
1174
|
}
|
|
1175
|
-
.serviceflow-container-main[data-v-
|
|
1175
|
+
.serviceflow-container-main[data-v-4df7b9e3] {
|
|
1176
1176
|
padding: 0 10px 0 0;
|
|
1177
1177
|
}
|
|
1178
|
-
.serviceflow-container-main[data-v-
|
|
1178
|
+
.serviceflow-container-main[data-v-4df7b9e3]::-webkit-scrollbar {
|
|
1179
1179
|
width: 1px;
|
|
1180
1180
|
}
|
|
1181
|
-
.serviceflow-container-attr[data-v-
|
|
1181
|
+
.serviceflow-container-attr[data-v-4df7b9e3] {
|
|
1182
1182
|
width: 300px;
|
|
1183
1183
|
padding-left: 20px;
|
|
1184
1184
|
}
|
|
1185
1185
|
/**
|
|
1186
1186
|
解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
|
|
1187
1187
|
*/
|
|
1188
|
-
[data-v-
|
|
1188
|
+
[data-v-4df7b9e3]:v-deep(.el-drawer__header) {
|
|
1189
1189
|
margin-bottom: 0 !important;
|
|
1190
1190
|
}
|
|
1191
|
-
[data-v-
|
|
1191
|
+
[data-v-4df7b9e3] .el-overlay {
|
|
1192
1192
|
position: static;
|
|
1193
1193
|
}
|
|
1194
1194
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "service-flow-designer",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.72-sit2",
|
|
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.24",
|
|
64
|
+
"agilebuilder-ui": "1.1.24-sit1",
|
|
65
65
|
"codemirror": "^6.0.1",
|
|
66
66
|
"nprogress": "^0.2.0",
|
|
67
67
|
"pinia": "^2.1.7",
|