service-flow-designer 2.0.15 → 2.0.18

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.
@@ -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.vue.js";
5
+ import _sfc_main$1 from "./json-view.vue2.js";
6
6
  const _sfc_main = /* @__PURE__ */ defineComponent({
7
7
  ...{
8
8
  name: "JsonViewDialog",
@@ -1,142 +1,4 @@
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
- });
1
+ import _sfc_main from "./json-view.vue2.js";
140
2
  export {
141
3
  _sfc_main as default
142
4
  };
@@ -1,4 +1,142 @@
1
- import _sfc_main from "./json-view.vue.js";
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
  };
@@ -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.vue.js";
17
+ import _sfc_main$2 from "../../common/components/json-view/json-view.vue2.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-9cfa34b7] .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-ff04c7d7] {
67
26
  overflow: auto;
68
27
  display: block;
@@ -166,43 +125,64 @@
166
125
  border-color: transparent transparent var(--el-skeleton-color) transparent;
167
126
  }
168
127
 
169
- .editorTool[data-v-d55ab098] {
170
- margin-left: auto;
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;
171
139
  }
172
- .editorOption[data-v-d55ab098] {
173
- margin-right: 10px;
174
- cursor: pointer;
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;
175
147
  }
176
- .pppp[data-v-d55ab098] {
177
- display: flex; /* 使用Flex布局 */
178
- justify-content: flex-start;
179
- align-items: center; /* 子元素在交叉轴(垂直方向)上居中对齐 */
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;
180
167
  }
181
168
 
182
169
  .el-alert + .el-form-item[data-v-a158f309] {
183
170
  margin-top: 10px;
184
171
  }
185
172
 
