service-flow-designer 2.1.20 → 2.1.24

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 +352 -352
  2. package/package.json +2 -2
package/dist/es/style.css CHANGED
@@ -22,6 +22,47 @@
22
22
  [data-v-7117ba9e] .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
+ }
25
66
  .serviceflow-design-content[data-v-0ca3e4c5] {
26
67
  overflow: auto;
27
68
  display: block;
@@ -126,51 +167,6 @@
126
167
  border-color: transparent transparent var(--el-skeleton-color) transparent;
127
168
  }
128
169
 
129
- .amb-design-assembly-content[data-v-59e0837d] {
130
- background: #ffffff;
131
- box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
132
- height: 100%;
133
- padding-left: 10px;
134
- padding-right: 10px;
135
- overflow: auto;
136
- }
137
- /*控制滚动条宽度*/
138
- .amb-design-assembly-content[data-v-59e0837d]::-webkit-scrollbar {
139
- width: 1px;
140
- }
141
- .amb-assembly-header[data-v-59e0837d] {
142
- position: absolute;
143
- width: 220px;
144
- text-align: center;
145
- padding: 18px 0px 10px 0px;
146
- padding-bottom: 14px;
147
- background-color: #ffffff;
148
- }
149
- .amb-assembly-header-type[data-v-59e0837d] {
150
- border-radius: 100px 100px 100px 100px;
151
- background: #ffffff;
152
- box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
153
- padding: 10px;
154
- padding-bottom: 12px;
155
- }
156
- .amb-assembly-header-type > label[data-v-59e0837d] {
157
- padding: 4px 14px;
158
- cursor: pointer;
159
- font-size: 14px;
160
- }
161
- .amb-assembly-header-type > label.selected[data-v-59e0837d] {
162
- border-radius: 100px 100px 100px 100px;
163
- background: #5893ef;
164
- color: #ffffff;
165
- }
166
- .amb-design-assembly-list[data-v-59e0837d] {
167
- padding-top: 80px;
168
- }
169
-
170
- .el-alert + .el-form-item[data-v-a158f309] {
171
- margin-top: 10px;
172
- }
173
-
174
170
  .editorTool[data-v-d55ab098] {
175
171
  margin-left: auto;
176
172
  }
@@ -184,11 +180,28 @@
184
180
  align-items: center; /* 子元素在交叉轴(垂直方向)上居中对齐 */
185
181
  }
186
182
 
