service-flow-designer 2.0.77 → 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 +332 -332
  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
  }
@@ -182,6 +182,37 @@
182
182
  .el-alert + .el-form-item[data-v-a158f309] {
183
183
  margin-top: 10px;
184
184
  }
185
+
186
+ [data-v-808a13e1] .el-radio {
187
+ margin: 0;
188
+ }
189
+ .el-radio + .el-radio[data-v-808a13e1] {
190
+ margin-left: 10px;
191
+ }
192
+
193
+ .el-alert + .el-table[data-v-82e0dfef] {
194
+ margin-top: 10px;
195
+ }
196
+ .el-alert + .el-form-item[data-v-82e0dfef] {
197
+ margin-top: 10px;
198
+ }
199
+
200
+ .el-tabs + .el-alert[data-v-08737620] {
201
+ margin-top: 10px;
202
+ }
203
+ .el-alert + .el-form-item[data-v-08737620] {
204
+ margin-top: 10px;
205
+ }
206
+
207
+ .el-alert + .el-table[data-v-d978e7dc] {
208
+ margin-top: 10px;
209
+ }
210
+ .el-table + .el-alert[data-v-d978e7dc] {
211
+ margin: 10px 0;
212
+ }
213
+ .el-alert + .el-form-item[data-v-d978e7dc] {
214
+ margin-top: 10px;
215
+ }
185
216
  .amb-design-attr-base-content[data-v-ce167986] {
186
217
  background: #ffffff;
187
218
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
@@ -248,101 +279,6 @@
248
279
  .amb-assembly-item-drag[data-v-ce167986] {
249
280
  opacity: 1 !important;
250
281
  }
251
-
252
- .el-alert + .el-table[data-v-028fb838] {
253
- margin-top: 10px;
254
- }
255
- .el-table + .el-alert[data-v-028fb838] {
256
- margin: 10px 0;
257
- }
258
-
259
- [data-v-286d914e] .el-table__row {
260
- cursor: pointer;
261
- }
262
- /** 右键菜单样式 */
263
- .context-menu[data-v-286d914e] {
264
- position: absolute;
265
- background: #fff;
266
- z-index: 999;
267
- margin: 5;
268
- padding: 8px 8px;
269
- box-shadow: 0 5px 7px 1px rgba(0, 0, 0, 0.1);
270
- border: 1px solid #bbbbbb;
271
- border-radius: 10px;
272
- font-size: 14px;
273
- }
274
- .context-menu li[data-v-286d914e] {
275
- list-style-type: none;
276
- min-width: 75px;
277
- line-height: 28px;
278
- text-align: left;
279
- border-radius: 5px;
280
- padding-left: 5px;
281
- cursor: pointer;
282
- }
283
- .context-menu li[data-v-286d914e]:hover {
284
- background: #0165e1;
285
- color: #fff;
286
- }
287
- /** 右键菜单样式 */
288
- .custom-tree-node[data-v-286d914e] {
289
- font-size: 14px;
290
- padding-right: 8px;
291
- display: flex; /* 使用Flex布局 */
292
- align-items: center; /* 子元素在交叉轴(垂直方向)上居中对齐 */
293
- }
294
-
295
- .el-alert + .el-table[data-v-82e0dfef] {
296
- margin-top: 10px;
297
- }
298
- .el-alert + .el-form-item[data-v-82e0dfef] {
299
- margin-top: 10px;
300
- }
301
-
302
- [data-v-65e38bfb] .el-radio {
303
- margin: 0;
304
- }
305
- .el-radio + .el-radio[data-v-65e38bfb] {
306
- margin-left: 10px;
307
- }
308
-
309
- .el-drawer__header {
310
- margin-bottom: 0 !important;
311
- }
312
- /**
313
- 解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
314
- */
315
- [data-v-c51cce99] .el-overlay {
316
- position: static;
317
- }
318
-
319
- .editorTool[data-v-684c1f08] {
320
- margin-left: auto;
321
- }
322
- .editorOption[data-v-684c1f08] {
323
- margin-right: 10px;
324
- cursor: pointer;
325
- }
326
- .pppp[data-v-684c1f08] {
327
- display: flex; /* 使用Flex布局 */
328
- justify-content: flex-start;
329
- align-items: center; /* 子元素在交叉轴(垂直方向)上居中对齐 */
330
- }
331
-
332
- .el-dialog__wrapper[data-v-d41cb0ad] {
333
- overflow: hidden !important;
334
- padding-right: 0 !important;
335
- }
336
-
337
- .el-alert + .el-table[data-v-e27c4c1e] {
338
- margin-top: 10px;
339
- }
340
- .el-table + .el-alert[data-v-e27c4c1e] {
341
- margin: 10px 0;
342
- }
343
- .el-alert + .el-form-item[data-v-e27c4c1e] {
344
- margin-top: 10px;
345
- }
346
282
  .control-item[data-v-fdc6ec07] {
347
283
  top: -5px;
348
284
  position: relative;
@@ -474,88 +410,121 @@
474
410
  margin-left: 50px;
475
411
  }
476
412
 
477
- .el-alert + .el-table[data-v-d978e7dc] {
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] {
478
429
  margin-top: 10px;
479
430
  }
480
- .el-table + .el-alert[data-v-d978e7dc] {
431
+ .el-alert + .el-table[data-v-32875028] {
481
432
  margin: 10px 0;
433
+ }
434
+
435
+ [data-v-65e38bfb] .el-radio {
436
+ margin: 0;
482
437
  }
483
- .el-alert + .el-form-item[data-v-d978e7dc] {
484
- margin-top: 10px;
438
+ .el-radio + .el-radio[data-v-65e38bfb] {
439
+ margin-left: 10px;
485
440
  }
486
441
 
487
- .el-tabs + .el-alert[data-v-08737620] {
488
- margin-top: 10px;
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;
489
456
  }
490
- .el-alert + .el-form-item[data-v-08737620] {
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;
465
+ }
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] {
491
479
  margin-top: 10px;
480
+ }
481
+ .el-table + .el-alert[data-v-028fb838] {
482
+ margin: 10px 0;
492
483
  }
493
484
 
494
- [data-v-808a13e1] .el-radio {
495
- margin: 0;
485
+ .editorTool[data-v-684c1f08] {
486
+ margin-left: auto;
496
487
  }
497
- .el-radio + .el-radio[data-v-808a13e1] {
498
- margin-left: 10px;
488
+ .editorOption[data-v-684c1f08] {
489
+ margin-right: 10px;
490
+ cursor: pointer;
491
+ }
492
+ .pppp[data-v-684c1f08] {
493
+ display: flex; /* 使用Flex布局 */
494
+ justify-content: flex-start;
495
+ align-items: center; /* 子元素在交叉轴(垂直方向)上居中对齐 */
499
496
  }
500
497
 
501
- .el-alert + .el-form-item[data-v-32875028] {
498
+ .el-alert + .el-table[data-v-e27c4c1e] {
502
499
  margin-top: 10px;
503
500
  }
504
- .el-alert + .el-table[data-v-32875028] {
501
+ .el-table + .el-alert[data-v-e27c4c1e] {
505
502
  margin: 10px 0;
503
+ }
504
+ .el-alert + .el-form-item[data-v-e27c4c1e] {
505
+ margin-top: 10px;
506
506
  }
507
- .nodeView[data-v-faa5a940] {
508
- box-sizing: border-box;
509
- margin: 10px 10px;
510
- width: 180px;
511
- height: 95px;
507
+
508
+ .node-content[data-v-b28923f3] {
509
+ width: 120px;
510
+ height: 44px;
511
+ background: #ffffff;
512
512
  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-faa5a940] {
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; /* 使用省略号表示被截断的文本 */
513
+ border-radius: 2px 2px 2px 2px;
530
514
  }
531
- .nodeContent[data-v-faa5a940] {
532
- /* width: 100%; */
515
+ .content[data-v-b28923f3] {
516
+ width: 28px;
533
517
  height: 15px;
534
518
  font-weight: 400;
535
519
  font-size: 14px;
536
- color: #666666;
520
+ color: #333333;
537
521
  line-height: 14px;
538
522
  text-align: left;
539
523
  font-style: normal;
540
524
  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-faa5a940]{
547
- }
548
- .el-divider--horizontal[data-v-faa5a940] {
549
- margin: 12px 0;
550
- }
551
- .nodeView[data-v-faa5a940] {
552
- border: 1px solid #5a90f9;
553
- background: #eef3fe;
554
- }
555
- .nodeTitle[data-v-faa5a940] {
556
- width: 80px;
525
+ padding: 5px 0px 4px 10px;
557
526
  }
558
- .nodeView[data-v-5911272d] {
527
+ .nodeView[data-v-b604c489] {
559
528
  box-sizing: border-box;
560
529
  margin: 10px 10px;
561
530
  width: 180px;
@@ -564,7 +533,7 @@
564
533
  border-radius: 2px 2px 2px 2px;
565
534
  padding: 20px 10px;
566
535
  }
567
- .nodeTitle[data-v-5911272d] {
536
+ .nodeTitle[data-v-b604c489] {
568
537
  width: 90px;
569
538
  height: 15px;
570
539
  font-weight: 400;
@@ -579,7 +548,7 @@
579
548
  overflow: hidden; /* 隐藏超出div宽度的文本 */
580
549
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
581
550
  }
582
- .nodeContent[data-v-5911272d] {
551
+ .nodeContent[data-v-b604c489] {
583
552
  /* width: 100%; */
584
553
  height: 15px;
585
554
  font-weight: 400;
@@ -594,19 +563,19 @@
594
563
  overflow: hidden; /* 隐藏超出div宽度的文本 */
595
564
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
596
565
  }
597
- .nodeContent-desc[data-v-5911272d]{
566
+ .nodeContent-desc[data-v-b604c489]{
598
567
  }
599
- .el-divider--horizontal[data-v-5911272d] {
568
+ .el-divider--horizontal[data-v-b604c489] {
600
569
  margin: 12px 0;
601
570
  }
602
- .nodeView[data-v-5911272d] {
571
+ .nodeView[data-v-b604c489] {
603
572
  border: 1px solid #5a90f9;
604
573
  background: #eef3fe;
605
574
  }
606
- .nodeTitle[data-v-5911272d] {
575
+ .nodeTitle[data-v-b604c489] {
607
576
  width: 80px;
608
577
  }
609
- .nodeView[data-v-b604c489] {
578
+ .nodeView[data-v-5911272d] {
610
579
  box-sizing: border-box;
611
580
  margin: 10px 10px;
612
581
  width: 180px;
@@ -615,7 +584,7 @@
615
584
  border-radius: 2px 2px 2px 2px;
616
585
  padding: 20px 10px;
617
586
  }
618
- .nodeTitle[data-v-b604c489] {
587
+ .nodeTitle[data-v-5911272d] {
619
588
  width: 90px;
620
589
  height: 15px;
621
590
  font-weight: 400;
@@ -630,7 +599,7 @@
630
599
  overflow: hidden; /* 隐藏超出div宽度的文本 */
631
600
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
632
601
  }
633
- .nodeContent[data-v-b604c489] {
602
+ .nodeContent[data-v-5911272d] {
634
603
  /* width: 100%; */
635
604
  height: 15px;
636
605
  font-weight: 400;
@@ -645,19 +614,19 @@
645
614
  overflow: hidden; /* 隐藏超出div宽度的文本 */
646
615
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
647
616
  }
648
- .nodeContent-desc[data-v-b604c489]{
617
+ .nodeContent-desc[data-v-5911272d]{
649
618
  }
650
- .el-divider--horizontal[data-v-b604c489] {
619
+ .el-divider--horizontal[data-v-5911272d] {
651
620
  margin: 12px 0;
652
621
  }
653
- .nodeView[data-v-b604c489] {
622
+ .nodeView[data-v-5911272d] {
654
623
  border: 1px solid #5a90f9;
655
624
  background: #eef3fe;
656
625
  }
657
- .nodeTitle[data-v-b604c489] {
626
+ .nodeTitle[data-v-5911272d] {
658
627
  width: 80px;
659
628
  }
660
- .nodeView[data-v-6d0cd280] {
629
+ .nodeView[data-v-bd32480c] {
661
630
  box-sizing: border-box;
662
631
  margin: 10px 10px;
663
632
  width: 180px;
@@ -666,7 +635,7 @@
666
635
  border-radius: 2px 2px 2px 2px;
667
636
  padding: 20px 10px;
668
637
  }
669
- .nodeTitle[data-v-6d0cd280] {
638
+ .nodeTitle[data-v-bd32480c] {
670
639
  width: 90px;
671
640
  height: 15px;
672
641
  font-weight: 400;
@@ -681,7 +650,7 @@
681
650
  overflow: hidden; /* 隐藏超出div宽度的文本 */
682
651
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
683
652
  }
684
- .nodeContent[data-v-6d0cd280] {
653
+ .nodeContent[data-v-bd32480c] {
685
654
  /* width: 100%; */
686
655
  height: 15px;
687
656
  font-weight: 400;
@@ -696,19 +665,20 @@
696
665
  overflow: hidden; /* 隐藏超出div宽度的文本 */
697
666
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
698
667
  }
699
- .nodeContent-desc[data-v-6d0cd280]{
668
+ .nodeContent-desc[data-v-bd32480c]{
700
669
  }
701
- .el-divider--horizontal[data-v-6d0cd280] {
670
+ .el-divider--horizontal[data-v-bd32480c] {
702
671
  margin: 12px 0;
703
672
  }
704
- .nodeView[data-v-6d0cd280] {
673
+ .nodeView[data-v-bd32480c] {
705
674
  border: 1px solid #5a90f9;
706
- background: #eef3fe;
675
+ background: #eef3fe;
676
+ width: 180px;
677
+ min-height: 95px;
707
678
  }
708
- .nodeTitle[data-v-6d0cd280] {
709
- width: 80px;
679
+ .nodeContent[data-v-bd32480c] {
710
680
  }
711
- .nodeView[data-v-4c6dfa4a] {
681
+ .nodeView[data-v-221a60f8] {
712
682
  box-sizing: border-box;
713
683
  margin: 10px 10px;
714
684
  width: 180px;
@@ -717,7 +687,7 @@
717
687
  border-radius: 2px 2px 2px 2px;
718
688
  padding: 20px 10px;
719
689
  }
720
- .nodeTitle[data-v-4c6dfa4a] {
690
+ .nodeTitle[data-v-221a60f8] {
721
691
  width: 90px;
722
692
  height: 15px;
723
693
  font-weight: 400;
@@ -732,7 +702,7 @@
732
702
  overflow: hidden; /* 隐藏超出div宽度的文本 */
733
703
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
734
704
  }
735
- .nodeContent[data-v-4c6dfa4a] {
705
+ .nodeContent[data-v-221a60f8] {
736
706
  /* width: 100%; */
737
707
  height: 15px;
738
708
  font-weight: 400;
@@ -747,20 +717,19 @@
747
717
  overflow: hidden; /* 隐藏超出div宽度的文本 */
748
718
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
749
719
  }
750
- .nodeContent-desc[data-v-4c6dfa4a]{
720
+ .nodeContent-desc[data-v-221a60f8]{
751
721
  }
752
- .el-divider--horizontal[data-v-4c6dfa4a] {
722
+ .el-divider--horizontal[data-v-221a60f8] {
753
723
  margin: 12px 0;
754
724
  }
755
- .nodeView[data-v-4c6dfa4a] {
725
+ .nodeView[data-v-221a60f8] {
756
726
  border: 1px solid #5a90f9;
757
- background: #eef3fe;
758
- width: 180px;
759
- min-height: 95px;
727
+ background: #eef3fe;
760
728
  }
761
- .nodeContent[data-v-4c6dfa4a] {
729
+ .nodeTitle[data-v-221a60f8] {
730
+ width: 80px;
762
731
  }
763
- .nodeView[data-v-b1d2a966] {
732
+ .nodeView[data-v-6d0cd280] {
764
733
  box-sizing: border-box;
765
734
  margin: 10px 10px;
766
735
  width: 180px;
@@ -769,7 +738,7 @@
769
738
  border-radius: 2px 2px 2px 2px;
770
739
  padding: 20px 10px;
771
740
  }
772
- .nodeTitle[data-v-b1d2a966] {
741
+ .nodeTitle[data-v-6d0cd280] {
773
742
  width: 90px;
774
743
  height: 15px;
775
744
  font-weight: 400;
@@ -784,7 +753,7 @@
784
753
  overflow: hidden; /* 隐藏超出div宽度的文本 */
785
754
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
786
755
  }
787
- .nodeContent[data-v-b1d2a966] {
756
+ .nodeContent[data-v-6d0cd280] {
788
757
  /* width: 100%; */
789
758
  height: 15px;
790
759
  font-weight: 400;
@@ -799,19 +768,19 @@
799
768
  overflow: hidden; /* 隐藏超出div宽度的文本 */
800
769
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
801
770
  }
802
- .nodeContent-desc[data-v-b1d2a966]{
771
+ .nodeContent-desc[data-v-6d0cd280]{
803
772
  }
804
- .el-divider--horizontal[data-v-b1d2a966] {
773
+ .el-divider--horizontal[data-v-6d0cd280] {
805
774
  margin: 12px 0;
806
775
  }
807
- .nodeView[data-v-b1d2a966] {
776
+ .nodeView[data-v-6d0cd280] {
808
777
  border: 1px solid #5a90f9;
809
778
  background: #eef3fe;
810
779
  }
811
- .nodeTitle[data-v-b1d2a966] {
780
+ .nodeTitle[data-v-6d0cd280] {
812
781
  width: 80px;
813
782
  }
814
- .nodeView[data-v-9fff2753] {
783
+ .nodeView[data-v-b1d2a966] {
815
784
  box-sizing: border-box;
816
785
  margin: 10px 10px;
817
786
  width: 180px;
@@ -820,7 +789,7 @@
820
789
  border-radius: 2px 2px 2px 2px;
821
790
  padding: 20px 10px;
822
791
  }
823
- .nodeTitle[data-v-9fff2753] {
792
+ .nodeTitle[data-v-b1d2a966] {
824
793
  width: 90px;
825
794
  height: 15px;
826
795
  font-weight: 400;
@@ -835,7 +804,7 @@
835
804
  overflow: hidden; /* 隐藏超出div宽度的文本 */
836
805
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
837
806
  }
838
- .nodeContent[data-v-9fff2753] {
807
+ .nodeContent[data-v-b1d2a966] {
839
808
  /* width: 100%; */
840
809
  height: 15px;
841
810
  font-weight: 400;
@@ -850,27 +819,27 @@
850
819
  overflow: hidden; /* 隐藏超出div宽度的文本 */
851
820
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
852
821
  }
853
- .nodeContent-desc[data-v-9fff2753]{
822
+ .nodeContent-desc[data-v-b1d2a966]{
854
823
  }
855
- .el-divider--horizontal[data-v-9fff2753] {
824
+ .el-divider--horizontal[data-v-b1d2a966] {
856
825
  margin: 12px 0;
857
826
  }
858
- .nodeView[data-v-9fff2753] {
827
+ .nodeView[data-v-b1d2a966] {
859
828
  border: 1px solid #5a90f9;
860
829
  background: #eef3fe;
861
830
  }
862
- .nodeTitle[data-v-9fff2753] {
831
+ .nodeTitle[data-v-b1d2a966] {
863
832
  width: 80px;
864
833
  }
865
834
 
866
- .node-content[data-v-b28923f3] {
835
+ .node-content[data-v-69a854a3] {
867
836
  width: 120px;
868
837
  height: 44px;
869
838
  background: #ffffff;
870
839
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
871
840
  border-radius: 2px 2px 2px 2px;
872
841
  }
873
- .content[data-v-b28923f3] {
842
+ .content[data-v-69a854a3] {
874
843
  width: 28px;
875
844
  height: 15px;
876
845
  font-weight: 400;
@@ -882,7 +851,7 @@
882
851
  text-transform: none;
883
852
  padding: 5px 0px 4px 10px;
884
853
  }
885
- .nodeView[data-v-221a60f8] {
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-221a60f8] {
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-221a60f8] {
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-221a60f8]{
893
+ .nodeContent-desc[data-v-b01d3a50]{
925
894
  }
926
- .el-divider--horizontal[data-v-221a60f8] {
895
+ .el-divider--horizontal[data-v-b01d3a50] {
927
896
  margin: 12px 0;
928
897
  }
929
- .nodeView[data-v-221a60f8] {
898
+ .nodeView[data-v-b01d3a50] {
930
899
  border: 1px solid #5a90f9;
931
900
  background: #eef3fe;
932
901
  }
933
- .nodeTitle[data-v-221a60f8] {
902
+ .nodeTitle[data-v-b01d3a50] {
934
903
  width: 80px;
935
904
  }
936
- .nodeView[data-v-bd32480c] {
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-bd32480c] {
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-bd32480c] {
929
+ .nodeContent[data-v-7702fcdb] {
961
930
  /* width: 100%; */
962
931
  height: 15px;
963
932
  font-weight: 400;
@@ -972,20 +941,39 @@
972
941
  overflow: hidden; /* 隐藏超出div宽度的文本 */
973
942
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
974
943
  }
975
- .nodeContent-desc[data-v-bd32480c]{
944
+ .nodeContent-desc[data-v-7702fcdb]{
976
945
  }
977
- .el-divider--horizontal[data-v-bd32480c] {
946
+ .el-divider--horizontal[data-v-7702fcdb] {
978
947
  margin: 12px 0;
979
948
  }
980
- .nodeView[data-v-bd32480c] {
949
+ .nodeView[data-v-7702fcdb] {
981
950
  border: 1px solid #5a90f9;
982
- background: #eef3fe;
983
- width: 180px;
984
- min-height: 95px;
951
+ background: #eef3fe;
985
952
  }
986
- .nodeContent[data-v-bd32480c] {
953
+ .nodeTitle[data-v-7702fcdb] {
954
+ width: 80px;
987
955
  }
988
- .nodeView[data-v-b01d3a50] {
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] {
989
977
  box-sizing: border-box;
990
978
  margin: 10px 10px;
991
979
  width: 180px;
@@ -994,7 +982,7 @@
994
982
  border-radius: 2px 2px 2px 2px;
995
983
  padding: 20px 10px;
996
984
  }
997
- .nodeTitle[data-v-b01d3a50] {
985
+ .nodeTitle[data-v-4c6dfa4a] {
998
986
  width: 90px;
999
987
  height: 15px;
1000
988
  font-weight: 400;
@@ -1009,7 +997,7 @@
1009
997
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1010
998
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1011
999
  }
1012
- .nodeContent[data-v-b01d3a50] {
1000
+ .nodeContent[data-v-4c6dfa4a] {
1013
1001
  /* width: 100%; */
1014
1002
  height: 15px;
1015
1003
  font-weight: 400;
@@ -1024,59 +1012,71 @@
1024
1012
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1025
1013
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1026
1014
  }
1027
- .nodeContent-desc[data-v-b01d3a50]{
1015
+ .nodeContent-desc[data-v-4c6dfa4a]{
1028
1016
  }
1029
- .el-divider--horizontal[data-v-b01d3a50] {
1017
+ .el-divider--horizontal[data-v-4c6dfa4a] {
1030
1018
  margin: 12px 0;
1031
1019
  }
1032
- .nodeView[data-v-b01d3a50] {
1020
+ .nodeView[data-v-4c6dfa4a] {
1033
1021
  border: 1px solid #5a90f9;
1034
- background: #eef3fe;
1022
+ background: #eef3fe;
1023
+ width: 180px;
1024
+ min-height: 95px;
1035
1025
  }
1036
- .nodeTitle[data-v-b01d3a50] {
1037
- width: 80px;
1026
+ .nodeContent[data-v-4c6dfa4a] {
1038
1027
  }
1039
-
1040
- .node-content[data-v-69a854a3] {
1041
- width: 120px;
1042
- height: 44px;
1043
- background: #ffffff;
1028
+ .nodeView[data-v-9fff2753] {
1029
+ box-sizing: border-box;
1030
+ margin: 10px 10px;
1031
+ width: 180px;
1032
+ height: 95px;
1044
1033
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
1045
- border-radius: 2px 2px 2px 2px;
1034
+ border-radius: 2px 2px 2px 2px;
1035
+ padding: 20px 10px;
1046
1036
  }
1047
- .content[data-v-69a854a3] {
1048
- width: 28px;
1037
+ .nodeTitle[data-v-9fff2753] {
1038
+ width: 90px;
1049
1039
  height: 15px;
1050
1040
  font-weight: 400;
1051
- font-size: 14px;
1041
+ font-size: 16px;
1052
1042
  color: #333333;
1053
1043
  line-height: 14px;
1054
1044
  text-align: left;
1055
1045
  font-style: normal;
1056
1046
  text-transform: none;
1057
- padding: 5px 0px 4px 10px;
1058
- }
1059
-
1060
- .aaa[data-v-8bd72b80] {
1061
- width: 300px;
1062
- height: 200px;
1063
- background: #ffffff;
1064
- box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
1065
- border-radius: 2px 2px 2px 2px;
1047
+ padding: 0px 24px;
1048
+ white-space: nowrap; /* 确保文本在一行内显示 */
1049
+ overflow: hidden; /* 隐藏超出div宽度的文本 */
1050
+ text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1066
1051
  }
1067
- .content[data-v-8bd72b80] {
1068
- width: 28px;
1052
+ .nodeContent[data-v-9fff2753] {
1053
+ /* width: 100%; */
1069
1054
  height: 15px;
1070
1055
  font-weight: 400;
1071
1056
  font-size: 14px;
1072
- color: #333333;
1057
+ color: #666666;
1073
1058
  line-height: 14px;
1074
1059
  text-align: left;
1075
1060
  font-style: normal;
1076
1061
  text-transform: none;
1077
- padding: 5px 0px 4px 10px;
1062
+ padding: 0px 0px;
1063
+ white-space: nowrap; /* 确保文本在一行内显示 */
1064
+ overflow: hidden; /* 隐藏超出div宽度的文本 */
1065
+ text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1066
+ }
1067
+ .nodeContent-desc[data-v-9fff2753]{
1068
+ }
1069
+ .el-divider--horizontal[data-v-9fff2753] {
1070
+ margin: 12px 0;
1071
+ }
1072
+ .nodeView[data-v-9fff2753] {
1073
+ border: 1px solid #5a90f9;
1074
+ background: #eef3fe;
1075
+ }
1076
+ .nodeTitle[data-v-9fff2753] {
1077
+ width: 80px;
1078
1078
  }
1079
- .nodeView[data-v-c176feb6] {
1079
+ .nodeView[data-v-df366d04] {
1080
1080
  box-sizing: border-box;
1081
1081
  margin: 10px 10px;
1082
1082
  width: 180px;
@@ -1085,7 +1085,7 @@
1085
1085
  border-radius: 2px 2px 2px 2px;
1086
1086
  padding: 20px 10px;
1087
1087
  }
1088
- .nodeTitle[data-v-c176feb6] {
1088
+ .nodeTitle[data-v-df366d04] {
1089
1089
  width: 90px;
1090
1090
  height: 15px;
1091
1091
  font-weight: 400;
@@ -1100,7 +1100,7 @@
1100
1100
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1101
1101
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1102
1102
  }
1103
- .nodeContent[data-v-c176feb6] {
1103
+ .nodeContent[data-v-df366d04] {
1104
1104
  /* width: 100%; */
1105
1105
  height: 15px;
1106
1106
  font-weight: 400;
@@ -1115,20 +1115,19 @@
1115
1115
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1116
1116
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1117
1117
  }
1118
- .nodeContent-desc[data-v-c176feb6]{
1118
+ .nodeContent-desc[data-v-df366d04]{
1119
1119
  }
1120
- .el-divider--horizontal[data-v-c176feb6] {
1120
+ .el-divider--horizontal[data-v-df366d04] {
1121
1121
  margin: 12px 0;
1122
1122
  }
1123
- .nodeView[data-v-c176feb6] {
1123
+ .nodeView[data-v-df366d04] {
1124
1124
  border: 1px solid #5a90f9;
1125
- background: #eef3fe;
1126
- width: 180px;
1127
- min-height: 95px;
1125
+ background: #eef3fe;
1128
1126
  }
1129
- .nodeContent[data-v-c176feb6] {
1127
+ .nodeTitle[data-v-df366d04] {
1128
+ width: 80px;
1130
1129
  }
1131
- .nodeView[data-v-7702fcdb] {
1130
+ .nodeView[data-v-faa5a940] {
1132
1131
  box-sizing: border-box;
1133
1132
  margin: 10px 10px;
1134
1133
  width: 180px;
@@ -1137,7 +1136,7 @@
1137
1136
  border-radius: 2px 2px 2px 2px;
1138
1137
  padding: 20px 10px;
1139
1138
  }
1140
- .nodeTitle[data-v-7702fcdb] {
1139
+ .nodeTitle[data-v-faa5a940] {
1141
1140
  width: 90px;
1142
1141
  height: 15px;
1143
1142
  font-weight: 400;
@@ -1152,7 +1151,7 @@
1152
1151
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1153
1152
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1154
1153
  }
1155
- .nodeContent[data-v-7702fcdb] {
1154
+ .nodeContent[data-v-faa5a940] {
1156
1155
  /* width: 100%; */
1157
1156
  height: 15px;
1158
1157
  font-weight: 400;
@@ -1167,19 +1166,19 @@
1167
1166
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1168
1167
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1169
1168
  }
1170
- .nodeContent-desc[data-v-7702fcdb]{
1169
+ .nodeContent-desc[data-v-faa5a940]{
1171
1170
  }
1172
- .el-divider--horizontal[data-v-7702fcdb] {
1171
+ .el-divider--horizontal[data-v-faa5a940] {
1173
1172
  margin: 12px 0;
1174
1173
  }
1175
- .nodeView[data-v-7702fcdb] {
1174
+ .nodeView[data-v-faa5a940] {
1176
1175
  border: 1px solid #5a90f9;
1177
1176
  background: #eef3fe;
1178
1177
  }
1179
- .nodeTitle[data-v-7702fcdb] {
1178
+ .nodeTitle[data-v-faa5a940] {
1180
1179
  width: 80px;
1181
1180
  }
1182
- .nodeView[data-v-df366d04] {
1181
+ .nodeView[data-v-c176feb6] {
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-df366d04] {
1190
+ .nodeTitle[data-v-c176feb6] {
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-df366d04] {
1205
+ .nodeContent[data-v-c176feb6] {
1207
1206
  /* width: 100%; */
1208
1207
  height: 15px;
1209
1208
  font-weight: 400;
@@ -1218,21 +1217,28 @@
1218
1217
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1219
1218
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1220
1219
  }
1221
- .nodeContent-desc[data-v-df366d04]{
1220
+ .nodeContent-desc[data-v-c176feb6]{
1222
1221
  }
1223
- .el-divider--horizontal[data-v-df366d04] {
1222
+ .el-divider--horizontal[data-v-c176feb6] {
1224
1223
  margin: 12px 0;
1225
1224
  }
1226
- .nodeView[data-v-df366d04] {
1225
+ .nodeView[data-v-c176feb6] {
1227
1226
  border: 1px solid #5a90f9;
1228
- background: #eef3fe;
1227
+ background: #eef3fe;
1228
+ width: 180px;
1229
+ min-height: 95px;
1229
1230
  }
1230
- .nodeTitle[data-v-df366d04] {
1231
- width: 80px;
1231
+ .nodeContent[data-v-c176feb6] {
1232
1232
  }
1233
1233
 
1234
- .el-radio[data-v-1bbd6187] {
1235
- margin-right: 10px;
1234
+ .el-select + .el-input[data-v-3918f594] {
1235
+ margin-left: 10px;
1236
+ }
1237
+ .el-input + .el-input[data-v-3918f594] {
1238
+ margin-left: 10px;
1239
+ }
1240
+ .el-input + .el-button[data-v-3918f594] {
1241
+ margin-left: 10px;
1236
1242
  }
1237
1243
 
1238
1244
  .el-radio[data-v-1ee0eb33] {
@@ -1242,13 +1248,17 @@
1242
1248
  margin-top: 0px;
1243
1249
  }
1244
1250
 
1245
- .el-select + .el-input[data-v-3918f594] {
1251
+ .el-radio[data-v-1bbd6187] {
1252
+ margin-right: 10px;
1253
+ }
1254
+
1255
+ .el-select + .el-input[data-v-7fcf8a84] {
1246
1256
  margin-left: 10px;
1247
1257
  }
1248
- .el-input + .el-input[data-v-3918f594] {
1258
+ .el-input + .el-input[data-v-7fcf8a84] {
1249
1259
  margin-left: 10px;
1250
1260
  }
1251
- .el-input + .el-button[data-v-3918f594] {
1261
+ .el-input + .el-button[data-v-7fcf8a84] {
1252
1262
  margin-left: 10px;
1253
1263
  }
1254
1264
 
@@ -1266,23 +1276,13 @@
1266
1276
  cursor: pointer;
1267
1277
  }
1268
1278
 
1269
- .el-select + .el-input[data-v-7fcf8a84] {
1270
- margin-left: 10px;
1271
- }
1272
- .el-input + .el-input[data-v-7fcf8a84] {
1273
- margin-left: 10px;
1274
- }
1275
- .el-input + .el-button[data-v-7fcf8a84] {
1276
- margin-left: 10px;
1277
- }
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.77",
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.55",
64
+ "agilebuilder-ui": "1.0.58",
65
65
  "codemirror": "^6.0.1",
66
66
  "nprogress": "^0.2.0",
67
67
  "quill": "^2.0.2",