easy3wui 1.4.249 → 1.4.253

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