easy3wmui 0.0.42-beta8 → 0.0.42

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
@@ -1,9 +1,9 @@
1
1
  :root:root {
2
2
  --adm-color-text: #000;
3
- --adm-font-size-main: var(--adm-font-size-4);
3
+ --adm-font-size-main: var(--adm-font-size-7);
4
4
  }
5
5
  :root:root .adm-tabs {
6
- --title-font-size: var(--adm-font-size-6);
6
+ --title-font-size: var(--adm-font-size-8);
7
7
  --content-padding: 0;
8
8
  }
9
9
  :root:root .adm-tabs-header {
@@ -14,21 +14,21 @@
14
14
  text-align: center;
15
15
  }
16
16
  :root:root .adm-button {
17
- font-size: var(--adm-font-size-4);
17
+ font-size: var(--adm-font-size-7);
18
18
  }
19
19
  :root:root .adm-card-header-title {
20
- font-size: var(--adm-font-size-6);
20
+ font-size: var(--adm-font-size-8);
21
21
  font-weight: normal;
22
22
  }
23
23
  :root:root .adm-input {
24
- --font-size: var(--adm-font-size-4);
24
+ --font-size: var(--adm-font-size-7);
25
25
  }
26
26
  :root:root .adm-input-element:focus,
27
27
  :root:root .adm-input-element:hover {
28
28
  border-color: var(--adm-color-primary);
29
29
  }
30
30
  :root:root .adm-text-area {
31
- --font-size: var(--adm-font-size-4);
31
+ --font-size: var(--adm-font-size-7);
32
32
  }
33
33
  :root:root .adm-text-area-element:focus,
34
34
  :root:root .adm-text-area-element:hover {
@@ -38,15 +38,15 @@
38
38
  font-size: var(--adm-font-size-4);
39
39
  }
40
40
  :root:root .adm-selector {
41
- font-size: var(--adm-font-size-4);
41
+ font-size: var(--adm-font-size-7);
42
42
  }
43
43
  :root:root .adm-rate {
44
- --star-size: var(--adm-font-size-4);
44
+ --star-size: var(--adm-font-size-7);
45
45
  }
46
46
  :root:root .adm-radio,
47
47
  :root:root .adm-checkbox {
48
- --icon-size: var(--adm-font-size-4);
49
- --font-size: var(--adm-font-size-4);
48
+ --icon-size: var(--adm-font-size-7);
49
+ --font-size: var(--adm-font-size-7);
50
50
  margin-right: 6px;
51
51
  }
52
52
  :root:root .adm-switch {
@@ -56,11 +56,14 @@
56
56
  padding: 0;
57
57
  }
58
58
  :root:root .adm-list-header {
59
- --header-font-size: var(--adm-font-size-6);
59
+ --header-font-size: var(--adm-font-size-8);
60
60
  border-bottom: var(--border-bottom);
61
61
  }
62
62
  :root:root .adm-list-body {
63
- --font-size: var(--adm-font-size-4);
63
+ --font-size: var(--adm-font-size-6);
64
+ }
65
+ :root:root .adm-list-body .adm-list-item-title {
66
+ --font-size: var(--adm-font-size-6);
64
67
  }
65
68
  :root:root .adm-list-default .adm-list-body {
66
69
  border-top: 0;
@@ -74,12 +77,16 @@
74
77
  -ms-grid-row-align: auto;
75
78
  align-self: auto;
76
79
  line-height: 24px;
80
+ padding-left: 6px;
81
+ }
82
+ :root:root .adm-form .adm-list-item-content-main {
83
+ font-size: var(--adm-font-size-7);
77
84
  }
78
85
  :root:root .adm-form .adm-form-footer {
79
86
  padding: 12px;
80
87
  }
81
88
  :root:root .adm-form-item.adm-form-item-vertical .adm-form-item-label {
82
- font-size: var(--adm-font-size-4);
89
+ font-size: var(--adm-font-size-6);
83
90
  margin-bottom: 0;
84
91
  padding-bottom: 12px;
85
92
  }
