@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.
@@ -206,7 +206,9 @@ function BaseTable(props) {
206
206
  }
207
207
 
208
208
  useEffect(function () {
209
- setScrollY(calcScrollY() || 0);
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.push(actionCol);
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 _useMemo3 = useMemo(function () {
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 = _useMemo3.components;
369
+ components = _useMemo5.components;
362
370
  /** summary row */
363
371
 
364
372
 
@@ -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
 
@@ -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(data),
53
+ var _useState3 = useState((filter === null || filter === void 0 ? void 0 : filter.defaultValue) || {}),
54
54
  _useState4 = _slicedToArray(_useState3, 2),
55
- selected = _useState4[0],
56
- setSelected = _useState4[1];
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 _useState7 = useState('list'),
66
- _useState8 = _slicedToArray(_useState7, 2),
67
- tabFlag = _useState8[0],
68
- setTabFlag = _useState8[1];
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
- var keys = _toConsumableArray(dataKeys);
196
-
197
- var index = keys.findIndex(function (item) {
198
- return item === key;
199
- });
200
-
201
- if (index >= 0) {
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.push(key);
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
- rowSelection: _objectSpread({
248
- preserveSelectedRowKeys: true,
249
- selectedRowKeys: selectedKeys,
250
- onChange: function onChange(_, rows) {
251
- return setSelected(rows);
252
- }
253
- }, rowSelection),
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.52",
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.2",
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": "68713e81d8cf4c82bae68564ae4c2e70c4a8cc27"
44
+ "gitHead": "93704a729eac117a0a29fae97fa254d6186ea25c"
45
45
  }