@kdcloudjs/table 1.1.3-canary.1 → 1.1.3-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 (71) hide show
  1. package/dist/@kdcloudjs/table.css +1 -1
  2. package/dist/@kdcloudjs/table.js +602 -205
  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 +6 -6
  6. package/dist/@kdcloudjs/table.min.js.map +1 -1
  7. package/es/table/base/helpers/TableDOMUtils.d.ts +2 -0
  8. package/es/table/base/helpers/TableDOMUtils.js +48 -12
  9. package/es/table/base/helpers/getRichVisibleRectsStream.js +1 -1
  10. package/es/table/base/html-table.js +1 -1
  11. package/es/table/base/styles.d.ts +2 -0
  12. package/es/table/base/styles.js +4 -2
  13. package/es/table/base/table.d.ts +0 -1
  14. package/es/table/base/table.js +13 -27
  15. package/es/table/pipeline/features/columnDrag.js +27 -16
  16. package/es/table/pipeline/features/columnFilter.d.ts +2 -2
  17. package/es/table/pipeline/features/columnFilter.js +33 -12
  18. package/es/table/pipeline/features/contextMenu.js +1 -0
  19. package/es/table/pipeline/features/filter/DefaultFilterIcon.d.ts +5 -0
  20. package/es/table/pipeline/features/filter/DefaultFilterIcon.js +20 -0
  21. package/es/table/pipeline/features/filter/Filter.d.ts +1 -1
  22. package/es/table/pipeline/features/filter/Filter.js +16 -20
  23. package/es/table/pipeline/features/filter/FilterPanel.js +25 -16
  24. package/es/table/pipeline/features/filter/util.js +4 -4
  25. package/es/table/pipeline/features/footerDataSource.d.ts +9 -0
  26. package/es/table/pipeline/features/footerDataSource.js +25 -0
  27. package/es/table/pipeline/features/index.d.ts +2 -0
  28. package/es/table/pipeline/features/index.js +3 -1
  29. package/es/table/pipeline/features/mergeCellHover.d.ts +2 -0
  30. package/es/table/pipeline/features/mergeCellHover.js +32 -0
  31. package/es/table/pipeline/features/multiSelect.js +7 -2
  32. package/es/table/pipeline/features/rangeSelection.d.ts +1 -1
  33. package/es/table/pipeline/features/rangeSelection.js +156 -28
  34. package/es/table/pipeline/features/singleSelect.js +4 -0
  35. package/es/table/pipeline/features/treeMode.d.ts +2 -0
  36. package/es/table/pipeline/features/treeMode.js +18 -20
  37. package/es/table/pipeline/pipeline.d.ts +5 -1
  38. package/es/table/pipeline/pipeline.js +11 -10
  39. package/lib/table/base/helpers/TableDOMUtils.d.ts +2 -0
  40. package/lib/table/base/helpers/TableDOMUtils.js +51 -12
  41. package/lib/table/base/helpers/getRichVisibleRectsStream.js +1 -1
  42. package/lib/table/base/html-table.js +1 -1
  43. package/lib/table/base/styles.d.ts +2 -0
  44. package/lib/table/base/styles.js +4 -2
  45. package/lib/table/base/table.d.ts +0 -1
  46. package/lib/table/base/table.js +13 -27
  47. package/lib/table/pipeline/features/columnDrag.js +27 -16
  48. package/lib/table/pipeline/features/columnFilter.d.ts +2 -2
  49. package/lib/table/pipeline/features/columnFilter.js +31 -12
  50. package/lib/table/pipeline/features/contextMenu.js +1 -0
  51. package/lib/table/pipeline/features/filter/DefaultFilterIcon.d.ts +5 -0
  52. package/lib/table/pipeline/features/filter/DefaultFilterIcon.js +30 -0
  53. package/lib/table/pipeline/features/filter/Filter.d.ts +1 -1
  54. package/lib/table/pipeline/features/filter/Filter.js +17 -20
  55. package/lib/table/pipeline/features/filter/FilterPanel.js +25 -15
  56. package/lib/table/pipeline/features/filter/util.js +4 -4
  57. package/lib/table/pipeline/features/footerDataSource.d.ts +9 -0
  58. package/lib/table/pipeline/features/footerDataSource.js +41 -0
  59. package/lib/table/pipeline/features/index.d.ts +2 -0
  60. package/lib/table/pipeline/features/index.js +23 -1
  61. package/lib/table/pipeline/features/mergeCellHover.d.ts +2 -0
  62. package/lib/table/pipeline/features/mergeCellHover.js +43 -0
  63. package/lib/table/pipeline/features/multiSelect.js +6 -1
  64. package/lib/table/pipeline/features/rangeSelection.d.ts +1 -1
  65. package/lib/table/pipeline/features/rangeSelection.js +158 -30
  66. package/lib/table/pipeline/features/singleSelect.js +4 -0
  67. package/lib/table/pipeline/features/treeMode.d.ts +2 -0
  68. package/lib/table/pipeline/features/treeMode.js +19 -22
  69. package/lib/table/pipeline/pipeline.d.ts +5 -1
  70. package/lib/table/pipeline/pipeline.js +12 -10
  71. package/package.json +1 -1