@@ -100,10 +107,10 @@
100
107
  padding-right: 0;
101
108
  }
102
109
  :root:root .adm-list-item-content-extra {
103
- font-size: var(--adm-font-size-4);
110
+ font-size: var(--adm-font-size-7);
104
111
  }
105
112
  :root:root .adm-collapse-panel-header {
106
- font-size: var(--adm-font-size-6);
113
+ font-size: var(--adm-font-size-7);
107
114
  color: var(--adm-color-text);
108
115
  }
109
116
  :root:root .adm-list-item.adm-plain-anchor.adm-collapse-panel-header {
@@ -123,6 +130,9 @@
123
130
  :root:root .adm-list-item-content-extra {
124
131
  color: var(--adm-color-text);
125
132
  }
133
+ :root:root .adm-checkbox .adm-checkbox-icon {
134
+ border-radius: 0px;
135
+ }
126
136
  #Easy3wMButton {
127
137
  background: #fff;
128
138
  }
@@ -166,27 +176,31 @@
166
176
  }
167
177
  #Easy3wMSpin {
168
178
  position: fixed;
169
- background: rgba(255, 255, 255, 0);
170
- top: 0;
171
- bottom: 0;
172
- left: 0;
173
- right: 0;
179
+ background: #fff;
180
+ top: 92px;
181
+ left: 49%;
182
+ margin-left: -69px;
174
183
  z-index: 9999;
184
+ text-align: center;
185
+ padding: 12px 24px;
186
+ color: var(--adm-color-primary);
187
+ border-radius: 2px;
188
+ 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);
175
189
  }
176
- #Easy3wMSpin .spinLoading {
177
- position: relative;
178
- left: 50%;
179
- top: 50%;
180
- --size: 48px;
190
+ #Easy3wMUserLayout {
191
+ display: -ms-flexbox;
192
+ display: flex;
193
+ -ms-flex-direction: column;
194
+ flex-direction: column;
195
+ height: 100%;
181
196
  }
182
197
  #Easy3wMUserLayout .Easy3wMUserLayoutContent {
183
- background-color: #f0f2f5;
184
198
  width: 100%;
185
- min-height: 100%;
186
199
  background-repeat: no-repeat;
187
200
  background-position: center;
188
201
  background-size: 100%;
189
- padding: 40px 0 0 0;
202
+ -ms-flex-positive: 1;
203
+ flex-grow: 1;
190
204
  }
191
205
  #Easy3wMCard .adm-card {
192
206
  padding: 0;
@@ -218,6 +232,7 @@
218
232
  #Easy3wMFormPage .adm-list-item-content-main {
219
233
  color: var(--adm-color-text);
220
234
  text-align: right;
235
+ line-height: 24px;
221
236
  }
222
237
  #Easy3wMFormPage .adm-list-item-content-prefix {
223
238
  width: auto;
@@ -240,6 +255,12 @@
240
255
  #Easy3wMFormPage .adm-stepper .adm-input-element {
241
256
  border: none;
242
257
  }
258
+ #Easy3wMFormPage .adm-text-area-element {
259
+ line-height: inherit;
260
+ }
261
+ #Easy3wMFormPage .adm-input {
262
+ --text-align: right;
263
+ }
243
264
  #Easy3wMGridPage .easy3wMGridPageStepper {
244
265
  display: -ms-flexbox;
245
266
  display: flex;
@@ -251,6 +272,31 @@
251
272
  align-items: center;
252
273
  background: #fff;
253
274
  }
