easy3wui 1.4.248 → 1.4.252

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.
package/assets/flow.css CHANGED
@@ -34,78 +34,151 @@
34
34
  }
35
35
  .flowtop .floatcenter .renderTopTemp2:first-child {
36
36
  width: calc((100% / 2 - 22px) / 2 * 3 + 22px);
37
+ padding-left: calc((100% / 2 - 22px) / 2);
37
38
  }
38
39
  .flowtop .floatcenter .renderTopTemp2 {
39
40
  width: calc(100% / 2);
41
+ float: left;
42
+ }
43
+ .flowtop .floatcenter .renderTopTemp2 .flowline2 {
44
+ float: left;
45
+ margin-top: 15px;
46
+ height: 4px;
47
+ width: calc(100% - 22px);
40
48
  }
41
49
  .flowtop .floatcenter .renderTopTemp2:last-child {
42
- width: calc((100% / 2 - 22px) / 2 * 3 + 22px);
50
+ width: calc((100% / 2 - 22px) / 2 + 22px);
51
+ padding-right: calc((100% / 2 - 22px) / 2);
43
52
  }
44
53
  .flowtop .floatcenter .renderTopTemp3:first-child {
45
54
  width: calc((100% / 3 - 22px) / 2 * 3 + 22px);
55
+ padding-left: calc(100% / 3 - 22px / 2);
46
56
  }
47
57
  .flowtop .floatcenter .renderTopTemp3 {
48
58
  width: calc(100% / 3);
59
+ float: left;
60
+ }
61
+ .flowtop .floatcenter .renderTopTemp3 .flowline3 {
62
+ float: left;
63
+ margin-top: 15px;
64
+ height: 4px;
65
+ width: calc(100% - 22px);
49
66
  }
50
67
  .flowtop .floatcenter .renderTopTemp3:last-child {
51
- width: calc((100% / 3 - 22px) / 2 * 3 + 22px);
68
+ width: calc((100% / 3 - 22px) / 2 + 22px);
69
+ padding-right: calc((100% / 3 - 22px) / 2);
52
70
  }
53
71
  .flowtop .floatcenter .renderTopTemp4:first-child {
54
72
  width: calc((100% / 4 - 22px) / 2 * 3 + 22px);
73
+ padding-left: calc((100% / 4 - 22px) / 2);
55
74
  }
56
75
  .flowtop .floatcenter .renderTopTemp4 {
57
76
  width: calc(100% / 4);
77
+ float: left;
78
+ }
79
+ .flowtop .floatcenter .renderTopTemp4 .flowline4 {
80
+ float: left;
81
+ margin-top: 15px;
82
+ height: 4px;
83
+ width: calc(100% - 22px);
58
84
  }
59
85
  .flowtop .floatcenter .renderTopTemp4:last-child {
60
- width: calc((100% / 4 - 22px) / 2 * 3 + 22px);
86
+ width: calc((100% / 4 - 22px) / 2 + 22px);
87
+ padding-right: calc((100% / 4 - 22px) / 2);
61
88
  }
62
89
  .flowtop .floatcenter .renderTopTemp5:first-child {
63
90
  width: calc((100% / 5 - 22px) / 2 * 3 + 22px);
91
+ padding-left: calc((100% / 5 - 22px) / 2);
64
92
  }
65
93
  .flowtop .floatcenter .renderTopTemp5 {
66
94
  width: calc(100% / 5);
95
+ float: left;
96
+ }
97
+ .flowtop .floatcenter .renderTopTemp5 .flowline5 {
98
+ float: left;
99
+ margin-top: 15px;
100
+ height: 4px;
101
+ width: calc(100% - 22px);
67
102
  }
68
103
  .flowtop .floatcenter .renderTopTemp5:last-child {
69
- width: calc((100% / 5 - 22px) / 2 * 3 + 22px);
104
+ width: calc((100% / 5 - 22px) / 2 + 22px);
105
+ padding-right: calc((100% / 5 - 22px) / 2);
70
106
  }
71
107
  .flowtop .floatcenter .renderTopTemp6:first-child {
72
108
  width: calc((100% / 6 - 22px) / 2 * 3 + 22px);
109
+ padding-left: calc((100% / 6 - 22px) / 2);
73
110
  }
