service-flow-designer 2.0.2 → 2.0.7

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 +277 -277
  2. package/package.json +10 -8
package/dist/es/style.css CHANGED
@@ -166,6 +166,10 @@
166
166
  border-color: transparent transparent var(--el-skeleton-color) transparent;
167
167
  }
168
168
 
169
+ .el-alert + .el-form-item[data-v-a158f309] {
170
+ margin-top: 10px;
171
+ }
172
+
169
173
  .editorTool[data-v-d55ab098] {
170
174
  margin-left: auto;
171
175
  }
@@ -179,40 +183,101 @@
179
183
  align-items: center; /* 子元素在交叉轴(垂直方向)上居中对齐 */
180
184
  }
181
185
 
182
- .el-alert + .el-form-item[data-v-a158f309] {
186
+ .el-alert + .el-table[data-v-e27c4c1e] {
183
187
  margin-top: 10px;
184
- }
185
-
186
- [data-v-65e38bfb] .el-radio {
187
- margin: 0;
188
188
  }
189
- .el-radio + .el-radio[data-v-65e38bfb] {
190
- margin-left: 10px;
189
+ .el-table + .el-alert[data-v-e27c4c1e] {
190
+ margin: 10px 0;
191
+ }
192
+ .el-alert + .el-form-item[data-v-e27c4c1e] {
193
+ margin-top: 10px;
191
194
  }
192
-
193
- .editorTool[data-v-684c1f08] {
194
- margin-left: auto;
195
+ .amb-design-attr-base-content[data-v-ce167986] {
196
+ background: #ffffff;
197
+ box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
198
+ height: 100%;
199
+ padding-left: 10px;
200
+ padding-right: 10px;
201
+ overflow: auto;
195
202
  }
196
- .editorOption[data-v-684c1f08] {
197
- margin-right: 10px;
198
- cursor: pointer;
203
+ .amb-design-attr-item[data-v-ce167986] {
204
+ margin-bottom: 8px;
199
205
  }
200
- .pppp[data-v-684c1f08] {
201
- display: flex; /* 使用Flex布局 */
202
- justify-content: flex-start;
203
- align-items: center; /* 子元素在交叉轴(垂直方向)上居中对齐 */
206
+ .amb-design-attr-group-header > button[data-v-ce167986] {
207
+ background: #f5f6f8;
208
+ padding-left: 10px;
209
+ font-size: 14px;
210
+ height: 42px;
211
+ }
212
+ .amb-design-attr-content[data-v-ce167986] {
213
+ background: #ffffff;
214
+ box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
215
+ height: 100%;
216
+ padding-left: 10px;
217
+ padding-right: 10px;
218
+ overflow: auto;
219
+ position: relative;
220
+ }
221
+ .amb-design-attr-header-search[data-v-ce167986] {
222
+ margin-top: 16px;
223
+ }
224
+ .amb-design-attr-header-select[data-v-ce167986] {
225
+ width: 90px;
226
+ height: 36px;
227
+ }
228
+ .amb-design-page-param-row[data-v-ce167986] {
229
+ height: 34px;
230
+ }
231
+ .el-table__cell > .cell[data-v-ce167986] {
232
+ white-space: nowrap !important;
233
+ }
234
+ .serviceflow-item[data-v-ce167986] {
235
+ background: rgba(88, 147, 239, 0.06);
236
+ border: 1px dashed rgba(88, 147, 239, 0.06);
237
+ border-radius: 4px 4px 4px 4px;
238
+ text-align: center;
239
+ margin-top: 12px;
240
+ padding: 10px 5px 10px 5px;
241
+ font-size: 12px;
242
+ cursor: move;
243
+ height: 60px;
244
+ overflow: hidden;
245
+ box-sizing: border-box;
246
+ color: #333333;
247
+ text-overflow: ellipsis;
248
+ white-space: nowrap;
249
+ -webkit-user-select: none; /* Safari */
250
+ -moz-user-select: none; /* Firefox */
251
+ -ms-user-select: none; /* Internet Explorer/Edge */
252
+ user-select: none; /* 标准语法 */
253
+ }
254
+ .serviceflow-item[data-v-ce167986]:hover {
255
+ background: rgba(11, 45, 101, 0.105);
256
+ border: 1px dashed rgba(11, 45, 101, 0.227);
257
+ }
258
+ .amb-assembly-item-drag[data-v-ce167986] {
259
+ opacity: 1 !important;
204
260
  }
205
261
 
206
- .el-alert + .el-table[data-v-e27c4c1e] {
262
+ .el-alert + .el-form-item[data-v-32875028] {
207
263
  margin-top: 10px;
208
264
  }
209
- .el-table + .el-alert[data-v-e27c4c1e] {
265
+ .el-alert + .el-table[data-v-32875028] {
210
266
  margin: 10px 0;
267
+ }
268
+
269
+ .el-tabs + .el-alert[data-v-08737620] {
270
+ margin-top: 10px;
211
271
  }
212
- .el-alert + .el-form-item[data-v-e27c4c1e] {
272
+ .el-alert + .el-form-item[data-v-08737620] {
213
273
  margin-top: 10px;
214
274
  }
215
275
 
276
+ .el-dialog__wrapper[data-v-24162035] {
277
+ overflow: hidden !important;
278
+ padding-right: 0 !important;
279
+ }
280
+
216
281
  .el-drawer__header {
217
282
  margin-bottom: 0 !important;
218
283
  }
@@ -222,6 +287,49 @@
222
287
  [data-v-c51cce99] .el-overlay {
223
288
  position: static;
224
289
  }
290
+
291
+ .el-alert + .el-table[data-v-028fb838] {
292
+ margin-top: 10px;
293
+ }
294
+ .el-table + .el-alert[data-v-028fb838] {
295
+ margin: 10px 0;
296
+ }
297
+
298
+ [data-v-a5cc897b] .el-table__row {
299
+ cursor: pointer;
300
+ }
301
+ /** 右键菜单样式 */
302
+ .context-menu[data-v-a5cc897b] {
303
+ position: absolute;
304
+ background: #fff;
305
+ z-index: 999;
306
+ margin: 5;
307
+ padding: 8px 8px;
308
+ box-shadow: 0 5px 7px 1px rgba(0, 0, 0, 0.1);
309
+ border: 1px solid #bbbbbb;
310
+ border-radius: 10px;
311
+ font-size: 14px;
312
+ }
313
+ .context-menu li[data-v-a5cc897b] {
314
+ list-style-type: none;
315
+ min-width: 75px;
316
+ line-height: 28px;
317
+ text-align: left;
318
+ border-radius: 5px;
319
+ padding-left: 5px;
320
+ cursor: pointer;
321
+ }
322
+ .context-menu li[data-v-a5cc897b]:hover {
323
+ background: #0165e1;
324
+ color: #fff;
325
+ }
326
+ /** 右键菜单样式 */
327
+ .custom-tree-node[data-v-a5cc897b] {
328
+ font-size: 14px;
329
+ padding-right: 8px;
330
+ display: flex; /* 使用Flex布局 */
331
+ align-items: center; /* 子元素在交叉轴(垂直方向)上居中对齐 */
332
+ }
225
333
  .control-item[data-v-fdc6ec07] {
226
334
  top: -5px;
227
335
  position: relative;
@@ -353,39 +461,16 @@
353
461
  margin-left: 50px;
354
462
  }
355
463
 
356
- [data-v-a5cc897b] .el-table__row {
357
- cursor: pointer;
358
- }
359
- /** 右键菜单样式 */
360
- .context-menu[data-v-a5cc897b] {
361
- position: absolute;
362
- background: #fff;
363
- z-index: 999;
364
- margin: 5;
365
- padding: 8px 8px;
366
- box-shadow: 0 5px 7px 1px rgba(0, 0, 0, 0.1);
367
- border: 1px solid #bbbbbb;
368
- border-radius: 10px;
369
- font-size: 14px;
464
+ .editorTool[data-v-684c1f08] {
465
+ margin-left: auto;
370
466
  }
371
- .context-menu li[data-v-a5cc897b] {
372
- list-style-type: none;
373
- min-width: 75px;
374
- line-height: 28px;
375
- text-align: left;
376
- border-radius: 5px;
377
- padding-left: 5px;
467
+ .editorOption[data-v-684c1f08] {
468
+ margin-right: 10px;
378
469
  cursor: pointer;
379
470
  }
380
- .context-menu li[data-v-a5cc897b]:hover {
381
- background: #0165e1;
382
- color: #fff;
383
- }
384
- /** 右键菜单样式 */
385
- .custom-tree-node[data-v-a5cc897b] {
386
- font-size: 14px;
387
- padding-right: 8px;
471
+ .pppp[data-v-684c1f08] {
388
472
  display: flex; /* 使用Flex布局 */
473
+ justify-content: flex-start;
389
474
  align-items: center; /* 子元素在交叉轴(垂直方向)上居中对齐 */
390
475
  }
391
476
 
@@ -395,71 +480,19 @@
395
480
  .el-alert + .el-form-item[data-v-82e0dfef] {
396
481
  margin-top: 10px;
397
482
  }
398
- .amb-design-attr-base-content[data-v-ce167986] {
399
- background: #ffffff;
400
- box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
401
- height: 100%;
402
- padding-left: 10px;
403
- padding-right: 10px;
404
- overflow: auto;
405
- }
406
- .amb-design-attr-item[data-v-ce167986] {
407
- margin-bottom: 8px;
408
- }
409
- .amb-design-attr-group-header > button[data-v-ce167986] {
410
- background: #f5f6f8;
411
- padding-left: 10px;
412
- font-size: 14px;
413
- height: 42px;
414
- }
415
- .amb-design-attr-content[data-v-ce167986] {
416
- background: #ffffff;
417
- box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
418
- height: 100%;
419
- padding-left: 10px;
420
- padding-right: 10px;
421
- overflow: auto;
422
- position: relative;
423
- }
424
- .amb-design-attr-header-search[data-v-ce167986] {
425
- margin-top: 16px;
426
- }
427
- .amb-design-attr-header-select[data-v-ce167986] {
428
- width: 90px;
429
- height: 36px;
430
- }
431
- .amb-design-page-param-row[data-v-ce167986] {
432
- height: 34px;
433
- }
434
- .el-table__cell > .cell[data-v-ce167986] {
435
- white-space: nowrap !important;
436
- }
437
- .serviceflow-item[data-v-ce167986] {
438
- background: rgba(88, 147, 239, 0.06);
439
- border: 1px dashed rgba(88, 147, 239, 0.06);
440
- border-radius: 4px 4px 4px 4px;
441
- text-align: center;
442
- margin-top: 12px;
443
- padding: 10px 5px 10px 5px;
444
- font-size: 12px;
445
- cursor: move;
446
- height: 60px;
447
- overflow: hidden;
448
- box-sizing: border-box;
449
- color: #333333;
450
- text-overflow: ellipsis;
451
- white-space: nowrap;
452
- -webkit-user-select: none; /* Safari */
453
- -moz-user-select: none; /* Firefox */
454
- -ms-user-select: none; /* Internet Explorer/Edge */
455
- user-select: none; /* 标准语法 */
483
+
484
+ [data-v-808a13e1] .el-radio {
485
+ margin: 0;
456
486
  }
457
- .serviceflow-item[data-v-ce167986]:hover {
458
- background: rgba(11, 45, 101, 0.105);
459
- border: 1px dashed rgba(11, 45, 101, 0.227);
487
+ .el-radio + .el-radio[data-v-808a13e1] {
488
+ margin-left: 10px;
489
+ }
490
+
491
+ [data-v-65e38bfb] .el-radio {
492
+ margin: 0;
460
493
  }
461
- .amb-assembly-item-drag[data-v-ce167986] {
462
- opacity: 1 !important;
494
+ .el-radio + .el-radio[data-v-65e38bfb] {
495
+ margin-left: 10px;
463
496
  }
464
497
 
465
498
  .el-alert + .el-table[data-v-d978e7dc] {
@@ -471,40 +504,7 @@
471
504
  .el-alert + .el-form-item[data-v-d978e7dc] {
472
505
  margin-top: 10px;
473
506
  }
474
-
475
- .el-alert + .el-table[data-v-028fb838] {
476
- margin-top: 10px;
477
- }
478
- .el-table + .el-alert[data-v-028fb838] {
479
- margin: 10px 0;
480
- }
481
-
482
- .el-tabs + .el-alert[data-v-08737620] {
483
- margin-top: 10px;
484
- }
485
- .el-alert + .el-form-item[data-v-08737620] {
486
- margin-top: 10px;
487
- }
488
-
489
- .el-alert + .el-form-item[data-v-32875028] {
490
- margin-top: 10px;
491
- }
492
- .el-alert + .el-table[data-v-32875028] {
493
- margin: 10px 0;
494
- }
495
-
496
- .el-dialog__wrapper[data-v-24162035] {
497
- overflow: hidden !important;
498
- padding-right: 0 !important;
499
- }
500
-
501
- [data-v-808a13e1] .el-radio {
502
- margin: 0;
503
- }
504
- .el-radio + .el-radio[data-v-808a13e1] {
505
- margin-left: 10px;
506
- }
507
- .nodeView[data-v-5911272d] {
507
+ .nodeView[data-v-c176feb6] {
508
508
  box-sizing: border-box;
509
509
  margin: 10px 10px;
510
510
  width: 180px;
@@ -513,7 +513,7 @@
513
513
  border-radius: 2px 2px 2px 2px;
514
514
  padding: 20px 10px;
515
515
  }
516
- .nodeTitle[data-v-5911272d] {
516
+ .nodeTitle[data-v-c176feb6] {
517
517
  width: 90px;
518
518
  height: 15px;
519
519
  font-weight: 400;
@@ -528,7 +528,7 @@
528
528
  overflow: hidden; /* 隐藏超出div宽度的文本 */
529
529
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
530
530
  }
531
- .nodeContent[data-v-5911272d] {
531
+ .nodeContent[data-v-c176feb6] {
532
532
  /* width: 100%; */
533
533
  height: 15px;
534
534
  font-weight: 400;
@@ -543,19 +543,20 @@
543
543
  overflow: hidden; /* 隐藏超出div宽度的文本 */
544
544
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
545
545
  }
546
- .nodeContent-desc[data-v-5911272d]{
546
+ .nodeContent-desc[data-v-c176feb6]{
547
547
  }
548
- .el-divider--horizontal[data-v-5911272d] {
548
+ .el-divider--horizontal[data-v-c176feb6] {
549
549
  margin: 12px 0;
550
550
  }
551
- .nodeView[data-v-5911272d] {
551
+ .nodeView[data-v-c176feb6] {
552
552
  border: 1px solid #5a90f9;
553
- background: #eef3fe;
553
+ background: #eef3fe;
554
+ width: 180px;
555
+ min-height: 95px;
554
556
  }
555
- .nodeTitle[data-v-5911272d] {
556
- width: 80px;
557
+ .nodeContent[data-v-c176feb6] {
557
558
  }
558
- .nodeView[data-v-4c6dfa4a] {
559
+ .nodeView[data-v-df366d04] {
559
560
  box-sizing: border-box;
560
561
  margin: 10px 10px;
561
562
  width: 180px;
@@ -564,7 +565,7 @@
564
565
  border-radius: 2px 2px 2px 2px;
565
566
  padding: 20px 10px;
566
567
  }
567
- .nodeTitle[data-v-4c6dfa4a] {
568
+ .nodeTitle[data-v-df366d04] {
568
569
  width: 90px;
569
570
  height: 15px;
570
571
  font-weight: 400;
@@ -579,7 +580,7 @@
579
580
  overflow: hidden; /* 隐藏超出div宽度的文本 */
580
581
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
581
582
  }
582
- .nodeContent[data-v-4c6dfa4a] {
583
+ .nodeContent[data-v-df366d04] {
583
584
  /* width: 100%; */
584
585
  height: 15px;
585
586
  font-weight: 400;
@@ -594,28 +595,27 @@
594
595
  overflow: hidden; /* 隐藏超出div宽度的文本 */
595
596
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
596
597
  }
597
- .nodeContent-desc[data-v-4c6dfa4a]{
598
+ .nodeContent-desc[data-v-df366d04]{
598
599
  }
599
- .el-divider--horizontal[data-v-4c6dfa4a] {
600
+ .el-divider--horizontal[data-v-df366d04] {
600
601
  margin: 12px 0;
601
602
  }
602
- .nodeView[data-v-4c6dfa4a] {
603
+ .nodeView[data-v-df366d04] {
603
604
  border: 1px solid #5a90f9;
604
- background: #eef3fe;
605
- width: 180px;
606
- min-height: 95px;
605
+ background: #eef3fe;
607
606
  }
608
- .nodeContent[data-v-4c6dfa4a] {
607
+ .nodeTitle[data-v-df366d04] {
608
+ width: 80px;
609
609
  }
610
610
 
611
- .node-content[data-v-b28923f3] {
611
+ .node-content[data-v-69a854a3] {
612
612
  width: 120px;
613
613
  height: 44px;
614
614
  background: #ffffff;
615
615
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
616
616
  border-radius: 2px 2px 2px 2px;
617
617
  }
618
- .content[data-v-b28923f3] {
618
+ .content[data-v-69a854a3] {
619
619
  width: 28px;
620
620
  height: 15px;
621
621
  font-weight: 400;
@@ -678,7 +678,7 @@
678
678
  .nodeTitle[data-v-221a60f8] {
679
679
  width: 80px;
680
680
  }
681
- .nodeView[data-v-df366d04] {
681
+ .nodeView[data-v-b1d2a966] {
682
682
  box-sizing: border-box;
683
683
  margin: 10px 10px;
684
684
  width: 180px;
@@ -687,7 +687,7 @@
687
687
  border-radius: 2px 2px 2px 2px;
688
688
  padding: 20px 10px;
689
689
  }
690
- .nodeTitle[data-v-df366d04] {
690
+ .nodeTitle[data-v-b1d2a966] {
691
691
  width: 90px;
692
692
  height: 15px;
693
693
  font-weight: 400;
@@ -702,7 +702,7 @@
702
702
  overflow: hidden; /* 隐藏超出div宽度的文本 */
703
703
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
704
704
  }
705
- .nodeContent[data-v-df366d04] {
705
+ .nodeContent[data-v-b1d2a966] {
706
706
  /* width: 100%; */
707
707
  height: 15px;
708
708
  font-weight: 400;
@@ -717,19 +717,19 @@
717
717
  overflow: hidden; /* 隐藏超出div宽度的文本 */
718
718
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
719
719
  }
720
- .nodeContent-desc[data-v-df366d04]{
720
+ .nodeContent-desc[data-v-b1d2a966]{
721
721
  }
722
- .el-divider--horizontal[data-v-df366d04] {
722
+ .el-divider--horizontal[data-v-b1d2a966] {
723
723
  margin: 12px 0;
724
724
  }
725
- .nodeView[data-v-df366d04] {
725
+ .nodeView[data-v-b1d2a966] {
726
726
  border: 1px solid #5a90f9;
727
727
  background: #eef3fe;
728
728
  }
729
- .nodeTitle[data-v-df366d04] {
729
+ .nodeTitle[data-v-b1d2a966] {
730
730
  width: 80px;
731
731
  }
732
- .nodeView[data-v-b1d2a966] {
732
+ .nodeView[data-v-6d0cd280] {
733
733
  box-sizing: border-box;
734
734
  margin: 10px 10px;
735
735
  width: 180px;
@@ -738,7 +738,7 @@
738
738
  border-radius: 2px 2px 2px 2px;
739
739
  padding: 20px 10px;
740
740
  }
741
- .nodeTitle[data-v-b1d2a966] {
741
+ .nodeTitle[data-v-6d0cd280] {
742
742
  width: 90px;
743
743
  height: 15px;
744
744
  font-weight: 400;
@@ -753,7 +753,7 @@
753
753
  overflow: hidden; /* 隐藏超出div宽度的文本 */
754
754
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
755
755
  }
756
- .nodeContent[data-v-b1d2a966] {
756
+ .nodeContent[data-v-6d0cd280] {
757
757
  /* width: 100%; */
758
758
  height: 15px;
759
759
  font-weight: 400;
@@ -768,19 +768,19 @@
768
768
  overflow: hidden; /* 隐藏超出div宽度的文本 */
769
769
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
770
770
  }
771
- .nodeContent-desc[data-v-b1d2a966]{
771
+ .nodeContent-desc[data-v-6d0cd280]{
772
772
  }
773
- .el-divider--horizontal[data-v-b1d2a966] {
773
+ .el-divider--horizontal[data-v-6d0cd280] {
774
774
  margin: 12px 0;
775
775
  }
776
- .nodeView[data-v-b1d2a966] {
776
+ .nodeView[data-v-6d0cd280] {
777
777
  border: 1px solid #5a90f9;
778
778
  background: #eef3fe;
779
779
  }
780
- .nodeTitle[data-v-b1d2a966] {
780
+ .nodeTitle[data-v-6d0cd280] {
781
781
  width: 80px;
782
782
  }
783
- .nodeView[data-v-7702fcdb] {
783
+ .nodeView[data-v-b604c489] {
784
784
  box-sizing: border-box;
785
785
  margin: 10px 10px;
786
786
  width: 180px;
@@ -789,7 +789,7 @@
789
789
  border-radius: 2px 2px 2px 2px;
790
790
  padding: 20px 10px;
791
791
  }
792
- .nodeTitle[data-v-7702fcdb] {
792
+ .nodeTitle[data-v-b604c489] {
793
793
  width: 90px;
794
794
  height: 15px;
795
795
  font-weight: 400;
@@ -804,7 +804,7 @@
804
804
  overflow: hidden; /* 隐藏超出div宽度的文本 */
805
805
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
806
806
  }
807
- .nodeContent[data-v-7702fcdb] {
807
+ .nodeContent[data-v-b604c489] {
808
808
  /* width: 100%; */
809
809
  height: 15px;
810
810
  font-weight: 400;
@@ -819,19 +819,19 @@
819
819
  overflow: hidden; /* 隐藏超出div宽度的文本 */
820
820
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
821
821
  }
822
- .nodeContent-desc[data-v-7702fcdb]{
822
+ .nodeContent-desc[data-v-b604c489]{
823
823
  }
824
- .el-divider--horizontal[data-v-7702fcdb] {
824
+ .el-divider--horizontal[data-v-b604c489] {
825
825
  margin: 12px 0;
826
826
  }
827
- .nodeView[data-v-7702fcdb] {
827
+ .nodeView[data-v-b604c489] {
828
828
  border: 1px solid #5a90f9;
829
829
  background: #eef3fe;
830
830
  }
831
- .nodeTitle[data-v-7702fcdb] {
831
+ .nodeTitle[data-v-b604c489] {
832
832
  width: 80px;
833
833
  }
834
- .nodeView[data-v-b604c489] {
834
+ .nodeView[data-v-7702fcdb] {
835
835
  box-sizing: border-box;
836
836
  margin: 10px 10px;
837
837
  width: 180px;
@@ -840,7 +840,7 @@
840
840
  border-radius: 2px 2px 2px 2px;
841
841
  padding: 20px 10px;
842
842
  }
843
- .nodeTitle[data-v-b604c489] {
843
+ .nodeTitle[data-v-7702fcdb] {
844
844
  width: 90px;
845
845
  height: 15px;
846
846
  font-weight: 400;
@@ -855,7 +855,7 @@
855
855
  overflow: hidden; /* 隐藏超出div宽度的文本 */
856
856
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
857
857
  }
858
- .nodeContent[data-v-b604c489] {
858
+ .nodeContent[data-v-7702fcdb] {
859
859
  /* width: 100%; */
860
860
  height: 15px;
861
861
  font-weight: 400;
@@ -870,39 +870,19 @@
870
870
  overflow: hidden; /* 隐藏超出div宽度的文本 */
871
871
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
872
872
  }
873
- .nodeContent-desc[data-v-b604c489]{
873
+ .nodeContent-desc[data-v-7702fcdb]{
874
874
  }
875
- .el-divider--horizontal[data-v-b604c489] {
875
+ .el-divider--horizontal[data-v-7702fcdb] {
876
876
  margin: 12px 0;
877
877
  }
878
- .nodeView[data-v-b604c489] {
878
+ .nodeView[data-v-7702fcdb] {
879
879
  border: 1px solid #5a90f9;
880
880
  background: #eef3fe;
881
881
  }
882
- .nodeTitle[data-v-b604c489] {
882
+ .nodeTitle[data-v-7702fcdb] {
883
883
  width: 80px;
884
884
  }
885
-
886
- .aaa[data-v-8bd72b80] {
887
- width: 300px;
888
- height: 200px;
889
- background: #ffffff;
890
- box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
891
- border-radius: 2px 2px 2px 2px;
892
- }
893
- .content[data-v-8bd72b80] {
894
- width: 28px;
895
- height: 15px;
896
- font-weight: 400;
897
- font-size: 14px;
898
- color: #333333;
899
- line-height: 14px;
900
- text-align: left;
901
- font-style: normal;
902
- text-transform: none;
903
- padding: 5px 0px 4px 10px;
904
- }
905
- .nodeView[data-v-b01d3a50] {
885
+ .nodeView[data-v-bd32480c] {
906
886
  box-sizing: border-box;
907
887
  margin: 10px 10px;
908
888
  width: 180px;
@@ -911,7 +891,7 @@
911
891
  border-radius: 2px 2px 2px 2px;
912
892
  padding: 20px 10px;
913
893
  }
914
- .nodeTitle[data-v-b01d3a50] {
894
+ .nodeTitle[data-v-bd32480c] {
915
895
  width: 90px;
916
896
  height: 15px;
917
897
  font-weight: 400;
@@ -926,7 +906,7 @@
926
906
  overflow: hidden; /* 隐藏超出div宽度的文本 */
927
907
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
928
908
  }
929
- .nodeContent[data-v-b01d3a50] {
909
+ .nodeContent[data-v-bd32480c] {
930
910
  /* width: 100%; */
931
911
  height: 15px;
932
912
  font-weight: 400;
@@ -941,19 +921,40 @@
941
921
  overflow: hidden; /* 隐藏超出div宽度的文本 */
942
922
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
943
923
  }
944
- .nodeContent-desc[data-v-b01d3a50]{
924
+ .nodeContent-desc[data-v-bd32480c]{
945
925
  }
946
- .el-divider--horizontal[data-v-b01d3a50] {
926
+ .el-divider--horizontal[data-v-bd32480c] {
947
927
  margin: 12px 0;
948
928
  }
949
- .nodeView[data-v-b01d3a50] {
929
+ .nodeView[data-v-bd32480c] {
950
930
  border: 1px solid #5a90f9;
951
- background: #eef3fe;
931
+ background: #eef3fe;
932
+ width: 180px;
933
+ min-height: 95px;
952
934
  }
953
- .nodeTitle[data-v-b01d3a50] {
954
- width: 80px;
935
+ .nodeContent[data-v-bd32480c] {
955
936
  }
956
- .nodeView[data-v-6d0cd280] {
937
+
938
+ .aaa[data-v-8bd72b80] {
939
+ width: 300px;
940
+ height: 200px;
941
+ background: #ffffff;
942
+ box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
943
+ border-radius: 2px 2px 2px 2px;
944
+ }
945
+ .content[data-v-8bd72b80] {
946
+ width: 28px;
947
+ height: 15px;
948
+ font-weight: 400;
949
+ font-size: 14px;
950
+ color: #333333;
951
+ line-height: 14px;
952
+ text-align: left;
953
+ font-style: normal;
954
+ text-transform: none;
955
+ padding: 5px 0px 4px 10px;
956
+ }
957
+ .nodeView[data-v-9fff2753] {
957
958
  box-sizing: border-box;
958
959
  margin: 10px 10px;
959
960
  width: 180px;
@@ -962,7 +963,7 @@
962
963
  border-radius: 2px 2px 2px 2px;
963
964
  padding: 20px 10px;
964
965
  }
965
- .nodeTitle[data-v-6d0cd280] {
966
+ .nodeTitle[data-v-9fff2753] {
966
967
  width: 90px;
967
968
  height: 15px;
968
969
  font-weight: 400;
@@ -977,7 +978,7 @@
977
978
  overflow: hidden; /* 隐藏超出div宽度的文本 */
978
979
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
979
980
  }
980
- .nodeContent[data-v-6d0cd280] {
981
+ .nodeContent[data-v-9fff2753] {
981
982
  /* width: 100%; */
982
983
  height: 15px;
983
984
  font-weight: 400;
@@ -992,19 +993,19 @@
992
993
  overflow: hidden; /* 隐藏超出div宽度的文本 */
993
994
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
994
995
  }
995
- .nodeContent-desc[data-v-6d0cd280]{
996
+ .nodeContent-desc[data-v-9fff2753]{
996
997
  }
997
- .el-divider--horizontal[data-v-6d0cd280] {
998
+ .el-divider--horizontal[data-v-9fff2753] {
998
999
  margin: 12px 0;
999
1000
  }
1000
- .nodeView[data-v-6d0cd280] {
1001
+ .nodeView[data-v-9fff2753] {
1001
1002
  border: 1px solid #5a90f9;
1002
1003
  background: #eef3fe;
1003
1004
  }
1004
- .nodeTitle[data-v-6d0cd280] {
1005
+ .nodeTitle[data-v-9fff2753] {
1005
1006
  width: 80px;
1006
1007
  }
1007
- .nodeView[data-v-c176feb6] {
1008
+ .nodeView[data-v-4c6dfa4a] {
1008
1009
  box-sizing: border-box;
1009
1010
  margin: 10px 10px;
1010
1011
  width: 180px;
@@ -1013,7 +1014,7 @@
1013
1014
  border-radius: 2px 2px 2px 2px;
1014
1015
  padding: 20px 10px;
1015
1016
  }
1016
- .nodeTitle[data-v-c176feb6] {
1017
+ .nodeTitle[data-v-4c6dfa4a] {
1017
1018
  width: 90px;
1018
1019
  height: 15px;
1019
1020
  font-weight: 400;
@@ -1028,7 +1029,7 @@
1028
1029
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1029
1030
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1030
1031
  }
1031
- .nodeContent[data-v-c176feb6] {
1032
+ .nodeContent[data-v-4c6dfa4a] {
1032
1033
  /* width: 100%; */
1033
1034
  height: 15px;
1034
1035
  font-weight: 400;
@@ -1043,28 +1044,28 @@
1043
1044
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1044
1045
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1045
1046
  }
1046
- .nodeContent-desc[data-v-c176feb6]{
1047
+ .nodeContent-desc[data-v-4c6dfa4a]{
1047
1048
  }
1048
- .el-divider--horizontal[data-v-c176feb6] {
1049
+ .el-divider--horizontal[data-v-4c6dfa4a] {
1049
1050
  margin: 12px 0;
1050
1051
  }
1051
- .nodeView[data-v-c176feb6] {
1052
+ .nodeView[data-v-4c6dfa4a] {
1052
1053
  border: 1px solid #5a90f9;
1053
1054
  background: #eef3fe;
1054
1055
  width: 180px;
1055
1056
  min-height: 95px;
1056
1057
  }
1057
- .nodeContent[data-v-c176feb6] {
1058
+ .nodeContent[data-v-4c6dfa4a] {
1058
1059
  }
1059
1060
 
1060
- .node-content[data-v-69a854a3] {
1061
+ .node-content[data-v-b28923f3] {
1061
1062
  width: 120px;
1062
1063
  height: 44px;
1063
1064
  background: #ffffff;
1064
1065
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
1065
1066
  border-radius: 2px 2px 2px 2px;
1066
1067
  }
1067
- .content[data-v-69a854a3] {
1068
+ .content[data-v-b28923f3] {
1068
1069
  width: 28px;
1069
1070
  height: 15px;
1070
1071
  font-weight: 400;
@@ -1076,7 +1077,7 @@
1076
1077
  text-transform: none;
1077
1078
  padding: 5px 0px 4px 10px;
1078
1079
  }
1079
- .nodeView[data-v-bd32480c] {
1080
+ .nodeView[data-v-faa5a940] {
1080
1081
  box-sizing: border-box;
1081
1082
  margin: 10px 10px;
1082
1083
  width: 180px;
@@ -1085,7 +1086,7 @@
1085
1086
  border-radius: 2px 2px 2px 2px;
1086
1087
  padding: 20px 10px;
1087
1088
  }
1088
- .nodeTitle[data-v-bd32480c] {
1089
+ .nodeTitle[data-v-faa5a940] {
1089
1090
  width: 90px;
1090
1091
  height: 15px;
1091
1092
  font-weight: 400;
@@ -1100,7 +1101,7 @@
1100
1101
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1101
1102
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1102
1103
  }
1103
- .nodeContent[data-v-bd32480c] {
1104
+ .nodeContent[data-v-faa5a940] {
1104
1105
  /* width: 100%; */
1105
1106
  height: 15px;
1106
1107
  font-weight: 400;
@@ -1115,20 +1116,19 @@
1115
1116
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1116
1117
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1117
1118
  }
1118
- .nodeContent-desc[data-v-bd32480c]{
1119
+ .nodeContent-desc[data-v-faa5a940]{
1119
1120
  }
1120
- .el-divider--horizontal[data-v-bd32480c] {
1121
+ .el-divider--horizontal[data-v-faa5a940] {
1121
1122
  margin: 12px 0;
1122
1123
  }
1123
- .nodeView[data-v-bd32480c] {
1124
+ .nodeView[data-v-faa5a940] {
1124
1125
  border: 1px solid #5a90f9;
1125
- background: #eef3fe;
1126
- width: 180px;
1127
- min-height: 95px;
1126
+ background: #eef3fe;
1128
1127
  }
1129
- .nodeContent[data-v-bd32480c] {
1128
+ .nodeTitle[data-v-faa5a940] {
1129
+ width: 80px;
1130
1130
  }
1131
- .nodeView[data-v-faa5a940] {
1131
+ .nodeView[data-v-b01d3a50] {
1132
1132
  box-sizing: border-box;
1133
1133
  margin: 10px 10px;
1134
1134
  width: 180px;
@@ -1137,7 +1137,7 @@
1137
1137
  border-radius: 2px 2px 2px 2px;
1138
1138
  padding: 20px 10px;
1139
1139
  }
1140
- .nodeTitle[data-v-faa5a940] {
1140
+ .nodeTitle[data-v-b01d3a50] {
1141
1141
  width: 90px;
1142
1142
  height: 15px;
1143
1143
  font-weight: 400;
@@ -1152,7 +1152,7 @@
1152
1152
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1153
1153
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1154
1154
  }
1155
- .nodeContent[data-v-faa5a940] {
1155
+ .nodeContent[data-v-b01d3a50] {
1156
1156
  /* width: 100%; */
1157
1157
  height: 15px;
1158
1158
  font-weight: 400;
@@ -1167,19 +1167,19 @@
1167
1167
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1168
1168
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1169
1169
  }
1170
- .nodeContent-desc[data-v-faa5a940]{
1170
+ .nodeContent-desc[data-v-b01d3a50]{
1171
1171
  }
1172
- .el-divider--horizontal[data-v-faa5a940] {
1172
+ .el-divider--horizontal[data-v-b01d3a50] {
1173
1173
  margin: 12px 0;
1174
1174
  }
1175
- .nodeView[data-v-faa5a940] {
1175
+ .nodeView[data-v-b01d3a50] {
1176
1176
  border: 1px solid #5a90f9;
1177
1177
  background: #eef3fe;
1178
1178
  }
1179
- .nodeTitle[data-v-faa5a940] {
1179
+ .nodeTitle[data-v-b01d3a50] {
1180
1180
  width: 80px;
1181
1181
  }
1182
- .nodeView[data-v-9fff2753] {
1182
+ .nodeView[data-v-5911272d] {
1183
1183
  box-sizing: border-box;
1184
1184
  margin: 10px 10px;
1185
1185
  width: 180px;
@@ -1188,7 +1188,7 @@
1188
1188
  border-radius: 2px 2px 2px 2px;
1189
1189
  padding: 20px 10px;
1190
1190
  }
1191
- .nodeTitle[data-v-9fff2753] {
1191
+ .nodeTitle[data-v-5911272d] {
1192
1192
  width: 90px;
1193
1193
  height: 15px;
1194
1194
  font-weight: 400;
@@ -1203,7 +1203,7 @@
1203
1203
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1204
1204
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1205
1205
  }
1206
- .nodeContent[data-v-9fff2753] {
1206
+ .nodeContent[data-v-5911272d] {
1207
1207
  /* width: 100%; */
1208
1208
  height: 15px;
1209
1209
  font-weight: 400;
@@ -1218,29 +1218,19 @@
1218
1218
  overflow: hidden; /* 隐藏超出div宽度的文本 */
1219
1219
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
1220
1220
  }
1221
- .nodeContent-desc[data-v-9fff2753]{
1221
+ .nodeContent-desc[data-v-5911272d]{
1222
1222
  }
1223
- .el-divider--horizontal[data-v-9fff2753] {
1223
+ .el-divider--horizontal[data-v-5911272d] {
1224
1224
  margin: 12px 0;
1225
1225
  }
1226
- .nodeView[data-v-9fff2753] {
1226
+ .nodeView[data-v-5911272d] {
1227
1227
  border: 1px solid #5a90f9;
1228
1228
  background: #eef3fe;
1229
1229
  }
1230
- .nodeTitle[data-v-9fff2753] {
1230
+ .nodeTitle[data-v-5911272d] {
1231
1231
  width: 80px;
1232
1232
  }
1233
1233
 
1234
- .el-select + .el-input[data-v-dbffbd8f] {
1235
- margin-left: 10px;
1236
- }
1237
- .el-input + .el-input[data-v-dbffbd8f] {
1238
- margin-left: 10px;
1239
- }
1240
- .el-input + .el-button[data-v-dbffbd8f] {
1241
- margin-left: 10px;
1242
- }
1243
-
1244
1234
  .el-radio[data-v-1bbd6187] {
1245
1235
  margin-right: 10px;
1246
1236
  }
@@ -1262,6 +1252,16 @@
1262
1252
  margin-left: 10px;
1263
1253
  }
1264
1254
 
1255
+ .el-select + .el-input[data-v-dbffbd8f] {
1256
+ margin-left: 10px;
1257
+ }
1258
+ .el-input + .el-input[data-v-dbffbd8f] {
1259
+ margin-left: 10px;
1260
+ }
1261
+ .el-input + .el-button[data-v-dbffbd8f] {
1262
+ margin-left: 10px;
1263
+ }
1264
+
1265
1265
  [data-v-9cc733d7] .el-cascader-menu {
1266
1266
  min-width: 120px !important;
1267
1267
  }
@@ -1276,13 +1276,13 @@
1276
1276
  cursor: pointer;
1277
1277
  }
1278
1278
 
1279
+ [data-v-9a3ee19e] .el-dropdown {
1280
+ vertical-align: middle;
1281
+ }
1282
+
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.2",
3
+ "version": "2.0.7",
4
4
  "description": "AgileBuilder Service Flow Designer",
5
5
  "license": "ISC",
6
6
  "main": "dist/es/index.js",
@@ -22,9 +22,6 @@
22
22
  },
23
23
  "devDependencies": {
24
24
  "@element-plus/icons-vue": "^2.3.1",
25
- "@logicflow/core": "^1.2.23",
26
- "@logicflow/extension": "^1.2.23",
27
- "@logicflow/layout": "1.2.0-alpha.16",
28
25
  "@types/jsdom": "^21.1.6",
29
26
  "@types/node": "^20.11.28",
30
27
  "@types/uuid": "^9.0.8",
@@ -40,8 +37,12 @@
40
37
  "start-server-and-test": "^2.0.3",
41
38
  "unplugin-auto-import": "^0.17.5",
42
39
  "unplugin-vue-components": "^0.26.0",
40
+ "vite": "^5.1.6",
41
+ "vite-plugin-dts": "^3.9.1",
43
42
  "vitest": "^1.3.1",
44
- "vue": "^3.4.21"
43
+ "vue": "^3.4.21",
44
+ "vue-i18n": "^9.5.0",
45
+ "vuex": "^4.1.0"
45
46
  },
46
47
  "dependencies": {
47
48
  "@codemirror/autocomplete": "^6.16.0",
@@ -55,6 +56,9 @@
55
56
  "@codemirror/state": "^6.4.1",
56
57
  "@imengyu/vue3-context-menu": "^1.4.1",
57
58
  "@lezer/highlight": "^1.2.0",
59
+ "@logicflow/core": "^1.2.23",
60
+ "@logicflow/extension": "^1.2.23",
61
+ "@logicflow/layout": "1.2.0-alpha.16",
58
62
  "@uiw/codemirror-themes-all": "^4.21.25",
59
63
  "@vueuse/core": "^10.9.0",
60
64
  "agilebuilder-ui": "^1.0.7",
@@ -62,8 +66,6 @@
62
66
  "nprogress": "^0.2.0",
63
67
  "quill": "^2.0.2",
64
68
  "quill-delta": "5.1.0",
65
- "uuid": "^8.2.0",
66
- "vue-i18n": "^9.5.0",
67
- "vuex": "^4.1.0"
69
+ "uuid": "^8.2.0"
68
70
  }
69
71
  }