275
+ #Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtn {
276
+ -ms-flex: 1;
277
+ flex: 1;
278
+ border: 1px solid #000;
279
+ color: #000;
280
+ cursor: pointer;
281
+ text-align: center;
282
+ padding: 7px 0;
283
+ margin-right: 3px;
284
+ }
285
+ #Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtn:last-child {
286
+ margin-right: 0;
287
+ }
288
+ #Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtn.emgpsBtnDisable {
289
+ border: 1px solid #999;
290
+ color: #999;
291
+ cursor: not-allowed;
292
+ }
293
+ #Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtn.emgpsBtnActive {
294
+ border: 1px solid var(--adm-color-primary);
295
+ color: var(--adm-color-primary);
296
+ }
297
+ #Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtnNo {
298
+ display: none;
299
+ }
254
300
  #Easy3wMGridPage .adm-collapse-panel-content > .adm-collapse-panel-content-inner > .adm-list-item > .adm-list-item-content > .adm-list-item-content-main {
255
301
  -ms-flex: auto;
256
302
  flex: auto;
@@ -337,3 +383,110 @@
337
383
  border-left: 0;
338
384
  background-color: transparent;
339
385
  }
386
+ #Easy3wMLogin .funArea {
387
+ text-align: right;
388
+ margin-bottom: 24px;
389
+ }
390
+ #Easy3wMLogin .funArea > a {
391
+ padding-right: 12px;
392
+ }
393
+ #Easy3wMLogin .funArea > a:last-child {
394
+ padding-right: 0;
395
+ }
396
+ #Easy3wMTable {
397
+ --padding: 6px;
398
+ }
399
+ #Easy3wMTable .queryCriteria .more {
400
+ padding: 0 12px;
401
+ }
402
+ #Easy3wMTable .queryCriteria .adm-button {
403
+ font-size: var(--adm-font-size-7);
404
+ }
405
+ #Easy3wMTable .queryCriteria .adm-list-item-content-extra {
406
+ font-size: var(--adm-font-size-7);
407
+ padding: 0;
408
+ }
409
+ #Easy3wMTable .queryCriteriaBtn {
410
+ margin-top: 24px;
411
+ }
412
+ #Easy3wMTable .singleItem .itemAttr {
413
+ display: -ms-flexbox;
414
+ display: flex;
415
+ -ms-flex-align: stretch;
416
+ align-items: stretch;
417
+ -ms-flex-pack: start;
418
+ justify-content: flex-start;
419
+ padding-bottom: var(--padding);
420
+ }
421
+ #Easy3wMTable .singleItem .itemAttr .attrLabel {
422
+ width: auto;
423
+ max-width: 70%;
424
+ -ms-flex: none;
425
+ flex: none;
426
+ padding-right: var(--padding);
427
+ color: var(--adm-color-weak);
428
+ }
429
+ #Easy3wMTable .singleItem .itemAttr .attrKey {
430
+ text-align: right;
431
+ -ms-flex: auto;
432
+ flex: auto;
433
+ color: var(--adm-color-text);
434
+ font-size: var(--adm-font-size-7);
435
+ }
436
+ #Easy3wMTable .singleItem .itemAttr .attrKey.clickable {
437
+ color: var(--adm-color-primary);
438
+ }
439
+ #Easy3wMTable .singleItem .itemAttr:last-child {
440
+ padding-bottom: 0;
441
+ }
442
+ #Easy3wMTable .singleItem .itemAttr.clickable {
443
+ cursor: pointer;
444
+ color: var(--adm-color-primary);
445
+ }
446
+ #Easy3wMTable .singleItem .itemAttr.clickable .attrLabel {
447
+ color: var(--adm-color-primary);
448
+ }
449
+ #Easy3wMTable .singleItem .itemAttr.clickable .attrKey {
450
+ color: var(--adm-color-primary);
451
+ }
452
+ #Easy3wMTable .easy3wMGridPageStepper {
453
+ display: -ms-flexbox;
454
+ display: flex;
455
+ -ms-flex-direction: row;
456
+ flex-direction: row;
457
+ -ms-flex-align: center;
458
+ align-items: center;
459
+ -ms-flex-pack: justify;
460
+ justify-content: space-between;
461
+ padding: 12px;
462
+ }
463
+ #Easy3wMTable .easy3wMGridPageStepper .emgpsBtn {
464
+ -ms-flex: 1;
465
+ flex: 1;
466
+ border: 1px solid #000;
467
+ color: #000;
468
+ cursor: pointer;
469
+ text-align: center;
470
+ padding: 7px 0;
471
+ margin-right: 3px;
472
+ }
473
+ #Easy3wMTable .easy3wMGridPageStepper .emgpsBtn:last-child {
474
+ margin-right: 0;
475
+ }
476
+ #Easy3wMTable .easy3wMGridPageStepper .emgpsBtn.emgpsBtnDisable {
477
+ border: 1px solid #999;
478
+ color: #999;
479
+ cursor: not-allowed;
480
+ }
481
+ #Easy3wMTable .easy3wMGridPageStepper .emgpsBtn.emgpsBtnActive {
482
+ border: 1px solid var(--adm-color-primary);
483
+ color: var(--adm-color-primary);
484
+ }
485
+ #Easy3wMTable .easy3wMGridPageStepper .emgpsBtnNo {
486
+ display: none;
487
+ }
488
+ #Easy3wMTable .easy3wMGridPageStepper .adm-button {
489
+ font-size: var(--adm-font-size-7);
490
+ padding-left: 24px;
491
+ padding-right: 24px;
492
+ }
@@ -18,6 +18,7 @@
18
18
  #Easy3wMFormPage .adm-list-item-content-main {
