easy3wmui 0.0.26 → 0.0.29

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
@@ -66,6 +66,9 @@
66
66
  :root:root .adm-form .adm-form-footer {
67
67
  padding: 12px;
68
68
  }
69
+ :root:root .adm-form-item.adm-form-item-vertical .adm-form-item-label {
70
+ font-size: var(--adm-font-size-4);
71
+ }
69
72
  :root:root .adm-list-card {
70
73
  margin: 0;
71
74
  }
@@ -87,6 +90,7 @@
87
90
  }
88
91
  :root:root .adm-collapse-panel-header {
89
92
  font-size: var(--adm-font-size-6);
93
+ color: var(--adm-color-text);
90
94
  }
91
95
  :root:root .adm-collapse-panel-content-inner > .adm-list-item {
92
96
  border-bottom: none;
@@ -178,10 +182,29 @@
178
182
  cursor: pointer;
179
183
  color: var(--adm-color-weak);
180
184
  }
185
+ #Easy3wMFormPage .adm-form-item-vertical .adm-list-item-content-main {
186
+ text-align: left;
187
+ }
188
+ #Easy3wMFormPage .adm-form-item-vertical .adm-list-item-content-main .adm-list-item-title {
189
+ border-bottom: var(--border-bottom);
190
+ margin-bottom: 12px;
191
+ }
181
192
  #Easy3wMFormPage .adm-list-item-content-main {
182
193
  color: var(--adm-color-text);
183
194
  text-align: right;
184
195
  }
196
+ #Easy3wMFormPage .adm-list-item-content-prefix {
197
+ width: auto;
198
+ max-width: 70%;
199
+ -ms-flex: none;
200
+ flex: none;
201
+ }
202
+ #Easy3wMFormPage .adm-list-item-content-prefix {
203
+ width: auto;
204
+ max-width: 70%;
205
+ -ms-flex: none;
206
+ flex: none;
207
+ }
185
208
  #Easy3wMGridPage .easy3wMGridPageStepper {
186
209
  display: -ms-flexbox;
187
210
  display: flex;
@@ -192,6 +215,11 @@
192
215
  padding: 0 12px;
193
216
  line-height: 28px;
194
217
  }
218
+ #Easy3wMGridPage .adm-collapse-panel-content > .adm-collapse-panel-content-inner > .adm-list-item > .adm-list-item-content > .adm-list-item-content-main {
219
+ -ms-flex: auto;
220
+ flex: auto;
221
+ max-width: none;
222
+ }
195
223
  #Easy3wMGridPage .adm-collapse-panel-header > .adm-list-item-content > .adm-list-item-content-main {
196
224
  color: var(--adm-color-text);
197
225
  -ms-flex: auto;
@@ -215,8 +243,12 @@
215
243
  -ms-flex: auto;
216
244
  flex: auto;
217
245
  }
246
+ #Easy3wMGridPage .e3wmLongText .adm-list-item-content-main .adm-list-item-description {
247
+ color: var(--adm-color-text);
248
+ }
218
249
  #Easy3wMGridPage .adm-list-item-description {
219
250
  border-top: var(--border-top);
251
+ padding-top: 12px;
220
252
  }
221
253
  #Easy3wMLogin .errorMsgReal {
222
254
  background: #fff1f0;
@@ -5,7 +5,26 @@
5
5
  cursor: pointer;
6
6
  color: var(--adm-color-weak);
7
7
  }
8
+ #Easy3wMFormPage .adm-form-item-vertical .adm-list-item-content-main {
9
+ text-align: left;
10
+ }
11
+ #Easy3wMFormPage .adm-form-item-vertical .adm-list-item-content-main .adm-list-item-title {
12
+ border-bottom: var(--border-bottom);
13
+ margin-bottom: 12px;
14
+ }
8
15
  #Easy3wMFormPage .adm-list-item-content-main {
9
16
  color: var(--adm-color-text);
10
17
  text-align: right;
11
18
  }
19
+ #Easy3wMFormPage .adm-list-item-content-prefix {
20
+ width: auto;
21
+ max-width: 70%;
22
+ -ms-flex: none;
23
+ flex: none;
24
+ }
25
+ #Easy3wMFormPage .adm-list-item-content-prefix {
26
+ width: auto;
27
+ max-width: 70%;
28
+ -ms-flex: none;
29
+ flex: none;
30
+ }
@@ -8,6 +8,11 @@
8
8
  padding: 0 12px;
9
9
  line-height: 28px;
10
10
  }