187
- .el-alert + .el-form-item[data-v-32875028] {
183
+ .el-alert + .el-form-item[data-v-a158f309] {
184
+ margin-top: 10px;
185
+ }
186
+
187
+ .el-alert + .el-table[data-v-e27c4c1e] {
188
188
  margin-top: 10px;
189
189
  }
190
- .el-alert + .el-table[data-v-32875028] {
190
+ .el-table + .el-alert[data-v-e27c4c1e] {
191
191
  margin: 10px 0;
192
+ }
193
+ .el-alert + .el-form-item[data-v-e27c4c1e] {
194
+ margin-top: 10px;
195
+ }
196
+
197
+ .el-drawer__header {
198
+ margin-bottom: 0 !important;
199
+ }
200
+ /**
201
+ 解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
202
+ */
203
+ [data-v-c51cce99] .el-overlay {
204
+ position: static;
192
205
  }
193
206
 
194
207
  [data-v-808a13e1] .el-radio {
@@ -198,11 +211,11 @@
198
211
  margin-left: 10px;
199
212
  }
200
213
 
201
- .el-alert + .el-table[data-v-028fb838] {
202
- margin-top: 10px;
214
+ [data-v-65e38bfb] .el-radio {
215
+ margin: 0;
203
216
  }
204
- .el-table + .el-alert[data-v-028fb838] {
205
- margin: 10px 0;
217
+ .el-radio + .el-radio[data-v-65e38bfb] {
218
+ margin-left: 10px;
206
219
  }
207
220
 
208
221
  .editorTool[data-v-684c1f08] {
@@ -218,62 +231,23 @@
218
231
  align-items: center; /* 子元素在交叉轴(垂直方向)上居中对齐 */
219
232
  }
220
233
 
221
- .el-alert + .el-table[data-v-d978e7dc] {
222
- margin-top: 10px;
223
- }
224
- .el-table + .el-alert[data-v-d978e7dc] {
225
- margin: 10px 0;
226
- }
227
- .el-alert + .el-form-item[data-v-d978e7dc] {
228
- margin-top: 10px;
229
- }
230
-
231
- .el-alert + .el-table[data-v-82e0dfef] {
234
+ .el-tabs + .el-alert[data-v-08737620] {
232
235
  margin-top: 10px;
233
236
  }
234
- .el-alert + .el-form-item[data-v-82e0dfef] {
237
+ .el-alert + .el-form-item[data-v-08737620] {
235
238
  margin-top: 10px;
236
239
  }
237
240
 
238
- [data-v-65e38bfb] .el-radio {
239
- margin: 0;
240
- }
241
- .el-radio + .el-radio[data-v-65e38bfb] {
242
- margin-left: 10px;
243
- }
244
-
245
- .el-alert + .el-table[data-v-e27c4c1e] {
241
+ .el-alert + .el-table[data-v-d978e7dc] {
246
242
  margin-top: 10px;
247
243
  }
248
- .el-table + .el-alert[data-v-e27c4c1e] {
244
+ .el-table + .el-alert[data-v-d978e7dc] {
249
245
  margin: 10px 0;
250
246
  }
251
- .el-alert + .el-form-item[data-v-e27c4c1e] {
252
- margin-top: 10px;
253
- }
254
-
255
- .el-drawer__header {
256
- margin-bottom: 0 !important;
257
- }
258
- /**
259
- 解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
260
- */
261
- [data-v-c51cce99] .el-overlay {
262
- position: static;
263
- }
264
-
265
- .el-tabs + .el-alert[data-v-08737620] {
266
- margin-top: 10px;
267
- }
268
- .el-alert + .el-form-item[data-v-08737620] {
247
+ .el-alert + .el-form-item[data-v-d978e7dc] {
269
248
  margin-top: 10px;
270
249
  }
271
250
 
272
- .el-dialog__wrapper[data-v-d41cb0ad] {
273
- overflow: hidden !important;
274
- padding-right: 0 !important;
275
- }
276
-
277
251
  [data-v-286d914e] .el-table__row {
278
252
  cursor: pointer;
279
253
  }
@@ -309,6 +283,91 @@
309
283
  display: flex; /* 使用Flex布局 */
310
284
  align-items: center; /* 子元素在交叉轴(垂直方向)上居中对齐 */
311
285
  }
286
+
287
+ .el-alert + .el-table[data-v-028fb838] {
288
+ margin-top: 10px;
289
+ }
290
+ .el-table + .el-alert[data-v-028fb838] {
291
+ margin: 10px 0;
292
+ }
293
+
294
+ .el-alert + .el-form-item[data-v-32875028] {
295
+ margin-top: 10px;
296
+ }
297
+ .el-alert + .el-table[data-v-32875028] {
298
+ margin: 10px 0;
299
+ }
300
+
301
+ .el-dialog__wrapper[data-v-d41cb0ad] {
302
+ overflow: hidden !important;
303
+ padding-right: 0 !important;
304
+ }
305
+ .serviceflow-attr-base-content[data-v-8bad091d] {
306
+ background: #ffffff;
307
+ box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
308
+ height: 100%;
309
+ padding-left: 10px;
310
+ padding-right: 10px;
311
+ overflow: auto;
312
+ }
313
+ .serviceflow-attr-item[data-v-8bad091d] {
314
+ margin-bottom: 8px;
315
+ }
316
+ .serviceflow-attr-group-header > button[data-v-8bad091d] {
317
+ background: #f5f6f8;
318
+ padding-left: 10px;
319
+ font-size: 14px;
320
+ height: 42px;
321
+ }
322
+ .serviceflow-attr-content[data-v-8bad091d] {
323
+ background: #ffffff;
324
+ box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
325
+ height: 100%;
326
+ padding-left: 10px;
327
+ padding-right: 10px;
328
+ overflow: auto;
329
+ position: relative;
330
+ }
331
+ .serviceflow-attr-header-search[data-v-8bad091d] {
332
+ margin-top: 16px;
333
+ }
334
+ .serviceflow-attr-header-select[data-v-8bad091d] {
335
+ width: 90px;
336
+ height: 36px;
337
+ }
338
+ .serviceflow-page-param-row[data-v-8bad091d] {
339
+ height: 34px;
340
+ }
341
+ .el-table__cell > .cell[data-v-8bad091d] {
342
+ white-space: nowrap !important;
343
+ }
344
+ .serviceflow-item[data-v-8bad091d] {
345
+ background: rgba(88, 147, 239, 0.06);
346
+ border: 1px dashed rgba(88, 147, 239, 0.06);
347
+ border-radius: 4px 4px 4px 4px;
348
+ text-align: center;
349
+ margin-top: 12px;
350
+ padding: 10px 5px 10px 5px;
351
+ font-size: 12px;
352
+ cursor: move;
353
+ height: 60px;
354
+ overflow: hidden;
355
+ box-sizing: border-box;
356
+ color: #333333;
357
+ text-overflow: ellipsis;
358
+ white-space: nowrap;
359
+ -webkit-user-select: none; /* Safari */
360
+ -moz-user-select: none; /* Firefox */
361
+ -ms-user-select: none; /* Internet Explorer/Edge */
362
+ user-select: none; /* 标准语法 */
363
+ }
364
+ .serviceflow-item[data-v-8bad091d]:hover {
365
+ background: rgba(11, 45, 101, 0.105);
366
+ border: 1px dashed rgba(11, 45, 101, 0.227);
367
+ }
368
+ .amb-assembly-item-drag[data-v-8bad091d] {
369
+ opacity: 1 !important;
370
+ }
312
371
  .serviceflow-control-item[data-v-a2bd7452] {
313
372
  top: -5px;
314
373
  position: relative;
@@ -440,73 +499,120 @@
440
499
  outline: none;
441
500
  margin-left: 50px;
442
501
  }
443
- .serviceflow-attr-base-content[data-v-8bad091d] {
444
- background: #ffffff;
445
- box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
446
- height: 100%;
447
- padding-left: 10px;
448
- padding-right: 10px;
449
- overflow: auto;
502
+
503
+ .el-alert + .el-table[data-v-82e0dfef] {
504
+ margin-top: 10px;
450
505
  }
451
- .serviceflow-attr-item[data-v-8bad091d] {
452
- margin-bottom: 8px;
506
+ .el-alert + .el-form-item[data-v-82e0dfef] {
507
+ margin-top: 10px;
508
+ }
509
+ .serviceflow-nodeView[data-v-4d28d77b] {
510
+ box-sizing: border-box;
511
+ margin: 10px 10px;
512
+ width: 180px;
513
+ height: 95px;
514
+ box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
515
+ border-radius: 2px 2px 2px 2px;
516
+ padding: 20px 10px;
453
517
  }
454
- .serviceflow-attr-group-header > button[data-v-8bad091d] {
455
- background: #f5f6f8;
456
- padding-left: 10px;
518
+ .serviceflow-nodeTitle[data-v-4d28d77b] {
519
+ width: 90px;
520
+ height: 15px;
521
+ font-weight: 400;
522
+ font-size: 16px;
523
+ color: #333333;
524
+ line-height: 14px;
525
+ text-align: left;
526
+ font-style: normal;
527
+ text-transform: none;
528
+ padding: 0px 24px;
529
+ box-sizing: content-box;
530
+ white-space: nowrap; /* 确保文本在一行内显示 */
531
+ overflow: hidden; /* 隐藏超出div宽度的文本 */
532
+ text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
533
+ }
534
+ .serviceflow-nodeContent[data-v-4d28d77b] {
535
+ /* width: 100%; */
536
+ height: 15px;
537
+ font-weight: 400;
457
538
  font-size: 14px;
458
- height: 42px;
539
+ color: #666666;
540
+ line-height: 14px;
541
+ text-align: left;
542
+ font-style: normal;
543
+ text-transform: none;
544
+ padding: 0px 0px;
545
+ box-sizing: content-box;
546
+ white-space: nowrap; /* 确保文本在一行内显示 */
547
+ overflow: hidden; /* 隐藏超出div宽度的文本 */
548
+ text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
459
549
  }
460
- .serviceflow-attr-content[data-v-8bad091d] {
461
- background: #ffffff;
462
- box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
463
- height: 100%;
464
- padding-left: 10px;
465
- padding-right: 10px;
466
- overflow: auto;
467
- position: relative;
550
+ .serviceflow-nodeContent-desc[data-v-4d28d77b] {
468
551
  }
469
- .serviceflow-attr-header-search[data-v-8bad091d] {
470
- margin-top: 16px;
552
+ .el-divider--horizontal[data-v-4d28d77b] {
553
+ margin: 12px 0;
471
554
  }
472
- .serviceflow-attr-header-select[data-v-8bad091d] {
555
+ .serviceflow-nodeView[data-v-4d28d77b] {
556
+ border: 1px solid #5a90f9;
557
+ background: #eef3fe;
558
+ }
559
+ .serviceflow-nodeTitle[data-v-4d28d77b] {
560
+ width: 80px;
561
+ }
562
+ .serviceflow-nodeView[data-v-08d9d211] {
563
+ box-sizing: border-box;
564
+ margin: 10px 10px;
565
+ width: 180px;
566
+ height: 95px;
567
+ box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
568
+ border-radius: 2px 2px 2px 2px;
569
+ padding: 20px 10px;
570
+ }
571
+ .serviceflow-nodeTitle[data-v-08d9d211] {
473
572
  width: 90px;
474
- height: 36px;
573
+ height: 15px;
574
+ font-weight: 400;
575
+ font-size: 16px;
576
+ color: #333333;
577
+ line-height: 14px;
578
+ text-align: left;
579
+ font-style: normal;
580
+ text-transform: none;
581
+ padding: 0px 24px;
582
+ box-sizing: content-box;
583
+ white-space: nowrap; /* 确保文本在一行内显示 */
584
+ overflow: hidden; /* 隐藏超出div宽度的文本 */
585
+ text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
475
586
  }
476
- .serviceflow-page-param-row[data-v-8bad091d] {
477
- height: 34px;
587
+ .serviceflow-nodeContent[data-v-08d9d211] {
588
+ /* width: 100%; */
589
+ height: 15px;
590
+ font-weight: 400;
591
+ font-size: 14px;
592
+ color: #666666;
593
+ line-height: 14px;
594
+ text-align: left;
595
+ font-style: normal;
596
+ text-transform: none;
597
+ padding: 0px 0px;
598
+ box-sizing: content-box;
599
+ white-space: nowrap; /* 确保文本在一行内显示 */
600
+ overflow: hidden; /* 隐藏超出div宽度的文本 */
601
+ text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
478
602
  }
479
- .el-table__cell > .cell[data-v-8bad091d] {
480
- white-space: nowrap !important;
603
+ .serviceflow-nodeContent-desc[data-v-08d9d211] {
481
604
  }
482
- .serviceflow-item[data-v-8bad091d] {
483
- background: rgba(88, 147, 239, 0.06);
484
- border: 1px dashed rgba(88, 147, 239, 0.06);
485
- border-radius: 4px 4px 4px 4px;
486
- text-align: center;
487
- margin-top: 12px;
488
- padding: 10px 5px 10px 5px;
489
- font-size: 12px;
490
- cursor: move;
491
- height: 60px;
492
- overflow: hidden;
493
- box-sizing: border-box;
494
- color: #333333;
495
- text-overflow: ellipsis;
496
- white-space: nowrap;
497
- -webkit-user-select: none; /* Safari */
498
- -moz-user-select: none; /* Firefox */
499
- -ms-user-select: none; /* Internet Explorer/Edge */
500
- user-select: none; /* 标准语法 */
605
+ .el-divider--horizontal[data-v-08d9d211] {
606
+ margin: 12px 0;
501
607
  }
502
- .serviceflow-item[data-v-8bad091d]:hover {
503
- background: rgba(11, 45, 101, 0.105);
504
- border: 1px dashed rgba(11, 45, 101, 0.227);
608
+ .serviceflow-nodeView[data-v-08d9d211] {
609
+ border: 1px solid #5a90f9;
610
+ background: #eef3fe;
505
611
  }
506
- .amb-assembly-item-drag[data-v-8bad091d] {
507
- opacity: 1 !important;
612
+ .serviceflow-nodeTitle[data-v-08d9d211] {
613
+ width: 80px;
508
614
  }
509
- .serviceflow-nodeView[data-v-418f1558] {
615
+ .serviceflow-nodeView[data-v-1ce8de44] {
510
616
  box-sizing: border-box;
511
617
  margin: 10px 10px;
512
618
  width: 180px;
@@ -515,7 +621,7 @@
515
621
  border-radius: 2px 2px 2px 2px;
516
622
  padding: 20px 10px;
517
623
  }
518
- .serviceflow-nodeTitle[data-v-418f1558] {
624
+ .serviceflow-nodeTitle[data-v-1ce8de44] {
519
625
  width: 90px;
520
626
  height: 15px;
521
627
  font-weight: 400;
@@ -531,7 +637,7 @@
531
637
  overflow: hidden; /* 隐藏超出div宽度的文本 */
532
638
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
533
639
  }
534
- .serviceflow-nodeContent[data-v-418f1558] {
640
+ .serviceflow-nodeContent[data-v-1ce8de44] {
535
641
  /* width: 100%; */
536
642
  height: 15px;
537
643
  font-weight: 400;
@@ -547,18 +653,18 @@
547
653
  overflow: hidden; /* 隐藏超出div宽度的文本 */
548
654
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
549
655
  }
550
- .serviceflow-nodeContent-desc[data-v-418f1558] {
656
+ .serviceflow-nodeContent-desc[data-v-1ce8de44] {
551
657
  }
552
- .el-divider--horizontal[data-v-418f1558] {
658
+ .el-divider--horizontal[data-v-1ce8de44] {
553
659
  margin: 12px 0;
554
660
  }
555
- .serviceflow-nodeView[data-v-418f1558] {
661
+ .serviceflow-nodeView[data-v-1ce8de44] {
556
662
  border: 1px solid #5a90f9;
557
663
  background: #eef3fe;
558
664
  width: 180px;
559
665
  min-height: 95px;
560
666
  }
561
- .serviceflow-nodeContent[data-v-418f1558] {
667
+ .serviceflow-nodeContent[data-v-1ce8de44] {
562
668
  }
563
669
  .serviceflow-nodeView[data-v-9770119b] {
564
670
  box-sizing: border-box;
@@ -613,61 +719,49 @@
613
719
  .serviceflow-nodeTitle[data-v-9770119b] {
614
720
  width: 80px;
615
721
  }
616
- .serviceflow-nodeView[data-v-1ce8de44] {
617
- box-sizing: border-box;
618
- margin: 10px 10px;
619
- width: 180px;
620
- height: 95px;
722
+
723
+ .node-content[data-v-117d4091] {
724
+ width: 120px;
725
+ height: 44px;
726
+ background: #ffffff;
621
727
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
622
- border-radius: 2px 2px 2px 2px;
623
- padding: 20px 10px;
728
+ border-radius: 2px 2px 2px 2px;
624
729
  }
625
- .serviceflow-nodeTitle[data-v-1ce8de44] {
626
- width: 90px;
730
+ .content[data-v-117d4091] {
731
+ width: 28px;
627
732
  height: 15px;
628
733
  font-weight: 400;
629
- font-size: 16px;
734
+ font-size: 14px;
630
735
  color: #333333;
631
736
  line-height: 14px;
632
737
  text-align: left;
633
738
  font-style: normal;
634
739
  text-transform: none;
635
- padding: 0px 24px;
636
- box-sizing: content-box;
637
- white-space: nowrap; /* 确保文本在一行内显示 */
638
- overflow: hidden; /* 隐藏超出div宽度的文本 */
639
- text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
740
+ padding: 5px 0px 4px 10px;
741
+ box-sizing: content-box;
742
+ }
743
+
744
+ .node-content[data-v-669b618f] {
745
+ width: 120px;
746
+ height: 44px;
747
+ background: #ffffff;
748
+ box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
749
+ border-radius: 2px 2px 2px 2px;
640
750
  }
641
- .serviceflow-nodeContent[data-v-1ce8de44] {
642
- /* width: 100%; */
751
+ .content[data-v-669b618f] {
752
+ width: 28px;
643
753
  height: 15px;
644
754
  font-weight: 400;
645
755
  font-size: 14px;
646
- color: #666666;
756
+ color: #333333;
647
757
  line-height: 14px;
648
758
  text-align: left;
649
759
  font-style: normal;
650
760
  text-transform: none;
651
- padding: 0px 0px;
652
- box-sizing: content-box;
653
- white-space: nowrap; /* 确保文本在一行内显示 */
654
- overflow: hidden; /* 隐藏超出div宽度的文本 */
655
- text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
656
- }
657
- .serviceflow-nodeContent-desc[data-v-1ce8de44] {
658
- }
659
- .el-divider--horizontal[data-v-1ce8de44] {
660
- margin: 12px 0;
661
- }
662
- .serviceflow-nodeView[data-v-1ce8de44] {
663
- border: 1px solid #5a90f9;
664
- background: #eef3fe;
665
- width: 180px;
666
- min-height: 95px;
667
- }
668
- .serviceflow-nodeContent[data-v-1ce8de44] {
761
+ padding: 5px 0px 4px 10px;
762
+ box-sizing: content-box;
669
763
  }
670
- .serviceflow-nodeView[data-v-4d28d77b] {
764
+ .serviceflow-nodeView[data-v-96d149c1] {
671
765
  box-sizing: border-box;
672
766
  margin: 10px 10px;
673
767
  width: 180px;
@@ -676,7 +770,7 @@
676
770
  border-radius: 2px 2px 2px 2px;
677
771
  padding: 20px 10px;
678
772
  }
679
- .serviceflow-nodeTitle[data-v-4d28d77b] {
773
+ .serviceflow-nodeTitle[data-v-96d149c1] {
680
774
  width: 90px;
681
775
  height: 15px;
682
776
  font-weight: 400;
@@ -692,7 +786,7 @@
692
786
  overflow: hidden; /* 隐藏超出div宽度的文本 */
693
787
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
694
788
  }
695
- .serviceflow-nodeContent[data-v-4d28d77b] {
789
+ .serviceflow-nodeContent[data-v-96d149c1] {
696
790
  /* width: 100%; */
697
791
  height: 15px;
698
792
  font-weight: 400;
@@ -708,19 +802,19 @@
708
802
  overflow: hidden; /* 隐藏超出div宽度的文本 */
709
803
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
710
804
  }
711
- .serviceflow-nodeContent-desc[data-v-4d28d77b] {
805
+ .serviceflow-nodeContent-desc[data-v-96d149c1] {
712
806
  }
713
- .el-divider--horizontal[data-v-4d28d77b] {
807
+ .el-divider--horizontal[data-v-96d149c1] {
714
808
  margin: 12px 0;
715
809
  }
716
- .serviceflow-nodeView[data-v-4d28d77b] {
810
+ .serviceflow-nodeView[data-v-96d149c1] {
717
811
  border: 1px solid #5a90f9;
718
812
  background: #eef3fe;
719
813
  }
720
- .serviceflow-nodeTitle[data-v-4d28d77b] {
814
+ .serviceflow-nodeTitle[data-v-96d149c1] {
721
815
  width: 80px;
722
816
  }
723
- .serviceflow-nodeView[data-v-91a913ff] {
817
+ .serviceflow-nodeView[data-v-3c23a172] {
724
818
  box-sizing: border-box;
725
819
  margin: 10px 10px;
726
820
  width: 180px;
@@ -729,7 +823,7 @@
729
823
  border-radius: 2px 2px 2px 2px;
730
824
  padding: 20px 10px;
731
825
  }
732
- .serviceflow-nodeTitle[data-v-91a913ff] {
826
+ .serviceflow-nodeTitle[data-v-3c23a172] {
733
827
  width: 90px;
734
828
  height: 15px;
735
829
  font-weight: 400;
@@ -745,7 +839,7 @@
745
839
  overflow: hidden; /* 隐藏超出div宽度的文本 */
746
840
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
747
841
  }
748
- .serviceflow-nodeContent[data-v-91a913ff] {
842
+ .serviceflow-nodeContent[data-v-3c23a172] {
749
843
  /* width: 100%; */
750
844
  height: 15px;
751
845
  font-weight: 400;
@@ -761,17 +855,18 @@
761
855
  overflow: hidden; /* 隐藏超出div宽度的文本 */
762
856
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
763
857
  }
764
- .serviceflow-nodeContent-desc[data-v-91a913ff] {
858
+ .serviceflow-nodeContent-desc[data-v-3c23a172] {
765
859
  }
766
- .el-divider--horizontal[data-v-91a913ff] {
860
+ .el-divider--horizontal[data-v-3c23a172] {
767
861
  margin: 12px 0;
768
862
  }
769
- .serviceflow-nodeView[data-v-91a913ff] {
863
+ .serviceflow-nodeView[data-v-3c23a172] {
770
864
  border: 1px solid #5a90f9;
771
- background: #eef3fe;
865
+ background: #eef3fe;
866
+ width: 180px;
867
+ min-height: 95px;
772
868
  }
773
- .serviceflow-nodeTitle[data-v-91a913ff] {
774
- width: 80px;
869
+ .serviceflow-nodeContent[data-v-3c23a172] {
775
870
  }
776
871
  .serviceflow-nodeView[data-v-b04d3f8b] {
777
872
  box-sizing: border-box;
@@ -826,48 +921,7 @@
826
921
  .serviceflow-nodeTitle[data-v-b04d3f8b] {
827
922
  width: 80px;
828
923
  }
829
-
830
- .aaa[data-v-8bd72b80] {
831
- width: 300px;
832
- height: 200px;
833
- background: #ffffff;
834
- box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
835
- border-radius: 2px 2px 2px 2px;
836
- }
837
- .content[data-v-8bd72b80] {
838
- width: 28px;
839
- height: 15px;
840
- font-weight: 400;
841
- font-size: 14px;
842
- color: #333333;
843
- line-height: 14px;
844
- text-align: left;
845
- font-style: normal;
846
- text-transform: none;
847
- padding: 5px 0px 4px 10px;
848
- }
849
-
850
- .node-content[data-v-117d4091] {
851
- width: 120px;
852
- height: 44px;
853
- background: #ffffff;
854
- box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
855
- border-radius: 2px 2px 2px 2px;
856
- }
857
- .content[data-v-117d4091] {
858
- width: 28px;
859
- height: 15px;
860
- font-weight: 400;
861
- font-size: 14px;
862
- color: #333333;
863
- line-height: 14px;
864
- text-align: left;
865
- font-style: normal;
866
- text-transform: none;
867
- padding: 5px 0px 4px 10px;
868
- box-sizing: content-box;
869
- }
870
- .serviceflow-nodeView[data-v-42ce3f17] {
924
+ .serviceflow-nodeView[data-v-23f1c97b] {
871
925
  box-sizing: border-box;
872
926
  margin: 10px 10px;
873
927
  width: 180px;
@@ -876,7 +930,7 @@
876
930
  border-radius: 2px 2px 2px 2px;
877
931
  padding: 20px 10px;
878
932
  }
879
- .serviceflow-nodeTitle[data-v-42ce3f17] {
933
+ .serviceflow-nodeTitle[data-v-23f1c97b] {
880
934
  width: 90px;
881
935
  height: 15px;
882
936
  font-weight: 400;
@@ -892,7 +946,7 @@
892
946
  overflow: hidden; /* 隐藏超出div宽度的文本 */
893
947
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
894
948
  }
895
- .serviceflow-nodeContent[data-v-42ce3f17] {
949
+ .serviceflow-nodeContent[data-v-23f1c97b] {
896
950
  /* width: 100%; */
897
951
  height: 15px;
898
952
  font-weight: 400;
@@ -908,27 +962,27 @@
908
962
  overflow: hidden; /* 隐藏超出div宽度的文本 */
909
963
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
910
964
  }
911
- .serviceflow-nodeContent-desc[data-v-42ce3f17] {
965
+ .serviceflow-nodeContent-desc[data-v-23f1c97b] {
912
966
  }
913
- .el-divider--horizontal[data-v-42ce3f17] {
967
+ .el-divider--horizontal[data-v-23f1c97b] {
914
968
  margin: 12px 0;
915
969
  }
916
- .serviceflow-nodeView[data-v-42ce3f17] {
970
+ .serviceflow-nodeView[data-v-23f1c97b] {
917
971
  border: 1px solid #5a90f9;
918
972
  background: #eef3fe;
919
973
  }
920
- .serviceflow-nodeTitle[data-v-42ce3f17] {
974
+ .serviceflow-nodeTitle[data-v-23f1c97b] {
921
975
  width: 80px;
922
976
  }
923
977
 
924
- .node-content[data-v-669b618f] {
925
- width: 120px;
926
- height: 44px;
978
+ .aaa[data-v-8bd72b80] {
979
+ width: 300px;
980
+ height: 200px;
927
981
  background: #ffffff;
928
982
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
929
983
  border-radius: 2px 2px 2px 2px;
930
984
  }
931
- .content[data-v-669b618f] {
985
+ .content[data-v-8bd72b80] {
932
986
  width: 28px;
933
987
  height: 15px;
934
988
  font-weight: 400;
@@ -938,10 +992,9 @@
938
992
  text-align: left;
939
993
  font-style: normal;
940
994
  text-transform: none;
941
- padding: 5px 0px 4px 10px;
942
- box-sizing: content-box;
995
+ padding: 5px 0px 4px 10px;
943
996
  }
944
- .serviceflow-nodeView[data-v-96d149c1] {
997
+ .serviceflow-nodeView[data-v-91a913ff] {
945
998
  box-sizing: border-box;
946
999
  margin: 10px 10px;
947
1000
  width: 180px;
@@ -950,7 +1003,7 @@
950
1003
  border-radius: 2px 2px 2px 2px;
951
1004
  padding: 20px 10px;
952
1005
  }
953
- .serviceflow-nodeTitle[data-v-96d149c1] {
1006
+ .serviceflow-nodeTitle[data-v-91a913ff] {
954
1007
  width: 90px;
955
1008
  height: 15px;
956
1009
  font-weight: 400;
@@ -966,7 +1019,7 @@
966
1019
  overflow: hidden; /* 隐藏超出div宽度的文本 */
967
1020
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
968
1021
  }
969
- .serviceflow-nodeContent[data-v-96d149c1] {
1022
+ .serviceflow-nodeContent[data-v-91a913ff] {
970
1023
  /* width: 100%; */
971
1024
  height: 15px;
972
1025
  font-weight: 400;
@@ -982,19 +1035,19 @@
982
1035
  overflow: hidden; /* 隐藏超出div宽度的文本 */
983
1036
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
984
1037
  }
985
- .serviceflow-nodeContent-desc[data-v-96d149c1] {
1038
+ .serviceflow-nodeContent-desc[data-v-91a913ff] {
986
1039
  }
987
- .el-divider--horizontal[data-v-96d149c1] {
1040
+ .el-divider--horizontal[data-v-91a913ff] {
988
1041
  margin: 12px 0;
989
1042
  }
990
- .serviceflow-nodeView[data-v-96d149c1] {
1043
+ .serviceflow-nodeView[data-v-91a913ff] {
991
1044
  border: 1px solid #5a90f9;
992
1045
  background: #eef3fe;
993
1046
  }
994
- .serviceflow-nodeTitle[data-v-96d149c1] {
1047
+ .serviceflow-nodeTitle[data-v-91a913ff] {
995
1048
  width: 80px;
996
1049
  }
997
- .serviceflow-nodeView[data-v-6b34f36c] {
1050
+ .serviceflow-nodeView[data-v-418f1558] {
998
1051
  box-sizing: border-box;
999
1052
  margin: 10px 10px;
1000
1053
  width: 180px;
@@ -1003,7 +1056,7 @@
1003
1056
  border-radius: 2px 2px 2px 2px;
1004
1057
  padding: 20px 10px;
1005
1058
  }
1006
- .serviceflow-nodeTitle[data-v-6b34f36c] {
1059
+ .serviceflow-nodeTitle[data-v-418f1558] {
1007
1060
  width: 90px;
1008
1061
  height: 15px;
1009
1062
  font-weight: 400;
@@ -1019,7 +1072,7 @@
1019
1072
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1020
1073
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1021
1074
  }
1022
- .serviceflow-nodeContent[data-v-6b34f36c] {
1075
+ .serviceflow-nodeContent[data-v-418f1558] {
1023
1076
  /* width: 100%; */
1024
1077
  height: 15px;
1025
1078
  font-weight: 400;
@@ -1035,19 +1088,20 @@
1035
1088
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1036
1089
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1037
1090
  }
1038
- .serviceflow-nodeContent-desc[data-v-6b34f36c] {
1091
+ .serviceflow-nodeContent-desc[data-v-418f1558] {
1039
1092
  }
1040
- .el-divider--horizontal[data-v-6b34f36c] {
1093
+ .el-divider--horizontal[data-v-418f1558] {
1041
1094
  margin: 12px 0;
1042
1095
  }
1043
- .serviceflow-nodeView[data-v-6b34f36c] {
1096
+ .serviceflow-nodeView[data-v-418f1558] {
1044
1097
  border: 1px solid #5a90f9;
1045
- background: #eef3fe;
1098
+ background: #eef3fe;
1099
+ width: 180px;
1100
+ min-height: 95px;
1046
1101
  }
1047
- .serviceflow-nodeTitle[data-v-6b34f36c] {
1048
- width: 80px;
1102
+ .serviceflow-nodeContent[data-v-418f1558] {
1049
1103
  }
1050
- .serviceflow-nodeView[data-v-23f1c97b] {
1104
+ .serviceflow-nodeView[data-v-6b34f36c] {
1051
1105
  box-sizing: border-box;
1052
1106
  margin: 10px 10px;
1053
1107
  width: 180px;
@@ -1056,7 +1110,7 @@
1056
1110
  border-radius: 2px 2px 2px 2px;
1057
1111
  padding: 20px 10px;
1058
1112
  }
1059
- .serviceflow-nodeTitle[data-v-23f1c97b] {
1113
+ .serviceflow-nodeTitle[data-v-6b34f36c] {
1060
1114
  width: 90px;
1061
1115
  height: 15px;
1062
1116
  font-weight: 400;
@@ -1072,7 +1126,7 @@
1072
1126
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1073
1127
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1074
1128
  }
1075
- .serviceflow-nodeContent[data-v-23f1c97b] {
1129
+ .serviceflow-nodeContent[data-v-6b34f36c] {
1076
1130
  /* width: 100%; */
1077
1131
  height: 15px;
1078
1132
  font-weight: 400;
@@ -1088,72 +1142,18 @@
1088
1142
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1089
1143
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1090
1144
  }
1091
- .serviceflow-nodeContent-desc[data-v-23f1c97b] {
1145
+ .serviceflow-nodeContent-desc[data-v-6b34f36c] {
1092
1146
  }
1093
- .el-divider--horizontal[data-v-23f1c97b] {
1147
+ .el-divider--horizontal[data-v-6b34f36c] {
1094
1148
  margin: 12px 0;
1095
1149
  }
1096
- .serviceflow-nodeView[data-v-23f1c97b] {
1150
+ .serviceflow-nodeView[data-v-6b34f36c] {
1097
1151
  border: 1px solid #5a90f9;
1098
1152
  background: #eef3fe;
1099
1153
  }
1100
- .serviceflow-nodeTitle[data-v-23f1c97b] {
1154
+ .serviceflow-nodeTitle[data-v-6b34f36c] {
1101
1155
  width: 80px;
1102
1156
  }
1103
- .serviceflow-nodeView[data-v-3c23a172] {
1104
- box-sizing: border-box;
1105
- margin: 10px 10px;
1106
- width: 180px;
1107
- height: 95px;
1108
- box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
1109
- border-radius: 2px 2px 2px 2px;
1110
- padding: 20px 10px;
1111
- }
1112
- .serviceflow-nodeTitle[data-v-3c23a172] {
1113
- width: 90px;
1114
- height: 15px;
1115
- font-weight: 400;
1116
- font-size: 16px;
1117
- color: #333333;
1118
- line-height: 14px;
1119
- text-align: left;
1120
- font-style: normal;
1121
- text-transform: none;
1122
- padding: 0px 24px;
1123
- box-sizing: content-box;
1124
- white-space: nowrap; /* 确保文本在一行内显示 */
1125
- overflow: hidden; /* 隐藏超出div宽度的文本 */
1126
- text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1127
- }
1128
- .serviceflow-nodeContent[data-v-3c23a172] {
1129
- /* width: 100%; */
1130
- height: 15px;
1131
- font-weight: 400;
1132
- font-size: 14px;
1133
- color: #666666;
1134
- line-height: 14px;
1135
- text-align: left;
1136
- font-style: normal;
1137
- text-transform: none;
1138
- padding: 0px 0px;
1139
- box-sizing: content-box;
1140
- white-space: nowrap; /* 确保文本在一行内显示 */
1141
- overflow: hidden; /* 隐藏超出div宽度的文本 */
1142
- text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1143
- }
1144
- .serviceflow-nodeContent-desc[data-v-3c23a172] {
1145
- }
1146
- .el-divider--horizontal[data-v-3c23a172] {
1147
- margin: 12px 0;
1148
- }
1149
- .serviceflow-nodeView[data-v-3c23a172] {
1150
- border: 1px solid #5a90f9;
1151
- background: #eef3fe;
1152
- width: 180px;
1153
- min-height: 95px;
1154
- }
1155
- .serviceflow-nodeContent[data-v-3c23a172] {
1156
- }
1157
1157
  .serviceflow-nodeView[data-v-1519c141] {
1158
1158
  box-sizing: border-box;
1159
1159
  margin: 10px 10px;
@@ -1207,7 +1207,7 @@
1207
1207
  .serviceflow-nodeTitle[data-v-1519c141] {
1208
1208
  width: 80px;
1209
1209
  }
1210
- .serviceflow-nodeView[data-v-08d9d211] {
1210
+ .serviceflow-nodeView[data-v-42ce3f17] {
1211
1211
  box-sizing: border-box;
1212
1212
  margin: 10px 10px;
1213
1213
  width: 180px;
@@ -1216,7 +1216,7 @@
1216
1216
  border-radius: 2px 2px 2px 2px;
1217
1217
  padding: 20px 10px;
1218
1218
  }
1219
- .serviceflow-nodeTitle[data-v-08d9d211] {
1219
+ .serviceflow-nodeTitle[data-v-42ce3f17] {
1220
1220
  width: 90px;
1221
1221
  height: 15px;
1222
1222
  font-weight: 400;
@@ -1232,7 +1232,7 @@
1232
1232
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1233
1233
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1234
1234
  }
1235
- .serviceflow-nodeContent[data-v-08d9d211] {
1235
+ .serviceflow-nodeContent[data-v-42ce3f17] {
1236
1236
  /* width: 100%; */
1237
1237
  height: 15px;
1238
1238
  font-weight: 400;
@@ -1248,16 +1248,16 @@
1248
1248
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1249
1249
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1250
1250
  }
1251
- .serviceflow-nodeContent-desc[data-v-08d9d211] {
1251
+ .serviceflow-nodeContent-desc[data-v-42ce3f17] {
1252
1252
  }
1253
- .el-divider--horizontal[data-v-08d9d211] {
1253
+ .el-divider--horizontal[data-v-42ce3f17] {
1254
1254
  margin: 12px 0;
1255
1255
  }
1256
- .serviceflow-nodeView[data-v-08d9d211] {
1256
+ .serviceflow-nodeView[data-v-42ce3f17] {
1257
1257
  border: 1px solid #5a90f9;
1258
1258
  background: #eef3fe;
1259
1259
  }
1260
- .serviceflow-nodeTitle[data-v-08d9d211] {
1260
+ .serviceflow-nodeTitle[data-v-42ce3f17] {
1261
1261
  width: 80px;
1262
1262
  }
1263
1263
 
@@ -1275,6 +1275,13 @@
1275
1275
  margin-right: 10px;
1276
1276
  }
1277
1277
 
1278
+ .el-radio[data-v-1ee0eb33] {
1279
+ margin-right: 10px;
1280
+ }
1281
+ [data-v-1ee0eb33] .el-empty__description {
1282
+ margin-top: 0px;
1283
+ }
1284
+
1278
1285
  .el-select + .el-input[data-v-7fcf8a84] {
1279
1286
  margin-left: 10px;
1280
1287
  }
@@ -1285,13 +1292,6 @@
1285
1292
  margin-left: 10px;
1286
1293
  }
1287
1294
 
1288
- .el-radio[data-v-1ee0eb33] {
1289
- margin-right: 10px;
1290
- }
1291
- [data-v-1ee0eb33] .el-empty__description {
1292
- margin-top: 0px;
1293
- }
1294
-
1295
1295
  [data-v-9cc733d7] .el-cascader-menu {
1296
1296
  min-width: 120px !important;
1297
1297
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "service-flow-designer",
3
- "version": "2.1.20",
3
+ "version": "2.1.24",
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.62",
64
+ "agilebuilder-ui": "1.0.64",
65
65
  "codemirror": "^6.0.1",
66
66
  "nprogress": "^0.2.0",
67
67
  "quill": "^2.0.2",