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 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: rgba(255, 255, 255, 0);
175
- top: 0;
176
- bottom: 0;
177
- left: 0;
178
- right: 0;
170
+ background: #fff;
171
+ top: 92px;
172
+ left: 49%;
173
+ margin-left: -69px;
179
174
  z-index: 9999;
180
- }
181
- #Easy3wMSpin .spinLoading {
182
- position: relative;
183
- left: 50%;
184
- top: 50%;
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: column;
240
- flex-direction: column;
241
- -ms-flex-align: end;
242
- align-items: flex-end;
243
- padding: 0 12px;
244
- line-height: 28px;
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
+ }
@@ -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
+ }
@@ -1,12 +1,13 @@
1
1
  #Easy3wMGridPage .easy3wMGridPageStepper {
2
2
  display: -ms-flexbox;
3
3
  display: flex;
4
- -ms-flex-direction: column;
5
- flex-direction: column;
6
- -ms-flex-align: end;
7
- align-items: flex-end;
8
- padding: 0 12px;
9
- line-height: 28px;
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: rgba(255, 255, 255, 0);
4
- top: 0;
5
- bottom: 0;
6
- left: 0;
7
- right: 0;
3
+ background: #fff;
4
+ top: 92px;
5
+ left: 49%;
6
+ margin-left: -69px;
8
7
  z-index: 9999;
9
- }
10
- #Easy3wMSpin .spinLoading {
11
- position: relative;
12
- left: 50%;
13
- top: 50%;
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
  }
@@ -5,5 +5,4 @@
5
5
  background-repeat: no-repeat;
6
6
  background-position: center;
7
7
  background-size: 100%;
8
- padding: 40px 0 0 0;
9
8
  }
@@ -1,5 +1,5 @@
1
1
  #Easy3wMButton {
2
- .adm-space-item {
3
- flex-grow: 1;
4
- }
2
+ .adm-space-item {
3
+ flex-grow: 1;
4
+ }
5
5
  }
@@ -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
- (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;
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
- csize: 4, // 验证码长度
114
- captchaType: 'Normal' // 正常验证码类型
113
+ csize: 4, // 验证码长度
114
+ captchaType: 'Normal' // 正常验证码类型
115
115
  };
116
116
  Easy3wMCaptcha.propTypes = { // 限制变量类型
117
- csize: _propTypes2['default'].number,
118
- captchaType: _propTypes2['default'].oneOf(['Calculation', 'Normal'])
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'];
@@ -1,5 +1,5 @@
1
1
  #Easy3wMCard {
2
- .adm-card-header-title {
3
- --adm-font-size-7: 14px;
4
- }
2
+ .adm-card-header-title {
3
+ --adm-font-size-7: 14px;
4
+ }
5
5
  }
@@ -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: { overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis', paddingRight: '12px' } },
193
+ }, style: { paddingRight: '12px' } },
194
194
  name
195
195
  ),
196
196
  _react2['default'].createElement(_antdMobileIcons.ArrowDownCircleOutline, { onClick: function onClick() {