11
+ #Easy3wMGridPage .adm-collapse-panel-content > .adm-collapse-panel-content-inner > .adm-list-item > .adm-list-item-content > .adm-list-item-content-main {
12
+ -ms-flex: auto;
13
+ flex: auto;
14
+ max-width: none;
15
+ }
11
16
  #Easy3wMGridPage .adm-collapse-panel-header > .adm-list-item-content > .adm-list-item-content-main {
12
17
  color: var(--adm-color-text);
13
18
  -ms-flex: auto;
@@ -31,6 +36,10 @@
31
36
  -ms-flex: auto;
32
37
  flex: auto;
33
38
  }
39
+ #Easy3wMGridPage .e3wmLongText .adm-list-item-content-main .adm-list-item-description {
40
+ color: var(--adm-color-text);
41
+ }
34
42
  #Easy3wMGridPage .adm-list-item-description {
35
43
  border-top: var(--border-top);
44
+ padding-top: 12px;
36
45
  }
@@ -99,26 +99,28 @@ var Easy3wMGridPage = function (_Component) {
99
99
  // columns 字段列表
100
100
  // dataList 列表数据
101
101
  // totalResult 列表记录数量
102
- // panelTitle panel标题
103
- // panelKey panel唯一标识
102
+ // panelTitle panel标题 数据类型:string或function
103
+ // panelKey panel唯一标识 数据类型:string或function
104
104
  // expandedRowRender 可扩展行
105
105
 
106
106
  if (collapseFlag) {
107
107
  return dataList.map(function (item, index) {
108
+ var title = typeof panelTitle === 'function' ? panelTitle(item, index) : item[panelTitle] || '';
109
+ var key = typeof panelKey === 'function' ? panelKey(item, index) : item[panelKey] || index;
108
110
  return (// 折叠面板
109
111
  _react2['default'].createElement(
110
112
  Panel,
111
- (0, _extends3['default'])({}, panelProps, { title: item[panelTitle] || '', key: item[panelKey] || index }),
112
- _this.renderEasy3wMGridPageItem(item)
113
+ (0, _extends3['default'])({}, panelProps, { title: title, key: key }),
114
+ _this.renderEasy3wMGridPageItem(item, index)
113
115
  )
114
116
  );
115
117
  });
116
118
  } else {
117
- return _this.renderEasy3wMGridPageItem(dataList[currentIndex - 1]);
119
+ return _this.renderEasy3wMGridPageItem(dataList[currentIndex - 1], currentIndex - 1);
118
120
  }
119
121
  };
120
122
 
121
- _this.renderEasy3wMGridPageItem = function (dataItem) {
123
+ _this.renderEasy3wMGridPageItem = function (dataItem, index) {
122
124
  var children = dataItem.children;
123
125
  var _this$props2 = _this.props,
124
126
  _this$props2$panelPro = _this$props2.panelProps,
@@ -159,7 +161,7 @@ var Easy3wMGridPage = function (_Component) {
159
161
  var type = childrenColumn.type;
160
162
 
161
163
  var childrenFieldId = childrenColumn.dataIndex || childrenColumn.key;
162
- var childrenExtra = childrenColumn.render ? childrenColumn.render(dataItem[childrenFieldId], dataItem) : _this.touchFormatData(dataItem, childrenColumn);
164
+ var childrenExtra = childrenColumn.render ? childrenColumn.render(dataItem[childrenFieldId], dataItem, index) : _this.touchFormatData(dataItem, childrenColumn);
163
165
  if (type === 'longText') {
164
166
  return _react2['default'].createElement(Item, (0, _extends3['default'])({ className: 'e3wmLongText' }, itemProps, { title: childrenColumn.title, description: childrenExtra }));
165
167
  } else {
@@ -174,7 +176,7 @@ var Easy3wMGridPage = function (_Component) {
174
176
  type = column.type;
175
177
 
176
178
  var fieldId = dataIndex || key;
177
- var extra = column.render ? column.render(dataItem[fieldId], dataItem) : _this.touchFormatData(dataItem, column);
179
+ var extra = column.render ? column.render(dataItem[fieldId], dataItem, index) : _this.touchFormatData(dataItem, column);
178
180
  if (type === 'longText') {
179
181
  return _react2['default'].createElement(Item, (0, _extends3['default'])({ className: 'e3wmLongText' }, itemProps, { title: title, description: extra }));
180
182
  } else {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "easy3wmui",
3
- "version": "0.0.26",
3
+ "version": "0.0.29",
4
4
  "description": "easy3wmui components for react",
5
5
  "keywords": [
6
6
  "react",