@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.
- package/dist/@kdcloudjs/table.css +1 -1
- package/dist/@kdcloudjs/table.js +602 -205
- package/dist/@kdcloudjs/table.js.map +1 -1
- package/dist/@kdcloudjs/table.min.css +1 -1
- package/dist/@kdcloudjs/table.min.js +6 -6
- package/dist/@kdcloudjs/table.min.js.map +1 -1
- package/es/table/base/helpers/TableDOMUtils.d.ts +2 -0
- package/es/table/base/helpers/TableDOMUtils.js +48 -12
- package/es/table/base/helpers/getRichVisibleRectsStream.js +1 -1
- package/es/table/base/html-table.js +1 -1
- package/es/table/base/styles.d.ts +2 -0
- package/es/table/base/styles.js +4 -2
- package/es/table/base/table.d.ts +0 -1
- package/es/table/base/table.js +13 -27
- package/es/table/pipeline/features/columnDrag.js +27 -16
- package/es/table/pipeline/features/columnFilter.d.ts +2 -2
- package/es/table/pipeline/features/columnFilter.js +33 -12
- package/es/table/pipeline/features/contextMenu.js +1 -0
- package/es/table/pipeline/features/filter/DefaultFilterIcon.d.ts +5 -0
- package/es/table/pipeline/features/filter/DefaultFilterIcon.js +20 -0
- package/es/table/pipeline/features/filter/Filter.d.ts +1 -1
- package/es/table/pipeline/features/filter/Filter.js +16 -20
- package/es/table/pipeline/features/filter/FilterPanel.js +25 -16
- package/es/table/pipeline/features/filter/util.js +4 -4
- package/es/table/pipeline/features/footerDataSource.d.ts +9 -0
- package/es/table/pipeline/features/footerDataSource.js +25 -0
- package/es/table/pipeline/features/index.d.ts +2 -0
- package/es/table/pipeline/features/index.js +3 -1
- package/es/table/pipeline/features/mergeCellHover.d.ts +2 -0
- package/es/table/pipeline/features/mergeCellHover.js +32 -0
- package/es/table/pipeline/features/multiSelect.js +7 -2
- package/es/table/pipeline/features/rangeSelection.d.ts +1 -1
- package/es/table/pipeline/features/rangeSelection.js +156 -28
- package/es/table/pipeline/features/singleSelect.js +4 -0
- package/es/table/pipeline/features/treeMode.d.ts +2 -0
- package/es/table/pipeline/features/treeMode.js +18 -20
- package/es/table/pipeline/pipeline.d.ts +5 -1
- package/es/table/pipeline/pipeline.js +11 -10
- package/lib/table/base/helpers/TableDOMUtils.d.ts +2 -0
- package/lib/table/base/helpers/TableDOMUtils.js +51 -12
- package/lib/table/base/helpers/getRichVisibleRectsStream.js +1 -1
- package/lib/table/base/html-table.js +1 -1
- package/lib/table/base/styles.d.ts +2 -0
- package/lib/table/base/styles.js +4 -2
- package/lib/table/base/table.d.ts +0 -1
- package/lib/table/base/table.js +13 -27
- package/lib/table/pipeline/features/columnDrag.js +27 -16
- package/lib/table/pipeline/features/columnFilter.d.ts +2 -2
- package/lib/table/pipeline/features/columnFilter.js +31 -12
- package/lib/table/pipeline/features/contextMenu.js +1 -0
- package/lib/table/pipeline/features/filter/DefaultFilterIcon.d.ts +5 -0
- package/lib/table/pipeline/features/filter/DefaultFilterIcon.js +30 -0
- package/lib/table/pipeline/features/filter/Filter.d.ts +1 -1
- package/lib/table/pipeline/features/filter/Filter.js +17 -20
- package/lib/table/pipeline/features/filter/FilterPanel.js +25 -15
- package/lib/table/pipeline/features/filter/util.js +4 -4
- package/lib/table/pipeline/features/footerDataSource.d.ts +9 -0
- package/lib/table/pipeline/features/footerDataSource.js +41 -0
- package/lib/table/pipeline/features/index.d.ts +2 -0
- package/lib/table/pipeline/features/index.js +23 -1
- package/lib/table/pipeline/features/mergeCellHover.d.ts +2 -0
- package/lib/table/pipeline/features/mergeCellHover.js +43 -0
- package/lib/table/pipeline/features/multiSelect.js +6 -1
- package/lib/table/pipeline/features/rangeSelection.d.ts +1 -1
- package/lib/table/pipeline/features/rangeSelection.js +158 -30
- package/lib/table/pipeline/features/singleSelect.js +4 -0
- package/lib/table/pipeline/features/treeMode.d.ts +2 -0
- package/lib/table/pipeline/features/treeMode.js +19 -22
- package/lib/table/pipeline/pipeline.d.ts +5 -1
- package/lib/table/pipeline/pipeline.js +12 -10
- 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
|
|
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
|
|
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
|
|
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
|
-
|
|
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
|
|
162
|
-
|
|
163
|
-
|
|
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(
|
|
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(
|
|
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
|
-
|
|
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(
|
|
256
|
+
}, _internals.internals.safeRenderHeader(expandCol)),
|
|
261
257
|
render: render,
|
|
262
|
-
getCellProps: clickArea === 'cell' ? getCellProps :
|
|
263
|
-
})
|
|
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
|
-
};
|
|
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
|
}();
|