easy3wmui 0.0.42-beta2 → 0.0.42-beta20
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 +44 -24
- package/assets/mFormPage.css +16 -0
- package/assets/mGlobalFooter.css +5 -0
- package/assets/mGridPage.css +7 -6
- package/assets/mLogin.css +5 -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 +4 -2
- 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 +141 -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 +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);
|
|
@@ -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;
|
|
@@ -138,6 +134,11 @@
|
|
|
138
134
|
#Easy3wMGlobalFooter {
|
|
139
135
|
text-align: center;
|
|
140
136
|
}
|
|
137
|
+
#Easy3wMGlobalFooter.bottomFixed {
|
|
138
|
+
width: 100%;
|
|
139
|
+
position: fixed;
|
|
140
|
+
bottom: 0;
|
|
141
|
+
}
|
|
141
142
|
#Easy3wMInsideLayout {
|
|
142
143
|
overflow: hidden;
|
|
143
144
|
}
|
|
@@ -171,18 +172,16 @@
|
|
|
171
172
|
}
|
|
172
173
|
#Easy3wMSpin {
|
|
173
174
|
position: fixed;
|
|
174
|
-
background:
|
|
175
|
-
top:
|
|
176
|
-
|
|
177
|
-
left:
|
|
178
|
-
right: 0;
|
|
175
|
+
background: #fff;
|
|
176
|
+
top: 92px;
|
|
177
|
+
left: 49%;
|
|
178
|
+
margin-left: -69px;
|
|
179
179
|
z-index: 9999;
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
--size: 48px;
|
|
180
|
+
text-align: center;
|
|
181
|
+
padding: 12px 24px;
|
|
182
|
+
color: var(--adm-color-primary);
|
|
183
|
+
border-radius: 2px;
|
|
184
|
+
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
185
|
}
|
|
187
186
|
#Easy3wMUserLayout .Easy3wMUserLayoutContent {
|
|
188
187
|
background-color: #f0f2f5;
|
|
@@ -191,7 +190,6 @@
|
|
|
191
190
|
background-repeat: no-repeat;
|
|
192
191
|
background-position: center;
|
|
193
192
|
background-size: 100%;
|
|
194
|
-
padding: 40px 0 0 0;
|
|
195
193
|
}
|
|
196
194
|
#Easy3wMCard .adm-card {
|
|
197
195
|
padding: 0;
|
|
@@ -217,9 +215,13 @@
|
|
|
217
215
|
border-bottom: var(--border-bottom);
|
|
218
216
|
margin-bottom: 12px;
|
|
219
217
|
}
|
|
218
|
+
#Easy3wMFormPage .adm-form-item-label {
|
|
219
|
+
line-height: 24px;
|
|
220
|
+
}
|
|
220
221
|
#Easy3wMFormPage .adm-list-item-content-main {
|
|
221
222
|
color: var(--adm-color-text);
|
|
222
223
|
text-align: right;
|
|
224
|
+
line-height: 24px;
|
|
223
225
|
}
|
|
224
226
|
#Easy3wMFormPage .adm-list-item-content-prefix {
|
|
225
227
|
width: auto;
|
|
@@ -233,15 +235,28 @@
|
|
|
233
235
|
-ms-flex: none;
|
|
234
236
|
flex: none;
|
|
235
237
|
}
|
|
238
|
+
#Easy3wMFormPage .adm-picker-view-mask {
|
|
239
|
+
z-index: 1;
|
|
240
|
+
}
|
|
241
|
+
#Easy3wMFormPage .adm-stepper {
|
|
242
|
+
width: 100%;
|
|
243
|
+
}
|
|
244
|
+
#Easy3wMFormPage .adm-stepper .adm-input-element {
|
|
245
|
+
border: none;
|
|
246
|
+
}
|
|
247
|
+
#Easy3wMFormPage .adm-text-area-element {
|
|
248
|
+
line-height: inherit;
|
|
249
|
+
}
|
|
236
250
|
#Easy3wMGridPage .easy3wMGridPageStepper {
|
|
237
251
|
display: -ms-flexbox;
|
|
238
252
|
display: flex;
|
|
239
|
-
-ms-flex-direction:
|
|
240
|
-
flex-direction:
|
|
241
|
-
-ms-flex-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
253
|
+
-ms-flex-direction: row;
|
|
254
|
+
flex-direction: row;
|
|
255
|
+
-ms-flex-pack: justify;
|
|
256
|
+
justify-content: space-between;
|
|
257
|
+
-ms-flex-align: center;
|
|
258
|
+
align-items: center;
|
|
259
|
+
background: #fff;
|
|
245
260
|
}
|
|
246
261
|
#Easy3wMGridPage .adm-collapse-panel-content > .adm-collapse-panel-content-inner > .adm-list-item > .adm-list-item-content > .adm-list-item-content-main {
|
|
247
262
|
-ms-flex: auto;
|
|
@@ -297,6 +312,7 @@
|
|
|
297
312
|
height: 40px;
|
|
298
313
|
border-radius: 4px;
|
|
299
314
|
padding: 0 12px;
|
|
315
|
+
border: 1px solid #d9d9d9;
|
|
300
316
|
}
|
|
301
317
|
#Easy3wMLogin .errorMsgReal {
|
|
302
318
|
background: #fff1f0;
|
|
@@ -328,3 +344,7 @@
|
|
|
328
344
|
border-left: 0;
|
|
329
345
|
background-color: transparent;
|
|
330
346
|
}
|
|
347
|
+
#Easy3wMLogin .forgotPassword {
|
|
348
|
+
text-align: right;
|
|
349
|
+
margin-bottom: 24px;
|
|
350
|
+
}
|
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/mGlobalFooter.css
CHANGED
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/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() {
|