@kdcloudjs/table 1.1.4 → 1.1.5-canary.10

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.
Files changed (89) hide show
  1. package/dist/@kdcloudjs/table.css +1 -1
  2. package/dist/@kdcloudjs/table.js +905 -346
  3. package/dist/@kdcloudjs/table.js.map +1 -1
  4. package/dist/@kdcloudjs/table.min.css +1 -1
  5. package/dist/@kdcloudjs/table.min.js +10 -9
  6. package/dist/@kdcloudjs/table.min.js.map +1 -1
  7. package/es/table/base/html-table.js +1 -1
  8. package/es/table/base/styles.d.ts +11 -2
  9. package/es/table/base/styles.js +19 -8
  10. package/es/table/base/table.d.ts +3 -1
  11. package/es/table/base/table.js +35 -56
  12. package/es/table/base/utils.d.ts +7 -0
  13. package/es/table/base/utils.js +36 -2
  14. package/es/table/common-views.js +1 -1
  15. package/es/table/pipeline/features/colGroupExtendable.d.ts +8 -0
  16. package/es/table/pipeline/features/colGroupExtendable.js +105 -0
  17. package/es/table/pipeline/features/columnDrag.js +5 -4
  18. package/es/table/pipeline/features/columnFilter.d.ts +8 -2
  19. package/es/table/pipeline/features/columnFilter.js +43 -19
  20. package/es/table/pipeline/features/columnResizeWidth.js +1 -1
  21. package/es/table/pipeline/features/contextMenu.d.ts +5 -1
  22. package/es/table/pipeline/features/contextMenu.js +18 -28
  23. package/es/table/pipeline/features/filter/DefaultFilterContent.js +27 -7
  24. package/es/table/pipeline/features/filter/DefaultFilterIcon.d.ts +5 -0
  25. package/es/table/pipeline/features/filter/DefaultFilterIcon.js +20 -0
  26. package/es/table/pipeline/features/filter/Filter.d.ts +5 -2
  27. package/es/table/pipeline/features/filter/Filter.js +65 -37
  28. package/es/table/pipeline/features/filter/FilterPanel.d.ts +2 -1
  29. package/es/table/pipeline/features/filter/FilterPanel.js +40 -21
  30. package/es/table/pipeline/features/filter/util.js +4 -4
  31. package/es/table/pipeline/features/footerDataSource.d.ts +9 -0
  32. package/es/table/pipeline/features/footerDataSource.js +25 -0
  33. package/es/table/pipeline/features/index.d.ts +2 -0
  34. package/es/table/pipeline/features/index.js +3 -1
  35. package/es/table/pipeline/features/multiSelect.js +7 -2
  36. package/es/table/pipeline/features/rangeSelection.d.ts +1 -1
  37. package/es/table/pipeline/features/rangeSelection.js +180 -30
  38. package/es/table/pipeline/features/singleSelect.js +4 -0
  39. package/es/table/pipeline/features/treeMode.d.ts +2 -0
  40. package/es/table/pipeline/features/treeMode.js +20 -21
  41. package/es/table/pipeline/pipeline.d.ts +1 -1
  42. package/es/table/pipeline/pipeline.js +4 -9
  43. package/es/table/utils/element.d.ts +1 -0
  44. package/es/table/utils/element.js +4 -0
  45. package/es/table/utils/keyCode.d.ts +5 -0
  46. package/es/table/utils/keyCode.js +5 -0
  47. package/es/table/utils/mergeCellProps.js +2 -6
  48. package/lib/table/base/html-table.js +1 -1
  49. package/lib/table/base/styles.d.ts +11 -2
  50. package/lib/table/base/styles.js +19 -8
  51. package/lib/table/base/table.d.ts +3 -1
  52. package/lib/table/base/table.js +35 -56
  53. package/lib/table/base/utils.d.ts +7 -0
  54. package/lib/table/base/utils.js +43 -2
  55. package/lib/table/common-views.js +1 -1
  56. package/lib/table/pipeline/features/colGroupExtendable.d.ts +8 -0
  57. package/lib/table/pipeline/features/colGroupExtendable.js +126 -0
  58. package/lib/table/pipeline/features/columnDrag.js +5 -4
  59. package/lib/table/pipeline/features/columnFilter.d.ts +8 -2
  60. package/lib/table/pipeline/features/columnFilter.js +41 -19
  61. package/lib/table/pipeline/features/columnResizeWidth.js +1 -1
  62. package/lib/table/pipeline/features/contextMenu.d.ts +5 -1
  63. package/lib/table/pipeline/features/contextMenu.js +17 -28
  64. package/lib/table/pipeline/features/filter/DefaultFilterContent.js +28 -6
  65. package/lib/table/pipeline/features/filter/DefaultFilterIcon.d.ts +5 -0
  66. package/lib/table/pipeline/features/filter/DefaultFilterIcon.js +30 -0
  67. package/lib/table/pipeline/features/filter/Filter.d.ts +5 -2
  68. package/lib/table/pipeline/features/filter/Filter.js +68 -37
  69. package/lib/table/pipeline/features/filter/FilterPanel.d.ts +2 -1
  70. package/lib/table/pipeline/features/filter/FilterPanel.js +42 -20
  71. package/lib/table/pipeline/features/filter/util.js +4 -4
  72. package/lib/table/pipeline/features/footerDataSource.d.ts +9 -0
  73. package/lib/table/pipeline/features/footerDataSource.js +41 -0
  74. package/lib/table/pipeline/features/index.d.ts +2 -0
  75. package/lib/table/pipeline/features/index.js +23 -1
  76. package/lib/table/pipeline/features/multiSelect.js +6 -1
  77. package/lib/table/pipeline/features/rangeSelection.d.ts +1 -1
  78. package/lib/table/pipeline/features/rangeSelection.js +183 -32
  79. package/lib/table/pipeline/features/singleSelect.js +4 -0
  80. package/lib/table/pipeline/features/treeMode.d.ts +2 -0
  81. package/lib/table/pipeline/features/treeMode.js +21 -23
  82. package/lib/table/pipeline/pipeline.d.ts +1 -1
  83. package/lib/table/pipeline/pipeline.js +4 -9
  84. package/lib/table/utils/element.d.ts +1 -0
  85. package/lib/table/utils/element.js +6 -0
  86. package/lib/table/utils/keyCode.d.ts +5 -0
  87. package/lib/table/utils/keyCode.js +12 -0
  88. package/lib/table/utils/mergeCellProps.js +2 -6
  89. package/package.json +3 -3
