easy3wmui 0.0.23 → 0.0.26
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 +6 -0
- package/assets/mGridPage.css +6 -0
- package/lib/Easy3wMGridPage/index.js +38 -42
- package/package.json +1 -1
package/assets/index.css
CHANGED
|
@@ -192,6 +192,12 @@
|
|
|
192
192
|
padding: 0 12px;
|
|
193
193
|
line-height: 28px;
|
|
194
194
|
}
|
|
195
|
+
#Easy3wMGridPage .adm-collapse-panel-header > .adm-list-item-content > .adm-list-item-content-main {
|
|
196
|
+
color: var(--adm-color-text);
|
|
197
|
+
-ms-flex: auto;
|
|
198
|
+
flex: auto;
|
|
199
|
+
max-width: none;
|
|
200
|
+
}
|
|
195
201
|
#Easy3wMGridPage .adm-list-item-content-main {
|
|
196
202
|
color: var(--adm-color-weak);
|
|
197
203
|
-ms-flex: none;
|
package/assets/mGridPage.css
CHANGED
|
@@ -8,6 +8,12 @@
|
|
|
8
8
|
padding: 0 12px;
|
|
9
9
|
line-height: 28px;
|
|
10
10
|
}
|
|
11
|
+
#Easy3wMGridPage .adm-collapse-panel-header > .adm-list-item-content > .adm-list-item-content-main {
|
|
12
|
+
color: var(--adm-color-text);
|
|
13
|
+
-ms-flex: auto;
|
|
14
|
+
flex: auto;
|
|
15
|
+
max-width: none;
|
|
16
|
+
}
|
|
11
17
|
#Easy3wMGridPage .adm-list-item-content-main {
|
|
12
18
|
color: var(--adm-color-weak);
|
|
13
19
|
-ms-flex: none;
|
|
@@ -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,27 +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
|
-
|
|
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
|
+
}
|
|
183
168
|
})
|
|
184
169
|
);
|
|
185
170
|
} else {
|
|
186
|
-
|
|
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
|
+
}
|
|
187
183
|
}
|
|
188
184
|
}),
|
|
189
185
|
children ? _this.renderEasy3wMGridPage(children) : '',
|
|
@@ -244,7 +240,7 @@ var Easy3wMGridPage = function (_Component) {
|
|
|
244
240
|
'div',
|
|
245
241
|
null,
|
|
246
242
|
collapseFlag ? _react2['default'].createElement(
|
|
247
|
-
|
|
243
|
+
_easy3wmui.Easy3wMCollapse,
|
|
248
244
|
collapseProps,
|
|
249
245
|
this.renderEasy3wMGridPage(dataList)
|
|
250
246
|
) : _react2['default'].createElement(
|
|
@@ -254,18 +250,18 @@ var Easy3wMGridPage = function (_Component) {
|
|
|
254
250
|
)
|
|
255
251
|
) : // 空状态
|
|
256
252
|
_react2['default'].createElement(
|
|
257
|
-
|
|
253
|
+
_easy3wmui.Easy3wMCard,
|
|
258
254
|
null,
|
|
259
|
-
_react2['default'].createElement(
|
|
255
|
+
_react2['default'].createElement(_easy3wmui.Easy3wMEmpty, (0, _extends3['default'])({}, emptyProps, { description: emptyProps.description || '暂无数据' }))
|
|
260
256
|
),
|
|
261
257
|
dataList && dataList.length && !collapseFlag ? _react2['default'].createElement(
|
|
262
|
-
|
|
258
|
+
_easy3wmui.Easy3wMCard,
|
|
263
259
|
null,
|
|
264
260
|
_react2['default'].createElement(
|
|
265
261
|
'div',
|
|
266
262
|
{ className: 'easy3wMGridPageStepper' },
|
|
267
263
|
_react2['default'].createElement(
|
|
268
|
-
|
|
264
|
+
_easy3wmui.Easy3wMSpace,
|
|
269
265
|
null,
|
|
270
266
|
_react2['default'].createElement(
|
|
271
267
|
'span',
|
|
@@ -274,7 +270,7 @@ var Easy3wMGridPage = function (_Component) {
|
|
|
274
270
|
dataList.length,
|
|
275
271
|
'\u6761'
|
|
276
272
|
),
|
|
277
|
-
_react2['default'].createElement(
|
|
273
|
+
_react2['default'].createElement(_easy3wmui.Easy3wMStepper, (0, _extends3['default'])({}, stepperProps, {
|
|
278
274
|
step: 1 // 每次改变步数,可以为小数
|
|
279
275
|
, digits: 0 // 格式化到小数点后固定位数,设置为 0 表示格式化到整数
|
|
280
276
|
, min: 1 // 最小值
|