easy3wmui 0.0.42-beta1 → 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 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,17 +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
246
  -ms-flex-direction: row;
232
247
  flex-direction: row;
233
- -ms-flex-align: center;
234
- align-items: center;
235
248
  -ms-flex-pack: justify;
236
249
  justify-content: space-between;
237
- padding: 12px;
238
- background-color: #fff;
250
+ -ms-flex-align: center;
251
+ align-items: center;
252
+ background: #fff;
239
253
  }
240
254
  #Easy3wMGridPage .adm-collapse-panel-content > .adm-collapse-panel-content-inner > .adm-list-item > .adm-list-item-content > .adm-list-item-content-main {
241
255
  -ms-flex: auto;
@@ -291,6 +305,7 @@
291
305
  height: 40px;
292
306
  border-radius: 4px;
293
307
  padding: 0 12px;
308
+ border: 1px solid #d9d9d9;
294
309
  }
295
310
  #Easy3wMLogin .errorMsgReal {
296
311
  background: #fff1f0;
@@ -322,3 +337,7 @@
322
337
  border-left: 0;
323
338
  background-color: transparent;
324
339
  }
340
+ #Easy3wMLogin .forgotPassword {
341
+ text-align: right;
342
+ margin-bottom: 24px;
343
+ }
@@ -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
+ }
@@ -3,12 +3,11 @@
3
3
  display: flex;
4
4
  -ms-flex-direction: row;
5
5
  flex-direction: row;
6
- -ms-flex-align: center;
7
- align-items: center;
8
6
  -ms-flex-pack: justify;
9
7
  justify-content: space-between;
10
- padding: 12px;
11
- background-color: #fff;
8
+ -ms-flex-align: center;
9
+ align-items: center;
10
+ background: #fff;
12
11
  }
13
12
  #Easy3wMGridPage .adm-collapse-panel-content > .adm-collapse-panel-content-inner > .adm-list-item > .adm-list-item-content > .adm-list-item-content-main {
