@lemon-fe/components 0.1.52 → 0.1.54
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/es/BaseTable/index.js +12 -6
- package/es/BaseTable/index.less +3 -3
- package/es/EditableTable/typings.d.ts +1 -0
- package/es/SelectView/index.js +27 -35
- package/package.json +2 -2
package/es/BaseTable/index.js
CHANGED
|
@@ -325,7 +325,7 @@ function BaseTable(props) {
|
|
|
325
325
|
/** row actions */
|
|
326
326
|
|
|
327
327
|
|
|
328
|
-
useMemo(function () {
|
|
328
|
+
var _useMemo3 = useMemo(function () {
|
|
329
329
|
if (rowActions !== undefined) {
|
|
330
330
|
var actionCol = {
|
|
331
331
|
title: '',
|
|
@@ -340,13 +340,19 @@ function BaseTable(props) {
|
|
|
340
340
|
});
|
|
341
341
|
}
|
|
342
342
|
};
|
|
343
|
-
formatedColumns.
|
|
344
|
-
flattenColumns.push(actionCol);
|
|
343
|
+
return [[].concat(_toConsumableArray(formatedColumns), [actionCol]), [].concat(_toConsumableArray(flattenColumns), [actionCol])];
|
|
345
344
|
}
|
|
345
|
+
|
|
346
|
+
return [formatedColumns, flattenColumns];
|
|
346
347
|
}, [rowActions, flattenColumns, formatedColumns]);
|
|
347
|
-
/** virtualize scroll */
|
|
348
348
|
|
|
349
|
-
var
|
|
349
|
+
var _useMemo4 = _slicedToArray(_useMemo3, 2);
|
|
350
|
+
|
|
351
|
+
formatedColumns = _useMemo4[0];
|
|
352
|
+
flattenColumns = _useMemo4[1];
|
|
353
|
+
|
|
354
|
+
/** virtualize scroll */
|
|
355
|
+
var _useMemo5 = useMemo(function () {
|
|
350
356
|
return {
|
|
351
357
|
components: _objectSpread({
|
|
352
358
|
header: {
|
|
@@ -358,7 +364,7 @@ function BaseTable(props) {
|
|
|
358
364
|
}, componentsProp)
|
|
359
365
|
};
|
|
360
366
|
}, [virtual]),
|
|
361
|
-
components =
|
|
367
|
+
components = _useMemo5.components;
|
|
362
368
|
/** summary row */
|
|
363
369
|
|
|
364
370
|
|
package/es/BaseTable/index.less
CHANGED
|
@@ -23,8 +23,8 @@
|
|
|
23
23
|
height: 100%;
|
|
24
24
|
padding-left: 16px;
|
|
25
25
|
white-space: nowrap;
|
|
26
|
-
background-color: @table-row-hover-bg;
|
|
27
|
-
background-clip: content-box;
|
|
26
|
+
// background-color: @table-row-hover-bg;
|
|
27
|
+
// background-clip: content-box;
|
|
28
28
|
|
|
29
29
|
&::before {
|
|
30
30
|
position: absolute;
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
left: 0;
|
|
33
33
|
width: 16px;
|
|
34
34
|
height: 100%;
|
|
35
|
-
background: linear-gradient(90deg, rgba(248, 248, 248, 0) 0%, @table-row-hover-bg 100%);
|
|
35
|
+
// background: linear-gradient(90deg, rgba(248, 248, 248, 0) 0%, @table-row-hover-bg 100%);
|
|
36
36
|
content: '';
|
|
37
37
|
}
|
|
38
38
|
|
|
@@ -76,6 +76,7 @@ export interface EditableTableProps<T>
|
|
|
76
76
|
error?: string | EditableTableRowError[];
|
|
77
77
|
onChange?: (value: T[]) => void;
|
|
78
78
|
rowSelection?: BaseTableProps<RowType>['rowSelection'];
|
|
79
|
+
rowActions?: BaseTableProps<RowType>['rowActions'];
|
|
79
80
|
columns: EditableTableColumnType<T>[];
|
|
80
81
|
}
|
|
81
82
|
|
package/es/SelectView/index.js
CHANGED
|
@@ -50,22 +50,17 @@ export default function SelectView(props) {
|
|
|
50
50
|
data = _useState2[0],
|
|
51
51
|
setData = _useState2[1];
|
|
52
52
|
|
|
53
|
-
var _useState3 = useState(
|
|
53
|
+
var _useState3 = useState((filter === null || filter === void 0 ? void 0 : filter.defaultValue) || {}),
|
|
54
54
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
var _useState5 = useState((filter === null || filter === void 0 ? void 0 : filter.defaultValue) || {}),
|
|
59
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
60
|
-
params = _useState6[0],
|
|
61
|
-
setParams = _useState6[1];
|
|
55
|
+
params = _useState4[0],
|
|
56
|
+
setParams = _useState4[1];
|
|
62
57
|
|
|
63
58
|
var list = useRef(null);
|
|
64
59
|
|
|
65
|
-
var
|
|
66
|
-
|
|
67
|
-
tabFlag =
|
|
68
|
-
setTabFlag =
|
|
60
|
+
var _useState5 = useState('list'),
|
|
61
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
62
|
+
tabFlag = _useState6[0],
|
|
63
|
+
setTabFlag = _useState6[1];
|
|
69
64
|
|
|
70
65
|
useEffect(function () {
|
|
71
66
|
var _list$current;
|
|
@@ -96,7 +91,6 @@ export default function SelectView(props) {
|
|
|
96
91
|
|
|
97
92
|
var handleClear = function handleClear() {
|
|
98
93
|
var empty = [];
|
|
99
|
-
setSelected(empty);
|
|
100
94
|
setData(empty);
|
|
101
95
|
onChange === null || onChange === void 0 ? void 0 : onChange(empty);
|
|
102
96
|
};
|
|
@@ -113,7 +107,6 @@ export default function SelectView(props) {
|
|
|
113
107
|
|
|
114
108
|
return false;
|
|
115
109
|
});
|
|
116
|
-
setSelected(newRows);
|
|
117
110
|
setData(newRows);
|
|
118
111
|
onChange === null || onChange === void 0 ? void 0 : onChange(newRows);
|
|
119
112
|
};
|
|
@@ -155,9 +148,6 @@ export default function SelectView(props) {
|
|
|
155
148
|
var dataKeys = useMemo(function () {
|
|
156
149
|
return data.map(getRowKey);
|
|
157
150
|
}, [data, rowKey]);
|
|
158
|
-
var selectedKeys = useMemo(function () {
|
|
159
|
-
return selected.map(getRowKey);
|
|
160
|
-
}, [rowKey, selected]);
|
|
161
151
|
var selectTable = /*#__PURE__*/React.createElement("div", {
|
|
162
152
|
className: "".concat(prefixCls, "-layout")
|
|
163
153
|
}, siderNode !== null && /*#__PURE__*/React.createElement("div", {
|
|
@@ -191,20 +181,19 @@ export default function SelectView(props) {
|
|
|
191
181
|
return {
|
|
192
182
|
onClick: function onClick() {
|
|
193
183
|
var key = getRowKey(row);
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
keys.splice(index, 1);
|
|
184
|
+
var keys = new Set(_toConsumableArray(dataKeys));
|
|
185
|
+
|
|
186
|
+
if (multiple) {
|
|
187
|
+
if (keys.has(key)) {
|
|
188
|
+
keys.delete(key);
|
|
189
|
+
} else {
|
|
190
|
+
keys.add(key);
|
|
191
|
+
}
|
|
203
192
|
} else {
|
|
204
|
-
keys
|
|
193
|
+
keys = new Set([key]);
|
|
205
194
|
}
|
|
206
195
|
|
|
207
|
-
handleChangeData(keys, [row]);
|
|
196
|
+
handleChangeData(_toConsumableArray(keys.values()), [row]);
|
|
208
197
|
}
|
|
209
198
|
};
|
|
210
199
|
},
|
|
@@ -244,13 +233,16 @@ export default function SelectView(props) {
|
|
|
244
233
|
}, /*#__PURE__*/React.createElement(Table, {
|
|
245
234
|
dataSource: data,
|
|
246
235
|
columns: selectedColumns,
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
236
|
+
rowActions: function rowActions(row) {
|
|
237
|
+
return [{
|
|
238
|
+
text: '删除',
|
|
239
|
+
onClick: function onClick() {
|
|
240
|
+
var keys = new Set(_toConsumableArray(dataKeys));
|
|
241
|
+
keys.delete(getRowKey(row));
|
|
242
|
+
handleChangeData(keys, [row]);
|
|
243
|
+
}
|
|
244
|
+
}];
|
|
245
|
+
},
|
|
254
246
|
rowKey: rowKey
|
|
255
247
|
}))))));
|
|
256
248
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lemon-fe/components",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.54",
|
|
4
4
|
"description": "> TODO: description",
|
|
5
5
|
"author": "鲁盛杰 <lusj@cnlemon.net>",
|
|
6
6
|
"homepage": "",
|
|
@@ -41,5 +41,5 @@
|
|
|
41
41
|
"react": "^17.0.2",
|
|
42
42
|
"react-dom": "^17.0.2"
|
|
43
43
|
},
|
|
44
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "8e298071464bc2654627d639ff08e12ecc24355e"
|
|
45
45
|
}
|