service-flow-designer 2.0.29 → 2.0.33
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 +139 -1
- package/dist/es/designer/common/components/json-view/json-view.vue2.js +1 -139
- package/dist/es/designer/service-flow-view/service-test/service-test.vue.js +1 -1
- package/dist/es/style.css +302 -302
- package/package.json +2 -2
|
@@ -2,7 +2,7 @@ import { ElDialog } 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, ref, watch, openBlock, createBlock, withCtx, createVNode } from "vue";
|
|
5
|
-
import _sfc_main$1 from "./json-view.
|
|
5
|
+
import _sfc_main$1 from "./json-view.vue.js";
|
|
6
6
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
7
|
...{
|
|
8
8
|
name: "JsonViewDialog",
|
|
@@ -1,4 +1,142 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { defineComponent, ref, watch, onMounted, nextTick, openBlock, createElementBlock } from "vue";
|
|
2
|
+
import { EditorView, basicSetup } from "codemirror";
|
|
3
|
+
import { jsonLanguage } from "@codemirror/lang-json";
|
|
4
|
+
import { EditorState, Facet } from "@codemirror/state";
|
|
5
|
+
import { eclipse, githubDark, githubLight, dracula, vscodeDark, xcodeDark, xcodeLight } from "@uiw/codemirror-themes-all";
|
|
6
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
|
+
...{
|
|
8
|
+
name: "JsonView",
|
|
9
|
+
inheritAttrs: false
|
|
10
|
+
},
|
|
11
|
+
__name: "json-view",
|
|
12
|
+
props: {
|
|
13
|
+
jsonObject: {
|
|
14
|
+
type: Object,
|
|
15
|
+
default: () => {
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
height: {
|
|
19
|
+
type: Number,
|
|
20
|
+
default: 0
|
|
21
|
+
},
|
|
22
|
+
theme: {
|
|
23
|
+
type: String,
|
|
24
|
+
default: null
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
setup(__props) {
|
|
28
|
+
const props = __props;
|
|
29
|
+
const editor = ref(null);
|
|
30
|
+
const cfCodemirrorJsonViewRef = ref();
|
|
31
|
+
const codemirrorHeight = ref("400px");
|
|
32
|
+
watch(
|
|
33
|
+
() => props.jsonObject,
|
|
34
|
+
(newVal) => {
|
|
35
|
+
if (editor.value) {
|
|
36
|
+
loadEditor();
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
{ deep: true }
|
|
40
|
+
);
|
|
41
|
+
onMounted(() => {
|
|
42
|
+
nextTick(() => {
|
|
43
|
+
loadEditor();
|
|
44
|
+
});
|
|
45
|
+
});
|
|
46
|
+
function loadEditor() {
|
|
47
|
+
if (editor.value) {
|
|
48
|
+
editor.value.destroy();
|
|
49
|
+
}
|
|
50
|
+
const jsonStr = props.jsonObject ? JSON.stringify(props.jsonObject, null, 2) : "";
|
|
51
|
+
if (props.height) {
|
|
52
|
+
codemirrorHeight.value = props.height + "px";
|
|
53
|
+
} else {
|
|
54
|
+
if (cfCodemirrorJsonViewRef.value) {
|
|
55
|
+
const rect = cfCodemirrorJsonViewRef.value.getBoundingClientRect();
|
|
56
|
+
if (rect.y || rect.y === 0) {
|
|
57
|
+
console.log("window.innerHeight - rect.y", window.innerHeight, rect.y);
|
|
58
|
+
codemirrorHeight.value = window.innerHeight - rect.y - 100 + "px";
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
const state = getEditorState(jsonStr);
|
|
63
|
+
let element = document.getElementById("cf-codemirror-view-json");
|
|
64
|
+
if (element) {
|
|
65
|
+
editor.value = new EditorView({
|
|
66
|
+
state,
|
|
67
|
+
parent: element
|
|
68
|
+
});
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
function getEditorState(jsonStr) {
|
|
72
|
+
const mytheme = getTheme();
|
|
73
|
+
const baseTheme = EditorView.theme({
|
|
74
|
+
".cm-content, .cm-gutter": { minHeight: codemirrorHeight.value },
|
|
75
|
+
"&": {
|
|
76
|
+
height: codemirrorHeight.value,
|
|
77
|
+
maxHeight: codemirrorHeight.value,
|
|
78
|
+
fontSize: "12px"
|
|
79
|
+
}
|
|
80
|
+
});
|
|
81
|
+
return EditorState.create({
|
|
82
|
+
doc: jsonStr,
|
|
83
|
+
extensions: [
|
|
84
|
+
EditorState.tabSize.of(16),
|
|
85
|
+
basicSetup,
|
|
86
|
+
jsonLanguage,
|
|
87
|
+
mytheme,
|
|
88
|
+
baseTheme,
|
|
89
|
+
readOnlyFacet.of(true),
|
|
90
|
+
preventChanges
|
|
91
|
+
]
|
|
92
|
+
});
|
|
93
|
+
}
|
|
94
|
+
const readOnlyFacet = Facet.define({ combine: (values) => values.some((a) => a) });
|
|
95
|
+
const preventChanges = EditorState.transactionFilter.of((tr) => {
|
|
96
|
+
if (tr.isUserEvent && tr.docChanged && tr.state.facet(readOnlyFacet)) {
|
|
97
|
+
return {
|
|
98
|
+
changes: {
|
|
99
|
+
from: tr.changes.from,
|
|
100
|
+
to: tr.changes.to,
|
|
101
|
+
insert: tr.startState.doc.sliceString(tr.changes.from, tr.changes.to)
|
|
102
|
+
}
|
|
103
|
+
};
|
|
104
|
+
}
|
|
105
|
+
return tr;
|
|
106
|
+
});
|
|
107
|
+
function getTheme() {
|
|
108
|
+
if (props.theme) {
|
|
109
|
+
switch (props.theme) {
|
|
110
|
+
case "xcodeLight":
|
|
111
|
+
return xcodeLight;
|
|
112
|
+
case "xcodeDark":
|
|
113
|
+
return xcodeDark;
|
|
114
|
+
case "vscodeDark":
|
|
115
|
+
return vscodeDark;
|
|
116
|
+
case "dracula":
|
|
117
|
+
return dracula;
|
|
118
|
+
case "githubLight":
|
|
119
|
+
return githubLight;
|
|
120
|
+
case "githubDark":
|
|
121
|
+
return githubDark;
|
|
122
|
+
case "eclipse":
|
|
123
|
+
return eclipse;
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
return EditorView.theme({});
|
|
127
|
+
}
|
|
128
|
+
return (_ctx, _cache) => {
|
|
129
|
+
return openBlock(), createElementBlock("div", {
|
|
130
|
+
style: {
|
|
131
|
+
width: "100%"
|
|
132
|
+
},
|
|
133
|
+
ref_key: "cfCodemirrorJsonViewRef",
|
|
134
|
+
ref: cfCodemirrorJsonViewRef,
|
|
135
|
+
id: "cf-codemirror-view-json"
|
|
136
|
+
}, null, 512);
|
|
137
|
+
};
|
|
138
|
+
}
|
|
139
|
+
});
|
|
2
140
|
export {
|
|
3
141
|
_sfc_main as default
|
|
4
142
|
};
|
|
@@ -1,142 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { EditorView, basicSetup } from "codemirror";
|
|
3
|
-
import { jsonLanguage } from "@codemirror/lang-json";
|
|
4
|
-
import { EditorState, Facet } from "@codemirror/state";
|
|
5
|
-
import { eclipse, githubDark, githubLight, dracula, vscodeDark, xcodeDark, xcodeLight } from "@uiw/codemirror-themes-all";
|
|
6
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
|
-
...{
|
|
8
|
-
name: "JsonView",
|
|
9
|
-
inheritAttrs: false
|
|
10
|
-
},
|
|
11
|
-
__name: "json-view",
|
|
12
|
-
props: {
|
|
13
|
-
jsonObject: {
|
|
14
|
-
type: Object,
|
|
15
|
-
default: () => {
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
height: {
|
|
19
|
-
type: Number,
|
|
20
|
-
default: 0
|
|
21
|
-
},
|
|
22
|
-
theme: {
|
|
23
|
-
type: String,
|
|
24
|
-
default: null
|
|
25
|
-
}
|
|
26
|
-
},
|
|
27
|
-
setup(__props) {
|
|
28
|
-
const props = __props;
|
|
29
|
-
const editor = ref(null);
|
|
30
|
-
const cfCodemirrorJsonViewRef = ref();
|
|
31
|
-
const codemirrorHeight = ref("400px");
|
|
32
|
-
watch(
|
|
33
|
-
() => props.jsonObject,
|
|
34
|
-
(newVal) => {
|
|
35
|
-
if (editor.value) {
|
|
36
|
-
loadEditor();
|
|
37
|
-
}
|
|
38
|
-
},
|
|
39
|
-
{ deep: true }
|
|
40
|
-
);
|
|
41
|
-
onMounted(() => {
|
|
42
|
-
nextTick(() => {
|
|
43
|
-
loadEditor();
|
|
44
|
-
});
|
|
45
|
-
});
|
|
46
|
-
function loadEditor() {
|
|
47
|
-
if (editor.value) {
|
|
48
|
-
editor.value.destroy();
|
|
49
|
-
}
|
|
50
|
-
const jsonStr = props.jsonObject ? JSON.stringify(props.jsonObject, null, 2) : "";
|
|
51
|
-
if (props.height) {
|
|
52
|
-
codemirrorHeight.value = props.height + "px";
|
|
53
|
-
} else {
|
|
54
|
-
if (cfCodemirrorJsonViewRef.value) {
|
|
55
|
-
const rect = cfCodemirrorJsonViewRef.value.getBoundingClientRect();
|
|
56
|
-
if (rect.y || rect.y === 0) {
|
|
57
|
-
console.log("window.innerHeight - rect.y", window.innerHeight, rect.y);
|
|
58
|
-
codemirrorHeight.value = window.innerHeight - rect.y - 100 + "px";
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
const state = getEditorState(jsonStr);
|
|
63
|
-
let element = document.getElementById("cf-codemirror-view-json");
|
|
64
|
-
if (element) {
|
|
65
|
-
editor.value = new EditorView({
|
|
66
|
-
state,
|
|
67
|
-
parent: element
|
|
68
|
-
});
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
function getEditorState(jsonStr) {
|
|
72
|
-
const mytheme = getTheme();
|
|
73
|
-
const baseTheme = EditorView.theme({
|
|
74
|
-
".cm-content, .cm-gutter": { minHeight: codemirrorHeight.value },
|
|
75
|
-
"&": {
|
|
76
|
-
height: codemirrorHeight.value,
|
|
77
|
-
maxHeight: codemirrorHeight.value,
|
|
78
|
-
fontSize: "12px"
|
|
79
|
-
}
|
|
80
|
-
});
|
|
81
|
-
return EditorState.create({
|
|
82
|
-
doc: jsonStr,
|
|
83
|
-
extensions: [
|
|
84
|
-
EditorState.tabSize.of(16),
|
|
85
|
-
basicSetup,
|
|
86
|
-
jsonLanguage,
|
|
87
|
-
mytheme,
|
|
88
|
-
baseTheme,
|
|
89
|
-
readOnlyFacet.of(true),
|
|
90
|
-
preventChanges
|
|
91
|
-
]
|
|
92
|
-
});
|
|
93
|
-
}
|
|
94
|
-
const readOnlyFacet = Facet.define({ combine: (values) => values.some((a) => a) });
|
|
95
|
-
const preventChanges = EditorState.transactionFilter.of((tr) => {
|
|
96
|
-
if (tr.isUserEvent && tr.docChanged && tr.state.facet(readOnlyFacet)) {
|
|
97
|
-
return {
|
|
98
|
-
changes: {
|
|
99
|
-
from: tr.changes.from,
|
|
100
|
-
to: tr.changes.to,
|
|
101
|
-
insert: tr.startState.doc.sliceString(tr.changes.from, tr.changes.to)
|
|
102
|
-
}
|
|
103
|
-
};
|
|
104
|
-
}
|
|
105
|
-
return tr;
|
|
106
|
-
});
|
|
107
|
-
function getTheme() {
|
|
108
|
-
if (props.theme) {
|
|
109
|
-
switch (props.theme) {
|
|
110
|
-
case "xcodeLight":
|
|
111
|
-
return xcodeLight;
|
|
112
|
-
case "xcodeDark":
|
|
113
|
-
return xcodeDark;
|
|
114
|
-
case "vscodeDark":
|
|
115
|
-
return vscodeDark;
|
|
116
|
-
case "dracula":
|
|
117
|
-
return dracula;
|
|
118
|
-
case "githubLight":
|
|
119
|
-
return githubLight;
|
|
120
|
-
case "githubDark":
|
|
121
|
-
return githubDark;
|
|
122
|
-
case "eclipse":
|
|
123
|
-
return eclipse;
|
|
124
|
-
}
|
|
125
|
-
}
|
|
126
|
-
return EditorView.theme({});
|
|
127
|
-
}
|
|
128
|
-
return (_ctx, _cache) => {
|
|
129
|
-
return openBlock(), createElementBlock("div", {
|
|
130
|
-
style: {
|
|
131
|
-
width: "100%"
|
|
132
|
-
},
|
|
133
|
-
ref_key: "cfCodemirrorJsonViewRef",
|
|
134
|
-
ref: cfCodemirrorJsonViewRef,
|
|
135
|
-
id: "cf-codemirror-view-json"
|
|
136
|
-
}, null, 512);
|
|
137
|
-
};
|
|
138
|
-
}
|
|
139
|
-
});
|
|
1
|
+
import _sfc_main from "./json-view.vue.js";
|
|
140
2
|
export {
|
|
141
3
|
_sfc_main as default
|
|
142
4
|
};
|
|
@@ -14,7 +14,7 @@ import { json } from "@codemirror/lang-json";
|
|
|
14
14
|
import { EditorState } from "@codemirror/state";
|
|
15
15
|
import http from "agilebuilder-ui/src/utils/request";
|
|
16
16
|
import LogicFlow from "@logicflow/core";
|
|
17
|
-
import _sfc_main$2 from "../../common/components/json-view/json-view.
|
|
17
|
+
import _sfc_main$2 from "../../common/components/json-view/json-view.vue.js";
|
|
18
18
|
import { vscodeDark } from "@uiw/codemirror-themes-all";
|
|
19
19
|
import _sfc_main$1 from "./request-params.vue.js";
|
|
20
20
|
const _hoisted_1 = { class: "dialog-footer" };
|
package/dist/es/style.css
CHANGED
|
@@ -22,47 +22,6 @@
|
|
|
22
22
|
[data-v-a35a4385] .el-overlay {
|
|
23
23
|
position: static;
|
|
24
24
|
}
|
|
25
|
-
|
|
26
|
-
.amb-design-assembly-content[data-v-59e0837d] {
|
|
27
|
-
background: #ffffff;
|
|
28
|
-
box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
|
|
29
|
-
height: 100%;
|
|
30
|
-
padding-left: 10px;
|
|
31
|
-
padding-right: 10px;
|
|
32
|
-
overflow: auto;
|
|
33
|
-
}
|
|
34
|
-
/*控制滚动条宽度*/
|
|
35
|
-
.amb-design-assembly-content[data-v-59e0837d]::-webkit-scrollbar {
|
|
36
|
-
width: 1px;
|
|
37
|
-
}
|
|
38
|
-
.amb-assembly-header[data-v-59e0837d] {
|
|
39
|
-
position: absolute;
|
|
40
|
-
width: 220px;
|
|
41
|
-
text-align: center;
|
|
42
|
-
padding: 18px 0px 10px 0px;
|
|
43
|
-
padding-bottom: 14px;
|
|
44
|
-
background-color: #ffffff;
|
|
45
|
-
}
|
|
46
|
-
.amb-assembly-header-type[data-v-59e0837d] {
|
|
47
|
-
border-radius: 100px 100px 100px 100px;
|
|
48
|
-
background: #ffffff;
|
|
49
|
-
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
|
|
50
|
-
padding: 10px;
|
|
51
|
-
padding-bottom: 12px;
|
|
52
|
-
}
|
|
53
|
-
.amb-assembly-header-type > label[data-v-59e0837d] {
|
|
54
|
-
padding: 4px 14px;
|
|
55
|
-
cursor: pointer;
|
|
56
|
-
font-size: 14px;
|
|
57
|
-
}
|
|
58
|
-
.amb-assembly-header-type > label.selected[data-v-59e0837d] {
|
|
59
|
-
border-radius: 100px 100px 100px 100px;
|
|
60
|
-
background: #5893ef;
|
|
61
|
-
color: #ffffff;
|
|
62
|
-
}
|
|
63
|
-
.amb-design-assembly-list[data-v-59e0837d] {
|
|
64
|
-
padding-top: 80px;
|
|
65
|
-
}
|
|
66
25
|
.amb-design-content[data-v-c4ef30f9] {
|
|
67
26
|
overflow: auto;
|
|
68
27
|
display: block;
|
|
@@ -166,6 +125,47 @@
|
|
|
166
125
|
border-color: transparent transparent var(--el-skeleton-color) transparent;
|
|
167
126
|
}
|
|
168
127
|
|
|
128
|
+
.amb-design-assembly-content[data-v-59e0837d] {
|
|
129
|
+
background: #ffffff;
|
|
130
|
+
box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
|
|
131
|
+
height: 100%;
|
|
132
|
+
padding-left: 10px;
|
|
133
|
+
padding-right: 10px;
|
|
134
|
+
overflow: auto;
|
|
135
|
+
}
|
|
136
|
+
/*控制滚动条宽度*/
|
|
137
|
+
.amb-design-assembly-content[data-v-59e0837d]::-webkit-scrollbar {
|
|
138
|
+
width: 1px;
|
|
139
|
+
}
|
|
140
|
+
.amb-assembly-header[data-v-59e0837d] {
|
|
141
|
+
position: absolute;
|
|
142
|
+
width: 220px;
|
|
143
|
+
text-align: center;
|
|
144
|
+
padding: 18px 0px 10px 0px;
|
|
145
|
+
padding-bottom: 14px;
|
|
146
|
+
background-color: #ffffff;
|
|
147
|
+
}
|
|
148
|
+
.amb-assembly-header-type[data-v-59e0837d] {
|
|
149
|
+
border-radius: 100px 100px 100px 100px;
|
|
150
|
+
background: #ffffff;
|
|
151
|
+
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
|
|
152
|
+
padding: 10px;
|
|
153
|
+
padding-bottom: 12px;
|
|
154
|
+
}
|
|
155
|
+
.amb-assembly-header-type > label[data-v-59e0837d] {
|
|
156
|
+
padding: 4px 14px;
|
|
157
|
+
cursor: pointer;
|
|
158
|
+
font-size: 14px;
|
|
159
|
+
}
|
|
160
|
+
.amb-assembly-header-type > label.selected[data-v-59e0837d] {
|
|
161
|
+
border-radius: 100px 100px 100px 100px;
|
|
162
|
+
background: #5893ef;
|
|
163
|
+
color: #ffffff;
|
|
164
|
+
}
|
|
165
|
+
.amb-design-assembly-list[data-v-59e0837d] {
|
|
166
|
+
padding-top: 80px;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
169
|
.editorTool[data-v-d55ab098] {
|
|
170
170
|
margin-left: auto;
|
|
171
171
|
}
|
|
@@ -183,26 +183,111 @@
|
|
|
183
183
|
margin-top: 10px;
|
|
184
184
|
}
|
|
185
185
|
|
|
186
|
-
|
|
187
|
-
margin
|
|
186
|
+
[data-v-65e38bfb] .el-radio {
|
|
187
|
+
margin: 0;
|
|
188
188
|
}
|
|
189
|
-
.el-
|
|
190
|
-
margin: 10px
|
|
189
|
+
.el-radio + .el-radio[data-v-65e38bfb] {
|
|
190
|
+
margin-left: 10px;
|
|
191
191
|
}
|
|
192
192
|
|
|
193
|
-
[data-v-
|
|
193
|
+
[data-v-808a13e1] .el-radio {
|
|
194
194
|
margin: 0;
|
|
195
195
|
}
|
|
196
|
-
.el-radio + .el-radio[data-v-
|
|
196
|
+
.el-radio + .el-radio[data-v-808a13e1] {
|
|
197
197
|
margin-left: 10px;
|
|
198
198
|
}
|
|
199
199
|
|
|
200
|
+
.editorTool[data-v-684c1f08] {
|
|
201
|
+
margin-left: auto;
|
|
202
|
+
}
|
|
203
|
+
.editorOption[data-v-684c1f08] {
|
|
204
|
+
margin-right: 10px;
|
|
205
|
+
cursor: pointer;
|
|
206
|
+
}
|
|
207
|
+
.pppp[data-v-684c1f08] {
|
|
208
|
+
display: flex; /* 使用Flex布局 */
|
|
209
|
+
justify-content: flex-start;
|
|
210
|
+
align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
.el-alert + .el-table[data-v-028fb838] {
|
|
214
|
+
margin-top: 10px;
|
|
215
|
+
}
|
|
216
|
+
.el-table + .el-alert[data-v-028fb838] {
|
|
217
|
+
margin: 10px 0;
|
|
218
|
+
}
|
|
219
|
+
|
|
200
220
|
.el-tabs + .el-alert[data-v-08737620] {
|
|
201
221
|
margin-top: 10px;
|
|
202
222
|
}
|
|
203
223
|
.el-alert + .el-form-item[data-v-08737620] {
|
|
204
224
|
margin-top: 10px;
|
|
205
225
|
}
|
|
226
|
+
|
|
227
|
+
.el-alert + .el-table[data-v-82e0dfef] {
|
|
228
|
+
margin-top: 10px;
|
|
229
|
+
}
|
|
230
|
+
.el-alert + .el-form-item[data-v-82e0dfef] {
|
|
231
|
+
margin-top: 10px;
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
[data-v-286d914e] .el-table__row {
|
|
235
|
+
cursor: pointer;
|
|
236
|
+
}
|
|
237
|
+
/** 右键菜单样式 */
|
|
238
|
+
.context-menu[data-v-286d914e] {
|
|
239
|
+
position: absolute;
|
|
240
|
+
background: #fff;
|
|
241
|
+
z-index: 999;
|
|
242
|
+
margin: 5;
|
|
243
|
+
padding: 8px 8px;
|
|
244
|
+
box-shadow: 0 5px 7px 1px rgba(0, 0, 0, 0.1);
|
|
245
|
+
border: 1px solid #bbbbbb;
|
|
246
|
+
border-radius: 10px;
|
|
247
|
+
font-size: 14px;
|
|
248
|
+
}
|
|
249
|
+
.context-menu li[data-v-286d914e] {
|
|
250
|
+
list-style-type: none;
|
|
251
|
+
min-width: 75px;
|
|
252
|
+
line-height: 28px;
|
|
253
|
+
text-align: left;
|
|
254
|
+
border-radius: 5px;
|
|
255
|
+
padding-left: 5px;
|
|
256
|
+
cursor: pointer;
|
|
257
|
+
}
|
|
258
|
+
.context-menu li[data-v-286d914e]:hover {
|
|
259
|
+
background: #0165e1;
|
|
260
|
+
color: #fff;
|
|
261
|
+
}
|
|
262
|
+
/** 右键菜单样式 */
|
|
263
|
+
.custom-tree-node[data-v-286d914e] {
|
|
264
|
+
font-size: 14px;
|
|
265
|
+
padding-right: 8px;
|
|
266
|
+
display: flex; /* 使用Flex布局 */
|
|
267
|
+
align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
.el-dialog__wrapper[data-v-d41cb0ad] {
|
|
271
|
+
overflow: hidden !important;
|
|
272
|
+
padding-right: 0 !important;
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
.el-alert + .el-form-item[data-v-32875028] {
|
|
276
|
+
margin-top: 10px;
|
|
277
|
+
}
|
|
278
|
+
.el-alert + .el-table[data-v-32875028] {
|
|
279
|
+
margin: 10px 0;
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
.el-alert + .el-table[data-v-e27c4c1e] {
|
|
283
|
+
margin-top: 10px;
|
|
284
|
+
}
|
|
285
|
+
.el-table + .el-alert[data-v-e27c4c1e] {
|
|
286
|
+
margin: 10px 0;
|
|
287
|
+
}
|
|
288
|
+
.el-alert + .el-form-item[data-v-e27c4c1e] {
|
|
289
|
+
margin-top: 10px;
|
|
290
|
+
}
|
|
206
291
|
.amb-design-attr-base-content[data-v-ce167986] {
|
|
207
292
|
background: #ffffff;
|
|
208
293
|
box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
|
|
@@ -270,70 +355,14 @@
|
|
|
270
355
|
opacity: 1 !important;
|
|
271
356
|
}
|
|
272
357
|
|
|
273
|
-
.
|
|
274
|
-
margin-
|
|
275
|
-
}
|
|
276
|
-
.editorOption[data-v-684c1f08] {
|
|
277
|
-
margin-right: 10px;
|
|
278
|
-
cursor: pointer;
|
|
279
|
-
}
|
|
280
|
-
.pppp[data-v-684c1f08] {
|
|
281
|
-
display: flex; /* 使用Flex布局 */
|
|
282
|
-
justify-content: flex-start;
|
|
283
|
-
align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
|
|
284
|
-
}
|
|
285
|
-
|
|
286
|
-
.el-alert + .el-table[data-v-e27c4c1e] {
|
|
287
|
-
margin-top: 10px;
|
|
288
|
-
}
|
|
289
|
-
.el-table + .el-alert[data-v-e27c4c1e] {
|
|
290
|
-
margin: 10px 0;
|
|
291
|
-
}
|
|
292
|
-
.el-alert + .el-form-item[data-v-e27c4c1e] {
|
|
293
|
-
margin-top: 10px;
|
|
294
|
-
}
|
|
295
|
-
|
|
296
|
-
[data-v-286d914e] .el-table__row {
|
|
297
|
-
cursor: pointer;
|
|
298
|
-
}
|
|
299
|
-
/** 右键菜单样式 */
|
|
300
|
-
.context-menu[data-v-286d914e] {
|
|
301
|
-
position: absolute;
|
|
302
|
-
background: #fff;
|
|
303
|
-
z-index: 999;
|
|
304
|
-
margin: 5;
|
|
305
|
-
padding: 8px 8px;
|
|
306
|
-
box-shadow: 0 5px 7px 1px rgba(0, 0, 0, 0.1);
|
|
307
|
-
border: 1px solid #bbbbbb;
|
|
308
|
-
border-radius: 10px;
|
|
309
|
-
font-size: 14px;
|
|
310
|
-
}
|
|
311
|
-
.context-menu li[data-v-286d914e] {
|
|
312
|
-
list-style-type: none;
|
|
313
|
-
min-width: 75px;
|
|
314
|
-
line-height: 28px;
|
|
315
|
-
text-align: left;
|
|
316
|
-
border-radius: 5px;
|
|
317
|
-
padding-left: 5px;
|
|
318
|
-
cursor: pointer;
|
|
319
|
-
}
|
|
320
|
-
.context-menu li[data-v-286d914e]:hover {
|
|
321
|
-
background: #0165e1;
|
|
322
|
-
color: #fff;
|
|
323
|
-
}
|
|
324
|
-
/** 右键菜单样式 */
|
|
325
|
-
.custom-tree-node[data-v-286d914e] {
|
|
326
|
-
font-size: 14px;
|
|
327
|
-
padding-right: 8px;
|
|
328
|
-
display: flex; /* 使用Flex布局 */
|
|
329
|
-
align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
|
|
358
|
+
.el-drawer__header {
|
|
359
|
+
margin-bottom: 0 !important;
|
|
330
360
|
}
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
margin-left: 10px;
|
|
361
|
+
/**
|
|
362
|
+
解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
|
|
363
|
+
*/
|
|
364
|
+
[data-v-c51cce99] .el-overlay {
|
|
365
|
+
position: static;
|
|
337
366
|
}
|
|
338
367
|
.control-item[data-v-fdc6ec07] {
|
|
339
368
|
top: -5px;
|
|
@@ -466,30 +495,6 @@
|
|
|
466
495
|
margin-left: 50px;
|
|
467
496
|
}
|
|
468
497
|
|
|
469
|
-
.el-drawer__header {
|
|
470
|
-
margin-bottom: 0 !important;
|
|
471
|
-
}
|
|
472
|
-
/**
|
|
473
|
-
解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
|
|
474
|
-
*/
|
|
475
|
-
[data-v-c51cce99] .el-overlay {
|
|
476
|
-
position: static;
|
|
477
|
-
}
|
|
478
|
-
|
|
479
|
-
.el-alert + .el-form-item[data-v-32875028] {
|
|
480
|
-
margin-top: 10px;
|
|
481
|
-
}
|
|
482
|
-
.el-alert + .el-table[data-v-32875028] {
|
|
483
|
-
margin: 10px 0;
|
|
484
|
-
}
|
|
485
|
-
|
|
486
|
-
.el-alert + .el-table[data-v-82e0dfef] {
|
|
487
|
-
margin-top: 10px;
|
|
488
|
-
}
|
|
489
|
-
.el-alert + .el-form-item[data-v-82e0dfef] {
|
|
490
|
-
margin-top: 10px;
|
|
491
|
-
}
|
|
492
|
-
|
|
493
498
|
.el-alert + .el-table[data-v-d978e7dc] {
|
|
494
499
|
margin-top: 10px;
|
|
495
500
|
}
|
|
@@ -499,12 +504,7 @@
|
|
|
499
504
|
.el-alert + .el-form-item[data-v-d978e7dc] {
|
|
500
505
|
margin-top: 10px;
|
|
501
506
|
}
|
|
502
|
-
|
|
503
|
-
.el-dialog__wrapper[data-v-d41cb0ad] {
|
|
504
|
-
overflow: hidden !important;
|
|
505
|
-
padding-right: 0 !important;
|
|
506
|
-
}
|
|
507
|
-
.nodeView[data-v-6d0cd280] {
|
|
507
|
+
.nodeView[data-v-9fff2753] {
|
|
508
508
|
box-sizing: border-box;
|
|
509
509
|
margin: 10px 10px;
|
|
510
510
|
width: 180px;
|
|
@@ -513,7 +513,7 @@
|
|
|
513
513
|
border-radius: 2px 2px 2px 2px;
|
|
514
514
|
padding: 20px 10px;
|
|
515
515
|
}
|
|
516
|
-
.nodeTitle[data-v-
|
|
516
|
+
.nodeTitle[data-v-9fff2753] {
|
|
517
517
|
width: 90px;
|
|
518
518
|
height: 15px;
|
|
519
519
|
font-weight: 400;
|
|
@@ -528,7 +528,7 @@
|
|
|
528
528
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
529
529
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
530
530
|
}
|
|
531
|
-
.nodeContent[data-v-
|
|
531
|
+
.nodeContent[data-v-9fff2753] {
|
|
532
532
|
/* width: 100%; */
|
|
533
533
|
height: 15px;
|
|
534
534
|
font-weight: 400;
|
|
@@ -543,19 +543,19 @@
|
|
|
543
543
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
544
544
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
545
545
|
}
|
|
546
|
-
.nodeContent-desc[data-v-
|
|
546
|
+
.nodeContent-desc[data-v-9fff2753]{
|
|
547
547
|
}
|
|
548
|
-
.el-divider--horizontal[data-v-
|
|
548
|
+
.el-divider--horizontal[data-v-9fff2753] {
|
|
549
549
|
margin: 12px 0;
|
|
550
550
|
}
|
|
551
|
-
.nodeView[data-v-
|
|
551
|
+
.nodeView[data-v-9fff2753] {
|
|
552
552
|
border: 1px solid #5a90f9;
|
|
553
553
|
background: #eef3fe;
|
|
554
554
|
}
|
|
555
|
-
.nodeTitle[data-v-
|
|
555
|
+
.nodeTitle[data-v-9fff2753] {
|
|
556
556
|
width: 80px;
|
|
557
557
|
}
|
|
558
|
-
.nodeView[data-v-
|
|
558
|
+
.nodeView[data-v-b1d2a966] {
|
|
559
559
|
box-sizing: border-box;
|
|
560
560
|
margin: 10px 10px;
|
|
561
561
|
width: 180px;
|
|
@@ -564,7 +564,7 @@
|
|
|
564
564
|
border-radius: 2px 2px 2px 2px;
|
|
565
565
|
padding: 20px 10px;
|
|
566
566
|
}
|
|
567
|
-
.nodeTitle[data-v-
|
|
567
|
+
.nodeTitle[data-v-b1d2a966] {
|
|
568
568
|
width: 90px;
|
|
569
569
|
height: 15px;
|
|
570
570
|
font-weight: 400;
|
|
@@ -579,7 +579,7 @@
|
|
|
579
579
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
580
580
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
581
581
|
}
|
|
582
|
-
.nodeContent[data-v-
|
|
582
|
+
.nodeContent[data-v-b1d2a966] {
|
|
583
583
|
/* width: 100%; */
|
|
584
584
|
height: 15px;
|
|
585
585
|
font-weight: 400;
|
|
@@ -594,19 +594,19 @@
|
|
|
594
594
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
595
595
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
596
596
|
}
|
|
597
|
-
.nodeContent-desc[data-v-
|
|
597
|
+
.nodeContent-desc[data-v-b1d2a966]{
|
|
598
598
|
}
|
|
599
|
-
.el-divider--horizontal[data-v-
|
|
599
|
+
.el-divider--horizontal[data-v-b1d2a966] {
|
|
600
600
|
margin: 12px 0;
|
|
601
601
|
}
|
|
602
|
-
.nodeView[data-v-
|
|
602
|
+
.nodeView[data-v-b1d2a966] {
|
|
603
603
|
border: 1px solid #5a90f9;
|
|
604
604
|
background: #eef3fe;
|
|
605
605
|
}
|
|
606
|
-
.nodeTitle[data-v-
|
|
606
|
+
.nodeTitle[data-v-b1d2a966] {
|
|
607
607
|
width: 80px;
|
|
608
608
|
}
|
|
609
|
-
.nodeView[data-v-
|
|
609
|
+
.nodeView[data-v-4c6dfa4a] {
|
|
610
610
|
box-sizing: border-box;
|
|
611
611
|
margin: 10px 10px;
|
|
612
612
|
width: 180px;
|
|
@@ -615,7 +615,7 @@
|
|
|
615
615
|
border-radius: 2px 2px 2px 2px;
|
|
616
616
|
padding: 20px 10px;
|
|
617
617
|
}
|
|
618
|
-
.nodeTitle[data-v-
|
|
618
|
+
.nodeTitle[data-v-4c6dfa4a] {
|
|
619
619
|
width: 90px;
|
|
620
620
|
height: 15px;
|
|
621
621
|
font-weight: 400;
|
|
@@ -630,7 +630,7 @@
|
|
|
630
630
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
631
631
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
632
632
|
}
|
|
633
|
-
.nodeContent[data-v-
|
|
633
|
+
.nodeContent[data-v-4c6dfa4a] {
|
|
634
634
|
/* width: 100%; */
|
|
635
635
|
height: 15px;
|
|
636
636
|
font-weight: 400;
|
|
@@ -645,70 +645,40 @@
|
|
|
645
645
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
646
646
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
647
647
|
}
|
|
648
|
-
.nodeContent-desc[data-v-
|
|
648
|
+
.nodeContent-desc[data-v-4c6dfa4a]{
|
|
649
649
|
}
|
|
650
|
-
.el-divider--horizontal[data-v-
|
|
650
|
+
.el-divider--horizontal[data-v-4c6dfa4a] {
|
|
651
651
|
margin: 12px 0;
|
|
652
652
|
}
|
|
653
|
-
.nodeView[data-v-
|
|
653
|
+
.nodeView[data-v-4c6dfa4a] {
|
|
654
654
|
border: 1px solid #5a90f9;
|
|
655
|
-
background: #eef3fe;
|
|
656
|
-
}
|
|
657
|
-
.nodeTitle[data-v-5911272d] {
|
|
658
|
-
width: 80px;
|
|
659
|
-
}
|
|
660
|
-
.nodeView[data-v-df366d04] {
|
|
661
|
-
box-sizing: border-box;
|
|
662
|
-
margin: 10px 10px;
|
|
655
|
+
background: #eef3fe;
|
|
663
656
|
width: 180px;
|
|
664
|
-
height: 95px;
|
|
665
|
-
box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
|
|
666
|
-
border-radius: 2px 2px 2px 2px;
|
|
667
|
-
padding: 20px 10px;
|
|
657
|
+
min-height: 95px;
|
|
668
658
|
}
|
|
669
|
-
.
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
text-transform: none;
|
|
679
|
-
padding: 0px 24px;
|
|
680
|
-
white-space: nowrap; /* 确保文本在一行内显示 */
|
|
681
|
-
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
682
|
-
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
659
|
+
.nodeContent[data-v-4c6dfa4a] {
|
|
660
|
+
}
|
|
661
|
+
|
|
662
|
+
.node-content[data-v-69a854a3] {
|
|
663
|
+
width: 120px;
|
|
664
|
+
height: 44px;
|
|
665
|
+
background: #ffffff;
|
|
666
|
+
box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
|
|
667
|
+
border-radius: 2px 2px 2px 2px;
|
|
683
668
|
}
|
|
684
|
-
.
|
|
685
|
-
|
|
669
|
+
.content[data-v-69a854a3] {
|
|
670
|
+
width: 28px;
|
|
686
671
|
height: 15px;
|
|
687
672
|
font-weight: 400;
|
|
688
673
|
font-size: 14px;
|
|
689
|
-
color: #
|
|
674
|
+
color: #333333;
|
|
690
675
|
line-height: 14px;
|
|
691
676
|
text-align: left;
|
|
692
677
|
font-style: normal;
|
|
693
678
|
text-transform: none;
|
|
694
|
-
padding: 0px
|
|
695
|
-
white-space: nowrap; /* 确保文本在一行内显示 */
|
|
696
|
-
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
697
|
-
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
698
|
-
}
|
|
699
|
-
.nodeContent-desc[data-v-df366d04]{
|
|
700
|
-
}
|
|
701
|
-
.el-divider--horizontal[data-v-df366d04] {
|
|
702
|
-
margin: 12px 0;
|
|
703
|
-
}
|
|
704
|
-
.nodeView[data-v-df366d04] {
|
|
705
|
-
border: 1px solid #5a90f9;
|
|
706
|
-
background: #eef3fe;
|
|
707
|
-
}
|
|
708
|
-
.nodeTitle[data-v-df366d04] {
|
|
709
|
-
width: 80px;
|
|
679
|
+
padding: 5px 0px 4px 10px;
|
|
710
680
|
}
|
|
711
|
-
.nodeView[data-v-
|
|
681
|
+
.nodeView[data-v-bd32480c] {
|
|
712
682
|
box-sizing: border-box;
|
|
713
683
|
margin: 10px 10px;
|
|
714
684
|
width: 180px;
|
|
@@ -717,7 +687,7 @@
|
|
|
717
687
|
border-radius: 2px 2px 2px 2px;
|
|
718
688
|
padding: 20px 10px;
|
|
719
689
|
}
|
|
720
|
-
.nodeTitle[data-v-
|
|
690
|
+
.nodeTitle[data-v-bd32480c] {
|
|
721
691
|
width: 90px;
|
|
722
692
|
height: 15px;
|
|
723
693
|
font-weight: 400;
|
|
@@ -732,7 +702,7 @@
|
|
|
732
702
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
733
703
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
734
704
|
}
|
|
735
|
-
.nodeContent[data-v-
|
|
705
|
+
.nodeContent[data-v-bd32480c] {
|
|
736
706
|
/* width: 100%; */
|
|
737
707
|
height: 15px;
|
|
738
708
|
font-weight: 400;
|
|
@@ -747,20 +717,20 @@
|
|
|
747
717
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
748
718
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
749
719
|
}
|
|
750
|
-
.nodeContent-desc[data-v-
|
|
720
|
+
.nodeContent-desc[data-v-bd32480c]{
|
|
751
721
|
}
|
|
752
|
-
.el-divider--horizontal[data-v-
|
|
722
|
+
.el-divider--horizontal[data-v-bd32480c] {
|
|
753
723
|
margin: 12px 0;
|
|
754
724
|
}
|
|
755
|
-
.nodeView[data-v-
|
|
725
|
+
.nodeView[data-v-bd32480c] {
|
|
756
726
|
border: 1px solid #5a90f9;
|
|
757
727
|
background: #eef3fe;
|
|
758
728
|
width: 180px;
|
|
759
729
|
min-height: 95px;
|
|
760
730
|
}
|
|
761
|
-
.nodeContent[data-v-
|
|
731
|
+
.nodeContent[data-v-bd32480c] {
|
|
762
732
|
}
|
|
763
|
-
.nodeView[data-v-
|
|
733
|
+
.nodeView[data-v-5911272d] {
|
|
764
734
|
box-sizing: border-box;
|
|
765
735
|
margin: 10px 10px;
|
|
766
736
|
width: 180px;
|
|
@@ -769,7 +739,7 @@
|
|
|
769
739
|
border-radius: 2px 2px 2px 2px;
|
|
770
740
|
padding: 20px 10px;
|
|
771
741
|
}
|
|
772
|
-
.nodeTitle[data-v-
|
|
742
|
+
.nodeTitle[data-v-5911272d] {
|
|
773
743
|
width: 90px;
|
|
774
744
|
height: 15px;
|
|
775
745
|
font-weight: 400;
|
|
@@ -784,7 +754,7 @@
|
|
|
784
754
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
785
755
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
786
756
|
}
|
|
787
|
-
.nodeContent[data-v-
|
|
757
|
+
.nodeContent[data-v-5911272d] {
|
|
788
758
|
/* width: 100%; */
|
|
789
759
|
height: 15px;
|
|
790
760
|
font-weight: 400;
|
|
@@ -799,19 +769,19 @@
|
|
|
799
769
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
800
770
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
801
771
|
}
|
|
802
|
-
.nodeContent-desc[data-v-
|
|
772
|
+
.nodeContent-desc[data-v-5911272d]{
|
|
803
773
|
}
|
|
804
|
-
.el-divider--horizontal[data-v-
|
|
774
|
+
.el-divider--horizontal[data-v-5911272d] {
|
|
805
775
|
margin: 12px 0;
|
|
806
776
|
}
|
|
807
|
-
.nodeView[data-v-
|
|
777
|
+
.nodeView[data-v-5911272d] {
|
|
808
778
|
border: 1px solid #5a90f9;
|
|
809
779
|
background: #eef3fe;
|
|
810
780
|
}
|
|
811
|
-
.nodeTitle[data-v-
|
|
781
|
+
.nodeTitle[data-v-5911272d] {
|
|
812
782
|
width: 80px;
|
|
813
783
|
}
|
|
814
|
-
.nodeView[data-v-
|
|
784
|
+
.nodeView[data-v-6d0cd280] {
|
|
815
785
|
box-sizing: border-box;
|
|
816
786
|
margin: 10px 10px;
|
|
817
787
|
width: 180px;
|
|
@@ -820,7 +790,7 @@
|
|
|
820
790
|
border-radius: 2px 2px 2px 2px;
|
|
821
791
|
padding: 20px 10px;
|
|
822
792
|
}
|
|
823
|
-
.nodeTitle[data-v-
|
|
793
|
+
.nodeTitle[data-v-6d0cd280] {
|
|
824
794
|
width: 90px;
|
|
825
795
|
height: 15px;
|
|
826
796
|
font-weight: 400;
|
|
@@ -835,7 +805,7 @@
|
|
|
835
805
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
836
806
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
837
807
|
}
|
|
838
|
-
.nodeContent[data-v-
|
|
808
|
+
.nodeContent[data-v-6d0cd280] {
|
|
839
809
|
/* width: 100%; */
|
|
840
810
|
height: 15px;
|
|
841
811
|
font-weight: 400;
|
|
@@ -850,19 +820,19 @@
|
|
|
850
820
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
851
821
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
852
822
|
}
|
|
853
|
-
.nodeContent-desc[data-v-
|
|
823
|
+
.nodeContent-desc[data-v-6d0cd280]{
|
|
854
824
|
}
|
|
855
|
-
.el-divider--horizontal[data-v-
|
|
825
|
+
.el-divider--horizontal[data-v-6d0cd280] {
|
|
856
826
|
margin: 12px 0;
|
|
857
827
|
}
|
|
858
|
-
.nodeView[data-v-
|
|
828
|
+
.nodeView[data-v-6d0cd280] {
|
|
859
829
|
border: 1px solid #5a90f9;
|
|
860
830
|
background: #eef3fe;
|
|
861
831
|
}
|
|
862
|
-
.nodeTitle[data-v-
|
|
832
|
+
.nodeTitle[data-v-6d0cd280] {
|
|
863
833
|
width: 80px;
|
|
864
834
|
}
|
|
865
|
-
.nodeView[data-v-
|
|
835
|
+
.nodeView[data-v-b604c489] {
|
|
866
836
|
box-sizing: border-box;
|
|
867
837
|
margin: 10px 10px;
|
|
868
838
|
width: 180px;
|
|
@@ -871,7 +841,7 @@
|
|
|
871
841
|
border-radius: 2px 2px 2px 2px;
|
|
872
842
|
padding: 20px 10px;
|
|
873
843
|
}
|
|
874
|
-
.nodeTitle[data-v-
|
|
844
|
+
.nodeTitle[data-v-b604c489] {
|
|
875
845
|
width: 90px;
|
|
876
846
|
height: 15px;
|
|
877
847
|
font-weight: 400;
|
|
@@ -886,7 +856,7 @@
|
|
|
886
856
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
887
857
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
888
858
|
}
|
|
889
|
-
.nodeContent[data-v-
|
|
859
|
+
.nodeContent[data-v-b604c489] {
|
|
890
860
|
/* width: 100%; */
|
|
891
861
|
height: 15px;
|
|
892
862
|
font-weight: 400;
|
|
@@ -901,18 +871,17 @@
|
|
|
901
871
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
902
872
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
903
873
|
}
|
|
904
|
-
.nodeContent-desc[data-v-
|
|
874
|
+
.nodeContent-desc[data-v-b604c489]{
|
|
905
875
|
}
|
|
906
|
-
.el-divider--horizontal[data-v-
|
|
876
|
+
.el-divider--horizontal[data-v-b604c489] {
|
|
907
877
|
margin: 12px 0;
|
|
908
878
|
}
|
|
909
|
-
.nodeView[data-v-
|
|
879
|
+
.nodeView[data-v-b604c489] {
|
|
910
880
|
border: 1px solid #5a90f9;
|
|
911
|
-
background: #eef3fe;
|
|
912
|
-
width: 180px;
|
|
913
|
-
min-height: 95px;
|
|
881
|
+
background: #eef3fe;
|
|
914
882
|
}
|
|
915
|
-
.
|
|
883
|
+
.nodeTitle[data-v-b604c489] {
|
|
884
|
+
width: 80px;
|
|
916
885
|
}
|
|
917
886
|
|
|
918
887
|
.node-content[data-v-b28923f3] {
|
|
@@ -934,7 +903,7 @@
|
|
|
934
903
|
text-transform: none;
|
|
935
904
|
padding: 5px 0px 4px 10px;
|
|
936
905
|
}
|
|
937
|
-
.nodeView[data-v-
|
|
906
|
+
.nodeView[data-v-df366d04] {
|
|
938
907
|
box-sizing: border-box;
|
|
939
908
|
margin: 10px 10px;
|
|
940
909
|
width: 180px;
|
|
@@ -943,7 +912,7 @@
|
|
|
943
912
|
border-radius: 2px 2px 2px 2px;
|
|
944
913
|
padding: 20px 10px;
|
|
945
914
|
}
|
|
946
|
-
.nodeTitle[data-v-
|
|
915
|
+
.nodeTitle[data-v-df366d04] {
|
|
947
916
|
width: 90px;
|
|
948
917
|
height: 15px;
|
|
949
918
|
font-weight: 400;
|
|
@@ -958,7 +927,7 @@
|
|
|
958
927
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
959
928
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
960
929
|
}
|
|
961
|
-
.nodeContent[data-v-
|
|
930
|
+
.nodeContent[data-v-df366d04] {
|
|
962
931
|
/* width: 100%; */
|
|
963
932
|
height: 15px;
|
|
964
933
|
font-weight: 400;
|
|
@@ -973,19 +942,19 @@
|
|
|
973
942
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
974
943
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
975
944
|
}
|
|
976
|
-
.nodeContent-desc[data-v-
|
|
945
|
+
.nodeContent-desc[data-v-df366d04]{
|
|
977
946
|
}
|
|
978
|
-
.el-divider--horizontal[data-v-
|
|
947
|
+
.el-divider--horizontal[data-v-df366d04] {
|
|
979
948
|
margin: 12px 0;
|
|
980
949
|
}
|
|
981
|
-
.nodeView[data-v-
|
|
950
|
+
.nodeView[data-v-df366d04] {
|
|
982
951
|
border: 1px solid #5a90f9;
|
|
983
952
|
background: #eef3fe;
|
|
984
953
|
}
|
|
985
|
-
.nodeTitle[data-v-
|
|
954
|
+
.nodeTitle[data-v-df366d04] {
|
|
986
955
|
width: 80px;
|
|
987
956
|
}
|
|
988
|
-
.nodeView[data-v-
|
|
957
|
+
.nodeView[data-v-7702fcdb] {
|
|
989
958
|
box-sizing: border-box;
|
|
990
959
|
margin: 10px 10px;
|
|
991
960
|
width: 180px;
|
|
@@ -994,7 +963,7 @@
|
|
|
994
963
|
border-radius: 2px 2px 2px 2px;
|
|
995
964
|
padding: 20px 10px;
|
|
996
965
|
}
|
|
997
|
-
.nodeTitle[data-v-
|
|
966
|
+
.nodeTitle[data-v-7702fcdb] {
|
|
998
967
|
width: 90px;
|
|
999
968
|
height: 15px;
|
|
1000
969
|
font-weight: 400;
|
|
@@ -1009,7 +978,7 @@
|
|
|
1009
978
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
1010
979
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
1011
980
|
}
|
|
1012
|
-
.nodeContent[data-v-
|
|
981
|
+
.nodeContent[data-v-7702fcdb] {
|
|
1013
982
|
/* width: 100%; */
|
|
1014
983
|
height: 15px;
|
|
1015
984
|
font-weight: 400;
|
|
@@ -1024,18 +993,17 @@
|
|
|
1024
993
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
1025
994
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
1026
995
|
}
|
|
1027
|
-
.nodeContent-desc[data-v-
|
|
996
|
+
.nodeContent-desc[data-v-7702fcdb]{
|
|
1028
997
|
}
|
|
1029
|
-
.el-divider--horizontal[data-v-
|
|
998
|
+
.el-divider--horizontal[data-v-7702fcdb] {
|
|
1030
999
|
margin: 12px 0;
|
|
1031
1000
|
}
|
|
1032
|
-
.nodeView[data-v-
|
|
1001
|
+
.nodeView[data-v-7702fcdb] {
|
|
1033
1002
|
border: 1px solid #5a90f9;
|
|
1034
|
-
background: #eef3fe;
|
|
1035
|
-
width: 180px;
|
|
1036
|
-
min-height: 95px;
|
|
1003
|
+
background: #eef3fe;
|
|
1037
1004
|
}
|
|
1038
|
-
.
|
|
1005
|
+
.nodeTitle[data-v-7702fcdb] {
|
|
1006
|
+
width: 80px;
|
|
1039
1007
|
}
|
|
1040
1008
|
.nodeView[data-v-221a60f8] {
|
|
1041
1009
|
box-sizing: border-box;
|
|
@@ -1088,27 +1056,7 @@
|
|
|
1088
1056
|
.nodeTitle[data-v-221a60f8] {
|
|
1089
1057
|
width: 80px;
|
|
1090
1058
|
}
|
|
1091
|
-
|
|
1092
|
-
.node-content[data-v-69a854a3] {
|
|
1093
|
-
width: 120px;
|
|
1094
|
-
height: 44px;
|
|
1095
|
-
background: #ffffff;
|
|
1096
|
-
box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
|
|
1097
|
-
border-radius: 2px 2px 2px 2px;
|
|
1098
|
-
}
|
|
1099
|
-
.content[data-v-69a854a3] {
|
|
1100
|
-
width: 28px;
|
|
1101
|
-
height: 15px;
|
|
1102
|
-
font-weight: 400;
|
|
1103
|
-
font-size: 14px;
|
|
1104
|
-
color: #333333;
|
|
1105
|
-
line-height: 14px;
|
|
1106
|
-
text-align: left;
|
|
1107
|
-
font-style: normal;
|
|
1108
|
-
text-transform: none;
|
|
1109
|
-
padding: 5px 0px 4px 10px;
|
|
1110
|
-
}
|
|
1111
|
-
.nodeView[data-v-7702fcdb] {
|
|
1059
|
+
.nodeView[data-v-b01d3a50] {
|
|
1112
1060
|
box-sizing: border-box;
|
|
1113
1061
|
margin: 10px 10px;
|
|
1114
1062
|
width: 180px;
|
|
@@ -1117,7 +1065,7 @@
|
|
|
1117
1065
|
border-radius: 2px 2px 2px 2px;
|
|
1118
1066
|
padding: 20px 10px;
|
|
1119
1067
|
}
|
|
1120
|
-
.nodeTitle[data-v-
|
|
1068
|
+
.nodeTitle[data-v-b01d3a50] {
|
|
1121
1069
|
width: 90px;
|
|
1122
1070
|
height: 15px;
|
|
1123
1071
|
font-weight: 400;
|
|
@@ -1132,7 +1080,7 @@
|
|
|
1132
1080
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
1133
1081
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
1134
1082
|
}
|
|
1135
|
-
.nodeContent[data-v-
|
|
1083
|
+
.nodeContent[data-v-b01d3a50] {
|
|
1136
1084
|
/* width: 100%; */
|
|
1137
1085
|
height: 15px;
|
|
1138
1086
|
font-weight: 400;
|
|
@@ -1147,16 +1095,16 @@
|
|
|
1147
1095
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
1148
1096
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
1149
1097
|
}
|
|
1150
|
-
.nodeContent-desc[data-v-
|
|
1098
|
+
.nodeContent-desc[data-v-b01d3a50]{
|
|
1151
1099
|
}
|
|
1152
|
-
.el-divider--horizontal[data-v-
|
|
1100
|
+
.el-divider--horizontal[data-v-b01d3a50] {
|
|
1153
1101
|
margin: 12px 0;
|
|
1154
1102
|
}
|
|
1155
|
-
.nodeView[data-v-
|
|
1103
|
+
.nodeView[data-v-b01d3a50] {
|
|
1156
1104
|
border: 1px solid #5a90f9;
|
|
1157
1105
|
background: #eef3fe;
|
|
1158
1106
|
}
|
|
1159
|
-
.nodeTitle[data-v-
|
|
1107
|
+
.nodeTitle[data-v-b01d3a50] {
|
|
1160
1108
|
width: 80px;
|
|
1161
1109
|
}
|
|
1162
1110
|
|
|
@@ -1179,7 +1127,7 @@
|
|
|
1179
1127
|
text-transform: none;
|
|
1180
1128
|
padding: 5px 0px 4px 10px;
|
|
1181
1129
|
}
|
|
1182
|
-
.nodeView[data-v-
|
|
1130
|
+
.nodeView[data-v-c176feb6] {
|
|
1183
1131
|
box-sizing: border-box;
|
|
1184
1132
|
margin: 10px 10px;
|
|
1185
1133
|
width: 180px;
|
|
@@ -1188,7 +1136,7 @@
|
|
|
1188
1136
|
border-radius: 2px 2px 2px 2px;
|
|
1189
1137
|
padding: 20px 10px;
|
|
1190
1138
|
}
|
|
1191
|
-
.nodeTitle[data-v-
|
|
1139
|
+
.nodeTitle[data-v-c176feb6] {
|
|
1192
1140
|
width: 90px;
|
|
1193
1141
|
height: 15px;
|
|
1194
1142
|
font-weight: 400;
|
|
@@ -1203,7 +1151,7 @@
|
|
|
1203
1151
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
1204
1152
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
1205
1153
|
}
|
|
1206
|
-
.nodeContent[data-v-
|
|
1154
|
+
.nodeContent[data-v-c176feb6] {
|
|
1207
1155
|
/* width: 100%; */
|
|
1208
1156
|
height: 15px;
|
|
1209
1157
|
font-weight: 400;
|
|
@@ -1218,19 +1166,75 @@
|
|
|
1218
1166
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
1219
1167
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
1220
1168
|
}
|
|
1221
|
-
.nodeContent-desc[data-v-
|
|
1169
|
+
.nodeContent-desc[data-v-c176feb6]{
|
|
1222
1170
|
}
|
|
1223
|
-
.el-divider--horizontal[data-v-
|
|
1171
|
+
.el-divider--horizontal[data-v-c176feb6] {
|
|
1224
1172
|
margin: 12px 0;
|
|
1225
1173
|
}
|
|
1226
|
-
.nodeView[data-v-
|
|
1174
|
+
.nodeView[data-v-c176feb6] {
|
|
1175
|
+
border: 1px solid #5a90f9;
|
|
1176
|
+
background: #eef3fe;
|
|
1177
|
+
width: 180px;
|
|
1178
|
+
min-height: 95px;
|
|
1179
|
+
}
|
|
1180
|
+
.nodeContent[data-v-c176feb6] {
|
|
1181
|
+
}
|
|
1182
|
+
.nodeView[data-v-faa5a940] {
|
|
1183
|
+
box-sizing: border-box;
|
|
1184
|
+
margin: 10px 10px;
|
|
1185
|
+
width: 180px;
|
|
1186
|
+
height: 95px;
|
|
1187
|
+
box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
|
|
1188
|
+
border-radius: 2px 2px 2px 2px;
|
|
1189
|
+
padding: 20px 10px;
|
|
1190
|
+
}
|
|
1191
|
+
.nodeTitle[data-v-faa5a940] {
|
|
1192
|
+
width: 90px;
|
|
1193
|
+
height: 15px;
|
|
1194
|
+
font-weight: 400;
|
|
1195
|
+
font-size: 16px;
|
|
1196
|
+
color: #333333;
|
|
1197
|
+
line-height: 14px;
|
|
1198
|
+
text-align: left;
|
|
1199
|
+
font-style: normal;
|
|
1200
|
+
text-transform: none;
|
|
1201
|
+
padding: 0px 24px;
|
|
1202
|
+
white-space: nowrap; /* 确保文本在一行内显示 */
|
|
1203
|
+
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
1204
|
+
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
1205
|
+
}
|
|
1206
|
+
.nodeContent[data-v-faa5a940] {
|
|
1207
|
+
/* width: 100%; */
|
|
1208
|
+
height: 15px;
|
|
1209
|
+
font-weight: 400;
|
|
1210
|
+
font-size: 14px;
|
|
1211
|
+
color: #666666;
|
|
1212
|
+
line-height: 14px;
|
|
1213
|
+
text-align: left;
|
|
1214
|
+
font-style: normal;
|
|
1215
|
+
text-transform: none;
|
|
1216
|
+
padding: 0px 0px;
|
|
1217
|
+
white-space: nowrap; /* 确保文本在一行内显示 */
|
|
1218
|
+
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
1219
|
+
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
1220
|
+
}
|
|
1221
|
+
.nodeContent-desc[data-v-faa5a940]{
|
|
1222
|
+
}
|
|
1223
|
+
.el-divider--horizontal[data-v-faa5a940] {
|
|
1224
|
+
margin: 12px 0;
|
|
1225
|
+
}
|
|
1226
|
+
.nodeView[data-v-faa5a940] {
|
|
1227
1227
|
border: 1px solid #5a90f9;
|
|
1228
1228
|
background: #eef3fe;
|
|
1229
1229
|
}
|
|
1230
|
-
.nodeTitle[data-v-
|
|
1230
|
+
.nodeTitle[data-v-faa5a940] {
|
|
1231
1231
|
width: 80px;
|
|
1232
1232
|
}
|
|
1233
1233
|
|
|
1234
|
+
.el-radio[data-v-1bbd6187] {
|
|
1235
|
+
margin-right: 10px;
|
|
1236
|
+
}
|
|
1237
|
+
|
|
1234
1238
|
.el-select + .el-input[data-v-3918f594] {
|
|
1235
1239
|
margin-left: 10px;
|
|
1236
1240
|
}
|
|
@@ -1241,10 +1245,6 @@
|
|
|
1241
1245
|
margin-left: 10px;
|
|
1242
1246
|
}
|
|
1243
1247
|
|
|
1244
|
-
.el-radio[data-v-1bbd6187] {
|
|
1245
|
-
margin-right: 10px;
|
|
1246
|
-
}
|
|
1247
|
-
|
|
1248
1248
|
.el-radio[data-v-1ee0eb33] {
|
|
1249
1249
|
margin-right: 10px;
|
|
1250
1250
|
}
|
|
@@ -1252,16 +1252,6 @@
|
|
|
1252
1252
|
margin-top: 0px;
|
|
1253
1253
|
}
|
|
1254
1254
|
|
|
1255
|
-
.el-select + .el-input[data-v-7fcf8a84] {
|
|
1256
|
-
margin-left: 10px;
|
|
1257
|
-
}
|
|
1258
|
-
.el-input + .el-input[data-v-7fcf8a84] {
|
|
1259
|
-
margin-left: 10px;
|
|
1260
|
-
}
|
|
1261
|
-
.el-input + .el-button[data-v-7fcf8a84] {
|
|
1262
|
-
margin-left: 10px;
|
|
1263
|
-
}
|
|
1264
|
-
|
|
1265
1255
|
[data-v-9cc733d7] .el-cascader-menu {
|
|
1266
1256
|
min-width: 120px !important;
|
|
1267
1257
|
}
|
|
@@ -1276,8 +1266,14 @@
|
|
|
1276
1266
|
cursor: pointer;
|
|
1277
1267
|
}
|
|
1278
1268
|
|
|
1279
|
-
[data-v-
|
|
1280
|
-
|
|
1269
|
+
.el-select + .el-input[data-v-7fcf8a84] {
|
|
1270
|
+
margin-left: 10px;
|
|
1271
|
+
}
|
|
1272
|
+
.el-input + .el-input[data-v-7fcf8a84] {
|
|
1273
|
+
margin-left: 10px;
|
|
1274
|
+
}
|
|
1275
|
+
.el-input + .el-button[data-v-7fcf8a84] {
|
|
1276
|
+
margin-left: 10px;
|
|
1281
1277
|
}
|
|
1282
1278
|
|
|
1283
1279
|
[data-v-2d06523b] .el-upload {
|
|
@@ -1286,3 +1282,7 @@
|
|
|
1286
1282
|
[data-v-2d06523b] .el-button {
|
|
1287
1283
|
width: 100%;
|
|
1288
1284
|
}
|
|
1285
|
+
|
|
1286
|
+
[data-v-9a3ee19e] .el-dropdown {
|
|
1287
|
+
vertical-align: middle;
|
|
1288
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "service-flow-designer",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.33",
|
|
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.0.
|
|
64
|
+
"agilebuilder-ui": "1.0.23",
|
|
65
65
|
"codemirror": "^6.0.1",
|
|
66
66
|
"nprogress": "^0.2.0",
|
|
67
67
|
"quill": "^2.0.2",
|