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 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: rgba(255, 255, 255, 0);
175
- top: 0;
176
- bottom: 0;
177
- left: 0;
178
- right: 0;
175
+ background: #fff;
176
+ top: 92px;
177
+ left: 49%;
178
+ margin-left: -69px;
179
179
  z-index: 9999;
180
- }
181
- #Easy3wMSpin .spinLoading {
182
- position: relative;
183
- left: 50%;
184
- top: 50%;
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: column;
240
- flex-direction: column;
241
- -ms-flex-align: end;
242
- align-items: flex-end;
243
- padding: 0 12px;
244
- line-height: 28px;
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
+ }
@@ -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,3 +1,8 @@
1
1
  #Easy3wMGlobalFooter {
2
2
  text-align: center;
3
3
  }
4
+ #Easy3wMGlobalFooter.bottomFixed {
5
+ width: 100%;
6
+ position: fixed;
7
+ bottom: 0;
8
+ }
@@ -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,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: 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() {