@lemon-fe/components 0.1.52 → 0.1.56
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 +15 -7
- 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 +3 -3
package/es/BaseTable/index.js
CHANGED
|
@@ -206,7 +206,9 @@ function BaseTable(props) {
|
|
|
206
206
|
}
|
|
207
207
|
|
|
208
208
|
useEffect(function () {
|
|
209
|
-
|
|
209
|
+
if (scrollYProp === true) {
|
|
210
|
+
setScrollY(calcScrollY() || 0);
|
|
211
|
+
}
|
|
210
212
|
}, [hasPagination]);
|
|
211
213
|
useEffect(function () {
|
|
212
214
|
if (scrollYProp !== true) {
|
|
@@ -325,7 +327,7 @@ function BaseTable(props) {
|
|
|
325
327
|
/** row actions */
|
|
326
328
|
|
|
327
329
|
|
|
328
|
-
useMemo(function () {
|
|
330
|
+
var _useMemo3 = useMemo(function () {
|
|
329
331
|
if (rowActions !== undefined) {
|
|
330
332
|
var actionCol = {
|
|
331
333
|
title: '',
|
|
@@ -340,13 +342,19 @@ function BaseTable(props) {
|
|
|
340
342
|
});
|
|
341
343
|
}
|
|
342
344
|
};
|
|
343
|
-
formatedColumns.
|
|
344
|
-
flattenColumns.push(actionCol);
|
|
345
|
+
return [[].concat(_toConsumableArray(formatedColumns), [actionCol]), [].concat(_toConsumableArray(flattenColumns), [actionCol])];
|
|
345
346
|
}
|
|
347
|
+
|
|
348
|
+
return [formatedColumns, flattenColumns];
|
|
346
349
|
}, [rowActions, flattenColumns, formatedColumns]);
|
|
347
|
-
/** virtualize scroll */
|
|
348
350
|
|
|
349
|
-
var
|
|
351
|
+
var _useMemo4 = _slicedToArray(_useMemo3, 2);
|
|
352
|
+
|
|
353
|
+
formatedColumns = _useMemo4[0];
|
|
354
|
+
flattenColumns = _useMemo4[1];
|
|
355
|
+
|
|
356
|
+
/** virtualize scroll */
|
|
357
|
+
var _useMemo5 = useMemo(function () {
|
|
350
358
|
return {
|
|
351
359
|
components: _objectSpread({
|
|
352
360
|
header: {
|
|
@@ -358,7 +366,7 @@ function BaseTable(props) {
|
|
|
358
366
|
}, componentsProp)
|
|
359
367
|
};
|
|
360
368
|
}, [virtual]),
|
|
361
|
-
components =
|
|
369
|
+
components = _useMemo5.components;
|
|
362
370
|
/** summary row */
|
|
363
371
|
|
|
364
372
|
|
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.56",
|
|
4
4
|
"description": "> TODO: description",
|
|
5
5
|
"author": "鲁盛杰 <lusj@cnlemon.net>",
|
|
6
6
|
"homepage": "",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"registry": "https://registry.npmjs.org"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@lemon-fe/hooks": "^0.1.
|
|
19
|
+
"@lemon-fe/hooks": "^0.1.56",
|
|
20
20
|
"classnames": "^2.2.6",
|
|
21
21
|
"lodash": "^4.17.21",
|
|
22
22
|
"react-resizable": "^3.0.4"
|
|
@@ -41,5 +41,5 @@
|
|
|
41
41
|
"react": "^17.0.2",
|
|
42
42
|
"react-dom": "^17.0.2"
|
|
43
43
|
},
|
|
44
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "93704a729eac117a0a29fae97fa254d6186ea25c"
|
|
45
45
|
}
|