74
111
  .flowtop .floatcenter .renderTopTemp6 {
75
112
  width: calc(100% / 6);
113
+ float: left;
114
+ }
115
+ .flowtop .floatcenter .renderTopTemp6 .flowline6 {
116
+ float: left;
117
+ margin-top: 15px;
118
+ height: 4px;
119
+ width: calc(100% - 22px);
76
120
  }
77
121
  .flowtop .floatcenter .renderTopTemp6:last-child {
78
- width: calc((100% / 6 - 22px) / 2 * 3 + 22px);
122
+ width: calc((100% / 6 - 22px) / 2 + 22px);
123
+ padding-right: calc((100% / 6 - 22px) / 2);
79
124
  }
80
125
  .flowtop .floatcenter .renderTopTemp7:first-child {
81
126
  width: calc((100% / 7 - 22px) / 2 * 3 + 22px);
127
+ padding-left: calc((100% / 7 - 22px) / 2);
82
128
  }
83
129
  .flowtop .floatcenter .renderTopTemp7 {
84
130
  width: calc(100% / 7);
131
+ float: left;
132
+ }
133
+ .flowtop .floatcenter .renderTopTemp7 .flowline7 {
134
+ float: left;
135
+ margin-top: 15px;
136
+ height: 4px;
137
+ width: calc(100% - 22px);
85
138
  }
86
139
  .flowtop .floatcenter .renderTopTemp7:last-child {
87
- width: calc((100% / 7 - 22px) / 2 * 3 + 22px);
140
+ width: calc((100% / 7 - 22px) / 2 + 22px);
141
+ padding-right: calc((100% / 7 - 22px) / 2);
88
142
  }
89
143
  .flowtop .floatcenter .renderTopTemp8:first-child {
90
144
  width: calc((100% / 8 - 22px) / 2 * 3 + 22px);
145
+ padding-left: calc((100% / 8 - 22px) / 2);
91
146
  }
92
147
  .flowtop .floatcenter .renderTopTemp8 {
93
148
  width: calc(100% / 8);
149
+ float: left;
150
+ }
151
+ .flowtop .floatcenter .renderTopTemp8 .flowline8 {
152
+ float: left;
153
+ margin-top: 15px;
154
+ height: 4px;
155
+ width: calc(100% - 22px);
94
156
  }
95
157
  .flowtop .floatcenter .renderTopTemp8:last-child {
96
- width: calc((100% / 8 - 22px) / 2 * 3 + 22px);
158
+ width: calc((100% / 8 - 22px) / 2 + 22px);
159
+ padding-right: calc((100% / 8 - 22px) / 2);
97
160
  }
98
161
  .flowtop .floatcenter .renderTopTemp9:first-child {
99
162
  width: calc((100% / 9 - 22px) / 2 * 3 + 22px);
163
+ padding-left: calc((100% / 9 - 22px) / 2);
100
164
  }
101
165
  .flowtop .floatcenter .renderTopTemp9 {
102
166
  width: calc(100% / 9);
167
+ float: left;
168
+ }
169
+ .flowtop .floatcenter .renderTopTemp9 .flowline9 {
170
+ float: left;
171
+ margin-top: 15px;
172
+ height: 4px;
173
+ width: calc(100% - 22px);
103
174
  }
104
175
  .flowtop .floatcenter .renderTopTemp9:last-child {
105
- width: calc((100% / 9 - 22px) / 2 * 3 + 22px);
176
+ width: calc((100% / 9 - 22px) / 2 + 22px);
177
+ padding-right: calc((100% / 9 - 22px) / 2);
106
178
  }
107
179
  .flowmid {
108
180
  width: 100%;
181
+ height: 34px;
109
182
  }
110
183
  .flowmid .floatcenter {
111
184
  width: 90%;
@@ -113,27 +186,35 @@
113
186
  }
114
187
  .flowmid .floatcenter div.flowtext2 {
115
188
  width: calc(100% / 2);
189
+ float: left;
116
190
  }
117
191
  .flowmid .floatcenter div.flowtext3 {
118
192
  width: calc(100% / 3);
193
+ float: left;
119
194
  }