14
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
+ }
@@ -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() {
@@ -176,7 +176,7 @@ var Easy3wMFormPage = function (_Component) {
176
176
  value = (0, _moment2['default'])(value, dateWeekDayFormat).format(dateWeekDayZHCNFormat);
177
177
  } else if (numberFormat) {
178
178
  // 数字格式化千分位化
179
- (0, _numeral2['default'])(value).format('0,0.00');
179
+ value = (0, _numeral2['default'])(value).format('0,0.00');
180
180
  }
181
181
  } else {
182
182
  // 编辑
@@ -237,11 +237,12 @@ var Easy3wMFormPage = function (_Component) {
237
237
  childrenProps = _item$childrenProps2 === undefined ? {} : _item$childrenProps2,
238
238
  label = item.label,
239
239
  options = item.options,
240
- element = item.element;
240
+ element = item.element,
241
+ titleType = item.titleType;
241
242
 
242
243
  if (fieldType === 'input') {
243
244
  // 输入框
244
- return _react2['default'].createElement(_input2['default'], (0, _extends3['default'])({ placeholder: '\u8BF7\u8F93\u5165' + label }, childrenProps));
245
+ return _react2['default'].createElement(_input2['default'], (0, _extends3['default'])({ placeholder: '\u8BF7\u8F93\u5165' + label, maxLength: titleType ? 400 : 100 }, childrenProps));
245
246
  } else if (fieldType === 'cascaderView') {
246
247
  // 都是单选,只有value
247
248
  return _react2['default'].createElement(_cascaderView2['default'], childrenProps);
@@ -428,7 +429,7 @@ var Easy3wMFormPage = function (_Component) {
428
429
  } else if (fieldType === 'switch') {
429
430
  return _react2['default'].createElement(_switch2['default'], childrenProps);
430
431
  } else if (fieldType === 'textArea') {
431
- return _react2['default'].createElement(_textArea2['default'], (0, _extends3['default'])({ placeholder: '\u8BF7\u8F93\u5165' + label, showCount: true, maxLength: 50 }, childrenProps));
432
+ return _react2['default'].createElement(_textArea2['default'], (0, _extends3['default'])({ placeholder: '\u8BF7\u8F93\u5165' + label, showCount: true, maxLength: 2000 }, childrenProps));
432
433
  } else if (fieldType === 'else') {
433
434
  return element;
434
435
  }
@@ -504,6 +505,8 @@ var Easy3wMFormPage = function (_Component) {
504
505
  if (fieldType === 'switch') {
505
506
  // 为Switch子元素添加额外的属性
506
507
  itemProps.getValueProps = _this2.getValuePropsSwitch;
508
+ } else if (fieldType === '') {
509
+ itemProps.childElementPosition = 'right';
507
510
  }
508
511
  value = _this2.touchFormatData(item);
509
512
  if (readFlag) {
@@ -1,49 +1,48 @@
1
1
  #Easy3wMFormPage {
2
- .pointer { // 鼠标形状:手形
3
- cursor: pointer;
4
- }
5
- .pointerGray { // 鼠标形状:手形 文字:灰色
6
- cursor: pointer;
7
- color: #999
8
- }
9
- .adm-input-element {
10
- border: 1px solid #d9d9d9;
11
- }
12
- .adm-input-element:focus, .adm-input-element:hover {
13
- border-color: var(--adm-color-primary);
14
- }
15
- .adm-text-area-element {
16
- border: 1px solid #d9d9d9;
17
- }
18
- .adm-text-area-element:focus, .adm-text-area-element:hover {
19
- border-color: var(--adm-color-primary);
20
- }
21
- .adm-rate {
22
- --star-size: 14px
23
- }
24
- .adm-radio, .adm-checkbox {
25
- --icon-size: 14px;
26
- --font-size: 14px;
27
- }
28
- .adm-switch {
29
- --height: 20.8px;
30
- }
31
- .adm-slider {
32
- padding: 0;
33
- }
34
- .adm-list-default .adm-list-body {
35
- border-top: 0;
36
- border-bottom: 0;
37
- }
38
- .adm-list-item {
39
- border-bottom: var(--border-bottom);
40
- margin: 0 12px;
41
- padding-left: 0;
2
+ .pointer { // 鼠标形状:手形
3
+ cursor: pointer;
4
+ }
5
+ .pointerGray { // 鼠标形状:手形 文字:灰色
6
+ cursor: pointer;
7
+ color: #999
8
+ }
9
+ .adm-input-element {
10
+ border: 1px solid #d9d9d9;
11
+ }
12
+ .adm-input-element:focus, .adm-input-element:hover {
13
+ border-color: var(--adm-color-primary);
14
+ }
15
+ .adm-text-area-element {
16
+ border: 1px solid #d9d9d9;
17
+ }
18
+ .adm-text-area-element:focus, .adm-text-area-element:hover {
19
+ border-color: var(--adm-color-primary);
20
+ }
21
+ .adm-rate {
22
+ --star-size: 14px
23
+ }
24
+ .adm-radio, .adm-checkbox {
25
+ --icon-size: 14px;
26
+ --font-size: 14px;
27
+ }
28
+ .adm-switch {
29
+ --height: 20.8px;
30
+ }
31
+ .adm-slider {
32
+ padding: 0;
33
+ }
34
+ .adm-list-default .adm-list-body {
35
+ border-top: 0;
36
+ border-bottom: 0;
37
+ }
38
+ .adm-list-item {
39
+ border-bottom: var(--border-bottom);
40
+ margin: 0 12px;
41
+ padding-left: 0;
42
42
  word-break: break-word;
43
- }
44
- // 主内容
45
- .adm-list-item-content {
46
- border-top: 0;
47
- padding-right: 0;
48
- }
43
+ }
44
+ .adm-list-item-content {
45
+ border-top: 0;
46
+ padding-right: 0;
47
+ }
49
48
  }
@@ -1,3 +1,3 @@
1
1
  #Easy3wMGlobalFooter {
2
- text-align: center;
2
+ text-align: center;
3
3
  }