19
19
  color: var(--adm-color-text);
20
20
  text-align: right;
21
+ line-height: 24px;
21
22
  }
22
23
  #Easy3wMFormPage .adm-list-item-content-prefix {
23
24
  width: auto;
@@ -40,3 +41,9 @@
40
41
  #Easy3wMFormPage .adm-stepper .adm-input-element {
41
42
  border: none;
42
43
  }
44
+ #Easy3wMFormPage .adm-text-area-element {
45
+ line-height: inherit;
46
+ }
47
+ #Easy3wMFormPage .adm-input {
48
+ --text-align: right;
49
+ }
@@ -9,6 +9,31 @@
9
9
  align-items: center;
10
10
  background: #fff;
11
11
  }
12
+ #Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtn {
13
+ -ms-flex: 1;
14
+ flex: 1;
15
+ border: 1px solid #000;
16
+ color: #000;
17
+ cursor: pointer;
18
+ text-align: center;
19
+ padding: 7px 0;
20
+ margin-right: 3px;
21
+ }
22
+ #Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtn:last-child {
23
+ margin-right: 0;
24
+ }
25
+ #Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtn.emgpsBtnDisable {
26
+ border: 1px solid #999;
27
+ color: #999;
28
+ cursor: not-allowed;
29
+ }
30
+ #Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtn.emgpsBtnActive {
31
+ border: 1px solid var(--adm-color-primary);
32
+ color: var(--adm-color-primary);
33
+ }
34
+ #Easy3wMGridPage .easy3wMGridPageStepper .emgpsBtnNo {
35
+ display: none;
36
+ }
12
37
  #Easy3wMGridPage .adm-collapse-panel-content > .adm-collapse-panel-content-inner > .adm-list-item > .adm-list-item-content > .adm-list-item-content-main {
13
38
  -ms-flex: auto;
14
39
  flex: auto;
package/assets/mLogin.css CHANGED
@@ -46,3 +46,13 @@
46
46
  border-left: 0;
47
47
  background-color: transparent;
48
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
  }