120
195
  .flowmid .floatcenter div.flowtext4 {
121
196
  width: calc(100% / 4);
197
+ float: left;
122
198
  }
123
199
  .flowmid .floatcenter div.flowtext5 {
124
200
  width: calc(100% / 5);
201
+ float: left;
125
202
  }
126
203
  .flowmid .floatcenter div.flowtext6 {
127
204
  width: calc(100% / 6);
205
+ float: left;
128
206
  }
129
207
  .flowmid .floatcenter div.flowtext7 {
130
208
  width: calc(100% / 7);
209
+ float: left;
131
210
  }
132
211
  .flowmid .floatcenter div.flowtext8 {
133
212
  width: calc(100% / 8);
213
+ float: left;
134
214
  }
135
215
  .flowmid .floatcenter div.flowtext9 {
136
216
  width: calc(100% / 9);
217
+ float: left;
137
218
  }
138
219
  .floatcenter2_1 {
139
220
  position: absolute;
@@ -425,7 +506,6 @@
425
506
  color: #fff;
426
507
  /*浮动区块居中,必须配合.float-center使用*/
427
508
  position: relative;
428
- left: -50%;
429
509
  }
430
510
  /* 主节点活动节点样式*/
431
511
  .flowmain .flowcircle-active-haierblue {
@@ -439,7 +519,6 @@
439
519
  color: #fff;
440
520
  /*浮动区块居中,必须配合.float-center使用*/
441
521
  position: relative;
442
- left: -50%;
443
522
  }
444
523
  .flowmain .flowcircle-active-haierblue::before {
445
524
  border-bottom: 2px solid #5867ad;
@@ -461,7 +540,6 @@
461
540
  color: #fff;
462
541
  /*浮动区块居中,必须配合.float-center使用*/
463
542
  position: relative;
464
- left: -50%;
465
543
  }
