easy3wmui 0.0.43 → 0.0.45-beta1
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/LICENSE.md +3 -3
- package/README.md +9 -8
- package/assets/index.css +4 -12
- package/assets/mGridPage.css +2 -6
- package/assets/mTable.css +2 -6
- package/lib/Easy3wMButton/index.less +4 -4
- package/lib/Easy3wMCard/index.less +4 -4
- package/lib/Easy3wMFormPage/index.less +47 -47
- package/lib/Easy3wMGlobalFooter/index.less +2 -2
- package/lib/Easy3wMGridPage/index.js +15 -15
- package/lib/Easy3wMGridPage/index.less +6 -6
- package/lib/Easy3wMInsideLayout/index.less +30 -30
- package/lib/Easy3wMPagination/index.js +15 -15
- package/lib/Easy3wMSpin/index.less +14 -14
- package/lib/Easy3wMTable/index.js +32 -19
- package/lib/Easy3wMUserLayout/index.less +14 -14
- package/package.json +118 -118
package/LICENSE.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
Copyright (c) 上海同在互联网科技有限公司 版权所有
|
|
3
|
-
|
|
1
|
+
|
|
2
|
+
Copyright (c) 上海同在互联网科技有限公司 版权所有
|
|
3
|
+
|
|
4
4
|
上海同在互联网科技有限公司 版权所有,使用必须获得授权,否则将追究法律责任。
|
package/README.md
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
# easy3wMUI
|
|
2
|
-
easy3w MUI 组件
|
|
3
|
-
|
|
4
|
-
# 编译
|
|
5
|
-
npm run compile
|
|
6
|
-
|
|
7
|
-
# 发布
|
|
8
|
-
npm publish
|
|
1
|
+
# easy3wMUI
|
|
2
|
+
easy3w MUI 组件
|
|
3
|
+
|
|
4
|
+
# 编译
|
|
5
|
+
npm run compile
|
|
6
|
+
|
|
7
|
+
# 发布
|
|
8
|
+
npm publish
|
|
9
|
+
npm publish --tag beta
|
package/assets/index.css
CHANGED
|
@@ -271,22 +271,18 @@
|
|
|
271
271
|
-ms-flex-align: center;
|
|
272
272
|
align-items: center;
|
|
273
273
|
background: #fff;
|
|
274
|
+
gap: 8px;
|
|
274
275
|
}
|
|
275
276
|
#Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtn {
|
|
276
277
|
-ms-flex: 1;
|
|
277
278
|
flex: 1;
|
|
278
|
-
border: 1px solid #
|
|
279
|
+
border: 1px solid #999;
|
|
279
280
|
color: #000;
|
|
280
281
|
cursor: pointer;
|
|
281
282
|
text-align: center;
|
|
282
283
|
padding: 7px 0;
|
|
283
|
-
margin-right: 3px;
|
|
284
|
-
}
|
|
285
|
-
#Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtn:last-child {
|
|
286
|
-
margin-right: 0;
|
|
287
284
|
}
|
|
288
285
|
#Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtn.emgpsBtnDisable {
|
|
289
|
-
border: 1px solid #999;
|
|
290
286
|
color: #999;
|
|
291
287
|
cursor: not-allowed;
|
|
292
288
|
}
|
|
@@ -466,22 +462,18 @@
|
|
|
466
462
|
-ms-flex-pack: justify;
|
|
467
463
|
justify-content: space-between;
|
|
468
464
|
padding: 12px;
|
|
465
|
+
gap: 8px;
|
|
469
466
|
}
|
|
470
467
|
#Easy3wMTable .easy3wMGridPageStepper .emgpsBtn {
|
|
471
468
|
-ms-flex: 1;
|
|
472
469
|
flex: 1;
|
|
473
|
-
border: 1px solid #
|
|
470
|
+
border: 1px solid #999;
|
|
474
471
|
color: #000;
|
|
475
472
|
cursor: pointer;
|
|
476
473
|
text-align: center;
|
|
477
474
|
padding: 7px 0;
|
|
478
|
-
margin-right: 3px;
|
|
479
|
-
}
|
|
480
|
-
#Easy3wMTable .easy3wMGridPageStepper .emgpsBtn:last-child {
|
|
481
|
-
margin-right: 0;
|
|
482
475
|
}
|
|
483
476
|
#Easy3wMTable .easy3wMGridPageStepper .emgpsBtn.emgpsBtnDisable {
|
|
484
|
-
border: 1px solid #999;
|
|
485
477
|
color: #999;
|
|
486
478
|
cursor: not-allowed;
|
|
487
479
|
}
|
package/assets/mGridPage.css
CHANGED
|
@@ -8,22 +8,18 @@
|
|
|
8
8
|
-ms-flex-align: center;
|
|
9
9
|
align-items: center;
|
|
10
10
|
background: #fff;
|
|
11
|
+
gap: 8px;
|
|
11
12
|
}
|
|
12
13
|
#Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtn {
|
|
13
14
|
-ms-flex: 1;
|
|
14
15
|
flex: 1;
|
|
15
|
-
border: 1px solid #
|
|
16
|
+
border: 1px solid #999;
|
|
16
17
|
color: #000;
|
|
17
18
|
cursor: pointer;
|
|
18
19
|
text-align: center;
|
|
19
20
|
padding: 7px 0;
|
|
20
|
-
margin-right: 3px;
|
|
21
|
-
}
|
|
22
|
-
#Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtn:last-child {
|
|
23
|
-
margin-right: 0;
|
|
24
21
|
}
|
|
25
22
|
#Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtn.emgpsBtnDisable {
|
|
26
|
-
border: 1px solid #999;
|
|
27
23
|
color: #999;
|
|
28
24
|
cursor: not-allowed;
|
|
29
25
|
}
|
package/assets/mTable.css
CHANGED
|
@@ -71,22 +71,18 @@
|
|
|
71
71
|
-ms-flex-pack: justify;
|
|
72
72
|
justify-content: space-between;
|
|
73
73
|
padding: 12px;
|
|
74
|
+
gap: 8px;
|
|
74
75
|
}
|
|
75
76
|
#Easy3wMTable .easy3wMGridPageStepper .emgpsBtn {
|
|
76
77
|
-ms-flex: 1;
|
|
77
78
|
flex: 1;
|
|
78
|
-
border: 1px solid #
|
|
79
|
+
border: 1px solid #999;
|
|
79
80
|
color: #000;
|
|
80
81
|
cursor: pointer;
|
|
81
82
|
text-align: center;
|
|
82
83
|
padding: 7px 0;
|
|
83
|
-
margin-right: 3px;
|
|
84
|
-
}
|
|
85
|
-
#Easy3wMTable .easy3wMGridPageStepper .emgpsBtn:last-child {
|
|
86
|
-
margin-right: 0;
|
|
87
84
|
}
|
|
88
85
|
#Easy3wMTable .easy3wMGridPageStepper .emgpsBtn.emgpsBtnDisable {
|
|
89
|
-
border: 1px solid #999;
|
|
90
86
|
color: #999;
|
|
91
87
|
cursor: not-allowed;
|
|
92
88
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
#Easy3wMButton {
|
|
2
|
-
.adm-space-item {
|
|
3
|
-
flex-grow: 1;
|
|
4
|
-
}
|
|
1
|
+
#Easy3wMButton {
|
|
2
|
+
.adm-space-item {
|
|
3
|
+
flex-grow: 1;
|
|
4
|
+
}
|
|
5
5
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
#Easy3wMCard {
|
|
2
|
-
.adm-card-header-title {
|
|
3
|
-
--adm-font-size-7: 14px;
|
|
4
|
-
}
|
|
1
|
+
#Easy3wMCard {
|
|
2
|
+
.adm-card-header-title {
|
|
3
|
+
--adm-font-size-7: 14px;
|
|
4
|
+
}
|
|
5
5
|
}
|
|
@@ -1,48 +1,48 @@
|
|
|
1
|
-
#Easy3wMFormPage {
|
|
2
|
-
.pointer { // 鼠标形状:手形
|
|
3
|
-
cursor: pointer;
|
|
4
|
-
}
|
|
5
|
-
.pointerGray { // 鼠标形状:手形 文字:灰色
|
|
6
|
-
cursor: pointer;
|
|
7
|
-
color: #999
|
|
8
|
-
}
|
|
9
|
-
.adm-input-element {
|
|
10
|
-
border: 1px solid #d9d9d9;
|
|
11
|
-
}
|
|
12
|
-
.adm-input-element:focus, .adm-input-element:hover {
|
|
13
|
-
border-color: var(--adm-color-primary);
|
|
14
|
-
}
|
|
15
|
-
.adm-text-area-element {
|
|
16
|
-
border: 1px solid #d9d9d9;
|
|
17
|
-
}
|
|
18
|
-
.adm-text-area-element:focus, .adm-text-area-element:hover {
|
|
19
|
-
border-color: var(--adm-color-primary);
|
|
20
|
-
}
|
|
21
|
-
.adm-rate {
|
|
22
|
-
--star-size: 14px
|
|
23
|
-
}
|
|
24
|
-
.adm-radio, .adm-checkbox {
|
|
25
|
-
--icon-size: 14px;
|
|
26
|
-
--font-size: 14px;
|
|
27
|
-
}
|
|
28
|
-
.adm-switch {
|
|
29
|
-
--height: 20.8px;
|
|
30
|
-
}
|
|
31
|
-
.adm-slider {
|
|
32
|
-
padding: 0;
|
|
33
|
-
}
|
|
34
|
-
.adm-list-default .adm-list-body {
|
|
35
|
-
border-top: 0;
|
|
36
|
-
border-bottom: 0;
|
|
37
|
-
}
|
|
38
|
-
.adm-list-item {
|
|
39
|
-
border-bottom: var(--border-bottom);
|
|
40
|
-
margin: 0 12px;
|
|
41
|
-
padding-left: 0;
|
|
42
|
-
word-break: break-word;
|
|
43
|
-
}
|
|
44
|
-
.adm-list-item-content {
|
|
45
|
-
border-top: 0;
|
|
46
|
-
padding-right: 0;
|
|
47
|
-
}
|
|
1
|
+
#Easy3wMFormPage {
|
|
2
|
+
.pointer { // 鼠标形状:手形
|
|
3
|
+
cursor: pointer;
|
|
4
|
+
}
|
|
5
|
+
.pointerGray { // 鼠标形状:手形 文字:灰色
|
|
6
|
+
cursor: pointer;
|
|
7
|
+
color: #999
|
|
8
|
+
}
|
|
9
|
+
.adm-input-element {
|
|
10
|
+
border: 1px solid #d9d9d9;
|
|
11
|
+
}
|
|
12
|
+
.adm-input-element:focus, .adm-input-element:hover {
|
|
13
|
+
border-color: var(--adm-color-primary);
|
|
14
|
+
}
|
|
15
|
+
.adm-text-area-element {
|
|
16
|
+
border: 1px solid #d9d9d9;
|
|
17
|
+
}
|
|
18
|
+
.adm-text-area-element:focus, .adm-text-area-element:hover {
|
|
19
|
+
border-color: var(--adm-color-primary);
|
|
20
|
+
}
|
|
21
|
+
.adm-rate {
|
|
22
|
+
--star-size: 14px
|
|
23
|
+
}
|
|
24
|
+
.adm-radio, .adm-checkbox {
|
|
25
|
+
--icon-size: 14px;
|
|
26
|
+
--font-size: 14px;
|
|
27
|
+
}
|
|
28
|
+
.adm-switch {
|
|
29
|
+
--height: 20.8px;
|
|
30
|
+
}
|
|
31
|
+
.adm-slider {
|
|
32
|
+
padding: 0;
|
|
33
|
+
}
|
|
34
|
+
.adm-list-default .adm-list-body {
|
|
35
|
+
border-top: 0;
|
|
36
|
+
border-bottom: 0;
|
|
37
|
+
}
|
|
38
|
+
.adm-list-item {
|
|
39
|
+
border-bottom: var(--border-bottom);
|
|
40
|
+
margin: 0 12px;
|
|
41
|
+
padding-left: 0;
|
|
42
|
+
word-break: break-word;
|
|
43
|
+
}
|
|
44
|
+
.adm-list-item-content {
|
|
45
|
+
border-top: 0;
|
|
46
|
+
padding-right: 0;
|
|
47
|
+
}
|
|
48
48
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
#Easy3wMGlobalFooter {
|
|
2
|
-
text-align: center;
|
|
1
|
+
#Easy3wMGlobalFooter {
|
|
2
|
+
text-align: center;
|
|
3
3
|
}
|
|
@@ -275,21 +275,21 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
275
275
|
|
|
276
276
|
this.touchCreatePageNum = function (intTotalPage, offset, index) {
|
|
277
277
|
var btnNum = intTotalPage > 999 ? 5 : 7;
|
|
278
|
-
/*
|
|
279
|
-
intTotalPage 总页数
|
|
280
|
-
offset 当前分页
|
|
281
|
-
btnNum 按钮数量
|
|
282
|
-
|
|
283
|
-
<,1,2,3,4,5,6,7,> 删除6,7
|
|
284
|
-
|
|
285
|
-
offset - 3 <= 1
|
|
286
|
-
<,1,2,3,4,5,+5,intTotalPage,> 删除第三及倒数第三个按钮
|
|
287
|
-
|
|
288
|
-
offset - 3 > 1 && offset + 3 < intTotalPage
|
|
289
|
-
<,1,-5,6,7,8,+5,intTotalPage,> 删除第三及倒数第三个按钮
|
|
290
|
-
|
|
291
|
-
offset - 3 > 1 && offset + 3 >= intTotalPage
|
|
292
|
-
<,1,-5,6,7,8,9,intTotalPage,> 删除第三及倒数第三个按钮
|
|
278
|
+
/*
|
|
279
|
+
intTotalPage 总页数
|
|
280
|
+
offset 当前分页
|
|
281
|
+
btnNum 按钮数量
|
|
282
|
+
intTotalPage <= btnNum
|
|
283
|
+
<,1,2,3,4,5,6,7,> 删除6,7
|
|
284
|
+
intTotalPage > btnNum
|
|
285
|
+
offset - 3 <= 1
|
|
286
|
+
<,1,2,3,4,5,+5,intTotalPage,> 删除第三及倒数第三个按钮
|
|
287
|
+
intTotalPage > btnNum
|
|
288
|
+
offset - 3 > 1 && offset + 3 < intTotalPage
|
|
289
|
+
<,1,-5,6,7,8,+5,intTotalPage,> 删除第三及倒数第三个按钮
|
|
290
|
+
intTotalPage > btnNum
|
|
291
|
+
offset - 3 > 1 && offset + 3 >= intTotalPage
|
|
292
|
+
<,1,-5,6,7,8,9,intTotalPage,> 删除第三及倒数第三个按钮
|
|
293
293
|
*/
|
|
294
294
|
if (intTotalPage <= btnNum) {
|
|
295
295
|
return index;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
#Easy3wMGridPage {
|
|
2
|
-
.easy3wMGridPageStepper {
|
|
3
|
-
display: flex;
|
|
4
|
-
flex-direction: column;
|
|
5
|
-
align-items: flex-end;
|
|
6
|
-
}
|
|
1
|
+
#Easy3wMGridPage {
|
|
2
|
+
.easy3wMGridPageStepper {
|
|
3
|
+
display: flex;
|
|
4
|
+
flex-direction: column;
|
|
5
|
+
align-items: flex-end;
|
|
6
|
+
}
|
|
7
7
|
}
|
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
#Easy3wMInsideLayout {
|
|
2
|
-
overflow: hidden;
|
|
3
|
-
// .content {
|
|
4
|
-
// margin-top: 42px;
|
|
5
|
-
// }
|
|
6
|
-
.titleList {
|
|
7
|
-
background: var(--adm-color-primary);
|
|
8
|
-
color: var(--adm-color-white);
|
|
9
|
-
font-size: var(--adm-font-size-8);
|
|
10
|
-
position: fixed;
|
|
11
|
-
height: 42px;
|
|
12
|
-
text-align: center;
|
|
13
|
-
line-height: 42px;
|
|
14
|
-
top: 0;
|
|
15
|
-
z-index: 10;
|
|
16
|
-
width: 100%;
|
|
17
|
-
.easy_backIcon {
|
|
18
|
-
font-size: var(--adm-font-size-8);
|
|
19
|
-
color: #fff;
|
|
20
|
-
position: absolute;
|
|
21
|
-
padding-left: 20px;
|
|
22
|
-
text-align: left;
|
|
23
|
-
top: 0;
|
|
24
|
-
left: 0;
|
|
25
|
-
z-index: 11;
|
|
26
|
-
height: 42px;
|
|
27
|
-
line-height: 60px;
|
|
28
|
-
width: 30%;
|
|
29
|
-
}
|
|
30
|
-
}
|
|
1
|
+
#Easy3wMInsideLayout {
|
|
2
|
+
overflow: hidden;
|
|
3
|
+
// .content {
|
|
4
|
+
// margin-top: 42px;
|
|
5
|
+
// }
|
|
6
|
+
.titleList {
|
|
7
|
+
background: var(--adm-color-primary);
|
|
8
|
+
color: var(--adm-color-white);
|
|
9
|
+
font-size: var(--adm-font-size-8);
|
|
10
|
+
position: fixed;
|
|
11
|
+
height: 42px;
|
|
12
|
+
text-align: center;
|
|
13
|
+
line-height: 42px;
|
|
14
|
+
top: 0;
|
|
15
|
+
z-index: 10;
|
|
16
|
+
width: 100%;
|
|
17
|
+
.easy_backIcon {
|
|
18
|
+
font-size: var(--adm-font-size-8);
|
|
19
|
+
color: #fff;
|
|
20
|
+
position: absolute;
|
|
21
|
+
padding-left: 20px;
|
|
22
|
+
text-align: left;
|
|
23
|
+
top: 0;
|
|
24
|
+
left: 0;
|
|
25
|
+
z-index: 11;
|
|
26
|
+
height: 42px;
|
|
27
|
+
line-height: 60px;
|
|
28
|
+
width: 30%;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
31
|
}
|
|
@@ -84,21 +84,21 @@ var Easy3wMPagination = function (_PureComponent) {
|
|
|
84
84
|
|
|
85
85
|
_this.touchCreatePageNum = function (intTotalPage, offset, index) {
|
|
86
86
|
var btnNum = intTotalPage > 999 ? 5 : 7;
|
|
87
|
-
/*
|
|
88
|
-
intTotalPage 总页数
|
|
89
|
-
offset 当前分页
|
|
90
|
-
btnNum 按钮数量
|
|
91
|
-
|
|
92
|
-
<,1,2,3,4,5,6,7,> 删除6,7
|
|
93
|
-
|
|
94
|
-
offset - 3 <= 1
|
|
95
|
-
<,1,2,3,4,5,+5,intTotalPage,> 删除第三及倒数第三个按钮
|
|
96
|
-
|
|
97
|
-
offset - 3 > 1 && offset + 3 < intTotalPage
|
|
98
|
-
<,1,-5,6,7,8,+5,intTotalPage,> 删除第三及倒数第三个按钮
|
|
99
|
-
|
|
100
|
-
offset - 3 > 1 && offset + 3 >= intTotalPage
|
|
101
|
-
<,1,-5,6,7,8,9,intTotalPage,> 删除第三及倒数第三个按钮
|
|
87
|
+
/*
|
|
88
|
+
intTotalPage 总页数
|
|
89
|
+
offset 当前分页
|
|
90
|
+
btnNum 按钮数量
|
|
91
|
+
intTotalPage <= btnNum
|
|
92
|
+
<,1,2,3,4,5,6,7,> 删除6,7
|
|
93
|
+
intTotalPage > btnNum
|
|
94
|
+
offset - 3 <= 1
|
|
95
|
+
<,1,2,3,4,5,+5,intTotalPage,> 删除第三及倒数第三个按钮
|
|
96
|
+
intTotalPage > btnNum
|
|
97
|
+
offset - 3 > 1 && offset + 3 < intTotalPage
|
|
98
|
+
<,1,-5,6,7,8,+5,intTotalPage,> 删除第三及倒数第三个按钮
|
|
99
|
+
intTotalPage > btnNum
|
|
100
|
+
offset - 3 > 1 && offset + 3 >= intTotalPage
|
|
101
|
+
<,1,-5,6,7,8,9,intTotalPage,> 删除第三及倒数第三个按钮
|
|
102
102
|
*/
|
|
103
103
|
if (intTotalPage <= btnNum) {
|
|
104
104
|
return index;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
#Easy3wMSpin { // 锁屏加载
|
|
2
|
-
position: fixed;
|
|
3
|
-
background: rgba(255, 255, 255, 0);
|
|
4
|
-
top: 0;
|
|
5
|
-
bottom: 0;
|
|
6
|
-
left: 0;
|
|
7
|
-
right: 0;
|
|
8
|
-
z-index: 9999;
|
|
9
|
-
.spinLoading { // 内容
|
|
10
|
-
position: relative;
|
|
11
|
-
left: 50%;
|
|
12
|
-
top: 50%;
|
|
13
|
-
--size: 48px;
|
|
14
|
-
}
|
|
1
|
+
#Easy3wMSpin { // 锁屏加载
|
|
2
|
+
position: fixed;
|
|
3
|
+
background: rgba(255, 255, 255, 0);
|
|
4
|
+
top: 0;
|
|
5
|
+
bottom: 0;
|
|
6
|
+
left: 0;
|
|
7
|
+
right: 0;
|
|
8
|
+
z-index: 9999;
|
|
9
|
+
.spinLoading { // 内容
|
|
10
|
+
position: relative;
|
|
11
|
+
left: 50%;
|
|
12
|
+
top: 50%;
|
|
13
|
+
--size: 48px;
|
|
14
|
+
}
|
|
15
15
|
}
|
|
@@ -71,21 +71,21 @@ var Easy3wMTable = function (_PureComponent) {
|
|
|
71
71
|
|
|
72
72
|
_this.touchCreatePageNum = function (intTotalPage, offset, index) {
|
|
73
73
|
var btnNum = intTotalPage > 999 ? 5 : 7;
|
|
74
|
-
/*
|
|
75
|
-
intTotalPage 总页数
|
|
76
|
-
offset 当前分页
|
|
77
|
-
btnNum 按钮数量
|
|
78
|
-
|
|
79
|
-
<,1,2,3,4,5,6,7,> 删除6,7
|
|
80
|
-
|
|
81
|
-
offset - 3 <= 1
|
|
82
|
-
<,1,2,3,4,5,+5,intTotalPage,> 删除第三及倒数第三个按钮
|
|
83
|
-
|
|
84
|
-
offset - 3 > 1 && offset + 3 < intTotalPage
|
|
85
|
-
<,1,-5,6,7,8,+5,intTotalPage,> 删除第三及倒数第三个按钮
|
|
86
|
-
|
|
87
|
-
offset - 3 > 1 && offset + 3 >= intTotalPage
|
|
88
|
-
<,1,-5,6,7,8,9,intTotalPage,> 删除第三及倒数第三个按钮
|
|
74
|
+
/*
|
|
75
|
+
intTotalPage 总页数
|
|
76
|
+
offset 当前分页
|
|
77
|
+
btnNum 按钮数量
|
|
78
|
+
intTotalPage <= btnNum
|
|
79
|
+
<,1,2,3,4,5,6,7,> 删除6,7
|
|
80
|
+
intTotalPage > btnNum
|
|
81
|
+
offset - 3 <= 1
|
|
82
|
+
<,1,2,3,4,5,+5,intTotalPage,> 删除第三及倒数第三个按钮
|
|
83
|
+
intTotalPage > btnNum
|
|
84
|
+
offset - 3 > 1 && offset + 3 < intTotalPage
|
|
85
|
+
<,1,-5,6,7,8,+5,intTotalPage,> 删除第三及倒数第三个按钮
|
|
86
|
+
intTotalPage > btnNum
|
|
87
|
+
offset - 3 > 1 && offset + 3 >= intTotalPage
|
|
88
|
+
<,1,-5,6,7,8,9,intTotalPage,> 删除第三及倒数第三个按钮
|
|
89
89
|
*/
|
|
90
90
|
if (intTotalPage <= btnNum) {
|
|
91
91
|
return index;
|
|
@@ -276,7 +276,6 @@ var Easy3wMTable = function (_PureComponent) {
|
|
|
276
276
|
};
|
|
277
277
|
|
|
278
278
|
_this.showModal = function () {
|
|
279
|
-
console.log('queryCriteria', _this.searchInfo);
|
|
280
279
|
_this.state.form.setFieldsValue((0, _extends3['default'])({}, _this.searchInfo));
|
|
281
280
|
_this.setState({
|
|
282
281
|
visible: true // 显示更多筛选条件Modal
|
|
@@ -419,6 +418,7 @@ var Easy3wMTable = function (_PureComponent) {
|
|
|
419
418
|
offset = _state.offset,
|
|
420
419
|
visible = _state.visible;
|
|
421
420
|
var _props = this.props,
|
|
421
|
+
listHeight = _props.listHeight,
|
|
422
422
|
columns = _props.columns,
|
|
423
423
|
intData = _props.intData,
|
|
424
424
|
arrData = _props.arrData,
|
|
@@ -428,6 +428,7 @@ var Easy3wMTable = function (_PureComponent) {
|
|
|
428
428
|
arrFilter = _props.arrFilter;
|
|
429
429
|
// columns 表头 arr intData 数量 num arrData 数据 arr needPaginationFlag 分页标识 bool paginationNumBtnFlag 分页数字按钮标识 bool handleSearch 查询方法 fun
|
|
430
430
|
// dropUpFlipFlag 上拉翻页标识 bool bidPureComponent 将this传递出去 fun queryCriteria 关键字 str
|
|
431
|
+
// listHeight 列表高
|
|
431
432
|
|
|
432
433
|
var intTotalPage = Math.ceil(intData / 10);
|
|
433
434
|
var btn2 = this.touchCreatePageNum(intTotalPage, offset, 2);
|
|
@@ -451,6 +452,14 @@ var Easy3wMTable = function (_PureComponent) {
|
|
|
451
452
|
return _this2.hideModal();
|
|
452
453
|
}
|
|
453
454
|
}];
|
|
455
|
+
var listStyle = {};
|
|
456
|
+
if (listHeight) {
|
|
457
|
+
listStyle = {
|
|
458
|
+
height: listHeight,
|
|
459
|
+
// height: 'calc(100vh - 363px)',
|
|
460
|
+
overflow: 'auto'
|
|
461
|
+
};
|
|
462
|
+
}
|
|
454
463
|
return _react2['default'].createElement(
|
|
455
464
|
'div',
|
|
456
465
|
{ id: 'Easy3wMTable' },
|
|
@@ -458,10 +467,10 @@ var Easy3wMTable = function (_PureComponent) {
|
|
|
458
467
|
_react2['default'].createElement(
|
|
459
468
|
'div',
|
|
460
469
|
{ className: 'flipContainer' },
|
|
461
|
-
_react2['default'].createElement(
|
|
470
|
+
queryCriteria ? _react2['default'].createElement(
|
|
462
471
|
_easy3wmui.Easy3wMList,
|
|
463
472
|
null,
|
|
464
|
-
|
|
473
|
+
_react2['default'].createElement(Item, {
|
|
465
474
|
className: 'queryCriteria',
|
|
466
475
|
extra: arrFilter && arrFilter.length ? _react2['default'].createElement(
|
|
467
476
|
'div',
|
|
@@ -502,7 +511,11 @@ var Easy3wMTable = function (_PureComponent) {
|
|
|
502
511
|
} // 点击取消按钮时触发
|
|
503
512
|
, value: this.state[queryCriteria]
|
|
504
513
|
})
|
|
505
|
-
})
|
|
514
|
+
})
|
|
515
|
+
) : '',
|
|
516
|
+
_react2['default'].createElement(
|
|
517
|
+
_easy3wmui.Easy3wMList,
|
|
518
|
+
{ id: 'Easy3wMTableList', style: listStyle },
|
|
506
519
|
arrData ? arrData.map(function (item, index) {
|
|
507
520
|
return _react2['default'].createElement(
|
|
508
521
|
Item,
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
#Easy3wMUserLayout {
|
|
2
|
-
display: flex;
|
|
3
|
-
flex-direction: column;
|
|
4
|
-
height: 100%;
|
|
5
|
-
.Easy3wMUserLayoutContent { // 内容
|
|
6
|
-
background-color: #f0f2f5;
|
|
7
|
-
width: 100%;
|
|
8
|
-
// min-height: 100%;
|
|
9
|
-
background-repeat: no-repeat;
|
|
10
|
-
background-position: center;
|
|
11
|
-
background-size: 100%;
|
|
12
|
-
padding: 40px 0 0 0;
|
|
13
|
-
flex-grow: 1;
|
|
14
|
-
}
|
|
1
|
+
#Easy3wMUserLayout {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
height: 100%;
|
|
5
|
+
.Easy3wMUserLayoutContent { // 内容
|
|
6
|
+
background-color: #f0f2f5;
|
|
7
|
+
width: 100%;
|
|
8
|
+
// min-height: 100%;
|
|
9
|
+
background-repeat: no-repeat;
|
|
10
|
+
background-position: center;
|
|
11
|
+
background-size: 100%;
|
|
12
|
+
padding: 40px 0 0 0;
|
|
13
|
+
flex-grow: 1;
|
|
14
|
+
}
|
|
15
15
|
}
|
package/package.json
CHANGED
|
@@ -1,118 +1,118 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "easy3wmui",
|
|
3
|
-
"version": "0.0.
|
|
4
|
-
"description": "easy3wmui components for react",
|
|
5
|
-
"keywords": [
|
|
6
|
-
"react",
|
|
7
|
-
"easy3wmui"
|
|
8
|
-
],
|
|
9
|
-
"homepage": "https://github.com/alsmill/easy3wMUI",
|
|
10
|
-
"maintainers": [
|
|
11
|
-
"chenc@easy3w.com",
|
|
12
|
-
"zhanggl@easy3w.com"
|
|
13
|
-
],
|
|
14
|
-
"repository": {
|
|
15
|
-
"type": "git",
|
|
16
|
-
"url": "git@github.com:alsmill/easy3wMUI.git"
|
|
17
|
-
},
|
|
18
|
-
"bugs": {
|
|
19
|
-
"url": "https://github.com/alsmill/easy3wMUI/issues"
|
|
20
|
-
},
|
|
21
|
-
"files": [
|
|
22
|
-
"lib",
|
|
23
|
-
"assets/*.css"
|
|
24
|
-
],
|
|
25
|
-
"main": "lib/index",
|
|
26
|
-
"license": "上海同在互联网科技有限公司 版权所有",
|
|
27
|
-
"config": {
|
|
28
|
-
"port": 8006,
|
|
29
|
-
"entry": {
|
|
30
|
-
"easy3wmui": [
|
|
31
|
-
"./assets/index.less",
|
|
32
|
-
"./src/index.js"
|
|
33
|
-
]
|
|
34
|
-
}
|
|
35
|
-
},
|
|
36
|
-
"scripts": {
|
|
37
|
-
"build": "rc-tools run build",
|
|
38
|
-
"compile": "rc-tools run compile --babel-runtime",
|
|
39
|
-
"gh-pages": "rc-tools run gh-pages",
|
|
40
|
-
"start": "rc-tools --max_old_space_size=4096 run server",
|
|
41
|
-
"pub": "rc-tools run pub",
|
|
42
|
-
"lint": "rc-tools run lint",
|
|
43
|
-
"karma": "rc-test run karma",
|
|
44
|
-
"saucelabs": "rc-test run saucelabs",
|
|
45
|
-
"test": "rc-test run test",
|
|
46
|
-
"chrome-test": "rc-test run chrome-test",
|
|
47
|
-
"coverage": "rc-test run coverage"
|
|
48
|
-
},
|
|
49
|
-
"devDependencies": {
|
|
50
|
-
"axios": "^0.17.1",
|
|
51
|
-
"babel-eslint": "^8.0.1",
|
|
52
|
-
"babel-jest": "^21.0.0",
|
|
53
|
-
"babel-plugin-dva-hmr": "^0.3.2",
|
|
54
|
-
"babel-plugin-import": "^1.2.1",
|
|
55
|
-
"babel-plugin-transform-class-properties": "^6.24.1",
|
|
56
|
-
"babel-plugin-transform-decorators-legacy": "^1.3.4",
|
|
57
|
-
"babel-plugin-transform-runtime": "^6.9.0",
|
|
58
|
-
"babel-preset-env": "^1.6.1",
|
|
59
|
-
"babel-preset-react": "^6.24.1",
|
|
60
|
-
"babel-runtime": "^6.26.0",
|
|
61
|
-
"cross-env": "^5.1.1",
|
|
62
|
-
"cross-port-killer": "^1.0.1",
|
|
63
|
-
"dva": "^2.1.0",
|
|
64
|
-
"enzyme": "^3.1.0",
|
|
65
|
-
"enzyme-adapter-react-16": "^1.0.2",
|
|
66
|
-
"eslint": "^4.8.0",
|
|
67
|
-
"eslint-config-airbnb": "^16.0.0",
|
|
68
|
-
"eslint-plugin-babel": "^4.0.0",
|
|
69
|
-
"eslint-plugin-compat": "^2.1.0",
|
|
70
|
-
"eslint-plugin-import": "^2.2.0",
|
|
71
|
-
"eslint-plugin-jsx-a11y": "^6.0.0",
|
|
72
|
-
"eslint-plugin-markdown": "^1.0.0-beta.6",
|
|
73
|
-
"eslint-plugin-react": "^7.0.1",
|
|
74
|
-
"gh-pages": "^1.0.0",
|
|
75
|
-
"husky": "^0.14.3",
|
|
76
|
-
"jest": "^21.0.1",
|
|
77
|
-
"lint-staged": "^4.3.0",
|
|
78
|
-
"mockjs": "^1.0.1-beta3",
|
|
79
|
-
"numeral": "^2.0.6",
|
|
80
|
-
"crypto-js": "4.0.0",
|
|
81
|
-
"pre-commit": "1.x",
|
|
82
|
-
"prettier": "^1.9.0",
|
|
83
|
-
"pro-download": "^1.0.0",
|
|
84
|
-
"prop-types": "^15.5.8",
|
|
85
|
-
"rc-test": "^6.0.8",
|
|
86
|
-
"rc-tools": "^7.0.2",
|
|
87
|
-
"rc-trigger": "^2.2.2",
|
|
88
|
-
"react": "16.8.6",
|
|
89
|
-
"react-container-query": "^0.11.0",
|
|
90
|
-
"react-document-title": "^2.0.3",
|
|
91
|
-
"react-dom": "16.8.6",
|
|
92
|
-
"react-test-renderer": "^16.0.0",
|
|
93
|
-
"redbox-react": "^1.3.2",
|
|
94
|
-
"roadhog": "^2.5.0-beta.4",
|
|
95
|
-
"roadhog-api-doc": "^1.0.3",
|
|
96
|
-
"rollbar": "^2.3.1",
|
|
97
|
-
"stylelint": "^8.1.0",
|
|
98
|
-
"stylelint-config-standard": "^17.0.0",
|
|
99
|
-
"sockjs-client": "1.1.5"
|
|
100
|
-
},
|
|
101
|
-
"pre-commit": [
|
|
102
|
-
"lint"
|
|
103
|
-
],
|
|
104
|
-
"dependencies": {
|
|
105
|
-
"@hanyk/rc-viewer": "^0.0.3",
|
|
106
|
-
"antd-mobile": "5.34.0",
|
|
107
|
-
"braft-editor": "^2.3.8",
|
|
108
|
-
"lodash": "4.17.11",
|
|
109
|
-
"node-red": "^2.1.4",
|
|
110
|
-
"react-images": "^1.0.0",
|
|
111
|
-
"react-number-format": "^4.3.1",
|
|
112
|
-
"react-number-input": "^15.5.1",
|
|
113
|
-
"react-pdf": "^4.0.5",
|
|
114
|
-
"react-zmage": "^0.8.5",
|
|
115
|
-
"spark-md5": "^3.0.0",
|
|
116
|
-
"superagent": "^3.8.3"
|
|
117
|
-
}
|
|
118
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "easy3wmui",
|
|
3
|
+
"version": "0.0.45-beta1",
|
|
4
|
+
"description": "easy3wmui components for react",
|
|
5
|
+
"keywords": [
|
|
6
|
+
"react",
|
|
7
|
+
"easy3wmui"
|
|
8
|
+
],
|
|
9
|
+
"homepage": "https://github.com/alsmill/easy3wMUI",
|
|
10
|
+
"maintainers": [
|
|
11
|
+
"chenc@easy3w.com",
|
|
12
|
+
"zhanggl@easy3w.com"
|
|
13
|
+
],
|
|
14
|
+
"repository": {
|
|
15
|
+
"type": "git",
|
|
16
|
+
"url": "git@github.com:alsmill/easy3wMUI.git"
|
|
17
|
+
},
|
|
18
|
+
"bugs": {
|
|
19
|
+
"url": "https://github.com/alsmill/easy3wMUI/issues"
|
|
20
|
+
},
|
|
21
|
+
"files": [
|
|
22
|
+
"lib",
|
|
23
|
+
"assets/*.css"
|
|
24
|
+
],
|
|
25
|
+
"main": "lib/index",
|
|
26
|
+
"license": "上海同在互联网科技有限公司 版权所有",
|
|
27
|
+
"config": {
|
|
28
|
+
"port": 8006,
|
|
29
|
+
"entry": {
|
|
30
|
+
"easy3wmui": [
|
|
31
|
+
"./assets/index.less",
|
|
32
|
+
"./src/index.js"
|
|
33
|
+
]
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
"scripts": {
|
|
37
|
+
"build": "rc-tools run build",
|
|
38
|
+
"compile": "rc-tools run compile --babel-runtime",
|
|
39
|
+
"gh-pages": "rc-tools run gh-pages",
|
|
40
|
+
"start": "rc-tools --max_old_space_size=4096 run server",
|
|
41
|
+
"pub": "rc-tools run pub",
|
|
42
|
+
"lint": "rc-tools run lint",
|
|
43
|
+
"karma": "rc-test run karma",
|
|
44
|
+
"saucelabs": "rc-test run saucelabs",
|
|
45
|
+
"test": "rc-test run test",
|
|
46
|
+
"chrome-test": "rc-test run chrome-test",
|
|
47
|
+
"coverage": "rc-test run coverage"
|
|
48
|
+
},
|
|
49
|
+
"devDependencies": {
|
|
50
|
+
"axios": "^0.17.1",
|
|
51
|
+
"babel-eslint": "^8.0.1",
|
|
52
|
+
"babel-jest": "^21.0.0",
|
|
53
|
+
"babel-plugin-dva-hmr": "^0.3.2",
|
|
54
|
+
"babel-plugin-import": "^1.2.1",
|
|
55
|
+
"babel-plugin-transform-class-properties": "^6.24.1",
|
|
56
|
+
"babel-plugin-transform-decorators-legacy": "^1.3.4",
|
|
57
|
+
"babel-plugin-transform-runtime": "^6.9.0",
|
|
58
|
+
"babel-preset-env": "^1.6.1",
|
|
59
|
+
"babel-preset-react": "^6.24.1",
|
|
60
|
+
"babel-runtime": "^6.26.0",
|
|
61
|
+
"cross-env": "^5.1.1",
|
|
62
|
+
"cross-port-killer": "^1.0.1",
|
|
63
|
+
"dva": "^2.1.0",
|
|
64
|
+
"enzyme": "^3.1.0",
|
|
65
|
+
"enzyme-adapter-react-16": "^1.0.2",
|
|
66
|
+
"eslint": "^4.8.0",
|
|
67
|
+
"eslint-config-airbnb": "^16.0.0",
|
|
68
|
+
"eslint-plugin-babel": "^4.0.0",
|
|
69
|
+
"eslint-plugin-compat": "^2.1.0",
|
|
70
|
+
"eslint-plugin-import": "^2.2.0",
|
|
71
|
+
"eslint-plugin-jsx-a11y": "^6.0.0",
|
|
72
|
+
"eslint-plugin-markdown": "^1.0.0-beta.6",
|
|
73
|
+
"eslint-plugin-react": "^7.0.1",
|
|
74
|
+
"gh-pages": "^1.0.0",
|
|
75
|
+
"husky": "^0.14.3",
|
|
76
|
+
"jest": "^21.0.1",
|
|
77
|
+
"lint-staged": "^4.3.0",
|
|
78
|
+
"mockjs": "^1.0.1-beta3",
|
|
79
|
+
"numeral": "^2.0.6",
|
|
80
|
+
"crypto-js": "4.0.0",
|
|
81
|
+
"pre-commit": "1.x",
|
|
82
|
+
"prettier": "^1.9.0",
|
|
83
|
+
"pro-download": "^1.0.0",
|
|
84
|
+
"prop-types": "^15.5.8",
|
|
85
|
+
"rc-test": "^6.0.8",
|
|
86
|
+
"rc-tools": "^7.0.2",
|
|
87
|
+
"rc-trigger": "^2.2.2",
|
|
88
|
+
"react": "16.8.6",
|
|
89
|
+
"react-container-query": "^0.11.0",
|
|
90
|
+
"react-document-title": "^2.0.3",
|
|
91
|
+
"react-dom": "16.8.6",
|
|
92
|
+
"react-test-renderer": "^16.0.0",
|
|
93
|
+
"redbox-react": "^1.3.2",
|
|
94
|
+
"roadhog": "^2.5.0-beta.4",
|
|
95
|
+
"roadhog-api-doc": "^1.0.3",
|
|
96
|
+
"rollbar": "^2.3.1",
|
|
97
|
+
"stylelint": "^8.1.0",
|
|
98
|
+
"stylelint-config-standard": "^17.0.0",
|
|
99
|
+
"sockjs-client": "1.1.5"
|
|
100
|
+
},
|
|
101
|
+
"pre-commit": [
|
|
102
|
+
"lint"
|
|
103
|
+
],
|
|
104
|
+
"dependencies": {
|
|
105
|
+
"@hanyk/rc-viewer": "^0.0.3",
|
|
106
|
+
"antd-mobile": "5.34.0",
|
|
107
|
+
"braft-editor": "^2.3.8",
|
|
108
|
+
"lodash": "4.17.11",
|
|
109
|
+
"node-red": "^2.1.4",
|
|
110
|
+
"react-images": "^1.0.0",
|
|
111
|
+
"react-number-format": "^4.3.1",
|
|
112
|
+
"react-number-input": "^15.5.1",
|
|
113
|
+
"react-pdf": "^4.0.5",
|
|
114
|
+
"react-zmage": "^0.8.5",
|
|
115
|
+
"spark-md5": "^3.0.0",
|
|
116
|
+
"superagent": "^3.8.3"
|
|
117
|
+
}
|
|
118
|
+
}
|