service-flow-designer 2.0.29 → 2.0.36
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 +356 -356
- 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,51 @@
|
|
|
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
|
+
.el-alert + .el-form-item[data-v-a158f309] {
|
|
170
|
+
margin-top: 10px;
|
|
171
|
+
}
|
|
172
|
+
|
|
169
173
|
.editorTool[data-v-d55ab098] {
|
|
170
174
|
margin-left: auto;
|
|
171
175
|
}
|
|
@@ -179,17 +183,6 @@
|
|
|
179
183
|
align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
|
|
180
184
|
}
|
|
181
185
|
|
|
182
|
-
.el-alert + .el-form-item[data-v-a158f309] {
|
|
183
|
-
margin-top: 10px;
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
.el-alert + .el-table[data-v-028fb838] {
|
|
187
|
-
margin-top: 10px;
|
|
188
|
-
}
|
|
189
|
-
.el-table + .el-alert[data-v-028fb838] {
|
|
190
|
-
margin: 10px 0;
|
|
191
|
-
}
|
|
192
|
-
|
|
193
186
|
[data-v-65e38bfb] .el-radio {
|
|
194
187
|
margin: 0;
|
|
195
188
|
}
|
|
@@ -197,77 +190,28 @@
|
|
|
197
190
|
margin-left: 10px;
|
|
198
191
|
}
|
|
199
192
|
|
|
200
|
-
.el-
|
|
193
|
+
.el-alert + .el-form-item[data-v-32875028] {
|
|
201
194
|
margin-top: 10px;
|
|
202
195
|
}
|
|
203
|
-
.el-alert + .el-
|
|
204
|
-
margin
|
|
196
|
+
.el-alert + .el-table[data-v-32875028] {
|
|
197
|
+
margin: 10px 0;
|
|
205
198
|
}
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
height: 100%;
|
|
210
|
-
padding-left: 10px;
|
|
211
|
-
padding-right: 10px;
|
|
212
|
-
overflow: auto;
|
|
213
|
-
}
|
|
214
|
-
.amb-design-attr-item[data-v-ce167986] {
|
|
215
|
-
margin-bottom: 8px;
|
|
216
|
-
}
|
|
217
|
-
.amb-design-attr-group-header > button[data-v-ce167986] {
|
|
218
|
-
background: #f5f6f8;
|
|
219
|
-
padding-left: 10px;
|
|
220
|
-
font-size: 14px;
|
|
221
|
-
height: 42px;
|
|
222
|
-
}
|
|
223
|
-
.amb-design-attr-content[data-v-ce167986] {
|
|
224
|
-
background: #ffffff;
|
|
225
|
-
box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
|
|
226
|
-
height: 100%;
|
|
227
|
-
padding-left: 10px;
|
|
228
|
-
padding-right: 10px;
|
|
229
|
-
overflow: auto;
|
|
230
|
-
position: relative;
|
|
231
|
-
}
|
|
232
|
-
.amb-design-attr-header-search[data-v-ce167986] {
|
|
233
|
-
margin-top: 16px;
|
|
234
|
-
}
|
|
235
|
-
.amb-design-attr-header-select[data-v-ce167986] {
|
|
236
|
-
width: 90px;
|
|
237
|
-
height: 36px;
|
|
238
|
-
}
|
|
239
|
-
.amb-design-page-param-row[data-v-ce167986] {
|
|
240
|
-
height: 34px;
|
|
241
|
-
}
|
|
242
|
-
.el-table__cell > .cell[data-v-ce167986] {
|
|
243
|
-
white-space: nowrap !important;
|
|
199
|
+
|
|
200
|
+
.el-alert + .el-table[data-v-e27c4c1e] {
|
|
201
|
+
margin-top: 10px;
|
|
244
202
|
}
|
|
245
|
-
.
|
|
246
|
-
|
|
247
|
-
border: 1px dashed rgba(88, 147, 239, 0.06);
|
|
248
|
-
border-radius: 4px 4px 4px 4px;
|
|
249
|
-
text-align: center;
|
|
250
|
-
margin-top: 12px;
|
|
251
|
-
padding: 10px 5px 10px 5px;
|
|
252
|
-
font-size: 12px;
|
|
253
|
-
cursor: move;
|
|
254
|
-
height: 60px;
|
|
255
|
-
overflow: hidden;
|
|
256
|
-
box-sizing: border-box;
|
|
257
|
-
color: #333333;
|
|
258
|
-
text-overflow: ellipsis;
|
|
259
|
-
white-space: nowrap;
|
|
260
|
-
-webkit-user-select: none; /* Safari */
|
|
261
|
-
-moz-user-select: none; /* Firefox */
|
|
262
|
-
-ms-user-select: none; /* Internet Explorer/Edge */
|
|
263
|
-
user-select: none; /* 标准语法 */
|
|
203
|
+
.el-table + .el-alert[data-v-e27c4c1e] {
|
|
204
|
+
margin: 10px 0;
|
|
264
205
|
}
|
|
265
|
-
.
|
|
266
|
-
|
|
267
|
-
|
|
206
|
+
.el-alert + .el-form-item[data-v-e27c4c1e] {
|
|
207
|
+
margin-top: 10px;
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
[data-v-808a13e1] .el-radio {
|
|
211
|
+
margin: 0;
|
|
268
212
|
}
|
|
269
|
-
.
|
|
270
|
-
|
|
213
|
+
.el-radio + .el-radio[data-v-808a13e1] {
|
|
214
|
+
margin-left: 10px;
|
|
271
215
|
}
|
|
272
216
|
|
|
273
217
|
.editorTool[data-v-684c1f08] {
|
|
@@ -283,57 +227,50 @@
|
|
|
283
227
|
align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
|
|
284
228
|
}
|
|
285
229
|
|
|
286
|
-
.el-alert + .el-table[data-v-
|
|
230
|
+
.el-alert + .el-table[data-v-82e0dfef] {
|
|
287
231
|
margin-top: 10px;
|
|
288
232
|
}
|
|
289
|
-
.el-
|
|
233
|
+
.el-alert + .el-form-item[data-v-82e0dfef] {
|
|
234
|
+
margin-top: 10px;
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
.el-alert + .el-table[data-v-d978e7dc] {
|
|
238
|
+
margin-top: 10px;
|
|
239
|
+
}
|
|
240
|
+
.el-table + .el-alert[data-v-d978e7dc] {
|
|
290
241
|
margin: 10px 0;
|
|
291
242
|
}
|
|
292
|
-
.el-alert + .el-form-item[data-v-
|
|
243
|
+
.el-alert + .el-form-item[data-v-d978e7dc] {
|
|
293
244
|
margin-top: 10px;
|
|
294
245
|
}
|
|
295
246
|
|
|
296
|
-
[data-v-
|
|
297
|
-
|
|
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;
|
|
247
|
+
.el-tabs + .el-alert[data-v-08737620] {
|
|
248
|
+
margin-top: 10px;
|
|
310
249
|
}
|
|
311
|
-
.
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
padding-left: 5px;
|
|
318
|
-
cursor: pointer;
|
|
250
|
+
.el-alert + .el-form-item[data-v-08737620] {
|
|
251
|
+
margin-top: 10px;
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
.el-alert + .el-table[data-v-028fb838] {
|
|
255
|
+
margin-top: 10px;
|
|
319
256
|
}
|
|
320
|
-
.
|
|
321
|
-
|
|
322
|
-
color: #fff;
|
|
257
|
+
.el-table + .el-alert[data-v-028fb838] {
|
|
258
|
+
margin: 10px 0;
|
|
323
259
|
}
|
|
324
|
-
|
|
325
|
-
.
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
260
|
+
|
|
261
|
+
.el-drawer__header {
|
|
262
|
+
margin-bottom: 0 !important;
|
|
263
|
+
}
|
|
264
|
+
/**
|
|
265
|
+
解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
|
|
266
|
+
*/
|
|
267
|
+
[data-v-c51cce99] .el-overlay {
|
|
268
|
+
position: static;
|
|
330
269
|
}
|
|
331
270
|
|
|
332
|
-
[data-v-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
.el-radio + .el-radio[data-v-808a13e1] {
|
|
336
|
-
margin-left: 10px;
|
|
271
|
+
.el-dialog__wrapper[data-v-d41cb0ad] {
|
|
272
|
+
overflow: hidden !important;
|
|
273
|
+
padding-right: 0 !important;
|
|
337
274
|
}
|
|
338
275
|
.control-item[data-v-fdc6ec07] {
|
|
339
276
|
top: -5px;
|
|
@@ -466,147 +403,62 @@
|
|
|
466
403
|
margin-left: 50px;
|
|
467
404
|
}
|
|
468
405
|
|
|
469
|
-
.el-
|
|
470
|
-
|
|
471
|
-
}
|
|
472
|
-
/**
|
|
473
|
-
解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
|
|
474
|
-
*/
|
|
475
|
-
[data-v-c51cce99] .el-overlay {
|
|
476
|
-
position: static;
|
|
406
|
+
[data-v-286d914e] .el-table__row {
|
|
407
|
+
cursor: pointer;
|
|
477
408
|
}
|
|
478
|
-
|
|
479
|
-
.
|
|
480
|
-
|
|
409
|
+
/** 右键菜单样式 */
|
|
410
|
+
.context-menu[data-v-286d914e] {
|
|
411
|
+
position: absolute;
|
|
412
|
+
background: #fff;
|
|
413
|
+
z-index: 999;
|
|
414
|
+
margin: 5;
|
|
415
|
+
padding: 8px 8px;
|
|
416
|
+
box-shadow: 0 5px 7px 1px rgba(0, 0, 0, 0.1);
|
|
417
|
+
border: 1px solid #bbbbbb;
|
|
418
|
+
border-radius: 10px;
|
|
419
|
+
font-size: 14px;
|
|
481
420
|
}
|
|
482
|
-
.
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
421
|
+
.context-menu li[data-v-286d914e] {
|
|
422
|
+
list-style-type: none;
|
|
423
|
+
min-width: 75px;
|
|
424
|
+
line-height: 28px;
|
|
425
|
+
text-align: left;
|
|
426
|
+
border-radius: 5px;
|
|
427
|
+
padding-left: 5px;
|
|
428
|
+
cursor: pointer;
|
|
488
429
|
}
|
|
489
|
-
.
|
|
490
|
-
|
|
430
|
+
.context-menu li[data-v-286d914e]:hover {
|
|
431
|
+
background: #0165e1;
|
|
432
|
+
color: #fff;
|
|
491
433
|
}
|
|
492
|
-
|
|
493
|
-
.
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
}
|
|
499
|
-
.el-alert + .el-form-item[data-v-d978e7dc] {
|
|
500
|
-
margin-top: 10px;
|
|
434
|
+
/** 右键菜单样式 */
|
|
435
|
+
.custom-tree-node[data-v-286d914e] {
|
|
436
|
+
font-size: 14px;
|
|
437
|
+
padding-right: 8px;
|
|
438
|
+
display: flex; /* 使用Flex布局 */
|
|
439
|
+
align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
|
|
501
440
|
}
|
|
502
441
|
|
|
503
|
-
.
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
.nodeView[data-v-6d0cd280] {
|
|
508
|
-
box-sizing: border-box;
|
|
509
|
-
margin: 10px 10px;
|
|
510
|
-
width: 180px;
|
|
511
|
-
height: 95px;
|
|
442
|
+
.node-content[data-v-69a854a3] {
|
|
443
|
+
width: 120px;
|
|
444
|
+
height: 44px;
|
|
445
|
+
background: #ffffff;
|
|
512
446
|
box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
|
|
513
|
-
border-radius: 2px 2px 2px 2px;
|
|
514
|
-
padding: 20px 10px;
|
|
515
|
-
}
|
|
516
|
-
.nodeTitle[data-v-6d0cd280] {
|
|
517
|
-
width: 90px;
|
|
518
|
-
height: 15px;
|
|
519
|
-
font-weight: 400;
|
|
520
|
-
font-size: 16px;
|
|
521
|
-
color: #333333;
|
|
522
|
-
line-height: 14px;
|
|
523
|
-
text-align: left;
|
|
524
|
-
font-style: normal;
|
|
525
|
-
text-transform: none;
|
|
526
|
-
padding: 0px 24px;
|
|
527
|
-
white-space: nowrap; /* 确保文本在一行内显示 */
|
|
528
|
-
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
529
|
-
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
447
|
+
border-radius: 2px 2px 2px 2px;
|
|
530
448
|
}
|
|
531
|
-
.
|
|
532
|
-
|
|
449
|
+
.content[data-v-69a854a3] {
|
|
450
|
+
width: 28px;
|
|
533
451
|
height: 15px;
|
|
534
452
|
font-weight: 400;
|
|
535
453
|
font-size: 14px;
|
|
536
|
-
color: #666666;
|
|
537
|
-
line-height: 14px;
|
|
538
|
-
text-align: left;
|
|
539
|
-
font-style: normal;
|
|
540
|
-
text-transform: none;
|
|
541
|
-
padding: 0px 0px;
|
|
542
|
-
white-space: nowrap; /* 确保文本在一行内显示 */
|
|
543
|
-
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
544
|
-
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
545
|
-
}
|
|
546
|
-
.nodeContent-desc[data-v-6d0cd280]{
|
|
547
|
-
}
|
|
548
|
-
.el-divider--horizontal[data-v-6d0cd280] {
|
|
549
|
-
margin: 12px 0;
|
|
550
|
-
}
|
|
551
|
-
.nodeView[data-v-6d0cd280] {
|
|
552
|
-
border: 1px solid #5a90f9;
|
|
553
|
-
background: #eef3fe;
|
|
554
|
-
}
|
|
555
|
-
.nodeTitle[data-v-6d0cd280] {
|
|
556
|
-
width: 80px;
|
|
557
|
-
}
|
|
558
|
-
.nodeView[data-v-faa5a940] {
|
|
559
|
-
box-sizing: border-box;
|
|
560
|
-
margin: 10px 10px;
|
|
561
|
-
width: 180px;
|
|
562
|
-
height: 95px;
|
|
563
|
-
box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
|
|
564
|
-
border-radius: 2px 2px 2px 2px;
|
|
565
|
-
padding: 20px 10px;
|
|
566
|
-
}
|
|
567
|
-
.nodeTitle[data-v-faa5a940] {
|
|
568
|
-
width: 90px;
|
|
569
|
-
height: 15px;
|
|
570
|
-
font-weight: 400;
|
|
571
|
-
font-size: 16px;
|
|
572
454
|
color: #333333;
|
|
573
455
|
line-height: 14px;
|
|
574
456
|
text-align: left;
|
|
575
457
|
font-style: normal;
|
|
576
458
|
text-transform: none;
|
|
577
|
-
padding: 0px
|
|
578
|
-
white-space: nowrap; /* 确保文本在一行内显示 */
|
|
579
|
-
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
580
|
-
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
581
|
-
}
|
|
582
|
-
.nodeContent[data-v-faa5a940] {
|
|
583
|
-
/* width: 100%; */
|
|
584
|
-
height: 15px;
|
|
585
|
-
font-weight: 400;
|
|
586
|
-
font-size: 14px;
|
|
587
|
-
color: #666666;
|
|
588
|
-
line-height: 14px;
|
|
589
|
-
text-align: left;
|
|
590
|
-
font-style: normal;
|
|
591
|
-
text-transform: none;
|
|
592
|
-
padding: 0px 0px;
|
|
593
|
-
white-space: nowrap; /* 确保文本在一行内显示 */
|
|
594
|
-
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
595
|
-
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
596
|
-
}
|
|
597
|
-
.nodeContent-desc[data-v-faa5a940]{
|
|
598
|
-
}
|
|
599
|
-
.el-divider--horizontal[data-v-faa5a940] {
|
|
600
|
-
margin: 12px 0;
|
|
601
|
-
}
|
|
602
|
-
.nodeView[data-v-faa5a940] {
|
|
603
|
-
border: 1px solid #5a90f9;
|
|
604
|
-
background: #eef3fe;
|
|
605
|
-
}
|
|
606
|
-
.nodeTitle[data-v-faa5a940] {
|
|
607
|
-
width: 80px;
|
|
459
|
+
padding: 5px 0px 4px 10px;
|
|
608
460
|
}
|
|
609
|
-
.nodeView[data-v-
|
|
461
|
+
.nodeView[data-v-c176feb6] {
|
|
610
462
|
box-sizing: border-box;
|
|
611
463
|
margin: 10px 10px;
|
|
612
464
|
width: 180px;
|
|
@@ -615,7 +467,7 @@
|
|
|
615
467
|
border-radius: 2px 2px 2px 2px;
|
|
616
468
|
padding: 20px 10px;
|
|
617
469
|
}
|
|
618
|
-
.nodeTitle[data-v-
|
|
470
|
+
.nodeTitle[data-v-c176feb6] {
|
|
619
471
|
width: 90px;
|
|
620
472
|
height: 15px;
|
|
621
473
|
font-weight: 400;
|
|
@@ -630,7 +482,7 @@
|
|
|
630
482
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
631
483
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
632
484
|
}
|
|
633
|
-
.nodeContent[data-v-
|
|
485
|
+
.nodeContent[data-v-c176feb6] {
|
|
634
486
|
/* width: 100%; */
|
|
635
487
|
height: 15px;
|
|
636
488
|
font-weight: 400;
|
|
@@ -645,17 +497,18 @@
|
|
|
645
497
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
646
498
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
647
499
|
}
|
|
648
|
-
.nodeContent-desc[data-v-
|
|
500
|
+
.nodeContent-desc[data-v-c176feb6]{
|
|
649
501
|
}
|
|
650
|
-
.el-divider--horizontal[data-v-
|
|
502
|
+
.el-divider--horizontal[data-v-c176feb6] {
|
|
651
503
|
margin: 12px 0;
|
|
652
504
|
}
|
|
653
|
-
.nodeView[data-v-
|
|
505
|
+
.nodeView[data-v-c176feb6] {
|
|
654
506
|
border: 1px solid #5a90f9;
|
|
655
|
-
background: #eef3fe;
|
|
507
|
+
background: #eef3fe;
|
|
508
|
+
width: 180px;
|
|
509
|
+
min-height: 95px;
|
|
656
510
|
}
|
|
657
|
-
.
|
|
658
|
-
width: 80px;
|
|
511
|
+
.nodeContent[data-v-c176feb6] {
|
|
659
512
|
}
|
|
660
513
|
.nodeView[data-v-df366d04] {
|
|
661
514
|
box-sizing: border-box;
|
|
@@ -708,7 +561,7 @@
|
|
|
708
561
|
.nodeTitle[data-v-df366d04] {
|
|
709
562
|
width: 80px;
|
|
710
563
|
}
|
|
711
|
-
.nodeView[data-v-
|
|
564
|
+
.nodeView[data-v-faa5a940] {
|
|
712
565
|
box-sizing: border-box;
|
|
713
566
|
margin: 10px 10px;
|
|
714
567
|
width: 180px;
|
|
@@ -717,7 +570,7 @@
|
|
|
717
570
|
border-radius: 2px 2px 2px 2px;
|
|
718
571
|
padding: 20px 10px;
|
|
719
572
|
}
|
|
720
|
-
.nodeTitle[data-v-
|
|
573
|
+
.nodeTitle[data-v-faa5a940] {
|
|
721
574
|
width: 90px;
|
|
722
575
|
height: 15px;
|
|
723
576
|
font-weight: 400;
|
|
@@ -732,7 +585,7 @@
|
|
|
732
585
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
733
586
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
734
587
|
}
|
|
735
|
-
.nodeContent[data-v-
|
|
588
|
+
.nodeContent[data-v-faa5a940] {
|
|
736
589
|
/* width: 100%; */
|
|
737
590
|
height: 15px;
|
|
738
591
|
font-weight: 400;
|
|
@@ -747,18 +600,17 @@
|
|
|
747
600
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
748
601
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
749
602
|
}
|
|
750
|
-
.nodeContent-desc[data-v-
|
|
603
|
+
.nodeContent-desc[data-v-faa5a940]{
|
|
751
604
|
}
|
|
752
|
-
.el-divider--horizontal[data-v-
|
|
605
|
+
.el-divider--horizontal[data-v-faa5a940] {
|
|
753
606
|
margin: 12px 0;
|
|
754
607
|
}
|
|
755
|
-
.nodeView[data-v-
|
|
608
|
+
.nodeView[data-v-faa5a940] {
|
|
756
609
|
border: 1px solid #5a90f9;
|
|
757
|
-
background: #eef3fe;
|
|
758
|
-
width: 180px;
|
|
759
|
-
min-height: 95px;
|
|
610
|
+
background: #eef3fe;
|
|
760
611
|
}
|
|
761
|
-
.
|
|
612
|
+
.nodeTitle[data-v-faa5a940] {
|
|
613
|
+
width: 80px;
|
|
762
614
|
}
|
|
763
615
|
.nodeView[data-v-9fff2753] {
|
|
764
616
|
box-sizing: border-box;
|
|
@@ -811,7 +663,27 @@
|
|
|
811
663
|
.nodeTitle[data-v-9fff2753] {
|
|
812
664
|
width: 80px;
|
|
813
665
|
}
|
|
814
|
-
|
|
666
|
+
|
|
667
|
+
.node-content[data-v-b28923f3] {
|
|
668
|
+
width: 120px;
|
|
669
|
+
height: 44px;
|
|
670
|
+
background: #ffffff;
|
|
671
|
+
box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
|
|
672
|
+
border-radius: 2px 2px 2px 2px;
|
|
673
|
+
}
|
|
674
|
+
.content[data-v-b28923f3] {
|
|
675
|
+
width: 28px;
|
|
676
|
+
height: 15px;
|
|
677
|
+
font-weight: 400;
|
|
678
|
+
font-size: 14px;
|
|
679
|
+
color: #333333;
|
|
680
|
+
line-height: 14px;
|
|
681
|
+
text-align: left;
|
|
682
|
+
font-style: normal;
|
|
683
|
+
text-transform: none;
|
|
684
|
+
padding: 5px 0px 4px 10px;
|
|
685
|
+
}
|
|
686
|
+
.nodeView[data-v-b604c489] {
|
|
815
687
|
box-sizing: border-box;
|
|
816
688
|
margin: 10px 10px;
|
|
817
689
|
width: 180px;
|
|
@@ -820,7 +692,7 @@
|
|
|
820
692
|
border-radius: 2px 2px 2px 2px;
|
|
821
693
|
padding: 20px 10px;
|
|
822
694
|
}
|
|
823
|
-
.nodeTitle[data-v-
|
|
695
|
+
.nodeTitle[data-v-b604c489] {
|
|
824
696
|
width: 90px;
|
|
825
697
|
height: 15px;
|
|
826
698
|
font-weight: 400;
|
|
@@ -835,7 +707,7 @@
|
|
|
835
707
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
836
708
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
837
709
|
}
|
|
838
|
-
.nodeContent[data-v-
|
|
710
|
+
.nodeContent[data-v-b604c489] {
|
|
839
711
|
/* width: 100%; */
|
|
840
712
|
height: 15px;
|
|
841
713
|
font-weight: 400;
|
|
@@ -850,16 +722,16 @@
|
|
|
850
722
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
851
723
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
852
724
|
}
|
|
853
|
-
.nodeContent-desc[data-v-
|
|
725
|
+
.nodeContent-desc[data-v-b604c489]{
|
|
854
726
|
}
|
|
855
|
-
.el-divider--horizontal[data-v-
|
|
727
|
+
.el-divider--horizontal[data-v-b604c489] {
|
|
856
728
|
margin: 12px 0;
|
|
857
729
|
}
|
|
858
|
-
.nodeView[data-v-
|
|
730
|
+
.nodeView[data-v-b604c489] {
|
|
859
731
|
border: 1px solid #5a90f9;
|
|
860
732
|
background: #eef3fe;
|
|
861
733
|
}
|
|
862
|
-
.nodeTitle[data-v-
|
|
734
|
+
.nodeTitle[data-v-b604c489] {
|
|
863
735
|
width: 80px;
|
|
864
736
|
}
|
|
865
737
|
.nodeView[data-v-bd32480c] {
|
|
@@ -915,14 +787,14 @@
|
|
|
915
787
|
.nodeContent[data-v-bd32480c] {
|
|
916
788
|
}
|
|
917
789
|
|
|
918
|
-
.
|
|
919
|
-
width:
|
|
920
|
-
height:
|
|
790
|
+
.aaa[data-v-8bd72b80] {
|
|
791
|
+
width: 300px;
|
|
792
|
+
height: 200px;
|
|
921
793
|
background: #ffffff;
|
|
922
794
|
box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
|
|
923
795
|
border-radius: 2px 2px 2px 2px;
|
|
924
796
|
}
|
|
925
|
-
.content[data-v-
|
|
797
|
+
.content[data-v-8bd72b80] {
|
|
926
798
|
width: 28px;
|
|
927
799
|
height: 15px;
|
|
928
800
|
font-weight: 400;
|
|
@@ -985,7 +857,7 @@
|
|
|
985
857
|
.nodeTitle[data-v-b1d2a966] {
|
|
986
858
|
width: 80px;
|
|
987
859
|
}
|
|
988
|
-
.nodeView[data-v-
|
|
860
|
+
.nodeView[data-v-b01d3a50] {
|
|
989
861
|
box-sizing: border-box;
|
|
990
862
|
margin: 10px 10px;
|
|
991
863
|
width: 180px;
|
|
@@ -994,7 +866,7 @@
|
|
|
994
866
|
border-radius: 2px 2px 2px 2px;
|
|
995
867
|
padding: 20px 10px;
|
|
996
868
|
}
|
|
997
|
-
.nodeTitle[data-v-
|
|
869
|
+
.nodeTitle[data-v-b01d3a50] {
|
|
998
870
|
width: 90px;
|
|
999
871
|
height: 15px;
|
|
1000
872
|
font-weight: 400;
|
|
@@ -1009,7 +881,7 @@
|
|
|
1009
881
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
1010
882
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
1011
883
|
}
|
|
1012
|
-
.nodeContent[data-v-
|
|
884
|
+
.nodeContent[data-v-b01d3a50] {
|
|
1013
885
|
/* width: 100%; */
|
|
1014
886
|
height: 15px;
|
|
1015
887
|
font-weight: 400;
|
|
@@ -1024,18 +896,17 @@
|
|
|
1024
896
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
1025
897
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
1026
898
|
}
|
|
1027
|
-
.nodeContent-desc[data-v-
|
|
899
|
+
.nodeContent-desc[data-v-b01d3a50]{
|
|
1028
900
|
}
|
|
1029
|
-
.el-divider--horizontal[data-v-
|
|
901
|
+
.el-divider--horizontal[data-v-b01d3a50] {
|
|
1030
902
|
margin: 12px 0;
|
|
1031
903
|
}
|
|
1032
|
-
.nodeView[data-v-
|
|
904
|
+
.nodeView[data-v-b01d3a50] {
|
|
1033
905
|
border: 1px solid #5a90f9;
|
|
1034
|
-
background: #eef3fe;
|
|
1035
|
-
width: 180px;
|
|
1036
|
-
min-height: 95px;
|
|
906
|
+
background: #eef3fe;
|
|
1037
907
|
}
|
|
1038
|
-
.
|
|
908
|
+
.nodeTitle[data-v-b01d3a50] {
|
|
909
|
+
width: 80px;
|
|
1039
910
|
}
|
|
1040
911
|
.nodeView[data-v-221a60f8] {
|
|
1041
912
|
box-sizing: border-box;
|
|
@@ -1088,25 +959,56 @@
|
|
|
1088
959
|
.nodeTitle[data-v-221a60f8] {
|
|
1089
960
|
width: 80px;
|
|
1090
961
|
}
|
|
1091
|
-
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
962
|
+
.nodeView[data-v-5911272d] {
|
|
963
|
+
box-sizing: border-box;
|
|
964
|
+
margin: 10px 10px;
|
|
965
|
+
width: 180px;
|
|
966
|
+
height: 95px;
|
|
1096
967
|
box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
|
|
1097
|
-
border-radius: 2px 2px 2px 2px;
|
|
968
|
+
border-radius: 2px 2px 2px 2px;
|
|
969
|
+
padding: 20px 10px;
|
|
1098
970
|
}
|
|
1099
|
-
.
|
|
1100
|
-
width:
|
|
971
|
+
.nodeTitle[data-v-5911272d] {
|
|
972
|
+
width: 90px;
|
|
1101
973
|
height: 15px;
|
|
1102
974
|
font-weight: 400;
|
|
1103
|
-
font-size:
|
|
975
|
+
font-size: 16px;
|
|
1104
976
|
color: #333333;
|
|
1105
977
|
line-height: 14px;
|
|
1106
978
|
text-align: left;
|
|
1107
979
|
font-style: normal;
|
|
1108
980
|
text-transform: none;
|
|
1109
|
-
padding:
|
|
981
|
+
padding: 0px 24px;
|
|
982
|
+
white-space: nowrap; /* 确保文本在一行内显示 */
|
|
983
|
+
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
984
|
+
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
985
|
+
}
|
|
986
|
+
.nodeContent[data-v-5911272d] {
|
|
987
|
+
/* width: 100%; */
|
|
988
|
+
height: 15px;
|
|
989
|
+
font-weight: 400;
|
|
990
|
+
font-size: 14px;
|
|
991
|
+
color: #666666;
|
|
992
|
+
line-height: 14px;
|
|
993
|
+
text-align: left;
|
|
994
|
+
font-style: normal;
|
|
995
|
+
text-transform: none;
|
|
996
|
+
padding: 0px 0px;
|
|
997
|
+
white-space: nowrap; /* 确保文本在一行内显示 */
|
|
998
|
+
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
999
|
+
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
1000
|
+
}
|
|
1001
|
+
.nodeContent-desc[data-v-5911272d]{
|
|
1002
|
+
}
|
|
1003
|
+
.el-divider--horizontal[data-v-5911272d] {
|
|
1004
|
+
margin: 12px 0;
|
|
1005
|
+
}
|
|
1006
|
+
.nodeView[data-v-5911272d] {
|
|
1007
|
+
border: 1px solid #5a90f9;
|
|
1008
|
+
background: #eef3fe;
|
|
1009
|
+
}
|
|
1010
|
+
.nodeTitle[data-v-5911272d] {
|
|
1011
|
+
width: 80px;
|
|
1110
1012
|
}
|
|
1111
1013
|
.nodeView[data-v-7702fcdb] {
|
|
1112
1014
|
box-sizing: border-box;
|
|
@@ -1159,27 +1061,124 @@
|
|
|
1159
1061
|
.nodeTitle[data-v-7702fcdb] {
|
|
1160
1062
|
width: 80px;
|
|
1161
1063
|
}
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
|
|
1165
|
-
|
|
1166
|
-
|
|
1064
|
+
.nodeView[data-v-6d0cd280] {
|
|
1065
|
+
box-sizing: border-box;
|
|
1066
|
+
margin: 10px 10px;
|
|
1067
|
+
width: 180px;
|
|
1068
|
+
height: 95px;
|
|
1167
1069
|
box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
|
|
1168
|
-
border-radius: 2px 2px 2px 2px;
|
|
1070
|
+
border-radius: 2px 2px 2px 2px;
|
|
1071
|
+
padding: 20px 10px;
|
|
1169
1072
|
}
|
|
1170
|
-
.
|
|
1171
|
-
width:
|
|
1073
|
+
.nodeTitle[data-v-6d0cd280] {
|
|
1074
|
+
width: 90px;
|
|
1172
1075
|
height: 15px;
|
|
1173
1076
|
font-weight: 400;
|
|
1174
|
-
font-size:
|
|
1077
|
+
font-size: 16px;
|
|
1175
1078
|
color: #333333;
|
|
1176
1079
|
line-height: 14px;
|
|
1177
1080
|
text-align: left;
|
|
1178
1081
|
font-style: normal;
|
|
1179
1082
|
text-transform: none;
|
|
1180
|
-
padding:
|
|
1083
|
+
padding: 0px 24px;
|
|
1084
|
+
white-space: nowrap; /* 确保文本在一行内显示 */
|
|
1085
|
+
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
1086
|
+
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
1087
|
+
}
|
|
1088
|
+
.nodeContent[data-v-6d0cd280] {
|
|
1089
|
+
/* width: 100%; */
|
|
1090
|
+
height: 15px;
|
|
1091
|
+
font-weight: 400;
|
|
1092
|
+
font-size: 14px;
|
|
1093
|
+
color: #666666;
|
|
1094
|
+
line-height: 14px;
|
|
1095
|
+
text-align: left;
|
|
1096
|
+
font-style: normal;
|
|
1097
|
+
text-transform: none;
|
|
1098
|
+
padding: 0px 0px;
|
|
1099
|
+
white-space: nowrap; /* 确保文本在一行内显示 */
|
|
1100
|
+
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
1101
|
+
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
1102
|
+
}
|
|
1103
|
+
.nodeContent-desc[data-v-6d0cd280]{
|
|
1104
|
+
}
|
|
1105
|
+
.el-divider--horizontal[data-v-6d0cd280] {
|
|
1106
|
+
margin: 12px 0;
|
|
1107
|
+
}
|
|
1108
|
+
.nodeView[data-v-6d0cd280] {
|
|
1109
|
+
border: 1px solid #5a90f9;
|
|
1110
|
+
background: #eef3fe;
|
|
1111
|
+
}
|
|
1112
|
+
.nodeTitle[data-v-6d0cd280] {
|
|
1113
|
+
width: 80px;
|
|
1181
1114
|
}
|
|
1182
|
-
.
|
|
1115
|
+
.amb-design-attr-base-content[data-v-ce167986] {
|
|
1116
|
+
background: #ffffff;
|
|
1117
|
+
box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
|
|
1118
|
+
height: 100%;
|
|
1119
|
+
padding-left: 10px;
|
|
1120
|
+
padding-right: 10px;
|
|
1121
|
+
overflow: auto;
|
|
1122
|
+
}
|
|
1123
|
+
.amb-design-attr-item[data-v-ce167986] {
|
|
1124
|
+
margin-bottom: 8px;
|
|
1125
|
+
}
|
|
1126
|
+
.amb-design-attr-group-header > button[data-v-ce167986] {
|
|
1127
|
+
background: #f5f6f8;
|
|
1128
|
+
padding-left: 10px;
|
|
1129
|
+
font-size: 14px;
|
|
1130
|
+
height: 42px;
|
|
1131
|
+
}
|
|
1132
|
+
.amb-design-attr-content[data-v-ce167986] {
|
|
1133
|
+
background: #ffffff;
|
|
1134
|
+
box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
|
|
1135
|
+
height: 100%;
|
|
1136
|
+
padding-left: 10px;
|
|
1137
|
+
padding-right: 10px;
|
|
1138
|
+
overflow: auto;
|
|
1139
|
+
position: relative;
|
|
1140
|
+
}
|
|
1141
|
+
.amb-design-attr-header-search[data-v-ce167986] {
|
|
1142
|
+
margin-top: 16px;
|
|
1143
|
+
}
|
|
1144
|
+
.amb-design-attr-header-select[data-v-ce167986] {
|
|
1145
|
+
width: 90px;
|
|
1146
|
+
height: 36px;
|
|
1147
|
+
}
|
|
1148
|
+
.amb-design-page-param-row[data-v-ce167986] {
|
|
1149
|
+
height: 34px;
|
|
1150
|
+
}
|
|
1151
|
+
.el-table__cell > .cell[data-v-ce167986] {
|
|
1152
|
+
white-space: nowrap !important;
|
|
1153
|
+
}
|
|
1154
|
+
.serviceflow-item[data-v-ce167986] {
|
|
1155
|
+
background: rgba(88, 147, 239, 0.06);
|
|
1156
|
+
border: 1px dashed rgba(88, 147, 239, 0.06);
|
|
1157
|
+
border-radius: 4px 4px 4px 4px;
|
|
1158
|
+
text-align: center;
|
|
1159
|
+
margin-top: 12px;
|
|
1160
|
+
padding: 10px 5px 10px 5px;
|
|
1161
|
+
font-size: 12px;
|
|
1162
|
+
cursor: move;
|
|
1163
|
+
height: 60px;
|
|
1164
|
+
overflow: hidden;
|
|
1165
|
+
box-sizing: border-box;
|
|
1166
|
+
color: #333333;
|
|
1167
|
+
text-overflow: ellipsis;
|
|
1168
|
+
white-space: nowrap;
|
|
1169
|
+
-webkit-user-select: none; /* Safari */
|
|
1170
|
+
-moz-user-select: none; /* Firefox */
|
|
1171
|
+
-ms-user-select: none; /* Internet Explorer/Edge */
|
|
1172
|
+
user-select: none; /* 标准语法 */
|
|
1173
|
+
}
|
|
1174
|
+
.serviceflow-item[data-v-ce167986]:hover {
|
|
1175
|
+
background: rgba(11, 45, 101, 0.105);
|
|
1176
|
+
border: 1px dashed rgba(11, 45, 101, 0.227);
|
|
1177
|
+
}
|
|
1178
|
+
.amb-assembly-item-drag[data-v-ce167986] {
|
|
1179
|
+
opacity: 1 !important;
|
|
1180
|
+
}
|
|
1181
|
+
.nodeView[data-v-4c6dfa4a] {
|
|
1183
1182
|
box-sizing: border-box;
|
|
1184
1183
|
margin: 10px 10px;
|
|
1185
1184
|
width: 180px;
|
|
@@ -1188,7 +1187,7 @@
|
|
|
1188
1187
|
border-radius: 2px 2px 2px 2px;
|
|
1189
1188
|
padding: 20px 10px;
|
|
1190
1189
|
}
|
|
1191
|
-
.nodeTitle[data-v-
|
|
1190
|
+
.nodeTitle[data-v-4c6dfa4a] {
|
|
1192
1191
|
width: 90px;
|
|
1193
1192
|
height: 15px;
|
|
1194
1193
|
font-weight: 400;
|
|
@@ -1203,7 +1202,7 @@
|
|
|
1203
1202
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
1204
1203
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
1205
1204
|
}
|
|
1206
|
-
.nodeContent[data-v-
|
|
1205
|
+
.nodeContent[data-v-4c6dfa4a] {
|
|
1207
1206
|
/* width: 100%; */
|
|
1208
1207
|
height: 15px;
|
|
1209
1208
|
font-weight: 400;
|
|
@@ -1218,17 +1217,22 @@
|
|
|
1218
1217
|
overflow: hidden; /* 隐藏超出div宽度的文本 */
|
|
1219
1218
|
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
|
|
1220
1219
|
}
|
|
1221
|
-
.nodeContent-desc[data-v-
|
|
1220
|
+
.nodeContent-desc[data-v-4c6dfa4a]{
|
|
1222
1221
|
}
|
|
1223
|
-
.el-divider--horizontal[data-v-
|
|
1222
|
+
.el-divider--horizontal[data-v-4c6dfa4a] {
|
|
1224
1223
|
margin: 12px 0;
|
|
1225
1224
|
}
|
|
1226
|
-
.nodeView[data-v-
|
|
1225
|
+
.nodeView[data-v-4c6dfa4a] {
|
|
1227
1226
|
border: 1px solid #5a90f9;
|
|
1228
|
-
background: #eef3fe;
|
|
1227
|
+
background: #eef3fe;
|
|
1228
|
+
width: 180px;
|
|
1229
|
+
min-height: 95px;
|
|
1229
1230
|
}
|
|
1230
|
-
.
|
|
1231
|
-
|
|
1231
|
+
.nodeContent[data-v-4c6dfa4a] {
|
|
1232
|
+
}
|
|
1233
|
+
|
|
1234
|
+
.el-radio[data-v-1bbd6187] {
|
|
1235
|
+
margin-right: 10px;
|
|
1232
1236
|
}
|
|
1233
1237
|
|
|
1234
1238
|
.el-select + .el-input[data-v-3918f594] {
|
|
@@ -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
|
}
|
|
@@ -1276,13 +1276,13 @@
|
|
|
1276
1276
|
cursor: pointer;
|
|
1277
1277
|
}
|
|
1278
1278
|
|
|
1279
|
-
[data-v-9a3ee19e] .el-dropdown {
|
|
1280
|
-
vertical-align: middle;
|
|
1281
|
-
}
|
|
1282
|
-
|
|
1283
1279
|
[data-v-2d06523b] .el-upload {
|
|
1284
1280
|
width: 100%;
|
|
1285
1281
|
}
|
|
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.36",
|
|
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.28",
|
|
65
65
|
"codemirror": "^6.0.1",
|
|
66
66
|
"nprogress": "^0.2.0",
|
|
67
67
|
"quill": "^2.0.2",
|