466
544
  .flowmain .flowcircle-active-haierorange::before {
467
545
  border-bottom: 2px solid #ad7c59;
package/assets/index.css CHANGED
@@ -479,78 +479,151 @@ s {
479
479
  }
480
480
  .flowtop .floatcenter .renderTopTemp2:first-child {
481
481
  width: calc((100% / 2 - 22px) / 2 * 3 + 22px);
482
+ padding-left: calc((100% / 2 - 22px) / 2);
482
483
  }
483
484
  .flowtop .floatcenter .renderTopTemp2 {
484
485
  width: calc(100% / 2);
486
+ float: left;
487
+ }
488
+ .flowtop .floatcenter .renderTopTemp2 .flowline2 {
489
+ float: left;
490
+ margin-top: 15px;
491
+ height: 4px;
492
+ width: calc(100% - 22px);
485
493
  }
486
494
  .flowtop .floatcenter .renderTopTemp2:last-child {
487
- width: calc((100% / 2 - 22px) / 2 * 3 + 22px);
495
+ width: calc((100% / 2 - 22px) / 2 + 22px);
496
+ padding-right: calc((100% / 2 - 22px) / 2);
488
497
  }
489
498
  .flowtop .floatcenter .renderTopTemp3:first-child {
490
499
  width: calc((100% / 3 - 22px) / 2 * 3 + 22px);
500
+ padding-left: calc(100% / 3 - 22px / 2);
491
501
  }
492
502
  .flowtop .floatcenter .renderTopTemp3 {
493
503
  width: calc(100% / 3);
504
+ float: left;
505
+ }
506
+ .flowtop .floatcenter .renderTopTemp3 .flowline3 {
507
+ float: left;
508
+ margin-top: 15px;
509
+ height: 4px;
510
+ width: calc(100% - 22px);
494
511
  }
495
512
  .flowtop .floatcenter .renderTopTemp3:last-child {
496
- width: calc((100% / 3 - 22px) / 2 * 3 + 22px);
513
+ width: calc((100% / 3 - 22px) / 2 + 22px);
514
+ padding-right: calc((100% / 3 - 22px) / 2);
497
515
  }
498
516
  .flowtop .floatcenter .renderTopTemp4:first-child {
499
517
  width: calc((100% / 4 - 22px) / 2 * 3 + 22px);
518
+ padding-left: calc((100% / 4 - 22px) / 2);
500
519
  }
501
520
  .flowtop .floatcenter .renderTopTemp4 {
502
521
  width: calc(100% / 4);
522
+ float: left;
523
+ }
524
+ .flowtop .floatcenter .renderTopTemp4 .flowline4 {
525
+ float: left;
526
+ margin-top: 15px;
527
+ height: 4px;
528
+ width: calc(100% - 22px);
503
529
  }
504
530
  .flowtop .floatcenter .renderTopTemp4:last-child {
505
- width: calc((100% / 4 - 22px) / 2 * 3 + 22px);
531
+ width: calc((100% / 4 - 22px) / 2 + 22px);
532
+ padding-right: calc((100% / 4 - 22px) / 2);
506
533
  }
507
534
  .flowtop .floatcenter .renderTopTemp5:first-child {
508
535
  width: calc((100% / 5 - 22px) / 2 * 3 + 22px);
536
+ padding-left: calc((100% / 5 - 22px) / 2);
509
537
  }
510
538
  .flowtop .floatcenter .renderTopTemp5 {
511
539
  width: calc(100% / 5);
540
+ float: left;
541
+ }
542
+ .flowtop .floatcenter .renderTopTemp5 .flowline5 {
543
+ float: left;
544
+ margin-top: 15px;
545
+ height: 4px;
546
+ width: calc(100% - 22px);
512
547
  }
513
548
  .flowtop .floatcenter .renderTopTemp5:last-child {
514
- width: calc((100% / 5 - 22px) / 2 * 3 + 22px);
549
+ width: calc((100% / 5 - 22px) / 2 + 22px);
550
+ padding-right: calc((100% / 5 - 22px) / 2);
515
551
  }
516
552
  .flowtop .floatcenter .renderTopTemp6:first-child {
517
553
  width: calc((100% / 6 - 22px) / 2 * 3 + 22px);
554
+ padding-left: calc((100% / 6 - 22px) / 2);
518
555
  }
519
556
  .flowtop .floatcenter .renderTopTemp6 {
520
557
  width: calc(100% / 6);
558
+ float: left;
559
+ }
560
+ .flowtop .floatcenter .renderTopTemp6 .flowline6 {
561
+ float: left;
562
+ margin-top: 15px;
563
+ height: 4px;
564
+ width: calc(100% - 22px);
521
565
  }
522
566
  .flowtop .floatcenter .renderTopTemp6:last-child {
523
- width: calc((100% / 6 - 22px) / 2 * 3 + 22px);
567
+ width: calc((100% / 6 - 22px) / 2 + 22px);
568
+ padding-right: calc((100% / 6 - 22px) / 2);
524
569
  }
525
570
  .flowtop .floatcenter .renderTopTemp7:first-child {
526
571
  width: calc((100% / 7 - 22px) / 2 * 3 + 22px);
572
+ padding-left: calc((100% / 7 - 22px) / 2);
527
573
  }
528
574
  .flowtop .floatcenter .renderTopTemp7 {
529
575
  width: calc(100% / 7);
576
+ float: left;
577
+ }
578
+ .flowtop .floatcenter .renderTopTemp7 .flowline7 {
579
+ float: left;
580
+ margin-top: 15px;
581
+ height: 4px;
582
+ width: calc(100% - 22px);
530
583
  }
531
584
  .flowtop .floatcenter .renderTopTemp7:last-child {
532
- width: calc((100% / 7 - 22px) / 2 * 3 + 22px);
585
+ width: calc((100% / 7 - 22px) / 2 + 22px);
586
+ padding-right: calc((100% / 7 - 22px) / 2);
533
587
  }
534
588
  .flowtop .floatcenter .renderTopTemp8:first-child {
535
589
  width: calc((100% / 8 - 22px) / 2 * 3 + 22px);
590
+ padding-left: calc((100% / 8 - 22px) / 2);
536
591
  }
537
592
  .flowtop .floatcenter .renderTopTemp8 {
538
593
  width: calc(100% / 8);
594
+ float: left;
595
+ }
596
+ .flowtop .floatcenter .renderTopTemp8 .flowline8 {
597
+ float: left;
598
+ margin-top: 15px;
599
+ height: 4px;
600
+ width: calc(100% - 22px);
539
601
  }
540
602
  .flowtop .floatcenter .renderTopTemp8:last-child {
541
- width: calc((100% / 8 - 22px) / 2 * 3 + 22px);
603
+ width: calc((100% / 8 - 22px) / 2 + 22px);
604
+ padding-right: calc((100% / 8 - 22px) / 2);
542
605
  }
543
606
  .flowtop .floatcenter .renderTopTemp9:first-child {
544
607
  width: calc((100% / 9 - 22px) / 2 * 3 + 22px);
608
+ padding-left: calc((100% / 9 - 22px) / 2);
545
609
  }
546
610
  .flowtop .floatcenter .renderTopTemp9 {
547
611
  width: calc(100% / 9);
612
+ float: left;
613
+ }
614
+ .flowtop .floatcenter .renderTopTemp9 .flowline9 {
615
+ float: left;
616
+ margin-top: 15px;
617
+ height: 4px;
618
+ width: calc(100% - 22px);
548
619
  }
549
620
  .flowtop .floatcenter .renderTopTemp9:last-child {
550
- width: calc((100% / 9 - 22px) / 2 * 3 + 22px);
621
+ width: calc((100% / 9 - 22px) / 2 + 22px);
622
+ padding-right: calc((100% / 9 - 22px) / 2);
551
623
  }
552
624
  .flowmid {
553
625
  width: 100%;
626
+ height: 34px;
554
627
  }
555
628
  .flowmid .floatcenter {
556
629
  width: 90%;
@@ -558,27 +631,35 @@ s {
558
631
  }
559
632
  .flowmid .floatcenter div.flowtext2 {
560
633
  width: calc(100% / 2);
634
+ float: left;
561
635
  }
562
636
  .flowmid .floatcenter div.flowtext3 {
563
637
  width: calc(100% / 3);
638
+ float: left;
564
639
  }
565
640
  .flowmid .floatcenter div.flowtext4 {
566
641
  width: calc(100% / 4);
642
+ float: left;
567
643
  }
568
644
  .flowmid .floatcenter div.flowtext5 {
569
645
  width: calc(100% / 5);
646
+ float: left;
570
647
  }
571
648
  .flowmid .floatcenter div.flowtext6 {
572
649
  width: calc(100% / 6);
650
+ float: left;
573
651
  }
574
652
  .flowmid .floatcenter div.flowtext7 {
575
653
  width: calc(100% / 7);
654
+ float: left;
576
655
  }
577
656
  .flowmid .floatcenter div.flowtext8 {
578
657
  width: calc(100% / 8);
658
+ float: left;
579
659
  }
580
660
  .flowmid .floatcenter div.flowtext9 {
581
661
  width: calc(100% / 9);
662
+ float: left;
582
663
  }
583
664
  .floatcenter2_1 {
584
665
  position: absolute;
@@ -870,7 +951,6 @@ s {
870
951
  color: #fff;
871
952
  /*浮动区块居中,必须配合.float-center使用*/
872
953
  position: relative;
873
- left: -50%;
874
954
  }
875
955
  /* 主节点活动节点样式*/
876
956
  .flowmain .flowcircle-active-haierblue {
@@ -884,7 +964,6 @@ s {
884
964
  color: #fff;
885
965
  /*浮动区块居中,必须配合.float-center使用*/
886
966
  position: relative;
887
- left: -50%;
888
967
  }
889
968
  .flowmain .flowcircle-active-haierblue::before {
890
969
  border-bottom: 2px solid #5867ad;
@@ -906,7 +985,6 @@ s {
906
985
  color: #fff;
907
986
  /*浮动区块居中,必须配合.float-center使用*/
908
987
  position: relative;
909
- left: -50%;
910
988
  }
911
989
  .flowmain .flowcircle-active-haierorange::before {
912
990
  border-bottom: 2px solid #ad7c59;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "easy3wui",
3
- "version": "1.4.248",
3
+ "version": "1.4.252",
4
4
  "description": "easy3wui components for react",
5
5
  "keywords": [
6
6
  "react",