service-flow-designer 2.0.81 → 2.0.84

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.
Files changed (2) hide show
  1. package/dist/es/style.css +361 -361
  2. package/package.json +2 -2
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,81 +183,101 @@
183
183
  margin-top: 10px;
184
184
  }
185
185
 
186
- [data-v-65e38bfb] .el-radio {
186
+ [data-v-808a13e1] .el-radio {
187
187
  margin: 0;
188
188
  }
189
- .el-radio + .el-radio[data-v-65e38bfb] {
189
+ .el-radio + .el-radio[data-v-808a13e1] {
190
190
  margin-left: 10px;
191
191
  }
192
192
 
193
- [data-v-286d914e] .el-table__row {
194
- cursor: pointer;
195
- }
196
- /** 右键菜单样式 */
197
- .context-menu[data-v-286d914e] {
198
- position: absolute;
199
- background: #fff;
200
- z-index: 999;
201
- margin: 5;
202
- padding: 8px 8px;
203
- box-shadow: 0 5px 7px 1px rgba(0, 0, 0, 0.1);
204
- border: 1px solid #bbbbbb;
205
- border-radius: 10px;
206
- font-size: 14px;
207
- }
208
- .context-menu li[data-v-286d914e] {
209
- list-style-type: none;
210
- min-width: 75px;
211
- line-height: 28px;
212
- text-align: left;
213
- border-radius: 5px;
214
- padding-left: 5px;
215
- cursor: pointer;
193
+ .el-alert + .el-table[data-v-82e0dfef] {
194
+ margin-top: 10px;
216
195
  }
217
- .context-menu li[data-v-286d914e]:hover {
218
- background: #0165e1;
219
- color: #fff;
220
- }
221
- /** 右键菜单样式 */
222
- .custom-tree-node[data-v-286d914e] {
223
- font-size: 14px;
224
- padding-right: 8px;
225
- display: flex; /* 使用Flex布局 */
226
- align-items: center; /* 子元素在交叉轴(垂直方向)上居中对齐 */
196
+ .el-alert + .el-form-item[data-v-82e0dfef] {
197
+ margin-top: 10px;
227
198
  }
228
199
 
229
- .el-alert + .el-table[data-v-e27c4c1e] {
200
+ .el-tabs + .el-alert[data-v-08737620] {
230
201
  margin-top: 10px;
231
202
  }
232
- .el-table + .el-alert[data-v-e27c4c1e] {
233
- margin: 10px 0;
234
- }
235
- .el-alert + .el-form-item[data-v-e27c4c1e] {
203
+ .el-alert + .el-form-item[data-v-08737620] {
236
204
  margin-top: 10px;
237
205
  }
238
206
 
239
- .el-alert + .el-table[data-v-82e0dfef] {
207
+ .el-alert + .el-table[data-v-d978e7dc] {
240
208
  margin-top: 10px;
241
209
  }
242
- .el-alert + .el-form-item[data-v-82e0dfef] {
210
+ .el-table + .el-alert[data-v-d978e7dc] {
211
+ margin: 10px 0;
212
+ }
213
+ .el-alert + .el-form-item[data-v-d978e7dc] {
243
214
  margin-top: 10px;
244
215
  }
245
-
246
- [data-v-808a13e1] .el-radio {
247
- margin: 0;
216
+ .amb-design-attr-base-content[data-v-ce167986] {
217
+ background: #ffffff;
218
+ box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
219
+ height: 100%;
220
+ padding-left: 10px;
221
+ padding-right: 10px;
222
+ overflow: auto;
248
223
  }
249
- .el-radio + .el-radio[data-v-808a13e1] {
250
- margin-left: 10px;
251
- }
252
-
253
- .el-drawer__header {
254
- margin-bottom: 0 !important;
255
- }
256
- /**
257
- 解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
258
- */
259
- [data-v-c51cce99] .el-overlay {
260
- position: static;
224
+ .amb-design-attr-item[data-v-ce167986] {
225
+ margin-bottom: 8px;
226
+ }
227
+ .amb-design-attr-group-header > button[data-v-ce167986] {
228
+ background: #f5f6f8;
229
+ padding-left: 10px;
230
+ font-size: 14px;
231
+ height: 42px;
232
+ }
233
+ .amb-design-attr-content[data-v-ce167986] {
234
+ background: #ffffff;
235
+ box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
236
+ height: 100%;
237
+ padding-left: 10px;
238
+ padding-right: 10px;
239
+ overflow: auto;
240
+ position: relative;
241
+ }
242
+ .amb-design-attr-header-search[data-v-ce167986] {
243
+ margin-top: 16px;
244
+ }
245
+ .amb-design-attr-header-select[data-v-ce167986] {
246
+ width: 90px;
247
+ height: 36px;
248
+ }
249
+ .amb-design-page-param-row[data-v-ce167986] {
250
+ height: 34px;
251
+ }
252
+ .el-table__cell > .cell[data-v-ce167986] {
253
+ white-space: nowrap !important;
254
+ }
255
+ .serviceflow-item[data-v-ce167986] {
256
+ background: rgba(88, 147, 239, 0.06);
257
+ border: 1px dashed rgba(88, 147, 239, 0.06);
258
+ border-radius: 4px 4px 4px 4px;
259
+ text-align: center;
260
+ margin-top: 12px;
261
+ padding: 10px 5px 10px 5px;
262
+ font-size: 12px;
263
+ cursor: move;
264
+ height: 60px;
265
+ overflow: hidden;
266
+ box-sizing: border-box;
267
+ color: #333333;
268
+ text-overflow: ellipsis;
269
+ white-space: nowrap;
270
+ -webkit-user-select: none; /* Safari */
271
+ -moz-user-select: none; /* Firefox */
272
+ -ms-user-select: none; /* Internet Explorer/Edge */
273
+ user-select: none; /* 标准语法 */
274
+ }
275
+ .serviceflow-item[data-v-ce167986]:hover {
276
+ background: rgba(11, 45, 101, 0.105);
277
+ border: 1px dashed rgba(11, 45, 101, 0.227);
278
+ }
279
+ .amb-assembly-item-drag[data-v-ce167986] {
280
+ opacity: 1 !important;
261
281
  }
262
282
  .control-item[data-v-fdc6ec07] {
263
283
  top: -5px;
@@ -390,77 +410,76 @@
390
410
  margin-left: 50px;
391
411
  }
392
412
 
393
- .el-tabs + .el-alert[data-v-08737620] {
413
+ .el-drawer__header {
414
+ margin-bottom: 0 !important;
415
+ }
416
+ /**
417
+ 解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
418
+ */
419
+ [data-v-c51cce99] .el-overlay {
420
+ position: static;
421
+ }
422
+
423
+ .el-dialog__wrapper[data-v-d41cb0ad] {
424
+ overflow: hidden !important;
425
+ padding-right: 0 !important;
426
+ }
427
+
428
+ .el-alert + .el-form-item[data-v-32875028] {
394
429
  margin-top: 10px;
395
430
  }
396
- .el-alert + .el-form-item[data-v-08737620] {
397
- margin-top: 10px;
431
+ .el-alert + .el-table[data-v-32875028] {
432
+ margin: 10px 0;
398
433
  }
399
- .amb-design-attr-base-content[data-v-ce167986] {
400
- background: #ffffff;
401
- box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
402
- height: 100%;
403
- padding-left: 10px;
404
- padding-right: 10px;
405
- overflow: auto;
406
- }
407
- .amb-design-attr-item[data-v-ce167986] {
408
- margin-bottom: 8px;
409
- }
410
- .amb-design-attr-group-header > button[data-v-ce167986] {
411
- background: #f5f6f8;
412
- padding-left: 10px;
413
- font-size: 14px;
414
- height: 42px;
415
- }
416
- .amb-design-attr-content[data-v-ce167986] {
417
- background: #ffffff;
418
- box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
419
- height: 100%;
420
- padding-left: 10px;
421
- padding-right: 10px;
422
- overflow: auto;
423
- position: relative;
424
- }
425
- .amb-design-attr-header-search[data-v-ce167986] {
426
- margin-top: 16px;
427
- }
428
- .amb-design-attr-header-select[data-v-ce167986] {
429
- width: 90px;
430
- height: 36px;
431
- }
432
- .amb-design-page-param-row[data-v-ce167986] {
433
- height: 34px;
434
+
435
+ [data-v-65e38bfb] .el-radio {
436
+ margin: 0;
434
437
  }
435
- .el-table__cell > .cell[data-v-ce167986] {
436
- white-space: nowrap !important;
438
+ .el-radio + .el-radio[data-v-65e38bfb] {
439
+ margin-left: 10px;
440
+ }
441
+
442
+ [data-v-286d914e] .el-table__row {
443
+ cursor: pointer;
444
+ }
445
+ /** 右键菜单样式 */
446
+ .context-menu[data-v-286d914e] {
447
+ position: absolute;
448
+ background: #fff;
449
+ z-index: 999;
450
+ margin: 5;
451
+ padding: 8px 8px;
452
+ box-shadow: 0 5px 7px 1px rgba(0, 0, 0, 0.1);
453
+ border: 1px solid #bbbbbb;
454
+ border-radius: 10px;
455
+ font-size: 14px;
437
456
  }
438
- .serviceflow-item[data-v-ce167986] {
439
- background: rgba(88, 147, 239, 0.06);
440
- border: 1px dashed rgba(88, 147, 239, 0.06);
441
- border-radius: 4px 4px 4px 4px;
442
- text-align: center;
443
- margin-top: 12px;
444
- padding: 10px 5px 10px 5px;
445
- font-size: 12px;
446
- cursor: move;
447
- height: 60px;
448
- overflow: hidden;
449
- box-sizing: border-box;
450
- color: #333333;
451
- text-overflow: ellipsis;
452
- white-space: nowrap;
453
- -webkit-user-select: none; /* Safari */
454
- -moz-user-select: none; /* Firefox */
455
- -ms-user-select: none; /* Internet Explorer/Edge */
456
- user-select: none; /* 标准语法 */
457
+ .context-menu li[data-v-286d914e] {
458
+ list-style-type: none;
459
+ min-width: 75px;
460
+ line-height: 28px;
461
+ text-align: left;
462
+ border-radius: 5px;
463
+ padding-left: 5px;
464
+ cursor: pointer;
457
465
  }
458
- .serviceflow-item[data-v-ce167986]:hover {
459
- background: rgba(11, 45, 101, 0.105);
460
- border: 1px dashed rgba(11, 45, 101, 0.227);
466
+ .context-menu li[data-v-286d914e]:hover {
467
+ background: #0165e1;
468
+ color: #fff;
469
+ }
470
+ /** 右键菜单样式 */
471
+ .custom-tree-node[data-v-286d914e] {
472
+ font-size: 14px;
473
+ padding-right: 8px;
474
+ display: flex; /* 使用Flex布局 */
475
+ align-items: center; /* 子元素在交叉轴(垂直方向)上居中对齐 */
476
+ }
477
+
478
+ .el-alert + .el-table[data-v-028fb838] {
479
+ margin-top: 10px;
461
480
  }
462
- .amb-assembly-item-drag[data-v-ce167986] {
463
- opacity: 1 !important;
481
+ .el-table + .el-alert[data-v-028fb838] {
482
+ margin: 10px 0;
464
483
  }
465
484
 
466
485
  .editorTool[data-v-684c1f08] {
@@ -476,43 +495,24 @@
476
495
  align-items: center; /* 子元素在交叉轴(垂直方向)上居中对齐 */
477
496
  }
478
497
 
479
- .el-dialog__wrapper[data-v-d41cb0ad] {
480
- overflow: hidden !important;
481
- padding-right: 0 !important;
482
- }
483
-
484
- .el-alert + .el-table[data-v-d978e7dc] {
498
+ .el-alert + .el-table[data-v-e27c4c1e] {
485
499
  margin-top: 10px;
486
500
  }
487
- .el-table + .el-alert[data-v-d978e7dc] {
501
+ .el-table + .el-alert[data-v-e27c4c1e] {
488
502
  margin: 10px 0;
489
503
  }
490
- .el-alert + .el-form-item[data-v-d978e7dc] {
504
+ .el-alert + .el-form-item[data-v-e27c4c1e] {
491
505
  margin-top: 10px;
492
506
  }
493
507
 
494
- .el-alert + .el-form-item[data-v-32875028] {
495
- margin-top: 10px;
496
- }
497
- .el-alert + .el-table[data-v-32875028] {
498
- margin: 10px 0;
499
- }
500
-
501
- .el-alert + .el-table[data-v-028fb838] {
502
- margin-top: 10px;
503
- }
504
- .el-table + .el-alert[data-v-028fb838] {
505
- margin: 10px 0;
506
- }
507
-
508
- .aaa[data-v-8bd72b80] {
509
- width: 300px;
510
- height: 200px;
508
+ .node-content[data-v-b28923f3] {
509
+ width: 120px;
510
+ height: 44px;
511
511
  background: #ffffff;
512
512
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
513
513
  border-radius: 2px 2px 2px 2px;
514
514
  }
515
- .content[data-v-8bd72b80] {
515
+ .content[data-v-b28923f3] {
516
516
  width: 28px;
517
517
  height: 15px;
518
518
  font-weight: 400;
@@ -524,58 +524,7 @@
524
524
  text-transform: none;
525
525
  padding: 5px 0px 4px 10px;
526
526
  }
527
- .nodeView[data-v-221a60f8] {
528
- box-sizing: border-box;
529
- margin: 10px 10px;
530
- width: 180px;
531
- height: 95px;
532
- box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
533
- border-radius: 2px 2px 2px 2px;
534
- padding: 20px 10px;
535
- }
536
- .nodeTitle[data-v-221a60f8] {
537
- width: 90px;
538
- height: 15px;
539
- font-weight: 400;
540
- font-size: 16px;
541
- color: #333333;
542
- line-height: 14px;
543
- text-align: left;
544
- font-style: normal;
545
- text-transform: none;
546
- padding: 0px 24px;
547
- white-space: nowrap; /* 确保文本在一行内显示 */
548
- overflow: hidden; /* 隐藏超出div宽度的文本 */
549
- text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
550
- }
551
- .nodeContent[data-v-221a60f8] {
552
- /* width: 100%; */
553
- height: 15px;
554
- font-weight: 400;
555
- font-size: 14px;
556
- color: #666666;
557
- line-height: 14px;
558
- text-align: left;
559
- font-style: normal;
560
- text-transform: none;
561
- padding: 0px 0px;
562
- white-space: nowrap; /* 确保文本在一行内显示 */
563
- overflow: hidden; /* 隐藏超出div宽度的文本 */
564
- text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
565
- }
566
- .nodeContent-desc[data-v-221a60f8]{
567
- }
568
- .el-divider--horizontal[data-v-221a60f8] {
569
- margin: 12px 0;
570
- }
571
- .nodeView[data-v-221a60f8] {
572
- border: 1px solid #5a90f9;
573
- background: #eef3fe;
574
- }
575
- .nodeTitle[data-v-221a60f8] {
576
- width: 80px;
577
- }
578
- .nodeView[data-v-faa5a940] {
527
+ .nodeView[data-v-b604c489] {
579
528
  box-sizing: border-box;
580
529
  margin: 10px 10px;
581
530
  width: 180px;
@@ -584,7 +533,7 @@
584
533
  border-radius: 2px 2px 2px 2px;
585
534
  padding: 20px 10px;
586
535
  }
587
- .nodeTitle[data-v-faa5a940] {
536
+ .nodeTitle[data-v-b604c489] {
588
537
  width: 90px;
589
538
  height: 15px;
590
539
  font-weight: 400;
@@ -599,7 +548,7 @@
599
548
  overflow: hidden; /* 隐藏超出div宽度的文本 */
600
549
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
601
550
  }
602
- .nodeContent[data-v-faa5a940] {
551
+ .nodeContent[data-v-b604c489] {
603
552
  /* width: 100%; */
604
553
  height: 15px;
605
554
  font-weight: 400;
@@ -614,16 +563,16 @@
614
563
  overflow: hidden; /* 隐藏超出div宽度的文本 */
615
564
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
616
565
  }
617
- .nodeContent-desc[data-v-faa5a940]{
566
+ .nodeContent-desc[data-v-b604c489]{
618
567
  }
619
- .el-divider--horizontal[data-v-faa5a940] {
568
+ .el-divider--horizontal[data-v-b604c489] {
620
569
  margin: 12px 0;
621
570
  }
622
- .nodeView[data-v-faa5a940] {
571
+ .nodeView[data-v-b604c489] {
623
572
  border: 1px solid #5a90f9;
624
573
  background: #eef3fe;
625
574
  }
626
- .nodeTitle[data-v-faa5a940] {
575
+ .nodeTitle[data-v-b604c489] {
627
576
  width: 80px;
628
577
  }
629
578
  .nodeView[data-v-5911272d] {
@@ -677,7 +626,7 @@
677
626
  .nodeTitle[data-v-5911272d] {
678
627
  width: 80px;
679
628
  }
680
- .nodeView[data-v-df366d04] {
629
+ .nodeView[data-v-bd32480c] {
681
630
  box-sizing: border-box;
682
631
  margin: 10px 10px;
683
632
  width: 180px;
@@ -686,7 +635,7 @@
686
635
  border-radius: 2px 2px 2px 2px;
687
636
  padding: 20px 10px;
688
637
  }
689
- .nodeTitle[data-v-df366d04] {
638
+ .nodeTitle[data-v-bd32480c] {
690
639
  width: 90px;
691
640
  height: 15px;
692
641
  font-weight: 400;
@@ -701,7 +650,7 @@
701
650
  overflow: hidden; /* 隐藏超出div宽度的文本 */
702
651
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
703
652
  }
704
- .nodeContent[data-v-df366d04] {
653
+ .nodeContent[data-v-bd32480c] {
705
654
  /* width: 100%; */
706
655
  height: 15px;
707
656
  font-weight: 400;
@@ -716,19 +665,20 @@
716
665
  overflow: hidden; /* 隐藏超出div宽度的文本 */
717
666
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
718
667
  }
719
- .nodeContent-desc[data-v-df366d04]{
668
+ .nodeContent-desc[data-v-bd32480c]{
720
669
  }
721
- .el-divider--horizontal[data-v-df366d04] {
670
+ .el-divider--horizontal[data-v-bd32480c] {
722
671
  margin: 12px 0;
723
672
  }
724
- .nodeView[data-v-df366d04] {
673
+ .nodeView[data-v-bd32480c] {
725
674
  border: 1px solid #5a90f9;
726
- background: #eef3fe;
675
+ background: #eef3fe;
676
+ width: 180px;
677
+ min-height: 95px;
727
678
  }
728
- .nodeTitle[data-v-df366d04] {
729
- width: 80px;
679
+ .nodeContent[data-v-bd32480c] {
730
680
  }
731
- .nodeView[data-v-b604c489] {
681
+ .nodeView[data-v-221a60f8] {
732
682
  box-sizing: border-box;
733
683
  margin: 10px 10px;
734
684
  width: 180px;
@@ -737,7 +687,7 @@
737
687
  border-radius: 2px 2px 2px 2px;
738
688
  padding: 20px 10px;
739
689
  }
740
- .nodeTitle[data-v-b604c489] {
690
+ .nodeTitle[data-v-221a60f8] {
741
691
  width: 90px;
742
692
  height: 15px;
743
693
  font-weight: 400;
@@ -752,7 +702,7 @@
752
702
  overflow: hidden; /* 隐藏超出div宽度的文本 */
753
703
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
754
704
  }
755
- .nodeContent[data-v-b604c489] {
705
+ .nodeContent[data-v-221a60f8] {
756
706
  /* width: 100%; */
757
707
  height: 15px;
758
708
  font-weight: 400;
@@ -767,19 +717,19 @@
767
717
  overflow: hidden; /* 隐藏超出div宽度的文本 */
768
718
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
769
719
  }
770
- .nodeContent-desc[data-v-b604c489]{
720
+ .nodeContent-desc[data-v-221a60f8]{
771
721
  }
772
- .el-divider--horizontal[data-v-b604c489] {
722
+ .el-divider--horizontal[data-v-221a60f8] {
773
723
  margin: 12px 0;
774
724
  }
775
- .nodeView[data-v-b604c489] {
725
+ .nodeView[data-v-221a60f8] {
776
726
  border: 1px solid #5a90f9;
777
727
  background: #eef3fe;
778
728
  }
779
- .nodeTitle[data-v-b604c489] {
729
+ .nodeTitle[data-v-221a60f8] {
780
730
  width: 80px;
781
731
  }
782
- .nodeView[data-v-7702fcdb] {
732
+ .nodeView[data-v-6d0cd280] {
783
733
  box-sizing: border-box;
784
734
  margin: 10px 10px;
785
735
  width: 180px;
@@ -788,7 +738,7 @@
788
738
  border-radius: 2px 2px 2px 2px;
789
739
  padding: 20px 10px;
790
740
  }
791
- .nodeTitle[data-v-7702fcdb] {
741
+ .nodeTitle[data-v-6d0cd280] {
792
742
  width: 90px;
793
743
  height: 15px;
794
744
  font-weight: 400;
@@ -803,7 +753,7 @@
803
753
  overflow: hidden; /* 隐藏超出div宽度的文本 */
804
754
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
805
755
  }
806
- .nodeContent[data-v-7702fcdb] {
756
+ .nodeContent[data-v-6d0cd280] {
807
757
  /* width: 100%; */
808
758
  height: 15px;
809
759
  font-weight: 400;
@@ -818,19 +768,19 @@
818
768
  overflow: hidden; /* 隐藏超出div宽度的文本 */
819
769
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
820
770
  }
821
- .nodeContent-desc[data-v-7702fcdb]{
771
+ .nodeContent-desc[data-v-6d0cd280]{
822
772
  }
823
- .el-divider--horizontal[data-v-7702fcdb] {
773
+ .el-divider--horizontal[data-v-6d0cd280] {
824
774
  margin: 12px 0;
825
775
  }
826
- .nodeView[data-v-7702fcdb] {
776
+ .nodeView[data-v-6d0cd280] {
827
777
  border: 1px solid #5a90f9;
828
778
  background: #eef3fe;
829
779
  }
830
- .nodeTitle[data-v-7702fcdb] {
780
+ .nodeTitle[data-v-6d0cd280] {
831
781
  width: 80px;
832
782
  }
833
- .nodeView[data-v-c176feb6] {
783
+ .nodeView[data-v-b1d2a966] {
834
784
  box-sizing: border-box;
835
785
  margin: 10px 10px;
836
786
  width: 180px;
@@ -839,7 +789,7 @@
839
789
  border-radius: 2px 2px 2px 2px;
840
790
  padding: 20px 10px;
841
791
  }
842
- .nodeTitle[data-v-c176feb6] {
792
+ .nodeTitle[data-v-b1d2a966] {
843
793
  width: 90px;
844
794
  height: 15px;
845
795
  font-weight: 400;
@@ -854,7 +804,7 @@
854
804
  overflow: hidden; /* 隐藏超出div宽度的文本 */
855
805
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
856
806
  }
857
- .nodeContent[data-v-c176feb6] {
807
+ .nodeContent[data-v-b1d2a966] {
858
808
  /* width: 100%; */
859
809
  height: 15px;
860
810
  font-weight: 400;
@@ -869,20 +819,39 @@
869
819
  overflow: hidden; /* 隐藏超出div宽度的文本 */
870
820
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
871
821
  }
872
- .nodeContent-desc[data-v-c176feb6]{
822
+ .nodeContent-desc[data-v-b1d2a966]{
873
823
  }
874
- .el-divider--horizontal[data-v-c176feb6] {
824
+ .el-divider--horizontal[data-v-b1d2a966] {
875
825
  margin: 12px 0;
876
826
  }
877
- .nodeView[data-v-c176feb6] {
827
+ .nodeView[data-v-b1d2a966] {
878
828
  border: 1px solid #5a90f9;
879
- background: #eef3fe;
880
- width: 180px;
881
- min-height: 95px;
829
+ background: #eef3fe;
882
830
  }
883
- .nodeContent[data-v-c176feb6] {
831
+ .nodeTitle[data-v-b1d2a966] {
832
+ width: 80px;
884
833
  }
885
- .nodeView[data-v-6d0cd280] {
834
+
835
+ .node-content[data-v-69a854a3] {
836
+ width: 120px;
837
+ height: 44px;
838
+ background: #ffffff;
839
+ box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
840
+ border-radius: 2px 2px 2px 2px;
841
+ }
842
+ .content[data-v-69a854a3] {
843
+ width: 28px;
844
+ height: 15px;
845
+ font-weight: 400;
846
+ font-size: 14px;
847
+ color: #333333;
848
+ line-height: 14px;
849
+ text-align: left;
850
+ font-style: normal;
851
+ text-transform: none;
852
+ padding: 5px 0px 4px 10px;
853
+ }
854
+ .nodeView[data-v-b01d3a50] {
886
855
  box-sizing: border-box;
887
856
  margin: 10px 10px;
888
857
  width: 180px;
@@ -891,7 +860,7 @@
891
860
  border-radius: 2px 2px 2px 2px;
892
861
  padding: 20px 10px;
893
862
  }
894
- .nodeTitle[data-v-6d0cd280] {
863
+ .nodeTitle[data-v-b01d3a50] {
895
864
  width: 90px;
896
865
  height: 15px;
897
866
  font-weight: 400;
@@ -906,7 +875,7 @@
906
875
  overflow: hidden; /* 隐藏超出div宽度的文本 */
907
876
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
908
877
  }
909
- .nodeContent[data-v-6d0cd280] {
878
+ .nodeContent[data-v-b01d3a50] {
910
879
  /* width: 100%; */
911
880
  height: 15px;
912
881
  font-weight: 400;
@@ -921,19 +890,19 @@
921
890
  overflow: hidden; /* 隐藏超出div宽度的文本 */
922
891
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
923
892
  }
924
- .nodeContent-desc[data-v-6d0cd280]{
893
+ .nodeContent-desc[data-v-b01d3a50]{
925
894
  }
926
- .el-divider--horizontal[data-v-6d0cd280] {
895
+ .el-divider--horizontal[data-v-b01d3a50] {
927
896
  margin: 12px 0;
928
897
  }
929
- .nodeView[data-v-6d0cd280] {
898
+ .nodeView[data-v-b01d3a50] {
930
899
  border: 1px solid #5a90f9;
931
900
  background: #eef3fe;
932
901
  }
933
- .nodeTitle[data-v-6d0cd280] {
902
+ .nodeTitle[data-v-b01d3a50] {
934
903
  width: 80px;
935
904
  }
936
- .nodeView[data-v-9fff2753] {
905
+ .nodeView[data-v-7702fcdb] {
937
906
  box-sizing: border-box;
938
907
  margin: 10px 10px;
939
908
  width: 180px;
@@ -942,7 +911,7 @@
942
911
  border-radius: 2px 2px 2px 2px;
943
912
  padding: 20px 10px;
944
913
  }
945
- .nodeTitle[data-v-9fff2753] {
914
+ .nodeTitle[data-v-7702fcdb] {
946
915
  width: 90px;
947
916
  height: 15px;
948
917
  font-weight: 400;
@@ -957,7 +926,7 @@
957
926
  overflow: hidden; /* 隐藏超出div宽度的文本 */
958
927
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
959
928
  }
960
- .nodeContent[data-v-9fff2753] {
929
+ .nodeContent[data-v-7702fcdb] {
961
930
  /* width: 100%; */
962
931
  height: 15px;
963
932
  font-weight: 400;
@@ -972,19 +941,39 @@
972
941
  overflow: hidden; /* 隐藏超出div宽度的文本 */
973
942
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
974
943
  }
975
- .nodeContent-desc[data-v-9fff2753]{
944
+ .nodeContent-desc[data-v-7702fcdb]{
976
945
  }
977
- .el-divider--horizontal[data-v-9fff2753] {
946
+ .el-divider--horizontal[data-v-7702fcdb] {
978
947
  margin: 12px 0;
979
948
  }
980
- .nodeView[data-v-9fff2753] {
949
+ .nodeView[data-v-7702fcdb] {
981
950
  border: 1px solid #5a90f9;
982
951
  background: #eef3fe;
983
952
  }
984
- .nodeTitle[data-v-9fff2753] {
953
+ .nodeTitle[data-v-7702fcdb] {
985
954
  width: 80px;
986
955
  }
987
- .nodeView[data-v-bd32480c] {
956
+
957
+ .aaa[data-v-8bd72b80] {
958
+ width: 300px;
959
+ height: 200px;
960
+ background: #ffffff;
961
+ box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
962
+ border-radius: 2px 2px 2px 2px;
963
+ }
964
+ .content[data-v-8bd72b80] {
965
+ width: 28px;
966
+ height: 15px;
967
+ font-weight: 400;
968
+ font-size: 14px;
969
+ color: #333333;
970
+ line-height: 14px;
971
+ text-align: left;
972
+ font-style: normal;
973
+ text-transform: none;
974
+ padding: 5px 0px 4px 10px;
975
+ }
976
+ .nodeView[data-v-4c6dfa4a] {
988
977
  box-sizing: border-box;
989
978
  margin: 10px 10px;
990
979
  width: 180px;
@@ -993,7 +982,7 @@
993
982
  border-radius: 2px 2px 2px 2px;
994
983
  padding: 20px 10px;
995
984
  }
996
- .nodeTitle[data-v-bd32480c] {
985
+ .nodeTitle[data-v-4c6dfa4a] {
997
986
  width: 90px;
998
987
  height: 15px;
999
988
  font-weight: 400;
@@ -1008,7 +997,7 @@
1008
997
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1009
998
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1010
999
  }
1011
- .nodeContent[data-v-bd32480c] {
1000
+ .nodeContent[data-v-4c6dfa4a] {
1012
1001
  /* width: 100%; */
1013
1002
  height: 15px;
1014
1003
  font-weight: 400;
@@ -1023,20 +1012,20 @@
1023
1012
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1024
1013
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1025
1014
  }
1026
- .nodeContent-desc[data-v-bd32480c]{
1015
+ .nodeContent-desc[data-v-4c6dfa4a]{
1027
1016
  }
1028
- .el-divider--horizontal[data-v-bd32480c] {
1017
+ .el-divider--horizontal[data-v-4c6dfa4a] {
1029
1018
  margin: 12px 0;
1030
1019
  }
1031
- .nodeView[data-v-bd32480c] {
1020
+ .nodeView[data-v-4c6dfa4a] {
1032
1021
  border: 1px solid #5a90f9;
1033
1022
  background: #eef3fe;
1034
1023
  width: 180px;
1035
1024
  min-height: 95px;
1036
1025
  }
1037
- .nodeContent[data-v-bd32480c] {
1026
+ .nodeContent[data-v-4c6dfa4a] {
1038
1027
  }
1039
- .nodeView[data-v-b1d2a966] {
1028
+ .nodeView[data-v-9fff2753] {
1040
1029
  box-sizing: border-box;
1041
1030
  margin: 10px 10px;
1042
1031
  width: 180px;
@@ -1045,7 +1034,7 @@
1045
1034
  border-radius: 2px 2px 2px 2px;
1046
1035
  padding: 20px 10px;
1047
1036
  }
1048
- .nodeTitle[data-v-b1d2a966] {
1037
+ .nodeTitle[data-v-9fff2753] {
1049
1038
  width: 90px;
1050
1039
  height: 15px;
1051
1040
  font-weight: 400;
@@ -1060,7 +1049,7 @@
1060
1049
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1061
1050
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1062
1051
  }
1063
- .nodeContent[data-v-b1d2a966] {
1052
+ .nodeContent[data-v-9fff2753] {
1064
1053
  /* width: 100%; */
1065
1054
  height: 15px;
1066
1055
  font-weight: 400;
@@ -1075,19 +1064,19 @@
1075
1064
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1076
1065
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1077
1066
  }
1078
- .nodeContent-desc[data-v-b1d2a966]{
1067
+ .nodeContent-desc[data-v-9fff2753]{
1079
1068
  }
1080
- .el-divider--horizontal[data-v-b1d2a966] {
1069
+ .el-divider--horizontal[data-v-9fff2753] {
1081
1070
  margin: 12px 0;
1082
1071
  }
1083
- .nodeView[data-v-b1d2a966] {
1072
+ .nodeView[data-v-9fff2753] {
1084
1073
  border: 1px solid #5a90f9;
1085
1074
  background: #eef3fe;
1086
1075
  }
1087
- .nodeTitle[data-v-b1d2a966] {
1076
+ .nodeTitle[data-v-9fff2753] {
1088
1077
  width: 80px;
1089
1078
  }
1090
- .nodeView[data-v-b01d3a50] {
1079
+ .nodeView[data-v-df366d04] {
1091
1080
  box-sizing: border-box;
1092
1081
  margin: 10px 10px;
1093
1082
  width: 180px;
@@ -1096,7 +1085,7 @@
1096
1085
  border-radius: 2px 2px 2px 2px;
1097
1086
  padding: 20px 10px;
1098
1087
  }
1099
- .nodeTitle[data-v-b01d3a50] {
1088
+ .nodeTitle[data-v-df366d04] {
1100
1089
  width: 90px;
1101
1090
  height: 15px;
1102
1091
  font-weight: 400;
@@ -1111,7 +1100,7 @@
1111
1100
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1112
1101
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1113
1102
  }
1114
- .nodeContent[data-v-b01d3a50] {
1103
+ .nodeContent[data-v-df366d04] {
1115
1104
  /* width: 100%; */
1116
1105
  height: 15px;
1117
1106
  font-weight: 400;
@@ -1126,59 +1115,70 @@
1126
1115
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1127
1116
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1128
1117
  }
1129
- .nodeContent-desc[data-v-b01d3a50]{
1118
+ .nodeContent-desc[data-v-df366d04]{
1130
1119
  }
1131
- .el-divider--horizontal[data-v-b01d3a50] {
1120
+ .el-divider--horizontal[data-v-df366d04] {
1132
1121
  margin: 12px 0;
1133
1122
  }
1134
- .nodeView[data-v-b01d3a50] {
1123
+ .nodeView[data-v-df366d04] {
1135
1124
  border: 1px solid #5a90f9;
1136
1125
  background: #eef3fe;
1137
1126
  }
1138
- .nodeTitle[data-v-b01d3a50] {
1127
+ .nodeTitle[data-v-df366d04] {
1139
1128
  width: 80px;
1140
1129
  }
1141
-
1142
- .node-content[data-v-b28923f3] {
1143
- width: 120px;
1144
- height: 44px;
1145
- background: #ffffff;
1130
+ .nodeView[data-v-faa5a940] {
1131
+ box-sizing: border-box;
1132
+ margin: 10px 10px;
1133
+ width: 180px;
1134
+ height: 95px;
1146
1135
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
1147
- border-radius: 2px 2px 2px 2px;
1136
+ border-radius: 2px 2px 2px 2px;
1137
+ padding: 20px 10px;
1148
1138
  }
1149
- .content[data-v-b28923f3] {
1150
- width: 28px;
1139
+ .nodeTitle[data-v-faa5a940] {
1140
+ width: 90px;
1151
1141
  height: 15px;
1152
1142
  font-weight: 400;
1153
- font-size: 14px;
1143
+ font-size: 16px;
1154
1144
  color: #333333;
1155
1145
  line-height: 14px;
1156
1146
  text-align: left;
1157
1147
  font-style: normal;
1158
1148
  text-transform: none;
1159
- padding: 5px 0px 4px 10px;
1160
- }
1161
-
1162
- .node-content[data-v-69a854a3] {
1163
- width: 120px;
1164
- height: 44px;
1165
- background: #ffffff;
1166
- box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
1167
- border-radius: 2px 2px 2px 2px;
1149
+ padding: 0px 24px;
1150
+ white-space: nowrap; /* 确保文本在一行内显示 */
1151
+ overflow: hidden; /* 隐藏超出div宽度的文本 */
1152
+ text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1168
1153
  }
1169
- .content[data-v-69a854a3] {
1170
- width: 28px;
1154
+ .nodeContent[data-v-faa5a940] {
1155
+ /* width: 100%; */
1171
1156
  height: 15px;
1172
1157
  font-weight: 400;
1173
1158
  font-size: 14px;
1174
- color: #333333;
1159
+ color: #666666;
1175
1160
  line-height: 14px;
1176
1161
  text-align: left;
1177
1162
  font-style: normal;
1178
1163
  text-transform: none;
1179
- padding: 5px 0px 4px 10px;
1164
+ padding: 0px 0px;
1165
+ white-space: nowrap; /* 确保文本在一行内显示 */
1166
+ overflow: hidden; /* 隐藏超出div宽度的文本 */
1167
+ text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1168
+ }
1169
+ .nodeContent-desc[data-v-faa5a940]{
1170
+ }
1171
+ .el-divider--horizontal[data-v-faa5a940] {
1172
+ margin: 12px 0;
1173
+ }
1174
+ .nodeView[data-v-faa5a940] {
1175
+ border: 1px solid #5a90f9;
1176
+ background: #eef3fe;
1177
+ }
1178
+ .nodeTitle[data-v-faa5a940] {
1179
+ width: 80px;
1180
1180
  }
1181
- .nodeView[data-v-4c6dfa4a] {
1181
+ .nodeView[data-v-c176feb6] {
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-c176feb6] {
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-c176feb6] {
1206
1206
  /* width: 100%; */
1207
1207
  height: 15px;
1208
1208
  font-weight: 400;
@@ -1217,32 +1217,18 @@
1217
1217
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1218
1218
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1219
1219
  }
1220
- .nodeContent-desc[data-v-4c6dfa4a]{
1220
+ .nodeContent-desc[data-v-c176feb6]{
1221
1221
  }
1222
- .el-divider--horizontal[data-v-4c6dfa4a] {
1222
+ .el-divider--horizontal[data-v-c176feb6] {
1223
1223
  margin: 12px 0;
1224
1224
  }
1225
- .nodeView[data-v-4c6dfa4a] {
1225
+ .nodeView[data-v-c176feb6] {
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] {
1232
- }
1233
-
1234
- .el-radio[data-v-1bbd6187] {
1235
- margin-right: 10px;
1236
- }
1237
-
1238
- .el-select + .el-input[data-v-7fcf8a84] {
1239
- margin-left: 10px;
1240
- }
1241
- .el-input + .el-input[data-v-7fcf8a84] {
1242
- margin-left: 10px;
1243
- }
1244
- .el-input + .el-button[data-v-7fcf8a84] {
1245
- margin-left: 10px;
1231
+ .nodeContent[data-v-c176feb6] {
1246
1232
  }
1247
1233
 
1248
1234
  .el-select + .el-input[data-v-3918f594] {
@@ -1262,6 +1248,20 @@
1262
1248
  margin-top: 0px;
1263
1249
  }
1264
1250
 
1251
+ .el-radio[data-v-1bbd6187] {
1252
+ margin-right: 10px;
1253
+ }
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
1265
  [data-v-9cc733d7] .el-cascader-menu {
1266
1266
  min-width: 120px !important;
1267
1267
  }
@@ -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.81",
3
+ "version": "2.0.84",
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.56",
64
+ "agilebuilder-ui": "1.0.58",
65
65
  "codemirror": "^6.0.1",
66
66
  "nprogress": "^0.2.0",
67
67
  "quill": "^2.0.2",