@@ -0,0 +1,97 @@
1
+ #Easy3wMTable {
2
+ --padding: 6px;
3
+ }
4
+ #Easy3wMTable .queryCriteria .more {
5
+ padding: 0 12px;
6
+ }
7
+ #Easy3wMTable .queryCriteria .adm-button {
8
+ font-size: var(--adm-font-size-7);
9
+ }
10
+ #Easy3wMTable .queryCriteria .adm-list-item-content-extra {
11
+ font-size: var(--adm-font-size-7);
12
+ padding: 0;
13
+ }
14
+ #Easy3wMTable .queryCriteriaBtn {
15
+ margin-top: 24px;
16
+ }
17
+ #Easy3wMTable .singleItem .itemAttr {
18
+ display: -ms-flexbox;
19
+ display: flex;
20
+ -ms-flex-align: stretch;
21
+ align-items: stretch;
22
+ -ms-flex-pack: start;
23
+ justify-content: flex-start;
24
+ padding-bottom: var(--padding);
25
+ }
26
+ #Easy3wMTable .singleItem .itemAttr .attrLabel {
27
+ width: auto;
28
+ max-width: 70%;
29
+ -ms-flex: none;
30
+ flex: none;
31
+ padding-right: var(--padding);
32
+ color: var(--adm-color-weak);
33
+ }
34
+ #Easy3wMTable .singleItem .itemAttr .attrKey {
35
+ text-align: right;
36
+ -ms-flex: auto;
37
+ flex: auto;
38
+ color: var(--adm-color-text);
39
+ font-size: var(--adm-font-size-7);
40
+ }
41
+ #Easy3wMTable .singleItem .itemAttr .attrKey.clickable {
42
+ color: var(--adm-color-primary);
43
+ }
44
+ #Easy3wMTable .singleItem .itemAttr:last-child {
45
+ padding-bottom: 0;
46
+ }
47
+ #Easy3wMTable .singleItem .itemAttr.clickable {
48
+ cursor: pointer;
49
+ color: var(--adm-color-primary);
50
+ }
51
+ #Easy3wMTable .singleItem .itemAttr.clickable .attrLabel {
52
+ color: var(--adm-color-primary);
53
+ }
54
+ #Easy3wMTable .singleItem .itemAttr.clickable .attrKey {
55
+ color: var(--adm-color-primary);
56
+ }
57
+ #Easy3wMTable .easy3wMGridPageStepper {
58
+ display: -ms-flexbox;
59
+ display: flex;
60
+ -ms-flex-direction: row;
61
+ flex-direction: row;
62
+ -ms-flex-align: center;
63
+ align-items: center;
64
+ -ms-flex-pack: justify;
65
+ justify-content: space-between;
66
+ padding: 12px;
67
+ }
68
+ #Easy3wMTable .easy3wMGridPageStepper .emgpsBtn {
69
+ -ms-flex: 1;
70
+ flex: 1;
71
+ border: 1px solid #000;
72
+ color: #000;
73
+ cursor: pointer;
74
+ text-align: center;
75
+ padding: 7px 0;
76
+ margin-right: 3px;
77
+ }
78
+ #Easy3wMTable .easy3wMGridPageStepper .emgpsBtn:last-child {
79
+ margin-right: 0;
80
+ }
81
+ #Easy3wMTable .easy3wMGridPageStepper .emgpsBtn.emgpsBtnDisable {
82
+ border: 1px solid #999;
83
+ color: #999;
84
+ cursor: not-allowed;
85
+ }
86
+ #Easy3wMTable .easy3wMGridPageStepper .emgpsBtn.emgpsBtnActive {
87
+ border: 1px solid var(--adm-color-primary);
88
+ color: var(--adm-color-primary);
89
+ }
90
+ #Easy3wMTable .easy3wMGridPageStepper .emgpsBtnNo {
91
+ display: none;
92
+ }
93
+ #Easy3wMTable .easy3wMGridPageStepper .adm-button {
94
+ font-size: var(--adm-font-size-7);
95
+ padding-left: 24px;
96
+ padding-right: 24px;
97
+ }
@@ -1,9 +1,15 @@
1
+ #Easy3wMUserLayout {
2
+ display: -ms-flexbox;
3
+ display: flex;
4
+ -ms-flex-direction: column;
5
+ flex-direction: column;
6
+ height: 100%;
7
+ }
1
8
  #Easy3wMUserLayout .Easy3wMUserLayoutContent {