@@ -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,16 @@ 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
254
  marginLeft: iconIndent + iconWidth + iconGap
259
255
  }
260
- }, _internals.internals.safeRenderHeader(firstCol)),
256
+ }, _internals.internals.safeRenderHeader(expandCol)),
261
257
  render: render,
262
- getCellProps: clickArea === 'cell' ? getCellProps : firstCol.getCellProps
263
- })]).call(_context2, (0, _toConsumableArray2.default)(others));
258
+ getCellProps: clickArea === 'cell' ? getCellProps : expandCol.getCellProps
259
+ });
260
+ return (0, _toConsumableArray2.default)(columns);
264
261
  }
265
262
  };
266
263
  }
@@ -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;
@@ -88,6 +88,10 @@ export declare class TablePipeline {
88
88
  setFeatureOptions(optionKey: string, value: any): void;
89
89
  /** 获取 BaseTable 的 props,结果中包含 dataSource/columns/primaryKey/getRowProps 四个字段 */
90
90
  getProps(this: TablePipeline): TableProps;
91
+ /**
92
+ * 清除范围选中内容
93
+ */
94
+ clearRangeSelection(): void;
91
95
  }
92
96
  export declare function useTablePipeline(ctx?: Partial<TablePipelineCtx>): TablePipeline;
93
97
  export {};
@@ -28,6 +28,8 @@ var _utils = require("../utils");
28
28
 
29
29
  var _autoFill = require("./features/autoFill");
30
30
 
31
+ var _rangeSelection = require("./features/rangeSelection");
32
+
31
33
  /**
32
34
  * 表格数据处理流水线。TablePipeline 提供了表格数据处理过程中的一些上下方与工具方法,包括……
33
35
  *
@@ -292,19 +294,19 @@ var TablePipeline = /*#__PURE__*/function () {
292
294
 
293
295
  result.setTableDomHelper = function (domHelper) {
294
296
  _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
- // }
304
-
297
+ };
305
298
 
306
299
  return result;
307
300
  }
301
+ /**
302
+ * 清除范围选中内容
303
+ */
304
+
305
+ }, {
306
+ key: "clearRangeSelection",
307
+ value: function clearRangeSelection() {
308
+ this.setStateAtKey(_rangeSelection.rangeSelectionKey, null);
309
+ }
308
310
  }]);
309
311
  return TablePipeline;
310
312
  }();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kdcloudjs/table",
3
- "version": "1.1.3-canary.1",
3
+ "version": "1.1.3-canary.10",
4
4
  "description": "金蝶 react table 组件",
5
5
  "title": "table",
6
6
  "keywords": [