easy3wmui 0.0.22 → 0.0.25
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 +13 -0
- package/assets/mGridPage.css +9 -0
- package/lib/Easy3wMGridPage/index.js +38 -50
- package/package.json +1 -1
package/assets/index.css
CHANGED
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
}
|
|
11
11
|
:root:root .adm-card-header-title {
|
|
12
12
|
font-size: var(--adm-font-size-6);
|
|
13
|
+
font-weight: normal;
|
|
13
14
|
}
|
|
14
15
|
:root:root .adm-input {
|
|
15
16
|
--font-size: var(--adm-font-size-4);
|
|
@@ -66,6 +67,9 @@
|
|
|
66
67
|
padding: 12px;
|
|
67
68
|
}
|
|
68
69
|
:root:root .adm-list-card {
|
|
70
|
+
margin: 0;
|
|
71
|
+
}
|
|
72
|
+
:root:root .adm-list .adm-list-card {
|
|
69
73
|
margin: 0 12px;
|
|
70
74
|
}
|
|
71
75
|
:root:root .adm-list-item {
|
|
@@ -198,6 +202,15 @@
|
|
|
198
202
|
-ms-flex: auto;
|
|
199
203
|
flex: auto;
|
|
200
204
|
max-width: none;
|
|
205
|
+
text-align: right;
|
|
206
|
+
}
|
|
207
|
+
#Easy3wMGridPage .e3wmLongText .adm-list-item-content-main {
|
|
208
|
+
max-width: none;
|
|
209
|
+
-ms-flex: auto;
|
|
210
|
+
flex: auto;
|
|
211
|
+
}
|
|
212
|
+
#Easy3wMGridPage .adm-list-item-description {
|
|
213
|
+
border-top: var(--border-top);
|
|
201
214
|
}
|
|
202
215
|
#Easy3wMLogin .errorMsgReal {
|
|
203
216
|
background: #fff1f0;
|
package/assets/mGridPage.css
CHANGED
|
@@ -18,4 +18,13 @@
|
|
|
18
18
|
-ms-flex: auto;
|
|
19
19
|
flex: auto;
|
|
20
20
|
max-width: none;
|
|
21
|
+
text-align: right;
|
|
22
|
+
}
|
|
23
|
+
#Easy3wMGridPage .e3wmLongText .adm-list-item-content-main {
|
|
24
|
+
max-width: none;
|
|
25
|
+
-ms-flex: auto;
|
|
26
|
+
flex: auto;
|
|
27
|
+
}
|
|
28
|
+
#Easy3wMGridPage .adm-list-item-description {
|
|
29
|
+
border-top: var(--border-top);
|
|
21
30
|
}
|
|
@@ -26,34 +26,19 @@ var _numeral = require('numeral');
|
|
|
26
26
|
|
|
27
27
|
var _numeral2 = _interopRequireDefault(_numeral);
|
|
28
28
|
|
|
29
|
-
var
|
|
30
|
-
|
|
31
|
-
var _Easy3wMCollapse2 = _interopRequireDefault(_Easy3wMCollapse);
|
|
32
|
-
|
|
33
|
-
var _Easy3wMEmpty = require('../Easy3wMEmpty');
|
|
34
|
-
|
|
35
|
-
var _Easy3wMEmpty2 = _interopRequireDefault(_Easy3wMEmpty);
|
|
36
|
-
|
|
37
|
-
var _Easy3wMStepper = require('../Easy3wMStepper');
|
|
38
|
-
|
|
39
|
-
var _Easy3wMStepper2 = _interopRequireDefault(_Easy3wMStepper);
|
|
40
|
-
|
|
41
|
-
var _Easy3wMList = require('../Easy3wMList');
|
|
42
|
-
|
|
43
|
-
var _Easy3wMList2 = _interopRequireDefault(_Easy3wMList);
|
|
44
|
-
|
|
45
|
-
var _Easy3wMCard = require('../Easy3wMCard');
|
|
46
|
-
|
|
47
|
-
var _Easy3wMCard2 = _interopRequireDefault(_Easy3wMCard);
|
|
48
|
-
|
|
49
|
-
var _Easy3wMSpace = require('../Easy3wMSpace');
|
|
50
|
-
|
|
51
|
-
var _Easy3wMSpace2 = _interopRequireDefault(_Easy3wMSpace);
|
|
29
|
+
var _easy3wmui = require('easy3wmui');
|
|
52
30
|
|
|
53
31
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
|
54
32
|
|
|
55
|
-
|
|
56
|
-
|
|
33
|
+
// import Easy3wMCollapse from '../Easy3wMCollapse';
|
|
34
|
+
// import Easy3wMEmpty from '../Easy3wMEmpty';
|
|
35
|
+
// import Easy3wMStepper from '../Easy3wMStepper';
|
|
36
|
+
// import Easy3wMList from '../Easy3wMList';
|
|
37
|
+
// import Easy3wMCard from '../Easy3wMCard';
|
|
38
|
+
// import Easy3wMSpace from '../Easy3wMSpace';
|
|
39
|
+
|
|
40
|
+
var Panel = _easy3wmui.Easy3wMCollapse.Panel;
|
|
41
|
+
var Item = _easy3wmui.Easy3wMList.Item;
|
|
57
42
|
|
|
58
43
|
var Easy3wMGridPage = function (_Component) {
|
|
59
44
|
(0, _inherits3['default'])(Easy3wMGridPage, _Component);
|
|
@@ -163,35 +148,38 @@ var Easy3wMGridPage = function (_Component) {
|
|
|
163
148
|
|
|
164
149
|
return (// 单项数据
|
|
165
150
|
_react2['default'].createElement(
|
|
166
|
-
|
|
151
|
+
_easy3wmui.Easy3wMList,
|
|
167
152
|
listProps,
|
|
168
153
|
columns.map(function (column) {
|
|
169
|
-
var title = column.title,
|
|
170
|
-
key = column.key,
|
|
171
|
-
dataIndex = column.dataIndex;
|
|
172
|
-
|
|
173
|
-
var fieldId = dataIndex || key;
|
|
174
|
-
var extra = column.render ? column.render(dataItem[fieldId], dataItem) : _this.touchFormatData(dataItem, column);
|
|
175
154
|
if (column.children) {
|
|
176
155
|
return _react2['default'].createElement(
|
|
177
|
-
|
|
178
|
-
(0, _extends3['default'])({ mode: 'card' }, listProps, { header: title }),
|
|
156
|
+
_easy3wmui.Easy3wMList,
|
|
157
|
+
(0, _extends3['default'])({ mode: 'card' }, listProps, { header: column.title }),
|
|
179
158
|
column.children.map(function (childrenColumn) {
|
|
159
|
+
var type = childrenColumn.type;
|
|
160
|
+
|
|
180
161
|
var childrenFieldId = childrenColumn.dataIndex || childrenColumn.key;
|
|
181
162
|
var childrenExtra = childrenColumn.render ? childrenColumn.render(dataItem[childrenFieldId], dataItem) : _this.touchFormatData(dataItem, childrenColumn);
|
|
182
|
-
|
|
183
|
-
Item,
|
|
184
|
-
|
|
185
|
-
childrenColumn.title
|
|
186
|
-
|
|
163
|
+
if (type === 'longText') {
|
|
164
|
+
return _react2['default'].createElement(Item, (0, _extends3['default'])({ className: 'e3wmLongText' }, itemProps, { title: childrenColumn.title, description: childrenExtra }));
|
|
165
|
+
} else {
|
|
166
|
+
return _react2['default'].createElement(Item, (0, _extends3['default'])({}, itemProps, { title: childrenColumn.title, extra: childrenExtra }));
|
|
167
|
+
}
|
|
187
168
|
})
|
|
188
169
|
);
|
|
189
170
|
} else {
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
171
|
+
var title = column.title,
|
|
172
|
+
key = column.key,
|
|
173
|
+
dataIndex = column.dataIndex,
|
|
174
|
+
type = column.type;
|
|
175
|
+
|
|
176
|
+
var fieldId = dataIndex || key;
|
|
177
|
+
var extra = column.render ? column.render(dataItem[fieldId], dataItem) : _this.touchFormatData(dataItem, column);
|
|
178
|
+
if (type === 'longText') {
|
|
179
|
+
return _react2['default'].createElement(Item, (0, _extends3['default'])({ className: 'e3wmLongText' }, itemProps, { title: title, description: extra }));
|
|
180
|
+
} else {
|
|
181
|
+
return _react2['default'].createElement(Item, (0, _extends3['default'])({}, itemProps, { title: title, extra: extra }));
|
|
182
|
+
}
|
|
195
183
|
}
|
|
196
184
|
}),
|
|
197
185
|
children ? _this.renderEasy3wMGridPage(children) : '',
|
|
@@ -252,7 +240,7 @@ var Easy3wMGridPage = function (_Component) {
|
|
|
252
240
|
'div',
|
|
253
241
|
null,
|
|
254
242
|
collapseFlag ? _react2['default'].createElement(
|
|
255
|
-
|
|
243
|
+
_easy3wmui.Easy3wMCollapse,
|
|
256
244
|
collapseProps,
|
|
257
245
|
this.renderEasy3wMGridPage(dataList)
|
|
258
246
|
) : _react2['default'].createElement(
|
|
@@ -262,18 +250,18 @@ var Easy3wMGridPage = function (_Component) {
|
|
|
262
250
|
)
|
|
263
251
|
) : // 空状态
|
|
264
252
|
_react2['default'].createElement(
|
|
265
|
-
|
|
253
|
+
_easy3wmui.Easy3wMCard,
|
|
266
254
|
null,
|
|
267
|
-
_react2['default'].createElement(
|
|
255
|
+
_react2['default'].createElement(_easy3wmui.Easy3wMEmpty, (0, _extends3['default'])({}, emptyProps, { description: emptyProps.description || '暂无数据' }))
|
|
268
256
|
),
|
|
269
257
|
dataList && dataList.length && !collapseFlag ? _react2['default'].createElement(
|
|
270
|
-
|
|
258
|
+
_easy3wmui.Easy3wMCard,
|
|
271
259
|
null,
|
|
272
260
|
_react2['default'].createElement(
|
|
273
261
|
'div',
|
|
274
262
|
{ className: 'easy3wMGridPageStepper' },
|
|
275
263
|
_react2['default'].createElement(
|
|
276
|
-
|
|
264
|
+
_easy3wmui.Easy3wMSpace,
|
|
277
265
|
null,
|
|
278
266
|
_react2['default'].createElement(
|
|
279
267
|
'span',
|
|
@@ -282,7 +270,7 @@ var Easy3wMGridPage = function (_Component) {
|
|
|
282
270
|
dataList.length,
|
|
283
271
|
'\u6761'
|
|
284
272
|
),
|
|
285
|
-
_react2['default'].createElement(
|
|
273
|
+
_react2['default'].createElement(_easy3wmui.Easy3wMStepper, (0, _extends3['default'])({}, stepperProps, {
|
|
286
274
|
step: 1 // 每次改变步数,可以为小数
|
|
287
275
|
, digits: 0 // 格式化到小数点后固定位数,设置为 0 表示格式化到整数
|
|
288
276
|
, min: 1 // 最小值
|