186
- .editorTool[data-v-684c1f08] {
173
+ .editorTool[data-v-d55ab098] {
187
174
  margin-left: auto;
188
175
  }
189
- .editorOption[data-v-684c1f08] {
176
+ .editorOption[data-v-d55ab098] {
190
177
  margin-right: 10px;
191
178
  cursor: pointer;
192
179
  }
193
- .pppp[data-v-684c1f08] {
180
+ .pppp[data-v-d55ab098] {
194
181
  display: flex; /* 使用Flex布局 */
195
182
  justify-content: flex-start;
196
183
  align-items: center; /* 子元素在交叉轴(垂直方向)上居中对齐 */
197
184
  }
198
185
 
199
- .el-alert + .el-form-item[data-v-32875028] {
200
- margin-top: 10px;
201
- }
202
- .el-alert + .el-table[data-v-32875028] {
203
- margin: 10px 0;
204
- }
205
-
206
186
  [data-v-808a13e1] .el-radio {
207
187
  margin: 0;
208
188
  }
@@ -210,11 +190,21 @@
210
190
  margin-left: 10px;
211
191
  }
212
192
 
213
- .el-alert + .el-table[data-v-028fb838] {
193
+ .el-drawer__header {
194
+ margin-bottom: 0 !important;
195
+ }
196
+ /**
197
+ 解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
198
+ */
199
+ [data-v-c51cce99] .el-overlay {
200
+ position: static;
201
+ }
202
+
203
+ .el-tabs + .el-alert[data-v-08737620] {
214
204
  margin-top: 10px;
215
205
  }
216
- .el-table + .el-alert[data-v-028fb838] {
217
- margin: 10px 0;
206
+ .el-alert + .el-form-item[data-v-08737620] {
207
+ margin-top: 10px;
218
208
  }
219
209
 
220
210
  [data-v-65e38bfb] .el-radio {
@@ -224,40 +214,11 @@
224
214
  margin-left: 10px;
225
215
  }
226
216
 
227
- [data-v-a5cc897b] .el-table__row {
228
- cursor: pointer;
229
- }
230
- /** 右键菜单样式 */
231
- .context-menu[data-v-a5cc897b] {
232
- position: absolute;
233
- background: #fff;
234
- z-index: 999;
235
- margin: 5;
236
- padding: 8px 8px;
237
- box-shadow: 0 5px 7px 1px rgba(0, 0, 0, 0.1);
238
- border: 1px solid #bbbbbb;
239
- border-radius: 10px;
240
- font-size: 14px;
241
- }
242
- .context-menu li[data-v-a5cc897b] {
243
- list-style-type: none;
244
- min-width: 75px;
245
- line-height: 28px;
246
- text-align: left;
247
- border-radius: 5px;
248
- padding-left: 5px;
249
- cursor: pointer;
217
+ .el-alert + .el-table[data-v-028fb838] {
218
+ margin-top: 10px;
250
219
  }
251
- .context-menu li[data-v-a5cc897b]:hover {
252
- background: #0165e1;
253
- color: #fff;
254
- }
255
- /** 右键菜单样式 */
256
- .custom-tree-node[data-v-a5cc897b] {
257
- font-size: 14px;
258
- padding-right: 8px;
259
- display: flex; /* 使用Flex布局 */
260
- align-items: center; /* 子元素在交叉轴(垂直方向)上居中对齐 */
220
+ .el-table + .el-alert[data-v-028fb838] {
221
+ margin: 10px 0;
261
222
  }
262
223
 
263
224
  .el-alert + .el-table[data-v-d978e7dc] {
@@ -270,95 +231,12 @@
270
231
  margin-top: 10px;
271
232
  }
272
233
 
273
- .el-alert + .el-table[data-v-e27c4c1e] {
274
- margin-top: 10px;
275
- }
276
- .el-table + .el-alert[data-v-e27c4c1e] {
277
- margin: 10px 0;
278
- }
279
- .el-alert + .el-form-item[data-v-e27c4c1e] {
280
- margin-top: 10px;
281
- }
282
-
283
- .el-tabs + .el-alert[data-v-08737620] {
284
- margin-top: 10px;
285
- }
286
- .el-alert + .el-form-item[data-v-08737620] {
287
- margin-top: 10px;
288
- }
289
-
290
234
  .el-alert + .el-table[data-v-82e0dfef] {
291
235
  margin-top: 10px;
292
236
  }
293
237
  .el-alert + .el-form-item[data-v-82e0dfef] {
294
238
  margin-top: 10px;
295
239
  }
296
- .amb-design-attr-base-content[data-v-ce167986] {
297
- background: #ffffff;
298
- box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
299
- height: 100%;
300
- padding-left: 10px;
301
- padding-right: 10px;
302
- overflow: auto;
303
- }
304
- .amb-design-attr-item[data-v-ce167986] {
305
- margin-bottom: 8px;
306
- }
307
- .amb-design-attr-group-header > button[data-v-ce167986] {
308
- background: #f5f6f8;
309
- padding-left: 10px;
310
- font-size: 14px;
311
- height: 42px;
312
- }
313
- .amb-design-attr-content[data-v-ce167986] {
314
- background: #ffffff;
315
- box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
316
- height: 100%;
317
- padding-left: 10px;
318
- padding-right: 10px;
319
- overflow: auto;
320
- position: relative;
321
- }
322
- .amb-design-attr-header-search[data-v-ce167986] {
323
- margin-top: 16px;
324
- }
325
- .amb-design-attr-header-select[data-v-ce167986] {
326
- width: 90px;
327
- height: 36px;
328
- }
329
- .amb-design-page-param-row[data-v-ce167986] {
330
- height: 34px;
331
- }
332
- .el-table__cell > .cell[data-v-ce167986] {
333
- white-space: nowrap !important;
334
- }
335
- .serviceflow-item[data-v-ce167986] {
336
- background: rgba(88, 147, 239, 0.06);
337
- border: 1px dashed rgba(88, 147, 239, 0.06);
338
- border-radius: 4px 4px 4px 4px;
339
- text-align: center;
340
- margin-top: 12px;
341
- padding: 10px 5px 10px 5px;
342
- font-size: 12px;
343
- cursor: move;
344
- height: 60px;
345
- overflow: hidden;
346
- box-sizing: border-box;
347
- color: #333333;
348
- text-overflow: ellipsis;
349
- white-space: nowrap;
350
- -webkit-user-select: none; /* Safari */
351
- -moz-user-select: none; /* Firefox */
352
- -ms-user-select: none; /* Internet Explorer/Edge */
353
- user-select: none; /* 标准语法 */
354
- }
355
- .serviceflow-item[data-v-ce167986]:hover {
356
- background: rgba(11, 45, 101, 0.105);
357
- border: 1px dashed rgba(11, 45, 101, 0.227);
358
- }
359
- .amb-assembly-item-drag[data-v-ce167986] {
360
- opacity: 1 !important;
361
- }
362
240
  .control-item[data-v-fdc6ec07] {
363
241
  top: -5px;
364
242
  position: relative;
@@ -490,21 +368,163 @@
490
368
  margin-left: 50px;
491
369
  }
492
370
 
371
+ .el-alert + .el-form-item[data-v-32875028] {
372
+ margin-top: 10px;
373
+ }
374
+ .el-alert + .el-table[data-v-32875028] {
375
+ margin: 10px 0;
376
+ }
377
+
378
+ .el-alert + .el-table[data-v-e27c4c1e] {
379
+ margin-top: 10px;
380
+ }
381
+ .el-table + .el-alert[data-v-e27c4c1e] {
382
+ margin: 10px 0;
383
+ }
384
+ .el-alert + .el-form-item[data-v-e27c4c1e] {
385
+ margin-top: 10px;
386
+ }
387
+
493
388
  .el-dialog__wrapper[data-v-24162035] {
494
389
  overflow: hidden !important;
495
390
  padding-right: 0 !important;
496
391
  }
497
392
 
498
- .el-drawer__header {
499
- margin-bottom: 0 !important;
393
+ .editorTool[data-v-684c1f08] {
394
+ margin-left: auto;
395
+ }
396
+ .editorOption[data-v-684c1f08] {
397
+ margin-right: 10px;
398
+ cursor: pointer;
399
+ }
400
+ .pppp[data-v-684c1f08] {
401
+ display: flex; /* 使用Flex布局 */
402
+ justify-content: flex-start;
403
+ align-items: center; /* 子元素在交叉轴(垂直方向)上居中对齐 */
500
404
  }
501
- /**
502
- 解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
503
- */
504
- [data-v-c51cce99] .el-overlay {
505
- position: static;
405
+
406
+ [data-v-a5cc897b] .el-table__row {
407
+ cursor: pointer;
506
408
  }
507
- .nodeView[data-v-7702fcdb] {
409
+ /** 右键菜单样式 */
410
+ .context-menu[data-v-a5cc897b] {
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;
420
+ }
421
+ .context-menu li[data-v-a5cc897b] {
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;
429
+ }
430
+ .context-menu li[data-v-a5cc897b]:hover {
431
+ background: #0165e1;
432
+ color: #fff;
433
+ }
434
+ /** 右键菜单样式 */
435
+ .custom-tree-node[data-v-a5cc897b] {
436
+ font-size: 14px;
437
+ padding-right: 8px;
438
+ display: flex; /* 使用Flex布局 */
439
+ align-items: center; /* 子元素在交叉轴(垂直方向)上居中对齐 */
440
+ }
441
+ .amb-design-attr-base-content[data-v-ce167986] {
442
+ background: #ffffff;
443
+ box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
444
+ height: 100%;
445
+ padding-left: 10px;
446
+ padding-right: 10px;
447
+ overflow: auto;
448
+ }
449
+ .amb-design-attr-item[data-v-ce167986] {
450
+ margin-bottom: 8px;
451
+ }
452
+ .amb-design-attr-group-header > button[data-v-ce167986] {
453
+ background: #f5f6f8;
454
+ padding-left: 10px;
455
+ font-size: 14px;
456
+ height: 42px;
457
+ }
458
+ .amb-design-attr-content[data-v-ce167986] {
459
+ background: #ffffff;
460
+ box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
461
+ height: 100%;
462
+ padding-left: 10px;
463
+ padding-right: 10px;
464
+ overflow: auto;
465
+ position: relative;
466
+ }
467
+ .amb-design-attr-header-search[data-v-ce167986] {
468
+ margin-top: 16px;
469
+ }
470
+ .amb-design-attr-header-select[data-v-ce167986] {
471
+ width: 90px;
472
+ height: 36px;
473
+ }
474
+ .amb-design-page-param-row[data-v-ce167986] {
475
+ height: 34px;
476
+ }
477
+ .el-table__cell > .cell[data-v-ce167986] {
478
+ white-space: nowrap !important;
479
+ }
480
+ .serviceflow-item[data-v-ce167986] {
481
+ background: rgba(88, 147, 239, 0.06);
482
+ border: 1px dashed rgba(88, 147, 239, 0.06);
483
+ border-radius: 4px 4px 4px 4px;
484
+ text-align: center;
485
+ margin-top: 12px;
486
+ padding: 10px 5px 10px 5px;
487
+ font-size: 12px;
488
+ cursor: move;
489
+ height: 60px;
490
+ overflow: hidden;
491
+ box-sizing: border-box;
492
+ color: #333333;
493
+ text-overflow: ellipsis;
494
+ white-space: nowrap;
495
+ -webkit-user-select: none; /* Safari */
496
+ -moz-user-select: none; /* Firefox */
497
+ -ms-user-select: none; /* Internet Explorer/Edge */
498
+ user-select: none; /* 标准语法 */
499
+ }
500
+ .serviceflow-item[data-v-ce167986]:hover {
501
+ background: rgba(11, 45, 101, 0.105);
502
+ border: 1px dashed rgba(11, 45, 101, 0.227);
503
+ }
504
+ .amb-assembly-item-drag[data-v-ce167986] {
505
+ opacity: 1 !important;
506
+ }
507
+
508
+ .node-content[data-v-69a854a3] {
509
+ width: 120px;
510
+ height: 44px;
511
+ background: #ffffff;
512
+ box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
513
+ border-radius: 2px 2px 2px 2px;
514
+ }
515
+ .content[data-v-69a854a3] {
516
+ width: 28px;
517
+ height: 15px;
518
+ font-weight: 400;
519
+ font-size: 14px;
520
+ color: #333333;
521
+ line-height: 14px;
522
+ text-align: left;
523
+ font-style: normal;
524
+ text-transform: none;
525
+ padding: 5px 0px 4px 10px;
526
+ }
527
+ .nodeView[data-v-5911272d] {
508
528
  box-sizing: border-box;
509
529
  margin: 10px 10px;
510
530
  width: 180px;
@@ -513,7 +533,7 @@
513
533
  border-radius: 2px 2px 2px 2px;
514
534
  padding: 20px 10px;
515
535
  }
516
- .nodeTitle[data-v-7702fcdb] {
536
+ .nodeTitle[data-v-5911272d] {
517
537
  width: 90px;
518
538
  height: 15px;
519
539
  font-weight: 400;
@@ -528,7 +548,7 @@
528
548
  overflow: hidden; /* 隐藏超出div宽度的文本 */
529
549
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
530
550
  }
531
- .nodeContent[data-v-7702fcdb] {
551
+ .nodeContent[data-v-5911272d] {
532
552
  /* width: 100%; */
533
553
  height: 15px;
534
554
  font-weight: 400;
@@ -543,19 +563,19 @@
543
563
  overflow: hidden; /* 隐藏超出div宽度的文本 */
544
564
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
545
565
  }
546
- .nodeContent-desc[data-v-7702fcdb]{
566
+ .nodeContent-desc[data-v-5911272d]{
547
567
  }
548
- .el-divider--horizontal[data-v-7702fcdb] {
568
+ .el-divider--horizontal[data-v-5911272d] {
549
569
  margin: 12px 0;
550
570
  }
551
- .nodeView[data-v-7702fcdb] {
571
+ .nodeView[data-v-5911272d] {
552
572
  border: 1px solid #5a90f9;
553
573
  background: #eef3fe;
554
574
  }
555
- .nodeTitle[data-v-7702fcdb] {
575
+ .nodeTitle[data-v-5911272d] {
556
576
  width: 80px;
557
577
  }
558
- .nodeView[data-v-221a60f8] {
578
+ .nodeView[data-v-9fff2753] {
559
579
  box-sizing: border-box;
560
580
  margin: 10px 10px;
561
581
  width: 180px;
@@ -564,7 +584,7 @@
564
584
  border-radius: 2px 2px 2px 2px;
565
585
  padding: 20px 10px;
566
586
  }
567
- .nodeTitle[data-v-221a60f8] {
587
+ .nodeTitle[data-v-9fff2753] {
568
588
  width: 90px;
569
589
  height: 15px;
570
590
  font-weight: 400;
@@ -579,7 +599,7 @@
579
599
  overflow: hidden; /* 隐藏超出div宽度的文本 */
580
600
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
581
601
  }
582
- .nodeContent[data-v-221a60f8] {
602
+ .nodeContent[data-v-9fff2753] {
583
603
  /* width: 100%; */
584
604
  height: 15px;
585
605
  font-weight: 400;
@@ -594,19 +614,19 @@
594
614
  overflow: hidden; /* 隐藏超出div宽度的文本 */
595
615
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
596
616
  }
597
- .nodeContent-desc[data-v-221a60f8]{
617
+ .nodeContent-desc[data-v-9fff2753]{
598
618
  }
599
- .el-divider--horizontal[data-v-221a60f8] {
619
+ .el-divider--horizontal[data-v-9fff2753] {
600
620
  margin: 12px 0;
601
621
  }
602
- .nodeView[data-v-221a60f8] {
622
+ .nodeView[data-v-9fff2753] {
603
623
  border: 1px solid #5a90f9;
604
624
  background: #eef3fe;
605
625
  }
606
- .nodeTitle[data-v-221a60f8] {
626
+ .nodeTitle[data-v-9fff2753] {
607
627
  width: 80px;
608
628
  }
609
- .nodeView[data-v-bd32480c] {
629
+ .nodeView[data-v-4c6dfa4a] {
610
630
  box-sizing: border-box;
611
631
  margin: 10px 10px;
612
632
  width: 180px;
@@ -615,7 +635,7 @@
615
635
  border-radius: 2px 2px 2px 2px;
616
636
  padding: 20px 10px;
617
637
  }
618
- .nodeTitle[data-v-bd32480c] {
638
+ .nodeTitle[data-v-4c6dfa4a] {
619
639
  width: 90px;
620
640
  height: 15px;
621
641
  font-weight: 400;
@@ -630,7 +650,7 @@
630
650
  overflow: hidden; /* 隐藏超出div宽度的文本 */
631
651
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
632
652
  }
633
- .nodeContent[data-v-bd32480c] {
653
+ .nodeContent[data-v-4c6dfa4a] {
634
654
  /* width: 100%; */
635
655
  height: 15px;
636
656
  font-weight: 400;
@@ -645,20 +665,20 @@
645
665
  overflow: hidden; /* 隐藏超出div宽度的文本 */
646
666
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
647
667
  }
648
- .nodeContent-desc[data-v-bd32480c]{
668
+ .nodeContent-desc[data-v-4c6dfa4a]{
649
669
  }
650
- .el-divider--horizontal[data-v-bd32480c] {
670
+ .el-divider--horizontal[data-v-4c6dfa4a] {
651
671
  margin: 12px 0;
652
672
  }
653
- .nodeView[data-v-bd32480c] {
673
+ .nodeView[data-v-4c6dfa4a] {
654
674
  border: 1px solid #5a90f9;
655
675
  background: #eef3fe;
656
676
  width: 180px;
657
677
  min-height: 95px;
658
678
  }
659
- .nodeContent[data-v-bd32480c] {
679
+ .nodeContent[data-v-4c6dfa4a] {
660
680
  }
661
- .nodeView[data-v-b604c489] {
681
+ .nodeView[data-v-6d0cd280] {
662
682
  box-sizing: border-box;
663
683
  margin: 10px 10px;
664
684
  width: 180px;
@@ -667,7 +687,7 @@
667
687
  border-radius: 2px 2px 2px 2px;
668
688
  padding: 20px 10px;
669
689
  }
670
- .nodeTitle[data-v-b604c489] {
690
+ .nodeTitle[data-v-6d0cd280] {
671
691
  width: 90px;
672
692
  height: 15px;
673
693
  font-weight: 400;
@@ -682,7 +702,7 @@
682
702
  overflow: hidden; /* 隐藏超出div宽度的文本 */
683
703
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
684
704
  }
685
- .nodeContent[data-v-b604c489] {
705
+ .nodeContent[data-v-6d0cd280] {
686
706
  /* width: 100%; */
687
707
  height: 15px;
688
708
  font-weight: 400;
@@ -697,39 +717,19 @@
697
717
  overflow: hidden; /* 隐藏超出div宽度的文本 */
698
718
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
699
719
  }
700
- .nodeContent-desc[data-v-b604c489]{
720
+ .nodeContent-desc[data-v-6d0cd280]{
701
721
  }
702
- .el-divider--horizontal[data-v-b604c489] {
722
+ .el-divider--horizontal[data-v-6d0cd280] {
703
723
  margin: 12px 0;
704
724
  }
705
- .nodeView[data-v-b604c489] {
725
+ .nodeView[data-v-6d0cd280] {
706
726
  border: 1px solid #5a90f9;
707
727
  background: #eef3fe;
708
728
  }
709
- .nodeTitle[data-v-b604c489] {
729
+ .nodeTitle[data-v-6d0cd280] {
710
730
  width: 80px;
711
731
  }
712
-
713
- .node-content[data-v-69a854a3] {
714
- width: 120px;
715
- height: 44px;
716
- background: #ffffff;
717
- box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
718
- border-radius: 2px 2px 2px 2px;
719
- }
720
- .content[data-v-69a854a3] {
721
- width: 28px;
722
- height: 15px;
723
- font-weight: 400;
724
- font-size: 14px;
725
- color: #333333;
726
- line-height: 14px;
727
- text-align: left;
728
- font-style: normal;
729
- text-transform: none;
730
- padding: 5px 0px 4px 10px;
731
- }
732
- .nodeView[data-v-c176feb6] {
732
+ .nodeView[data-v-b604c489] {
733
733
  box-sizing: border-box;
734
734
  margin: 10px 10px;
735
735
  width: 180px;
@@ -738,7 +738,7 @@
738
738
  border-radius: 2px 2px 2px 2px;
739
739
  padding: 20px 10px;
740
740
  }
741
- .nodeTitle[data-v-c176feb6] {
741
+ .nodeTitle[data-v-b604c489] {
742
742
  width: 90px;
743
743
  height: 15px;
744
744
  font-weight: 400;
@@ -753,7 +753,7 @@
753
753
  overflow: hidden; /* 隐藏超出div宽度的文本 */
754
754
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
755
755
  }
756
- .nodeContent[data-v-c176feb6] {
756
+ .nodeContent[data-v-b604c489] {
757
757
  /* width: 100%; */
758
758
  height: 15px;
759
759
  font-weight: 400;
@@ -768,20 +768,19 @@
768
768
  overflow: hidden; /* 隐藏超出div宽度的文本 */
769
769
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
770
770
  }
771
- .nodeContent-desc[data-v-c176feb6]{
771
+ .nodeContent-desc[data-v-b604c489]{
772
772
  }
773
- .el-divider--horizontal[data-v-c176feb6] {
773
+ .el-divider--horizontal[data-v-b604c489] {
774
774
  margin: 12px 0;
775
775
  }
776
- .nodeView[data-v-c176feb6] {
776
+ .nodeView[data-v-b604c489] {
777
777
  border: 1px solid #5a90f9;
778
- background: #eef3fe;
779
- width: 180px;
780
- min-height: 95px;
778
+ background: #eef3fe;
781
779
  }
782
- .nodeContent[data-v-c176feb6] {
780
+ .nodeTitle[data-v-b604c489] {
781
+ width: 80px;
783
782
  }
784
- .nodeView[data-v-df366d04] {
783
+ .nodeView[data-v-7702fcdb] {
785
784
  box-sizing: border-box;
786
785
  margin: 10px 10px;
787
786
  width: 180px;
@@ -790,7 +789,7 @@
790
789
  border-radius: 2px 2px 2px 2px;
791
790
  padding: 20px 10px;
792
791
  }
793
- .nodeTitle[data-v-df366d04] {
792
+ .nodeTitle[data-v-7702fcdb] {
794
793
  width: 90px;
795
794
  height: 15px;
796
795
  font-weight: 400;
@@ -805,7 +804,7 @@
805
804
  overflow: hidden; /* 隐藏超出div宽度的文本 */
806
805
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
807
806
  }
808
- .nodeContent[data-v-df366d04] {
807
+ .nodeContent[data-v-7702fcdb] {
809
808
  /* width: 100%; */
810
809
  height: 15px;
811
810
  font-weight: 400;
@@ -820,16 +819,16 @@
820
819
  overflow: hidden; /* 隐藏超出div宽度的文本 */
821
820
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
822
821
  }
823
- .nodeContent-desc[data-v-df366d04]{
822
+ .nodeContent-desc[data-v-7702fcdb]{
824
823
  }
825
- .el-divider--horizontal[data-v-df366d04] {
824
+ .el-divider--horizontal[data-v-7702fcdb] {
826
825
  margin: 12px 0;
827
826
  }
828
- .nodeView[data-v-df366d04] {
827
+ .nodeView[data-v-7702fcdb] {
829
828
  border: 1px solid #5a90f9;
830
829
  background: #eef3fe;
831
830
  }
832
- .nodeTitle[data-v-df366d04] {
831
+ .nodeTitle[data-v-7702fcdb] {
833
832
  width: 80px;
834
833
  }
835
834
  .nodeView[data-v-b1d2a966] {
@@ -883,27 +882,7 @@
883
882
  .nodeTitle[data-v-b1d2a966] {
884
883
  width: 80px;
885
884
  }
886
-
887
- .node-content[data-v-b28923f3] {
888
- width: 120px;
889
- height: 44px;
890
- background: #ffffff;
891
- box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
892
- border-radius: 2px 2px 2px 2px;
893
- }
894
- .content[data-v-b28923f3] {
895
- width: 28px;
896
- height: 15px;
897
- font-weight: 400;
898
- font-size: 14px;
899
- color: #333333;
900
- line-height: 14px;
901
- text-align: left;
902
- font-style: normal;
903
- text-transform: none;
904
- padding: 5px 0px 4px 10px;
905
- }
906
- .nodeView[data-v-6d0cd280] {
885
+ .nodeView[data-v-b01d3a50] {
907
886
  box-sizing: border-box;
908
887
  margin: 10px 10px;
909
888
  width: 180px;
@@ -912,7 +891,7 @@
912
891
  border-radius: 2px 2px 2px 2px;
913
892
  padding: 20px 10px;
914
893
  }
915
- .nodeTitle[data-v-6d0cd280] {
894
+ .nodeTitle[data-v-b01d3a50] {
916
895
  width: 90px;
917
896
  height: 15px;
918
897
  font-weight: 400;
@@ -927,7 +906,7 @@
927
906
  overflow: hidden; /* 隐藏超出div宽度的文本 */
928
907
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
929
908
  }
930
- .nodeContent[data-v-6d0cd280] {
909
+ .nodeContent[data-v-b01d3a50] {
931
910
  /* width: 100%; */
932
911
  height: 15px;
933
912
  font-weight: 400;
@@ -942,18 +921,38 @@
942
921
  overflow: hidden; /* 隐藏超出div宽度的文本 */
943
922
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
944
923
  }
945
- .nodeContent-desc[data-v-6d0cd280]{
924
+ .nodeContent-desc[data-v-b01d3a50]{
946
925
  }
947
- .el-divider--horizontal[data-v-6d0cd280] {
926
+ .el-divider--horizontal[data-v-b01d3a50] {
948
927
  margin: 12px 0;
949
928
  }
950
- .nodeView[data-v-6d0cd280] {
929
+ .nodeView[data-v-b01d3a50] {
951
930
  border: 1px solid #5a90f9;
952
931
  background: #eef3fe;
953
932
  }
954
- .nodeTitle[data-v-6d0cd280] {
933
+ .nodeTitle[data-v-b01d3a50] {
955
934
  width: 80px;
956
935
  }
936
+
937
+ .node-content[data-v-b28923f3] {
938
+ width: 120px;
939
+ height: 44px;
940
+ background: #ffffff;
941
+ box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
942
+ border-radius: 2px 2px 2px 2px;
943
+ }
944
+ .content[data-v-b28923f3] {
945
+ width: 28px;
946
+ height: 15px;
947
+ font-weight: 400;
948
+ font-size: 14px;
949
+ color: #333333;
950
+ line-height: 14px;
951
+ text-align: left;
952
+ font-style: normal;
953
+ text-transform: none;
954
+ padding: 5px 0px 4px 10px;
955
+ }
957
956
  .nodeView[data-v-faa5a940] {
958
957
  box-sizing: border-box;
959
958
  margin: 10px 10px;
@@ -1005,7 +1004,7 @@
1005
1004
  .nodeTitle[data-v-faa5a940] {
1006
1005
  width: 80px;
1007
1006
  }
1008
- .nodeView[data-v-5911272d] {
1007
+ .nodeView[data-v-221a60f8] {
1009
1008
  box-sizing: border-box;
1010
1009
  margin: 10px 10px;
1011
1010
  width: 180px;
@@ -1014,7 +1013,7 @@
1014
1013
  border-radius: 2px 2px 2px 2px;
1015
1014
  padding: 20px 10px;
1016
1015
  }
1017
- .nodeTitle[data-v-5911272d] {
1016
+ .nodeTitle[data-v-221a60f8] {
1018
1017
  width: 90px;
1019
1018
  height: 15px;
1020
1019
  font-weight: 400;
@@ -1029,7 +1028,7 @@
1029
1028
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1030
1029
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1031
1030
  }
1032
- .nodeContent[data-v-5911272d] {
1031
+ .nodeContent[data-v-221a60f8] {
1033
1032
  /* width: 100%; */
1034
1033
  height: 15px;
1035
1034
  font-weight: 400;
@@ -1044,19 +1043,19 @@
1044
1043
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1045
1044
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1046
1045
  }
1047
- .nodeContent-desc[data-v-5911272d]{
1046
+ .nodeContent-desc[data-v-221a60f8]{
1048
1047
  }
1049
- .el-divider--horizontal[data-v-5911272d] {
1048
+ .el-divider--horizontal[data-v-221a60f8] {
1050
1049
  margin: 12px 0;
1051
1050
  }
1052
- .nodeView[data-v-5911272d] {
1051
+ .nodeView[data-v-221a60f8] {
1053
1052
  border: 1px solid #5a90f9;
1054
1053
  background: #eef3fe;
1055
1054
  }
1056
- .nodeTitle[data-v-5911272d] {
1055
+ .nodeTitle[data-v-221a60f8] {
1057
1056
  width: 80px;
1058
1057
  }
1059
- .nodeView[data-v-b01d3a50] {
1058
+ .nodeView[data-v-c176feb6] {
1060
1059
  box-sizing: border-box;
1061
1060
  margin: 10px 10px;
1062
1061
  width: 180px;
@@ -1065,7 +1064,7 @@
1065
1064
  border-radius: 2px 2px 2px 2px;
1066
1065
  padding: 20px 10px;
1067
1066
  }
1068
- .nodeTitle[data-v-b01d3a50] {
1067
+ .nodeTitle[data-v-c176feb6] {
1069
1068
  width: 90px;
1070
1069
  height: 15px;
1071
1070
  font-weight: 400;
@@ -1080,7 +1079,7 @@
1080
1079
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1081
1080
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1082
1081
  }
1083
- .nodeContent[data-v-b01d3a50] {
1082
+ .nodeContent[data-v-c176feb6] {
1084
1083
  /* width: 100%; */
1085
1084
  height: 15px;
1086
1085
  font-weight: 400;
@@ -1095,19 +1094,40 @@
1095
1094
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1096
1095
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1097
1096
  }
1098
- .nodeContent-desc[data-v-b01d3a50]{
1097
+ .nodeContent-desc[data-v-c176feb6]{
1099
1098
  }
1100
- .el-divider--horizontal[data-v-b01d3a50] {
1099
+ .el-divider--horizontal[data-v-c176feb6] {
1101
1100
  margin: 12px 0;
1102
1101
  }
1103
- .nodeView[data-v-b01d3a50] {
1102
+ .nodeView[data-v-c176feb6] {
1104
1103
  border: 1px solid #5a90f9;
1105
- background: #eef3fe;
1104
+ background: #eef3fe;
1105
+ width: 180px;
1106
+ min-height: 95px;
1106
1107
  }
1107
- .nodeTitle[data-v-b01d3a50] {
1108
- width: 80px;
1108
+ .nodeContent[data-v-c176feb6] {
1109
1109
  }
1110
- .nodeView[data-v-9fff2753] {
1110
+
1111
+ .aaa[data-v-8bd72b80] {
1112
+ width: 300px;
1113
+ height: 200px;
1114
+ background: #ffffff;
1115
+ box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
1116
+ border-radius: 2px 2px 2px 2px;
1117
+ }
1118
+ .content[data-v-8bd72b80] {
1119
+ width: 28px;
1120
+ height: 15px;
1121
+ font-weight: 400;
1122
+ font-size: 14px;
1123
+ color: #333333;
1124
+ line-height: 14px;
1125
+ text-align: left;
1126
+ font-style: normal;
1127
+ text-transform: none;
1128
+ padding: 5px 0px 4px 10px;
1129
+ }
1130
+ .nodeView[data-v-df366d04] {
1111
1131
  box-sizing: border-box;
1112
1132
  margin: 10px 10px;
1113
1133
  width: 180px;
@@ -1116,7 +1136,7 @@
1116
1136
  border-radius: 2px 2px 2px 2px;
1117
1137
  padding: 20px 10px;
1118
1138
  }
1119
- .nodeTitle[data-v-9fff2753] {
1139
+ .nodeTitle[data-v-df366d04] {
1120
1140
  width: 90px;
1121
1141
  height: 15px;
1122
1142
  font-weight: 400;
@@ -1131,7 +1151,7 @@
1131
1151
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1132
1152
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1133
1153
  }
1134
- .nodeContent[data-v-9fff2753] {
1154
+ .nodeContent[data-v-df366d04] {
1135
1155
  /* width: 100%; */
1136
1156
  height: 15px;
1137
1157
  font-weight: 400;
@@ -1146,39 +1166,19 @@
1146
1166
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1147
1167
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1148
1168
  }
1149
- .nodeContent-desc[data-v-9fff2753]{
1169
+ .nodeContent-desc[data-v-df366d04]{
1150
1170
  }
1151
- .el-divider--horizontal[data-v-9fff2753] {
1171
+ .el-divider--horizontal[data-v-df366d04] {
1152
1172
  margin: 12px 0;
1153
1173
  }
1154
- .nodeView[data-v-9fff2753] {
1174
+ .nodeView[data-v-df366d04] {
1155
1175
  border: 1px solid #5a90f9;
1156
1176
  background: #eef3fe;
1157
1177
  }
1158
- .nodeTitle[data-v-9fff2753] {
1178
+ .nodeTitle[data-v-df366d04] {
1159
1179
  width: 80px;
1160
1180
  }
1161
-
1162
- .aaa[data-v-8bd72b80] {
1163
- width: 300px;
1164
- height: 200px;
1165
- background: #ffffff;
1166
- box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
1167
- border-radius: 2px 2px 2px 2px;
1168
- }
1169
- .content[data-v-8bd72b80] {
1170
- width: 28px;
1171
- height: 15px;
1172
- font-weight: 400;
1173
- font-size: 14px;
1174
- color: #333333;
1175
- line-height: 14px;
1176
- text-align: left;
1177
- font-style: normal;
1178
- text-transform: none;
1179
- padding: 5px 0px 4px 10px;
1180
- }
1181
- .nodeView[data-v-4c6dfa4a] {
1181
+ .nodeView[data-v-bd32480c] {
1182
1182
  box-sizing: border-box;
1183
1183
  margin: 10px 10px;
1184
1184
  width: 180px;
@@ -1187,7 +1187,7 @@
1187
1187
  border-radius: 2px 2px 2px 2px;
1188
1188
  padding: 20px 10px;
1189
1189
  }
1190
- .nodeTitle[data-v-4c6dfa4a] {
1190
+ .nodeTitle[data-v-bd32480c] {
1191
1191
  width: 90px;
1192
1192
  height: 15px;
1193
1193
  font-weight: 400;
@@ -1202,7 +1202,7 @@
1202
1202
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1203
1203
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1204
1204
  }
1205
- .nodeContent[data-v-4c6dfa4a] {
1205
+ .nodeContent[data-v-bd32480c] {
1206
1206
  /* width: 100%; */
1207
1207
  height: 15px;
1208
1208
  font-weight: 400;
@@ -1217,18 +1217,29 @@
1217
1217
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1218
1218
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1219
1219
  }
1220
- .nodeContent-desc[data-v-4c6dfa4a]{
1220
+ .nodeContent-desc[data-v-bd32480c]{
1221
1221
  }
1222
- .el-divider--horizontal[data-v-4c6dfa4a] {
1222
+ .el-divider--horizontal[data-v-bd32480c] {
1223
1223
  margin: 12px 0;
1224
1224
  }
1225
- .nodeView[data-v-4c6dfa4a] {
1225
+ .nodeView[data-v-bd32480c] {
1226
1226
  border: 1px solid #5a90f9;
1227
1227
  background: #eef3fe;
1228
1228
  width: 180px;
1229
1229
  min-height: 95px;
1230
1230
  }
1231
- .nodeContent[data-v-4c6dfa4a] {
1231
+ .nodeContent[data-v-bd32480c] {
1232
+ }
1233
+
1234
+ .el-radio[data-v-1bbd6187] {
1235
+ margin-right: 10px;
1236
+ }
1237
+
1238
+ .el-radio[data-v-1ee0eb33] {
1239
+ margin-right: 10px;
1240
+ }
1241
+ [data-v-1ee0eb33] .el-empty__description {
1242
+ margin-top: 0px;
1232
1243
  }
1233
1244
 
1234
1245
  .el-select + .el-input[data-v-dbffbd8f] {
@@ -1241,10 +1252,6 @@
1241
1252
  margin-left: 10px;
1242
1253
  }
1243
1254
 
1244
- .el-radio[data-v-1bbd6187] {
1245
- margin-right: 10px;
1246
- }
1247
-
1248
1255
  .el-select + .el-input[data-v-92a1d6cc] {
1249
1256
  margin-left: 10px;
1250
1257
  }
@@ -1255,13 +1262,6 @@
1255
1262
  margin-left: 10px;
1256
1263
  }
1257
1264
 
1258
- .el-radio[data-v-1ee0eb33] {
1259
- margin-right: 10px;
1260
- }
1261
- [data-v-1ee0eb33] .el-empty__description {
1262
- margin-top: 0px;
1263
- }
1264
-
1265
1265
  [data-v-9cc733d7] .el-cascader-menu {
1266
1266
  min-width: 120px !important;
1267
1267
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "service-flow-designer",
3
- "version": "2.0.15",
3
+ "version": "2.0.18",
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.14",
64
+ "agilebuilder-ui": "1.0.16",
65
65
  "codemirror": "^6.0.1",
66
66
  "nprogress": "^0.2.0",
67
67
  "quill": "^2.0.2",