2
- background-color: #f0f2f5;
3
9
  width: 100%;
4
- min-height: 100%;
5
10
  background-repeat: no-repeat;
6
11
  background-position: center;
7
12
  background-size: 100%;
8
- padding: 40px 0 0 0;
13
+ -ms-flex-positive: 1;
14
+ flex-grow: 1;
9
15
  }
@@ -138,6 +138,7 @@ var Easy3wMFormPage = function (_Component) {
138
138
  };
139
139
 
140
140
  _this.touchFormatData = function (item) {
141
+ var allReadFlag = _this.props.allReadFlag;
141
142
  var fieldType = item.fieldType,
142
143
  readFlag = item.readFlag,
143
144
  _item$childrenProps = item.childrenProps,
@@ -148,7 +149,7 @@ var Easy3wMFormPage = function (_Component) {
148
149
 
149
150
  if (value || value === false || value === 0) {
150
151
  // value值存在 Boolean()值为false的7个特殊值 undefined, null, false, NaN, '', 0, -0
151
- if (readFlag) {
152
+ if (readFlag || allReadFlag) {
152
153
  // 只读
153
154
  if (precision === 'year') {
154
155
  // 时间:年
@@ -474,7 +475,8 @@ var Easy3wMFormPage = function (_Component) {
474
475
  _props$hiddenItems = _props.hiddenItems,
475
476
  hiddenItems = _props$hiddenItems === undefined ? [] : _props$hiddenItems,
476
477
  requiredMessage = _props.requiredMessage,
477
- form = _props.form;
478
+ form = _props.form,
479
+ allReadFlag = _props.allReadFlag;
478
480
  // fromProps 表单参数
479
481
  // itemProps 表单项参数
480
482
  // childrenProps 输入框参数
@@ -505,11 +507,11 @@ var Easy3wMFormPage = function (_Component) {
505
507
  if (fieldType === 'switch') {
506
508
  // 为Switch子元素添加额外的属性
507
509
  itemProps.getValueProps = _this2.getValuePropsSwitch;
508
- } else if (fieldType === '') {
509
- itemProps.childElementPosition = 'right';
510
+ } else if (fieldType === 'textArea') {
511
+ itemProps.layout = 'vertical';
510
512
  }
511
513
  value = _this2.touchFormatData(item);
512
- if (readFlag) {
514
+ if (readFlag || allReadFlag) {
513
515
  return _react2['default'].createElement(
514
516
  Item,
515
517
  (0, _extends3['default'])({ label: label, name: fieldId + 'Easy3wView', required: required, initialValue: 'easy3wView', preserve: false }, cmptPros, { rules: addrules }),
@@ -40,10 +40,9 @@ var Easy3wMGlobalFooter = function (_Component) {
40
40
  links = _props.links,
41
41
  copyright = _props.copyright;
42
42
 
43
- var clsString = (0, _classnames2['default'])(className);
44
43
  return _react2['default'].createElement(
45
44
  'div',
46
- { id: 'Easy3wMGlobalFooter', className: clsString },
45
+ { id: 'Easy3wMGlobalFooter', className: (0, _classnames2['default'])(className) },
47
46
  links && _react2['default'].createElement(
48
47
  'div',
49
48
  null,
@@ -53,7 +52,8 @@ var Easy3wMGlobalFooter = function (_Component) {
53
52
  {
54
53
  key: link.title,
55
54
  target: link.blankTarget ? '_blank' : '_self',
56
- href: link.href
55
+ href: link.href,
56
+ rel: 'noreferrer'
57
57
  },
58
58
  link.title
59
59
  );