easy3wmui 0.0.42-beta2 → 0.0.42-beta21
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/index.css +45 -24
- package/assets/mFormPage.css +16 -0
- package/assets/mGridPage.css +7 -6
- package/assets/mLogin.css +11 -0
- package/assets/mSpin.css +9 -11
- package/assets/mUserLayout.css +0 -1
- package/lib/Easy3wMButton/index.less +3 -3
- package/lib/Easy3wMCaptcha/index.js +80 -80
- package/lib/Easy3wMCard/index.less +3 -3
- package/lib/Easy3wMDownLoad/index.js +1 -1
- package/lib/Easy3wMFormPage/index.js +420 -417
- package/lib/Easy3wMFormPage/index.less +45 -45
- package/lib/Easy3wMGlobalFooter/index.js +3 -3
- package/lib/Easy3wMGlobalFooter/index.less +1 -1
- package/lib/Easy3wMGridPage/index copy.js +298 -0
- package/lib/Easy3wMGridPage/index.js +285 -247
- package/lib/Easy3wMGridPage/index.less +5 -5
- package/lib/Easy3wMInsideLayout/index.js +3 -1
- package/lib/Easy3wMLogin/index.js +162 -19
- package/lib/Easy3wMSpin/index.js +6 -9
- package/lib/Easy3wMSpin/index.less +13 -13
- package/lib/Easy3wMUserLayout/index.js +2 -0
- package/lib/Easy3wMUserLayout/index.less +11 -9
- package/package.json +1 -1
package/assets/index.css
CHANGED
|
@@ -23,9 +23,6 @@
|
|
|
23
23
|
:root:root .adm-input {
|
|
24
24
|
--font-size: var(--adm-font-size-4);
|
|
25
25
|
}
|
|
26
|
-
:root:root .adm-input-element {
|
|
27
|
-
border: 1px solid #d9d9d9;
|
|
28
|
-
}
|
|
29
26
|
:root:root .adm-input-element:focus,
|
|
30
27
|
:root:root .adm-input-element:hover {
|
|
31
28
|
border-color: var(--adm-color-primary);
|
|
@@ -33,9 +30,6 @@
|
|
|
33
30
|
:root:root .adm-text-area {
|
|
34
31
|
--font-size: var(--adm-font-size-4);
|
|
35
32
|
}
|
|
36
|
-
:root:root .adm-text-area-element {
|
|
37
|
-
border: 1px solid #d9d9d9;
|
|
38
|
-
}
|
|
39
33
|
:root:root .adm-text-area-element:focus,
|
|
40
34
|
:root:root .adm-text-area-element:hover {
|
|
41
35
|
border-color: var(--adm-color-primary);
|
|
@@ -79,6 +73,8 @@
|
|
|
79
73
|
-ms-flex-item-align: auto;
|
|
80
74
|
-ms-grid-row-align: auto;
|
|
81
75
|
align-self: auto;
|
|
76
|
+
line-height: 24px;
|
|
77
|
+
padding-left: 6px;
|
|
82
78
|
}
|
|
83
79
|
:root:root .adm-form .adm-form-footer {
|
|
84
80
|
padding: 12px;
|
|
@@ -171,18 +167,16 @@
|
|
|
171
167
|
}
|
|
172
168
|
#Easy3wMSpin {
|
|
173
169
|
position: fixed;
|
|
174
|
-
background:
|
|
175
|
-
top:
|
|
176
|
-
|
|
177
|
-
left:
|
|
178
|
-
right: 0;
|
|
170
|
+
background: #fff;
|
|
171
|
+
top: 92px;
|
|
172
|
+
left: 49%;
|
|
173
|
+
margin-left: -69px;
|
|
179
174
|
z-index: 9999;
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
--size: 48px;
|
|
175
|
+
text-align: center;
|
|
176
|
+
padding: 12px 24px;
|
|
177
|
+
color: var(--adm-color-primary);
|
|
178
|
+
border-radius: 2px;
|
|
179
|
+
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
|
|
186
180
|
}
|
|
187
181
|
#Easy3wMUserLayout .Easy3wMUserLayoutContent {
|
|
188
182
|
background-color: #f0f2f5;
|
|
@@ -191,7 +185,6 @@
|
|
|
191
185
|
background-repeat: no-repeat;
|
|
192
186
|
background-position: center;
|
|
193
187
|
background-size: 100%;
|
|
194
|
-
padding: 40px 0 0 0;
|
|
195
188
|
}
|
|
196
189
|
#Easy3wMCard .adm-card {
|
|
197
190
|
padding: 0;
|
|
@@ -217,9 +210,13 @@
|
|
|
217
210
|
border-bottom: var(--border-bottom);
|
|
218
211
|
margin-bottom: 12px;
|
|
219
212
|
}
|
|
213
|
+
#Easy3wMFormPage .adm-form-item-label {
|
|
214
|
+
line-height: 24px;
|
|
215
|
+
}
|
|
220
216
|
#Easy3wMFormPage .adm-list-item-content-main {
|
|
221
217
|
color: var(--adm-color-text);
|
|
222
218
|
text-align: right;
|
|
219
|
+
line-height: 24px;
|
|
223
220
|
}
|
|
224
221
|
#Easy3wMFormPage .adm-list-item-content-prefix {
|
|
225
222
|
width: auto;
|
|
@@ -233,15 +230,28 @@
|
|
|
233
230
|
-ms-flex: none;
|
|
234
231
|
flex: none;
|
|
235
232
|
}
|
|
233
|
+
#Easy3wMFormPage .adm-picker-view-mask {
|
|
234
|
+
z-index: 1;
|
|
235
|
+
}
|
|
236
|
+
#Easy3wMFormPage .adm-stepper {
|
|
237
|
+
width: 100%;
|
|
238
|
+
}
|
|
239
|
+
#Easy3wMFormPage .adm-stepper .adm-input-element {
|
|
240
|
+
border: none;
|
|
241
|
+
}
|
|
242
|
+
#Easy3wMFormPage .adm-text-area-element {
|
|
243
|
+
line-height: inherit;
|
|
244
|
+
}
|
|
236
245
|
#Easy3wMGridPage .easy3wMGridPageStepper {
|
|
237
246
|
display: -ms-flexbox;
|
|
238
247
|
display: flex;
|
|
239
|
-
-ms-flex-direction:
|
|
240
|
-
flex-direction:
|
|
241
|
-
-ms-flex-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
248
|
+
-ms-flex-direction: row;
|
|
249
|
+
flex-direction: row;
|
|
250
|
+
-ms-flex-pack: justify;
|
|
251
|
+
justify-content: space-between;
|
|
252
|
+
-ms-flex-align: center;
|
|
253
|
+
align-items: center;
|
|
254
|
+
background: #fff;
|
|
245
255
|
}
|
|
246
256
|
#Easy3wMGridPage .adm-collapse-panel-content > .adm-collapse-panel-content-inner > .adm-list-item > .adm-list-item-content > .adm-list-item-content-main {
|
|
247
257
|
-ms-flex: auto;
|
|
@@ -297,6 +307,7 @@
|
|
|
297
307
|
height: 40px;
|
|
298
308
|
border-radius: 4px;
|
|
299
309
|
padding: 0 12px;
|
|
310
|
+
border: 1px solid #d9d9d9;
|
|
300
311
|
}
|
|
301
312
|
#Easy3wMLogin .errorMsgReal {
|
|
302
313
|
background: #fff1f0;
|
|
@@ -328,3 +339,13 @@
|
|
|
328
339
|
border-left: 0;
|
|
329
340
|
background-color: transparent;
|
|
330
341
|
}
|
|
342
|
+
#Easy3wMLogin .funArea {
|
|
343
|
+
text-align: right;
|
|
344
|
+
margin-bottom: 24px;
|
|
345
|
+
}
|
|
346
|
+
#Easy3wMLogin .funArea > a {
|
|
347
|
+
padding-right: 12px;
|
|
348
|
+
}
|
|
349
|
+
#Easy3wMLogin .funArea > a:last-child {
|
|
350
|
+
padding-right: 0;
|
|
351
|
+
}
|
package/assets/mFormPage.css
CHANGED
|
@@ -12,9 +12,13 @@
|
|
|
12
12
|
border-bottom: var(--border-bottom);
|
|
13
13
|
margin-bottom: 12px;
|
|
14
14
|
}
|
|
15
|
+
#Easy3wMFormPage .adm-form-item-label {
|
|
16
|
+
line-height: 24px;
|
|
17
|
+
}
|
|
15
18
|
#Easy3wMFormPage .adm-list-item-content-main {
|
|
16
19
|
color: var(--adm-color-text);
|
|
17
20
|
text-align: right;
|
|
21
|
+
line-height: 24px;
|
|
18
22
|
}
|
|
19
23
|
#Easy3wMFormPage .adm-list-item-content-prefix {
|
|
20
24
|
width: auto;
|
|
@@ -28,3 +32,15 @@
|
|
|
28
32
|
-ms-flex: none;
|
|
29
33
|
flex: none;
|
|
30
34
|
}
|
|
35
|
+
#Easy3wMFormPage .adm-picker-view-mask {
|
|
36
|
+
z-index: 1;
|
|
37
|
+
}
|
|
38
|
+
#Easy3wMFormPage .adm-stepper {
|
|
39
|
+
width: 100%;
|
|
40
|
+
}
|
|
41
|
+
#Easy3wMFormPage .adm-stepper .adm-input-element {
|
|
42
|
+
border: none;
|
|
43
|
+
}
|
|
44
|
+
#Easy3wMFormPage .adm-text-area-element {
|
|
45
|
+
line-height: inherit;
|
|
46
|
+
}
|
package/assets/mGridPage.css
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
#Easy3wMGridPage .easy3wMGridPageStepper {
|
|
2
2
|
display: -ms-flexbox;
|
|
3
3
|
display: flex;
|
|
4
|
-
-ms-flex-direction:
|
|
5
|
-
flex-direction:
|
|
6
|
-
-ms-flex-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
4
|
+
-ms-flex-direction: row;
|
|
5
|
+
flex-direction: row;
|
|
6
|
+
-ms-flex-pack: justify;
|
|
7
|
+
justify-content: space-between;
|
|
8
|
+
-ms-flex-align: center;
|
|
9
|
+
align-items: center;
|
|
10
|
+
background: #fff;
|
|
10
11
|
}
|
|
11
12
|
#Easy3wMGridPage .adm-collapse-panel-content > .adm-collapse-panel-content-inner > .adm-list-item > .adm-list-item-content > .adm-list-item-content-main {
|
|
12
13
|
-ms-flex: auto;
|
package/assets/mLogin.css
CHANGED
|
@@ -14,6 +14,7 @@
|
|
|
14
14
|
height: 40px;
|
|
15
15
|
border-radius: 4px;
|
|
16
16
|
padding: 0 12px;
|
|
17
|
+
border: 1px solid #d9d9d9;
|
|
17
18
|
}
|
|
18
19
|
#Easy3wMLogin .errorMsgReal {
|
|
19
20
|
background: #fff1f0;
|
|
@@ -45,3 +46,13 @@
|
|
|
45
46
|
border-left: 0;
|
|
46
47
|
background-color: transparent;
|
|
47
48
|
}
|
|
49
|
+
#Easy3wMLogin .funArea {
|
|
50
|
+
text-align: right;
|
|
51
|
+
margin-bottom: 24px;
|
|
52
|
+
}
|
|
53
|
+
#Easy3wMLogin .funArea > a {
|
|
54
|
+
padding-right: 12px;
|
|
55
|
+
}
|
|
56
|
+
#Easy3wMLogin .funArea > a:last-child {
|
|
57
|
+
padding-right: 0;
|
|
58
|
+
}
|
package/assets/mSpin.css
CHANGED
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
#Easy3wMSpin {
|
|
2
2
|
position: fixed;
|
|
3
|
-
background:
|
|
4
|
-
top:
|
|
5
|
-
|
|
6
|
-
left:
|
|
7
|
-
right: 0;
|
|
3
|
+
background: #fff;
|
|
4
|
+
top: 92px;
|
|
5
|
+
left: 49%;
|
|
6
|
+
margin-left: -69px;
|
|
8
7
|
z-index: 9999;
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
--size: 48px;
|
|
8
|
+
text-align: center;
|
|
9
|
+
padding: 12px 24px;
|
|
10
|
+
color: var(--adm-color-primary);
|
|
11
|
+
border-radius: 2px;
|
|
12
|
+
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
|
|
15
13
|
}
|
package/assets/mUserLayout.css
CHANGED
|
@@ -31,91 +31,91 @@ var _antdMobile = require('antd-mobile');
|
|
|
31
31
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
|
32
32
|
|
|
33
33
|
var Easy3wMCaptcha = function (_Component) {
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
34
|
+
(0, _inherits3['default'])(Easy3wMCaptcha, _Component);
|
|
35
|
+
|
|
36
|
+
function Easy3wMCaptcha(props) {
|
|
37
|
+
(0, _classCallCheck3['default'])(this, Easy3wMCaptcha);
|
|
38
|
+
|
|
39
|
+
var _this = (0, _possibleConstructorReturn3['default'])(this, _Component.call(this, props));
|
|
40
|
+
|
|
41
|
+
_this.renderCode = function () {
|
|
42
|
+
var expression = '';
|
|
43
|
+
var result = '';
|
|
44
|
+
if (_this.props.captchaType === 'Calculation') {
|
|
45
|
+
// 计算
|
|
46
|
+
result = 0;
|
|
47
|
+
var Calpre = Math.round(Math.random() * 100);
|
|
48
|
+
var Calafter = Math.round(Math.random() * 100);
|
|
49
|
+
var codeCal = ['-', '+', 'x'];
|
|
50
|
+
var i = Math.round(Math.random() * 2);
|
|
51
|
+
switch (codeCal[i]) {
|
|
52
|
+
case '-':
|
|
53
|
+
expression = Calpre + '-' + Calafter;
|
|
54
|
+
result = Calpre - Calafter;
|
|
55
|
+
break;
|
|
56
|
+
case '+':
|
|
57
|
+
expression = Calpre + '+' + Calafter;
|
|
58
|
+
result = Calpre + Calafter;
|
|
59
|
+
break;
|
|
60
|
+
case 'x':
|
|
61
|
+
expression = Calpre + 'x' + Calafter;
|
|
62
|
+
result = Calpre * Calafter;
|
|
63
|
+
break;
|
|
64
|
+
default:
|
|
65
|
+
break;
|
|
66
|
+
}
|
|
67
|
+
} else if (_this.props.captchaType === 'Normal') {
|
|
68
|
+
// 正常
|
|
69
|
+
result = '';
|
|
70
|
+
var strBx = 'ABCDEFGHJKMNPQRSTUVWXYZabcdefghjkmnpqrstuvwxyz23456789';
|
|
71
|
+
var codeNormal = strBx.split('');
|
|
72
|
+
for (var _i = 0; _i < _this.props.csize; _i += 1) {
|
|
73
|
+
result += codeNormal[Math.round(Math.random() * (strBx.length - 1))];
|
|
74
|
+
}
|
|
75
|
+
expression = result.toLowerCase(); // 表达式小写化
|
|
76
|
+
}
|
|
77
|
+
_this.props.touchCaptchaResult(expression); // 将验证码返回给调用组件
|
|
78
|
+
_this.setState({
|
|
79
|
+
expression: expression
|
|
80
|
+
});
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
_this.state = {
|
|
84
|
+
expression: '' // 表达示
|
|
85
|
+
};
|
|
86
|
+
return _this;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
Easy3wMCaptcha.prototype.componentDidMount = function componentDidMount() {
|
|
90
|
+
this.renderCode();
|
|
91
|
+
};
|
|
92
|
+
// 生成随机码
|
|
93
|
+
|
|
94
|
+
|
|
95
|
+
Easy3wMCaptcha.prototype.render = function render() {
|
|
96
|
+
var expression = this.state.expression;
|
|
97
|
+
|
|
98
|
+
return _react2['default'].createElement(
|
|
99
|
+
_button2['default'],
|
|
100
|
+
{
|
|
101
|
+
size: 'small',
|
|
102
|
+
onClick: this.renderCode,
|
|
103
|
+
htmlType: 'button'
|
|
104
|
+
},
|
|
105
|
+
expression
|
|
106
|
+
);
|
|
107
|
+
};
|
|
108
|
+
|
|
109
|
+
return Easy3wMCaptcha;
|
|
110
110
|
}(_react.Component);
|
|
111
111
|
|
|
112
112
|
Easy3wMCaptcha.defaultProps = {
|
|
113
|
-
|
|
114
|
-
|
|
113
|
+
csize: 4, // 验证码长度
|
|
114
|
+
captchaType: 'Normal' // 正常验证码类型
|
|
115
115
|
};
|
|
116
116
|
Easy3wMCaptcha.propTypes = { // 限制变量类型
|
|
117
|
-
|
|
118
|
-
|
|
117
|
+
csize: _propTypes2['default'].number,
|
|
118
|
+
captchaType: _propTypes2['default'].oneOf(['Calculation', 'Normal'])
|
|
119
119
|
};
|
|
120
120
|
exports['default'] = Easy3wMCaptcha;
|
|
121
121
|
module.exports = exports['default'];
|
|
@@ -190,7 +190,7 @@ var Easy3wMDownLoad = function (_Component) {
|
|
|
190
190
|
'a',
|
|
191
191
|
{ onClick: function onClick() {
|
|
192
192
|
return _this2.onPreview(obj, url);
|
|
193
|
-
}, style: {
|
|
193
|
+
}, style: { paddingRight: '12px' } },
|
|
194
194
|
name
|
|
195
195
|
),
|
|
196
196
|
_react2['default'].createElement(_antdMobileIcons.ArrowDownCircleOutline, { onClick: function onClick() {
|