@@ -7,7 +7,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
7
7
  Object.defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
10
- exports.lastClickCell = void 0;
10
+ exports.lastClickCellKey = void 0;
11
11
  exports.rangeSelection = rangeSelection;
12
12
  exports.rangeSelectionKey = void 0;
13
13
 
@@ -21,6 +21,8 @@ var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-
21
21
 
22
22
  var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
23
23
 
24
+ var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
25
+
24
26
  var _utils = require("../../utils");
25
27
 
26
28
  var _others = require("../../utils/others");
@@ -35,43 +37,53 @@ var _classnames = _interopRequireDefault(require("classnames"));
35
37
 
36
38
  var rangeSelectionKey = 'rangeSelection';
37
39
  exports.rangeSelectionKey = rangeSelectionKey;
38
- var lastClickCell = 'lastClickCell';
39
- exports.lastClickCell = lastClickCell;
40
+ var lastClickCellKey = 'lastClickCell';
41
+ exports.lastClickCellKey = lastClickCellKey;
40
42
 
41
43
  function rangeSelection(opts) {
42
44
  return function step(pipeline) {
43
45
  var SCROLL_SIZE = 30;
44
46
  var tableBody = pipeline.ref.current.domHelper && pipeline.ref.current.domHelper.tableBody;
47
+ var tableFooter = pipeline.ref.current.domHelper && pipeline.ref.current.domHelper.tableFooter;
48
+ var artTable = pipeline.ref.current.domHelper && pipeline.ref.current.domHelper.artTable;
45
49
 
46
50
  if (!tableBody) {
47
51
  return pipeline;
48
52
  }
49
53
 
50
54
  var columns = pipeline.getColumns();
55
+ var dataSource = pipeline.getDataSource();
51
56
 
52
57
  var rangeSelectedChange = function rangeSelectedChange(rangeSelection) {
53
58
  var _a;
54
59
 
55
60
  pipeline.setStateAtKey(rangeSelectionKey, rangeSelection);
56
61
  (_a = opts === null || opts === void 0 ? void 0 : opts.rangeSelectedChange) === null || _a === void 0 ? void 0 : _a.call(opts, rangeSelection);
57
- }; // if (!pipeline.getFeatureOptions(rangeSelectionKey)) {
58
- // pipeline.setFeatureOptions(rangeSelectionKey, {
59
- // optionKey: rangeSelectionKey,
60
- // rangeSelectedChange: rangeSelectedChange
61
- // })
62
- // }
63
-
62
+ };
64
63
 
65
64
  var setRangeSelection = function setRangeSelection(startDragCell, draggingCell) {
66
- if (!startDragCell || !draggingCell || isSameCell(startDragCell, draggingCell)) return;
65
+ if (!startDragCell || !draggingCell) return;
67
66
  var rangeColumns = getRangeColumns(startDragCell, draggingCell, columns);
68
- var isTopToBottom = startDragCell.rowIndex <= draggingCell.rowIndex;
67
+
68
+ var _getRangeSelectionRow = getRangeSelectionRowInfo(startDragCell, draggingCell, dataSource),
69
+ startRow = _getRangeSelectionRow.startRow,
70
+ endRow = _getRangeSelectionRow.endRow,
71
+ footerRowRange = _getRangeSelectionRow.footerRowRange;
72
+
69
73
  var rangeSelection = {
70
- startRow: isTopToBottom ? startDragCell.rowIndex : startDragCell.rowIndex + startDragCell.rowSpan - 1,
71
- endRow: isTopToBottom ? draggingCell.rowIndex + draggingCell.rowSpan - 1 : draggingCell.rowIndex,
74
+ startRow: startRow,
75
+ endRow: endRow,
72
76
  columns: rangeColumns,
73
- startColumn: startDragCell.column
77
+ startColumn: startDragCell.column,
78
+ footerRowRange: footerRowRange
74
79
  };
80
+
81
+ if (isCellRangeSingleCell(rangeSelection)) {
82
+ artTable.classList.remove((0, _classnames.default)(_styles.Classes.rangeSelection));
83
+ } else {
84
+ artTable.classList.add((0, _classnames.default)(_styles.Classes.rangeSelection));
85
+ }
86
+
75
87
  rangeSelectedChange(rangeSelection);
76
88
  };
77
89
 
@@ -81,26 +93,27 @@ function rangeSelection(opts) {
81
93
 
82
94
  if (clickCell) {
83
95
  if (event.shiftKey) {
84
- var _lastClickCell = pipeline.getStateAtKey(lastClickCell);
96
+ var _lastClickCell = pipeline.getStateAtKey(lastClickCellKey);
85
97
 
86
98
  if (_lastClickCell) {
87
99
  setRangeSelection(_lastClickCell, clickCell);
88
100
  } else {
89
101
  // 第一次进来就按住shift键,这时候要记住点击的单元格
90
- pipeline.setStateAtKey(lastClickCell, clickCell);
102
+ pipeline.setStateAtKey(lastClickCellKey, clickCell);
91
103
  }
92
104
  } else {
93
- pipeline.setStateAtKey(lastClickCell, clickCell);
94
- rangeSelectedChange(null);
105
+ pipeline.setStateAtKey(lastClickCellKey, clickCell);
106
+ setRangeSelection(clickCell, clickCell);
95
107
  }
96
108
  }
97
109
  };
98
110
 
99
111
  var onMouseDown = function onMouseDown(mouseDownEvent) {
100
- if (mouseDownEvent.button !== 0 || !(0, _utils.isElementInEventPath)(tableBody, mouseDownEvent.nativeEvent)) return; // mouseDownEvent.preventDefault()
112
+ if (mouseDownEvent.button !== 0 || !((0, _utils.isElementInEventPath)(tableBody, mouseDownEvent.nativeEvent) || (0, _utils.isElementInEventPath)(tableFooter, mouseDownEvent.nativeEvent))) return; // mouseDownEvent.preventDefault()
101
113
  // shift + 点击选中
102
114
 
103
115
  shiftKeySelect(mouseDownEvent);
116
+ if (mouseDownEvent.shiftKey) return;
104
117
  var target = mouseDownEvent.target;
105
118
  var startDragCell = getTargetCell(target, columns);
106
119
  var mousemove$ = (0, _rxjs.fromEvent)(window, 'mousemove');
@@ -153,18 +166,24 @@ function rangeSelection(opts) {
153
166
  };
154
167
 
155
168
  var onKeyDown = function onKeyDown(e) {
156
- if (!(0, _utils.isElementInEventPath)(tableBody, e.nativeEvent)) return;
169
+ if (!((0, _utils.isElementInEventPath)(tableBody, e.nativeEvent) || (0, _utils.isElementInEventPath)(tableFooter, e.nativeEvent))) return;
157
170
 
158
171
  if ((e.ctrlKey || e.metaKey) && e.key === 'a') {
159
172
  var rowLen = pipeline.getDataSource().length;
173
+ var footerDataSource = pipeline.getFooterDataSource() || []; // 焦点位于可编辑的单元格内不做全选
160
174
 
161
- if (columns.length && rowLen) {
175
+ if (columns.length && rowLen && !getElementEditable(e.target)) {
162
176
  opts.preventkDefaultOfKeyDownEvent !== false && e.preventDefault();
177
+ artTable.classList.add((0, _classnames.default)(_styles.Classes.rangeSelection));
163
178
  rangeSelectedChange({
164
179
  startRow: 0,
165
180
  endRow: rowLen - 1,
166
- columns: columns,
167
- startColumn: columns[0]
181
+ columns: (0, _utils.collectNodes)(columns, 'leaf-only'),
182
+ startColumn: columns[0],
183
+ footerRowRange: footerDataSource.length > 0 ? {
184
+ startRow: 0,
185
+ endRow: footerDataSource.length - 1
186
+ } : null
168
187
  });
169
188
  }
170
189
  }
@@ -173,7 +192,8 @@ function rangeSelection(opts) {
173
192
  pipeline.addTableProps({
174
193
  onMouseDown: onMouseDown,
175
194
  onKeyDown: onKeyDown,
176
- tabIndex: -1
195
+ tabIndex: -1,
196
+ className: (0, _classnames.default)([_styles.Classes.rangeSelection])
177
197
  }); // todo: 后面可以把mousedown放到一个流里面
178
198
 
179
199
  return pipeline.mapColumns((0, _utils.makeRecursiveMapper)(function (col) {
@@ -189,15 +209,29 @@ function rangeSelection(opts) {
189
209
  var _cx;
190
210
 
191
211
  var prevCellProps = prevGetCellProps === null || prevGetCellProps === void 0 ? void 0 : prevGetCellProps(value, record, rowIndex);
212
+ var isInFooter = record[pipeline.getFeatureOptions('footerRowMetaKey')];
192
213
  var startRow = rangeSelection.startRow,
193
214
  endRow = rangeSelection.endRow,
194
- columns = rangeSelection.columns;
195
- var startIndex = startRow < endRow ? startRow : endRow;
196
- var endIndex = startRow < endRow ? endRow : startRow;
215
+ columns = rangeSelection.columns,
216
+ footerRowRange = rangeSelection.footerRowRange;
217
+
218
+ var _getRowIndex = getRowIndex(startRow, endRow),
219
+ startRowIndex = _getRowIndex.startRowIndex,
220
+ endRowIndex = _getRowIndex.endRowIndex;
221
+
222
+ var _getFooterRowIndex = getFooterRowIndex(footerRowRange),
223
+ footerStartRowIndex = _getFooterRowIndex.startRowIndex,
224
+ footerEndRowIndex = _getFooterRowIndex.endRowIndex;
225
+
197
226
  var startCol = columns[0];
198
227
  var endCol = columns[columns.length - 1];
199
- var match = rowIndex >= startIndex && rowIndex <= endIndex;
200
- var className = (0, _classnames.default)((_cx = {}, (0, _defineProperty2.default)(_cx, _styles.Classes.tableCellRangeSelected, match), (0, _defineProperty2.default)(_cx, _styles.Classes.tableCellRangeTop, rowIndex === startIndex), (0, _defineProperty2.default)(_cx, _styles.Classes.tableCellRangeLeft, col.code === startCol.code && match), (0, _defineProperty2.default)(_cx, _styles.Classes.tableCellRangeBottom, rowIndex === endIndex), (0, _defineProperty2.default)(_cx, _styles.Classes.tableCellRangeRight, col.code === endCol.code && match), _cx));
228
+ var bodyMatch = !isInFooter && rowIndex >= startRowIndex && rowIndex <= endRowIndex;
229
+ var footerMatch = isInFooter && footerRowRange && rowIndex >= footerStartRowIndex && rowIndex <= footerEndRowIndex;
230
+ var match = footerMatch || bodyMatch;
231
+ var matchSingleCell = match && isCellRangeSingleCell(rangeSelection); // 单个范围选中单元格不显示样式
232
+
233
+ var showCellRangeStyle = match && !matchSingleCell;
234
+ var className = (0, _classnames.default)((_cx = {}, (0, _defineProperty2.default)(_cx, _styles.Classes.tableCellRangeSingleCell, matchSingleCell), (0, _defineProperty2.default)(_cx, _styles.Classes.tableCellRangeSelected, showCellRangeStyle), (0, _defineProperty2.default)(_cx, _styles.Classes.tableCellRangeTop, showCellRangeStyle && (isInFooter ? startRowIndex !== -1 ? false : rowIndex === footerStartRowIndex : rowIndex === startRowIndex)), (0, _defineProperty2.default)(_cx, _styles.Classes.tableCellRangeLeft, showCellRangeStyle && col.code === startCol.code), (0, _defineProperty2.default)(_cx, _styles.Classes.tableCellRangeBottom, showCellRangeStyle && (isInFooter ? rowIndex === footerEndRowIndex : footerRowRange ? false : rowIndex === endRowIndex)), (0, _defineProperty2.default)(_cx, _styles.Classes.tableCellRangeRight, showCellRangeStyle && col.code === endCol.code), _cx));
201
235
  return (0, _utils.mergeCellProps)(prevCellProps, {
202
236
  className: className
203
237
  });
@@ -223,7 +257,8 @@ function getTargetCell(target, columns) {
223
257
  rowIndex: parseInt(target.getAttribute('data-rowindex')),
224
258
  rowSpan: parseInt(target.getAttribute('rowspan') || 1),
225
259
  code: columnCode,
226
- column: column
260
+ column: column,
261
+ isInFooter: isEleInFooter(target)
227
262
  }
228
263
  };
229
264
  }();
@@ -238,7 +273,19 @@ function getTargetCell(target, columns) {
238
273
  }
239
274
 
240
275
  function isSameCell(cell1, cell2) {
241
- return cell1.rowIndex === cell2.rowIndex && cell1.code === cell2.code;
276
+ return cell1.rowIndex === cell2.rowIndex && cell1.code === cell2.code && cell1.isInFooter === cell2.isInFooter;
277
+ }
278
+
279
+ function isEleInFooter(target) {
280
+ while (target && !target.classList.contains(_styles.Classes.artTable)) {
281
+ if (target.classList.contains(_styles.Classes.tableFooter)) {
282
+ return true;
283
+ }
284
+
285
+ target = target.parentElement;
286
+ }
287
+
288
+ return false;
242
289
  }
243
290
 
244
291
  function getRangeColumns(startCell, endCell, columns) {
@@ -255,4 +302,108 @@ function getRangeColumns(startCell, endCell, columns) {
255
302
  } else {
256
303
  return (0, _slice.default)(flatColumns).call(flatColumns, endIndex, startIndex + 1);
257
304
  }
305
+ }
306
+
307
+ function getRangeSelectionRowInfo(startCell, endCell, dataSource) {
308
+ var footerRowRange = null;
309
+ var startRow = -1;
310
+ var endRow = -1;
311
+
312
+ var _getCellRangeRow = getCellRangeRow(startCell, endCell),
313
+ _startRow = _getCellRangeRow.startRow,
314
+ _endRow = _getCellRangeRow.endRow; // 两个单元格都在表体
315
+
316
+
317
+ if (!startCell.isInFooter && !endCell.isInFooter) {
318
+ startRow = _startRow;
319
+ endRow = _endRow;
320
+ } else if (startCell.isInFooter && endCell.isInFooter) {
321
+ // 两个单元格都在表底
322
+ footerRowRange = {
323
+ startRow: _startRow,
324
+ endRow: _endRow
325
+ };
326
+ } else {
327
+ // 一个单元格在表体,一个在表底
328
+ if (startCell.isInFooter) {
329
+ startRow = dataSource.length - 1;
330
+ endRow = endCell.rowIndex;
331
+ footerRowRange = {
332
+ startRow: startCell.rowIndex,
333
+ endRow: 0
334
+ };
335
+ } else {
336
+ startRow = startCell.rowIndex;
337
+ endRow = dataSource.length - 1;
338
+ footerRowRange = {
339
+ startRow: 0,
340
+ endRow: endCell.rowIndex
341
+ };
342
+ }
343
+ }
344
+
345
+ return {
346
+ startRow: startRow,
347
+ endRow: endRow,
348
+ footerRowRange: footerRowRange
349
+ };
350
+ }
351
+
352
+ function getCellRangeRow(startCell, endCell) {
353
+ if (isSameCell(startCell, endCell)) {
354
+ return {
355
+ startRow: startCell.rowIndex,
356
+ endRow: startCell.rowIndex
357
+ };
358
+ }
359
+
360
+ var isTopToBottom = startCell.rowIndex <= endCell.rowIndex;
361
+ var startRow = isTopToBottom ? startCell.rowIndex : startCell.rowIndex + startCell.rowSpan - 1;
362
+ var endRow = isTopToBottom ? endCell.rowIndex + endCell.rowSpan - 1 : endCell.rowIndex;
363
+ return {
364
+ startRow: startRow,
365
+ endRow: endRow
366
+ };
367
+ }
368
+
369
+ function isCellRangeSingleCell(rangeSelection) {
370
+ var startRow = rangeSelection.startRow,
371
+ endRow = rangeSelection.endRow,
372
+ columns = rangeSelection.columns,
373
+ footerRowRange = rangeSelection.footerRowRange;
374
+ var isBodySingleCell = !footerRowRange && startRow === endRow && columns.length === 1;
375
+ var isFooterSingleCell = startRow === -1 && footerRowRange.startRow === footerRowRange.endRow && columns.length === 1;
376
+ return isBodySingleCell || isFooterSingleCell;
377
+ }
378
+
379
+ function getRowIndex(startRow, endRow) {
380
+ var isReverse = startRow > endRow;
381
+ var startRowIndex = isReverse ? endRow : startRow;
382
+ var endRowIndex = isReverse ? startRow : endRow;
383
+ return {
384
+ startRowIndex: startRowIndex,
385
+ endRowIndex: endRowIndex
386
+ };
387
+ }
388
+
389
+ function getFooterRowIndex(footerRowRange) {
390
+ if (footerRowRange) {
391
+ return getRowIndex(footerRowRange.startRow, footerRowRange.endRow);
392
+ }
393
+
394
+ return {
395
+ startRowIndex: -1,
396
+ endRowIndex: -1
397
+ };
398
+ }
399
+
400
+ function getElementEditable(target) {
401
+ var _context2;
402
+
403
+ if (!target) return;
404
+
405
+ if ((0, _includes.default)(_context2 = ['input', 'textarea']).call(_context2, target.tagName.toLowerCase())) {
406
+ if (target.type === 'checkbox') return;
407
+ return !target.disabled && !target.readOnly;
408
+ }
258
409
  }
@@ -76,6 +76,10 @@ function singleSelect() {
76
76
  return preCellProps;
77
77
  },
78
78
  render: function render(_, row, rowIndex) {
79
+ if (row[pipeline.getFeatureOptions('footerRowMetaKey')]) {
80
+ return null;
81
+ }
82
+
79
83
  var rowKey = _internals.internals.safeGetRowKey(primaryKey, row, rowIndex);
80
84
 
81
85
  return /*#__PURE__*/_react.default.createElement(Radio, {
@@ -32,6 +32,8 @@ export interface TreeModeFeatureOptions {
32
32
  stopClickEventPropagation?: boolean;
33
33
  /** 指定表格每一行元信息的记录字段 */
34
34
  treeMetaKey?: string | symbol;
35
+ /** 指定展开列 */
36
+ expandColCode?: string;
35
37
  }
36
38
  export declare function treeMode(opts?: TreeModeFeatureOptions): (pipeline: TablePipeline) => TablePipeline;
37
39
  export {};
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- var _sliceInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/slice");
3
+ var _sliceInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/slice");
4
4
 
5
5
  var _Array$from = require("@babel/runtime-corejs3/core-js-stable/array/from");
6
6
 
@@ -16,8 +16,6 @@ Object.defineProperty(exports, "__esModule", {
16
16
  exports.treeMetaSymbol = void 0;
17
17
  exports.treeMode = treeMode;
18
18
 
19
- var _toArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toArray"));
20
-
21
19
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
22
20
 
23
21
  var _extends3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
@@ -32,7 +30,7 @@ var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-sta
32
30
 
33
31
  var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
34
32
 
35
- var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
33
+ var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find-index"));
36
34
 
37
35
  var _classnames = _interopRequireDefault(require("classnames"));
38
36
 
@@ -48,7 +46,7 @@ var _styles = require("../../base/styles");
48
46
 
49
47
  function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol2 !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
50
48
 
51
- function _unsupportedIterableToArray(o, minLen) { var _context3; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty2(_context3 = Object.prototype.toString.call(o)).call(_context3, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
49
+ function _unsupportedIterableToArray(o, minLen) { var _context2; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context2 = Object.prototype.toString.call(o)).call(_context2, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
52
50
 
53
51
  function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
54
52
 
@@ -63,11 +61,6 @@ function treeMode() {
63
61
  var stateKey = 'treeMode';
64
62
  var ctx = pipeline.ctx;
65
63
  var primaryKey = pipeline.ensurePrimaryKey('treeMode');
66
-
67
- if (typeof primaryKey !== 'string') {
68
- throw new Error('treeMode 仅支持字符串作为 primaryKey');
69
- }
70
-
71
64
  var openKeys = (_c = (_b = (_a = opts.openKeys) !== null && _a !== void 0 ? _a : pipeline.getStateAtKey(stateKey)) !== null && _b !== void 0 ? _b : opts.defaultOpenKeys) !== null && _c !== void 0 ? _c : [];
72
65
  var openKeySet = new _set.default(openKeys);
73
66
 
@@ -122,7 +115,9 @@ function treeMode() {
122
115
  try {
123
116
  for (_iterator.s(); !(_step = _iterator.n()).done;) {
124
117
  var node = _step.value;
125
- var rowKey = node[primaryKey];
118
+
119
+ var rowKey = _internals.internals.safeGetRowKey(primaryKey, node, -1);
120
+
126
121
  var expanded = openKeySet.has(rowKey);
127
122
  var isLeaf = isLeafNode(node, {
128
123
  depth: depth,
@@ -152,18 +147,19 @@ function treeMode() {
152
147
  }
153
148
 
154
149
  function processColumns(columns) {
155
- var _context2;
156
-
157
150
  if (columns.length === 0) {
158
151
  return columns;
159
152
  }
160
153
 
161
- var _columns = (0, _toArray2.default)(columns),
162
- firstCol = _columns[0],
163
- others = (0, _slice.default)(_columns).call(_columns, 1);
154
+ var expandColIndex = (0, _findIndex.default)(columns).call(columns, function (_ref) {
155
+ var code = _ref.code;
156
+ return code && opts.expandColCode === code;
157
+ });
158
+ expandColIndex = expandColIndex === -1 ? 0 : expandColIndex;
159
+ var expandCol = columns[expandColIndex];
164
160
 
165
161
  var render = function render(value, record, recordIndex) {
166
- var content = _internals.internals.safeRender(firstCol, record, recordIndex);
162
+ var content = _internals.internals.safeRender(expandCol, record, recordIndex);
167
163
 
168
164
  if (record[treeMetaKey] == null) {
169
165
  // 没有 treeMeta 信息的话,就返回原先的渲染结果
@@ -223,7 +219,7 @@ function treeMode() {
223
219
  };
224
220
 
225
221
  var getCellProps = function getCellProps(value, record, rowIndex) {
226
- var prevProps = _internals.internals.safeGetCellProps(firstCol, record, rowIndex);
222
+ var prevProps = _internals.internals.safeGetCellProps(expandCol, record, rowIndex);
227
223
 
228
224
  if (record[treeMetaKey] == null) {
229
225
  // 没有 treeMeta 信息的话,就返回原先的 cellProps
@@ -252,15 +248,17 @@ function treeMode() {
252
248
  });
253
249
  };
254
250
 
255
- return (0, _concat.default)(_context2 = [(0, _extends3.default)((0, _extends3.default)({}, firstCol), {
251
+ columns[expandColIndex] = (0, _extends3.default)((0, _extends3.default)({}, expandCol), {
256
252
  title: /*#__PURE__*/_react.default.createElement("span", {
257
253
  style: {
258
- marginLeft: iconIndent + iconWidth + iconGap
254
+ marginLeft: iconIndent + iconWidth + iconGap,
255
+ display: 'flex'
259
256
  }
260
- }, _internals.internals.safeRenderHeader(firstCol)),
257
+ }, _internals.internals.safeRenderHeader(expandCol)),
261
258
  render: render,
262
- getCellProps: clickArea === 'cell' ? getCellProps : firstCol.getCellProps
263
- })]).call(_context2, (0, _toConsumableArray2.default)(others));
259
+ getCellProps: clickArea === 'cell' ? getCellProps : expandCol.getCellProps
260
+ });
261
+ return (0, _toConsumableArray2.default)(columns);
264
262
  }
265
263
  };
266
264
  }
@@ -36,7 +36,7 @@ export declare class TablePipeline {
36
36
  private _tableProps;
37
37
  private _dataSource;
38
38
  private _columns;
39
- private _footerDataSource;
39
+ private _footerDataSource?;
40
40
  static defaultIndents: TablePipelineIndentsConfig;
41
41
  readonly ctx: TablePipelineCtx;
42
42
  private readonly state;
@@ -292,16 +292,11 @@ var TablePipeline = /*#__PURE__*/function () {
292
292
 
293
293
  result.setTableDomHelper = function (domHelper) {
294
294
  _this2.ref.current.domHelper = domHelper;
295
- }; // if (this.getFeatureOptions(rangeSelectionKey)) {
296
- // result.clearRangeSelectionStatus = () => {
297
- // const { rangeSelectedChange } = this.getFeatureOptions(rangeSelectionKey)
298
- // const rangeSelection = this.getStateAtKey(rangeSelectionKey)
299
- // if (rangeSelection) {
300
- // rangeSelectedChange?.(null)
301
- // }
302
- // }
303
- // }
295
+ };
304
296
 
297
+ result.setRowHeightManager = function (rowHeightManager) {
298
+ _this2.ref.current.rowHeightManager = rowHeightManager;
299
+ };
305
300
 
306
301
  return result;
307
302
  }
@@ -39,4 +39,5 @@ export declare function keepWithinBounds(popupParent: HTMLElement, popup: HTMLEl
39
39
  x: number;
40
40
  y: number;
41
41
  };
42
+ export declare function hasScroll(ele: HTMLElement, isHorizontal?: boolean): boolean;
42
43
  export {};
@@ -7,6 +7,7 @@ exports.calculatePointerRelative = calculatePointerRelative;
7
7
  exports.calculatePopupRelative = calculatePopupRelative;
8
8
  exports.getEventPath = getEventPath;
9
9
  exports.getTargetEleInEventPath = getTargetEleInEventPath;
10
+ exports.hasScroll = hasScroll;
10
11
  exports.isElementInEventPath = isElementInEventPath;
11
12
  exports.keepWithinBounds = keepWithinBounds;
12
13
 
@@ -240,4 +241,9 @@ function keepWithinBounds(popupParent, popup, x, y, isPerfect) {
240
241
  x: x,
241
242
  y: y
242
243
  };
244
+ }
245
+
246
+ function hasScroll(ele) {
247
+ var isHorizontal = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
248
+ return isHorizontal ? ele.scrollWidth > ele.clientWidth : ele.scrollHeight > ele.clientHeight;
243
249
  }
@@ -0,0 +1,5 @@
1
+ declare const KeyCode: {
2
+ ENTER: number;
3
+ ESC: number;
4
+ };
5
+ export default KeyCode;
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var KeyCode = {
8
+ ENTER: 13,
9
+ ESC: 27
10
+ };
11
+ var _default = KeyCode;
12
+ exports.default = _default;
@@ -17,13 +17,9 @@ var _classnames = _interopRequireDefault(require("classnames"));
17
17
 
18
18
  function composeEventHandler(handler1, handler2) {
19
19
  return function () {
20
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
21
- args[_key] = arguments[_key];
22
- }
23
-
24
20
  // 先执行原有的事件回调函数
25
- handler1(args);
26
- handler2(args); // 事件回调函数没有返回值,故这里不进行 return
21
+ handler1.apply(void 0, arguments);
22
+ handler2.apply(void 0, arguments); // 事件回调函数没有返回值,故这里不进行 return
27
23
  };
28
24
  }
29
25
  /** 合并两个 cellProps(单元格属性)对象,返回一个合并后的全新对象。
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kdcloudjs/table",
3
- "version": "1.1.4",
3
+ "version": "1.1.5-canary.10",
4
4
  "description": "金蝶 react table 组件",
5
5
  "title": "table",
6
6
  "keywords": [
@@ -54,8 +54,8 @@
54
54
  "test:update": "jest --config .jest.js --cache=false -u",
55
55
  "test:ci": "jest --config .jest.js --coverage --ci --update-snapshot",
56
56
  "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s --skip-unstable",
57
- "pub": "npm run build && cross-env PUB_ENV=pub np --no-cleanup --no-tests",
58
- "pub:beta": "npm run test:all && npm run build && cross-env PUB_ENV=pub np --no-cleanup --anyBranch --no-tests --tag=beta",
57
+ "pub": "npm run test:all && npm run build && cross-env PUB_ENV=pub np --no-cleanup --no-tests",
58
+ "pub:canary": "npm run build && cross-env PUB_ENV=pub np --no-cleanup --anyBranch --no-tests --tag=canary",
59
59
  "new": "node scripts/create-component.js",
60
60
  "kd-ui": "npm install @kingdee-ui/kui --registry http://npm.kingdee.com/"
61
61
  },