easy3wmui 0.0.41 → 0.0.42-beta10
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 +34 -13
- package/assets/mFormPage.css +12 -0
- package/assets/mGridPage.css +7 -6
- package/assets/mLogin.css +5 -0
- 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.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/Easy3wMLogin/index.js +146 -24
- package/lib/Easy3wMSpin/index.less +13 -13
- package/lib/Easy3wMUserLayout/index.less +9 -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);
|
|
@@ -72,6 +66,16 @@
|
|
|
72
66
|
border-top: 0;
|
|
73
67
|
border-bottom: 0;
|
|
74
68
|
}
|
|
69
|
+
:root:root .adm-form .adm-list-item-content-extra {
|
|
70
|
+
padding: 12px 0;
|
|
71
|
+
}
|
|
72
|
+
:root:root .adm-form .adm-form-item.adm-form-item-horizontal .adm-list-item-content-extra {
|
|
73
|
+
-ms-flex-item-align: auto;
|
|
74
|
+
-ms-grid-row-align: auto;
|
|
75
|
+
align-self: auto;
|
|
76
|
+
line-height: 24px;
|
|
77
|
+
padding-left: 6px;
|
|
78
|
+
}
|
|
75
79
|
:root:root .adm-form .adm-form-footer {
|
|
76
80
|
padding: 12px;
|
|
77
81
|
}
|
|
@@ -183,7 +187,6 @@
|
|
|
183
187
|
background-repeat: no-repeat;
|
|
184
188
|
background-position: center;
|
|
185
189
|
background-size: 100%;
|
|
186
|
-
padding: 40px 0 0 0;
|
|
187
190
|
}
|
|
188
191
|
#Easy3wMCard .adm-card {
|
|
189
192
|
padding: 0;
|
|
@@ -209,6 +212,9 @@
|
|
|
209
212
|
border-bottom: var(--border-bottom);
|
|
210
213
|
margin-bottom: 12px;
|
|
211
214
|
}
|
|
215
|
+
#Easy3wMFormPage .adm-form-item-label {
|
|
216
|
+
line-height: 24px;
|
|
217
|
+
}
|
|
212
218
|
#Easy3wMFormPage .adm-list-item-content-main {
|
|
213
219
|
color: var(--adm-color-text);
|
|
214
220
|
text-align: right;
|
|
@@ -225,15 +231,25 @@
|
|
|
225
231
|
-ms-flex: none;
|
|
226
232
|
flex: none;
|
|
227
233
|
}
|
|
234
|
+
#Easy3wMFormPage .adm-picker-view-mask {
|
|
235
|
+
z-index: 1;
|
|
236
|
+
}
|
|
237
|
+
#Easy3wMFormPage .adm-stepper {
|
|
238
|
+
width: 100%;
|
|
239
|
+
}
|
|
240
|
+
#Easy3wMFormPage .adm-stepper .adm-input-element {
|
|
241
|
+
border: none;
|
|
242
|
+
}
|
|
228
243
|
#Easy3wMGridPage .easy3wMGridPageStepper {
|
|
229
244
|
display: -ms-flexbox;
|
|
230
245
|
display: flex;
|
|
231
|
-
-ms-flex-direction:
|
|
232
|
-
flex-direction:
|
|
233
|
-
-ms-flex-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
246
|
+
-ms-flex-direction: row;
|
|
247
|
+
flex-direction: row;
|
|
248
|
+
-ms-flex-pack: justify;
|
|
249
|
+
justify-content: space-between;
|
|
250
|
+
-ms-flex-align: center;
|
|
251
|
+
align-items: center;
|
|
252
|
+
background: #fff;
|
|
237
253
|
}
|
|
238
254
|
#Easy3wMGridPage .adm-collapse-panel-content > .adm-collapse-panel-content-inner > .adm-list-item > .adm-list-item-content > .adm-list-item-content-main {
|
|
239
255
|
-ms-flex: auto;
|
|
@@ -289,6 +305,7 @@
|
|
|
289
305
|
height: 40px;
|
|
290
306
|
border-radius: 4px;
|
|
291
307
|
padding: 0 12px;
|
|
308
|
+
border: 1px solid #d9d9d9;
|
|
292
309
|
}
|
|
293
310
|
#Easy3wMLogin .errorMsgReal {
|
|
294
311
|
background: #fff1f0;
|
|
@@ -320,3 +337,7 @@
|
|
|
320
337
|
border-left: 0;
|
|
321
338
|
background-color: transparent;
|
|
322
339
|
}
|
|
340
|
+
#Easy3wMLogin .forgotPassword {
|
|
341
|
+
text-align: right;
|
|
342
|
+
margin-bottom: 24px;
|
|
343
|
+
}
|
package/assets/mFormPage.css
CHANGED
|
@@ -12,6 +12,9 @@
|
|
|
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;
|
|
@@ -28,3 +31,12 @@
|
|
|
28
31
|
-ms-flex: none;
|
|
29
32
|
flex: none;
|
|
30
33
|
}
|
|
34
|
+
#Easy3wMFormPage .adm-picker-view-mask {
|
|
35
|
+
z-index: 1;
|
|
36
|
+
}
|
|
37
|
+
#Easy3wMFormPage .adm-stepper {
|
|
38
|
+
width: 100%;
|
|
39
|
+
}
|
|
40
|
+
#Easy3wMFormPage .adm-stepper .adm-input-element {
|
|
41
|
+
border: none;
|
|
42
|
+
}
|
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,7 @@
|
|
|
45
46
|
border-left: 0;
|
|
46
47
|
background-color: transparent;
|
|
47
48
|
}
|
|
49
|
+
#Easy3wMLogin .forgotPassword {
|
|
50
|
+
text-align: right;
|
|
51
|
+
margin-bottom: 24px;
|
|
52
|
+
}
|
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() {
|