service-flow-designer 2.0.36 → 2.0.42

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