@kdcloudjs/table 1.2.0-canary.16 → 1.2.0-canary.17-hotfix
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/LICENSE +568 -568
- package/README.md +111 -111
- package/dist/@kdcloudjs/table.css +1 -1
- package/dist/@kdcloudjs/table.js +4596 -5714
- package/dist/@kdcloudjs/table.js.map +1 -1
- package/dist/@kdcloudjs/table.min.css +1 -1
- package/dist/@kdcloudjs/table.min.js +18 -16
- package/dist/@kdcloudjs/table.min.js.map +1 -1
- package/dist/kd-ui-complete.less +777 -777
- package/es/_utils/arrayUtil.js +0 -3
- package/es/_utils/devwarning.js +0 -1
- package/es/_utils/formatUtil.js +36 -101
- package/es/_utils/hooks.js +21 -45
- package/es/_utils/index.js +0 -2
- package/es/_utils/numberUtil.js +32 -55
- package/es/_utils/omit.js +0 -2
- package/es/_utils/type.js +0 -2
- package/es/_utils/usePopper.js +74 -137
- package/es/config-provider/compDefaultProps.js +0 -1
- package/es/config-provider/configProvider.js +2 -7
- package/es/config-provider/defaultConfig.js +0 -1
- package/es/index.js +0 -2
- package/es/locale/locale.js +9 -48
- package/es/style/color/colors.less +1 -1
- package/es/style/core/index.less +1 -1
- package/es/style/core/motion/other.less +27 -27
- package/es/style/core/motion/slide.less +53 -53
- package/es/style/core/motion.less +1 -1
- package/es/style/core/reset.less +185 -185
- package/es/style/index.less +1 -1
- package/es/style/mixins/index.less +18 -18
- package/es/style/mixins/overlay.less +21 -21
- package/es/style/mixins/reset.less +12 -12
- package/es/style/themes/default.less +445 -445
- package/es/table/base/calculations.js +25 -75
- package/es/table/base/colgroup.js +0 -1
- package/es/table/base/empty.js +6 -6
- package/es/table/base/header.js +19 -74
- package/es/table/base/helpers/SpanManager.js +4 -11
- package/es/table/base/helpers/TableDOMUtils.js +7 -30
- package/es/table/base/helpers/__test__/SpanManager.test.js +2 -2
- package/es/table/base/helpers/__test__/TableDOMUtils.test.js +0 -1
- package/es/table/base/helpers/getRichVisibleRectsStream.js +11 -44
- package/es/table/base/helpers/rowHeightManager.js +0 -28
- package/es/table/base/html-table.js +17 -39
- package/es/table/base/loading.js +8 -10
- package/es/table/base/renderTemplates.js +41 -59
- package/es/table/base/styles.js +0 -9
- package/es/table/base/table.js +110 -199
- package/es/table/base/utils.js +17 -57
- package/es/table/common-views.js +0 -7
- package/es/table/internals.js +0 -13
- package/es/table/pipeline/features/autoFill.js +11 -40
- package/es/table/pipeline/features/autoRowSpan.js +1 -14
- package/es/table/pipeline/features/colGroupExtendable.js +4 -19
- package/es/table/pipeline/features/columnDrag.js +41 -97
- package/es/table/pipeline/features/columnFilter.js +12 -51
- package/es/table/pipeline/features/columnHover.js +1 -7
- package/es/table/pipeline/features/columnRangeHover.js +1 -8
- package/es/table/pipeline/features/columnResizeWidth.js +13 -39
- package/es/table/pipeline/features/contextMenu.js +18 -91
- package/es/table/pipeline/features/filter/DefaultFilterContent.js +14 -30
- package/es/table/pipeline/features/filter/DefaultFilterIcon.js +1 -1
- package/es/table/pipeline/features/filter/Filter.js +26 -50
- package/es/table/pipeline/features/filter/FilterPanel.js +11 -25
- package/es/table/pipeline/features/filter/util.js +0 -4
- package/es/table/pipeline/features/footerDataSource.js +0 -3
- package/es/table/pipeline/features/mergeCellHover.js +0 -1
- package/es/table/pipeline/features/multiSelect.js +15 -57
- package/es/table/pipeline/features/rangeSelection.js +74 -154
- package/es/table/pipeline/features/rowDetail.js +4 -43
- package/es/table/pipeline/features/rowDrag.js +64 -80
- package/es/table/pipeline/features/rowGrouping.js +4 -37
- package/es/table/pipeline/features/singleSelect.js +0 -24
- package/es/table/pipeline/features/sort.js +37 -90
- package/es/table/pipeline/features/tips.js +4 -10
- package/es/table/pipeline/features/treeMode.js +14 -49
- package/es/table/pipeline/features/treeSelect.js +2 -28
- package/es/table/pipeline/pipeline.js +12 -53
- package/es/table/pivot/cross-table/buildCrossTable.js +21 -72
- package/es/table/pivot/cross-table/cross-table.js +23 -31
- package/es/table/pivot/cross-tree-table/buildCrossTreeTable.js +22 -57
- package/es/table/pivot/cross-tree-table/cross-tree-table.js +35 -61
- package/es/table/pivot/pivot-utils/buildDrillTree.js +10 -23
- package/es/table/pivot/pivot-utils/builders.js +34 -74
- package/es/table/pivot/pivot-utils/convert-utils.js +16 -42
- package/es/table/pivot/pivot-utils/simpleEncode.js +0 -1
- package/es/table/style/index.less +1 -1
- package/es/table/transforms/autoRowSpan.js +1 -15
- package/es/table/transforms/autoWidth.js +13 -35
- package/es/table/transforms/buildTree.js +1 -2
- package/es/table/transforms/columnHover.js +9 -15
- package/es/table/transforms/columnRangeHover.js +12 -19
- package/es/table/transforms/columnResize.js +18 -42
- package/es/table/transforms/flatten.js +0 -3
- package/es/table/transforms/orderField.js +0 -3
- package/es/table/transforms/sort.js +42 -96
- package/es/table/transforms/tips.js +5 -10
- package/es/table/transforms/treeMode.js +36 -77
- package/es/table/transforms/visible.js +0 -2
- package/es/table/use/useResizeObserver.js +1 -4
- package/es/table/utils/applyTransforms.js +0 -1
- package/es/table/utils/buildTree.js +7 -22
- package/es/table/utils/collectNodes.js +4 -13
- package/es/table/utils/console.js +0 -14
- package/es/table/utils/copyToClipboard.js +0 -4
- package/es/table/utils/element.js +14 -41
- package/es/table/utils/exportTableAsExcel.js +7 -43
- package/es/table/utils/getTreeDepth.js +4 -12
- package/es/table/utils/groupBy.js +4 -13
- package/es/table/utils/layeredFilter.js +0 -4
- package/es/table/utils/layeredSort.js +0 -5
- package/es/table/utils/makeRecursiveMapper.js +4 -15
- package/es/table/utils/mergeCellProps.js +6 -14
- package/es/table/utils/others.js +6 -19
- package/es/table/utils/proto.js +2 -30
- package/es/table/utils/smartCompare.js +4 -12
- package/es/table/utils/traverseColumn.js +5 -18
- package/es/table/utils/tree-data-helpers/StrictTreeDataHelper.js +5 -27
- package/es/table/utils/tree-data-helpers/TreeDataHelper.js +19 -74
- package/lib/_utils/arrayUtil.js +2 -8
- package/lib/_utils/devwarning.js +0 -5
- package/lib/_utils/formatUtil.js +36 -105
- package/lib/_utils/hooks.js +21 -56
- package/lib/_utils/index.js +2 -9
- package/lib/_utils/numberUtil.js +32 -63
- package/lib/_utils/omit.js +0 -5
- package/lib/_utils/react-children.js +0 -5
- package/lib/_utils/type.js +3 -11
- package/lib/_utils/usePopper.js +79 -166
- package/lib/config-provider/ConfigContext.js +2 -6
- package/lib/config-provider/compDefaultProps.js +1 -3
- package/lib/config-provider/configProvider.js +6 -22
- package/lib/config-provider/defaultConfig.js +1 -7
- package/lib/config-provider/index.js +1 -8
- package/lib/index.js +2 -8
- package/lib/locale/index.js +3 -11
- package/lib/locale/locale.js +13 -69
- package/lib/locale/zh-CN.js +1 -2
- package/lib/style/color/colors.less +1 -1
- package/lib/style/components.less +1 -1
- package/lib/style/core/index.less +1 -1
- package/lib/style/core/motion/other.less +27 -27
- package/lib/style/core/motion/slide.less +53 -53
- package/lib/style/core/motion.less +1 -1
- package/lib/style/core/reset.less +185 -185
- package/lib/style/index.less +1 -1
- package/lib/style/mixins/index.less +18 -18
- package/lib/style/mixins/overlay.less +21 -21
- package/lib/style/mixins/reset.less +12 -12
- package/lib/style/themes/default.less +445 -445
- package/lib/table/base/calculations.js +25 -86
- package/lib/table/base/colgroup.js +0 -5
- package/lib/table/base/empty.js +8 -20
- package/lib/table/base/header.js +19 -84
- package/lib/table/base/helpers/SpanManager.js +6 -16
- package/lib/table/base/helpers/TableDOMUtils.js +7 -33
- package/lib/table/base/helpers/__test__/SpanManager.test.js +2 -4
- package/lib/table/base/helpers/__test__/TableDOMUtils.test.js +0 -5
- package/lib/table/base/helpers/__test__/rowHeightManager.test.js +0 -1
- package/lib/table/base/helpers/getRichVisibleRectsStream.js +13 -64
- package/lib/table/base/helpers/rowHeightManager.js +0 -33
- package/lib/table/base/html-table.js +17 -49
- package/lib/table/base/index.js +0 -2
- package/lib/table/base/loading.js +8 -14
- package/lib/table/base/renderTemplates.js +44 -75
- package/lib/table/base/styles.js +9 -37
- package/lib/table/base/table.js +122 -243
- package/lib/table/base/utils.js +27 -109
- package/lib/table/common-views.js +4 -24
- package/lib/table/index.js +0 -13
- package/lib/table/internals.js +2 -17
- package/lib/table/pipeline/features/autoFill.js +14 -53
- package/lib/table/pipeline/features/autoRowSpan.js +1 -19
- package/lib/table/pipeline/features/buildTree.js +0 -2
- package/lib/table/pipeline/features/colGroupExtendable.js +6 -35
- package/lib/table/pipeline/features/columnDrag.js +41 -103
- package/lib/table/pipeline/features/columnFilter.js +12 -65
- package/lib/table/pipeline/features/columnHover.js +1 -11
- package/lib/table/pipeline/features/columnRangeHover.js +1 -13
- package/lib/table/pipeline/features/columnResizeWidth.js +18 -63
- package/lib/table/pipeline/features/contextMenu.js +20 -117
- package/lib/table/pipeline/features/filter/DefaultFilterContent.js +17 -52
- package/lib/table/pipeline/features/filter/DefaultFilterIcon.js +1 -4
- package/lib/table/pipeline/features/filter/Filter.js +29 -76
- package/lib/table/pipeline/features/filter/FilterPanel.js +14 -44
- package/lib/table/pipeline/features/filter/index.js +0 -5
- package/lib/table/pipeline/features/filter/util.js +2 -10
- package/lib/table/pipeline/features/footerDataSource.js +1 -12
- package/lib/table/pipeline/features/index.js +0 -23
- package/lib/table/pipeline/features/mergeCellHover.js +0 -5
- package/lib/table/pipeline/features/multiSelect.js +15 -71
- package/lib/table/pipeline/features/rangeSelection.js +76 -175
- package/lib/table/pipeline/features/rowDetail.js +4 -67
- package/lib/table/pipeline/features/rowDrag.js +66 -94
- package/lib/table/pipeline/features/rowGrouping.js +4 -57
- package/lib/table/pipeline/features/singleSelect.js +0 -34
- package/lib/table/pipeline/features/sort.js +37 -110
- package/lib/table/pipeline/features/tips.js +4 -19
- package/lib/table/pipeline/features/treeMode.js +15 -72
- package/lib/table/pipeline/features/treeSelect.js +2 -36
- package/lib/table/pipeline/index.js +2 -10
- package/lib/table/pipeline/pipeline.js +13 -64
- package/lib/table/pivot/cross-table/buildCrossTable.js +21 -83
- package/lib/table/pivot/cross-table/constants.js +1 -2
- package/lib/table/pivot/cross-table/cross-table.js +25 -42
- package/lib/table/pivot/cross-table/index.js +0 -4
- package/lib/table/pivot/cross-tree-table/buildCrossTreeTable.js +22 -70
- package/lib/table/pivot/cross-tree-table/cross-tree-table.js +36 -73
- package/lib/table/pivot/cross-tree-table/index.js +0 -3
- package/lib/table/pivot/pivot-utils/buildDrillTree.js +10 -29
- package/lib/table/pivot/pivot-utils/builders.js +34 -85
- package/lib/table/pivot/pivot-utils/convert-utils.js +16 -60
- package/lib/table/pivot/pivot-utils/index.js +0 -7
- package/lib/table/pivot/pivot-utils/simpleEncode.js +0 -2
- package/lib/table/style/css.js +0 -1
- package/lib/table/style/index.js +0 -1
- package/lib/table/style/index.less +1 -1
- package/lib/table/transforms/autoRowSpan.js +1 -21
- package/lib/table/transforms/autoWidth.js +15 -58
- package/lib/table/transforms/buildTree.js +1 -4
- package/lib/table/transforms/columnHover.js +9 -22
- package/lib/table/transforms/columnRangeHover.js +12 -27
- package/lib/table/transforms/columnResize.js +20 -63
- package/lib/table/transforms/flatten.js +0 -5
- package/lib/table/transforms/index.js +0 -12
- package/lib/table/transforms/orderField.js +0 -7
- package/lib/table/transforms/sort.js +44 -122
- package/lib/table/transforms/tips.js +5 -20
- package/lib/table/transforms/treeMode.js +38 -106
- package/lib/table/transforms/visible.js +0 -7
- package/lib/table/transforms/warnTransformsDeprecated.js +0 -4
- package/lib/table/use/useResizeObserver.js +2 -10
- package/lib/table/utils/applyTransforms.js +0 -2
- package/lib/table/utils/browserType.js +2 -3
- package/lib/table/utils/buildTree.js +7 -33
- package/lib/table/utils/collectNodes.js +4 -18
- package/lib/table/utils/console.js +2 -19
- package/lib/table/utils/copyToClipboard.js +1 -8
- package/lib/table/utils/element.js +14 -46
- package/lib/table/utils/exportTableAsExcel.js +7 -52
- package/lib/table/utils/getTreeDepth.js +4 -17
- package/lib/table/utils/groupBy.js +4 -17
- package/lib/table/utils/index.js +0 -21
- package/lib/table/utils/isGroupColumn.js +0 -3
- package/lib/table/utils/isLeafNode.js +0 -1
- package/lib/table/utils/keyCode.js +1 -2
- package/lib/table/utils/layeredFilter.js +0 -10
- package/lib/table/utils/layeredSort.js +0 -10
- package/lib/table/utils/makeRecursiveMapper.js +4 -24
- package/lib/table/utils/mergeCellProps.js +6 -18
- package/lib/table/utils/others.js +7 -36
- package/lib/table/utils/proto.js +3 -35
- package/lib/table/utils/selectColumn.js +2 -5
- package/lib/table/utils/smartCompare.js +4 -13
- package/lib/table/utils/traverseColumn.js +5 -25
- package/lib/table/utils/tree-data-helpers/StrictTreeDataHelper.js +7 -38
- package/lib/table/utils/tree-data-helpers/TreeDataHelper.js +21 -90
- package/package.json +219 -218
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
|
|
@@ -2,40 +2,31 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
|
|
|
2
2
|
import { internals } from '../internals';
|
|
3
3
|
import { isLeafNode, traverseColumn } from '../utils';
|
|
4
4
|
import { warnTransformsDeprecated } from './warnTransformsDeprecated';
|
|
5
|
-
|
|
6
5
|
function isIdentity(x, y) {
|
|
7
6
|
return x === y;
|
|
8
7
|
}
|
|
9
8
|
/** @deprecated transform 用法已经过时,请使用 pipeline 来对表格进行拓展 */
|
|
10
|
-
|
|
11
|
-
|
|
12
9
|
export function makeAutoRowSpanTransform() {
|
|
13
10
|
warnTransformsDeprecated('makeAutoRowSpanTransform');
|
|
14
11
|
return traverseColumn(function (col, _ref) {
|
|
15
12
|
var dataSource = _ref.dataSource,
|
|
16
|
-
|
|
17
|
-
|
|
13
|
+
range = _ref.range;
|
|
18
14
|
var _a;
|
|
19
|
-
|
|
20
15
|
if (!((_a = col.features) === null || _a === void 0 ? void 0 : _a.autoRowSpan)) {
|
|
21
16
|
return col;
|
|
22
17
|
}
|
|
23
|
-
|
|
24
18
|
if (!isLeafNode(col)) {
|
|
25
19
|
return col;
|
|
26
20
|
}
|
|
27
|
-
|
|
28
21
|
var isFunc = typeof col.features.autoRowSpan === 'function';
|
|
29
22
|
var shouldMergeCell = isFunc ? col.features.autoRowSpan : isIdentity;
|
|
30
23
|
var spanRects = [];
|
|
31
24
|
var lastBottom = 0;
|
|
32
25
|
var prevValue = null;
|
|
33
26
|
var prevRow = null;
|
|
34
|
-
|
|
35
27
|
for (var rowIndex = 0; rowIndex < dataSource.length; rowIndex++) {
|
|
36
28
|
var row = dataSource[rowIndex];
|
|
37
29
|
var value = internals.safeGetValue(col, row, rowIndex);
|
|
38
|
-
|
|
39
30
|
if (rowIndex === 0 || !shouldMergeCell(prevValue, value, prevRow, row)) {
|
|
40
31
|
var spanRect = {
|
|
41
32
|
top: lastBottom,
|
|
@@ -43,18 +34,14 @@ export function makeAutoRowSpanTransform() {
|
|
|
43
34
|
left: range.start,
|
|
44
35
|
right: range.end
|
|
45
36
|
};
|
|
46
|
-
|
|
47
37
|
for (var i = lastBottom; i < rowIndex; i++) {
|
|
48
38
|
spanRects.push(spanRect);
|
|
49
39
|
}
|
|
50
|
-
|
|
51
40
|
lastBottom = rowIndex;
|
|
52
41
|
}
|
|
53
|
-
|
|
54
42
|
prevValue = value;
|
|
55
43
|
prevRow = row;
|
|
56
44
|
}
|
|
57
|
-
|
|
58
45
|
for (var _i = lastBottom; _i < dataSource.length; _i++) {
|
|
59
46
|
spanRects.push({
|
|
60
47
|
top: lastBottom,
|
|
@@ -63,7 +50,6 @@ export function makeAutoRowSpanTransform() {
|
|
|
63
50
|
right: range.end
|
|
64
51
|
});
|
|
65
52
|
}
|
|
66
|
-
|
|
67
53
|
return _extends(_extends({}, col), {
|
|
68
54
|
getSpanRect: function getSpanRect(value, row, rowIndex) {
|
|
69
55
|
return spanRects[rowIndex];
|
|
@@ -4,15 +4,10 @@ import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-meth
|
|
|
4
4
|
import _extends from "@babel/runtime-corejs3/helpers/extends";
|
|
5
5
|
import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
|
|
6
6
|
import _taggedTemplateLiteral from "@babel/runtime-corejs3/helpers/taggedTemplateLiteral";
|
|
7
|
-
|
|
8
7
|
var _templateObject;
|
|
9
|
-
|
|
10
|
-
function
|
|
11
|
-
|
|
12
|
-
function _unsupportedIterableToArray(o, minLen) { var _context; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context = Object.prototype.toString.call(o)).call(_context, 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); }
|
|
13
|
-
|
|
14
|
-
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; }
|
|
15
|
-
|
|
8
|
+
function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof _Symbol && _getIteratorMethod(r) || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
|
|
9
|
+
function _unsupportedIterableToArray(r, a) { if (r) { var _context; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = _sliceInstanceProperty(_context = {}.toString.call(r)).call(_context, 8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _Array$from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
10
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
16
11
|
import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
|
|
17
12
|
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
18
13
|
import React, { useEffect, useState } from 'react';
|
|
@@ -24,7 +19,6 @@ import { warnTransformsDeprecated } from './warnTransformsDeprecated';
|
|
|
24
19
|
var AUTO_WIDTH_WRAPPER_CLS = 'auto-width-wrapper';
|
|
25
20
|
var AUTO_WIDTH_EXPANDER_CLS = 'auto-width-expander';
|
|
26
21
|
var AutoWidthWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n height: 100%;\n display: inline-flex;\n align-items: center;\n white-space: nowrap;\n padding: 8px 12px;\n"])));
|
|
27
|
-
|
|
28
22
|
function isSameArray(arr1, arr2) {
|
|
29
23
|
return arr1.length === arr2.length && arr1.every(function (x, i) {
|
|
30
24
|
return x === arr2[i];
|
|
@@ -46,37 +40,27 @@ function isSameArray(arr1, arr2) {
|
|
|
46
40
|
*
|
|
47
41
|
* 注意 useAutoWidthTransform 是一个 React hooks,要遵循 hooks 的用法规范
|
|
48
42
|
* */
|
|
49
|
-
|
|
50
|
-
|
|
51
43
|
export function useAutoWidthTransform(tableRef, options, deps) {
|
|
52
44
|
warnTransformsDeprecated('useAutoWidthTransform');
|
|
53
|
-
|
|
54
45
|
var _useState = useState([]),
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
46
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
47
|
+
widthList = _useState2[0],
|
|
48
|
+
setWidthList = _useState2[1];
|
|
59
49
|
useEffect(function () {
|
|
60
50
|
var artTable = tableRef.current.getDoms().artTable;
|
|
61
|
-
|
|
62
51
|
var rows = _Array$from(artTable.querySelectorAll(".".concat(Classes.tableRow)));
|
|
63
|
-
|
|
64
52
|
if (rows.length === 0) {
|
|
65
53
|
return;
|
|
66
54
|
}
|
|
67
|
-
|
|
68
55
|
var preferredWidthList = [];
|
|
69
|
-
|
|
70
56
|
var _iterator = _createForOfIteratorHelper(rows),
|
|
71
|
-
|
|
72
|
-
|
|
57
|
+
_step;
|
|
73
58
|
try {
|
|
74
59
|
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
75
60
|
var row = _step.value;
|
|
76
61
|
var autoWidthDivList = row.querySelectorAll(".".concat(AUTO_WIDTH_WRAPPER_CLS));
|
|
77
62
|
autoWidthDivList.forEach(function (div, i) {
|
|
78
63
|
var _a;
|
|
79
|
-
|
|
80
64
|
preferredWidthList[i] = Math.max((_a = preferredWidthList[i]) !== null && _a !== void 0 ? _a : 0, div.scrollWidth);
|
|
81
65
|
});
|
|
82
66
|
}
|
|
@@ -85,7 +69,6 @@ export function useAutoWidthTransform(tableRef, options, deps) {
|
|
|
85
69
|
} finally {
|
|
86
70
|
_iterator.f();
|
|
87
71
|
}
|
|
88
|
-
|
|
89
72
|
if (!isSameArray(preferredWidthList, widthList)) {
|
|
90
73
|
setWidthList(preferredWidthList);
|
|
91
74
|
}
|
|
@@ -93,20 +76,17 @@ export function useAutoWidthTransform(tableRef, options, deps) {
|
|
|
93
76
|
var i = 0;
|
|
94
77
|
var innerTransform = traverseColumn(function (col) {
|
|
95
78
|
var _a, _b, _c;
|
|
96
|
-
|
|
97
79
|
if (!isLeafNode(col)) {
|
|
98
80
|
return col;
|
|
99
81
|
}
|
|
100
|
-
|
|
101
82
|
if (!((_a = col.features) === null || _a === void 0 ? void 0 : _a.autoWidth)) {
|
|
102
83
|
return col;
|
|
103
84
|
}
|
|
104
|
-
|
|
105
85
|
var _col$features$autoWid = col.features.autoWidth,
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
86
|
+
_col$features$autoWid2 = _col$features$autoWid.max,
|
|
87
|
+
max = _col$features$autoWid2 === void 0 ? Infinity : _col$features$autoWid2,
|
|
88
|
+
_col$features$autoWid3 = _col$features$autoWid.min,
|
|
89
|
+
min = _col$features$autoWid3 === void 0 ? -Infinity : _col$features$autoWid3;
|
|
110
90
|
var width = (_c = (_b = widthList[i++]) !== null && _b !== void 0 ? _b : col.width) !== null && _c !== void 0 ? _c : options === null || options === void 0 ? void 0 : options.initColumnWidth;
|
|
111
91
|
var clampedWidth = Math.max(min, Math.min(max, width));
|
|
112
92
|
return _extends(_extends({}, col), {
|
|
@@ -128,11 +108,9 @@ export function useAutoWidthTransform(tableRef, options, deps) {
|
|
|
128
108
|
});
|
|
129
109
|
return function (input) {
|
|
130
110
|
var _a;
|
|
131
|
-
|
|
132
111
|
var _innerTransform = innerTransform(input),
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
112
|
+
columns = _innerTransform.columns,
|
|
113
|
+
dataSource = _innerTransform.dataSource;
|
|
136
114
|
var expanderVisibility = (_a = options === null || options === void 0 ? void 0 : options.expanderVisibility) !== null && _a !== void 0 ? _a : 'visible';
|
|
137
115
|
return {
|
|
138
116
|
columns: (options === null || options === void 0 ? void 0 : options.appendExpander) ? _concatInstanceProperty(columns).call(columns, [{
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { buildTree as _buildTree } from '../utils';
|
|
2
2
|
import { warnTransformsDeprecated } from './warnTransformsDeprecated';
|
|
3
3
|
/** @deprecated transform 用法已经过时,请使用 pipeline 来对表格进行拓展 */
|
|
4
|
-
|
|
5
4
|
export function makeBuildTreeTransform(idProp, parentIdProp) {
|
|
6
5
|
warnTransformsDeprecated('makeBuildTreeTransform');
|
|
7
6
|
return function (_ref) {
|
|
8
7
|
var columns = _ref.columns,
|
|
9
|
-
|
|
8
|
+
dataSource = _ref.dataSource;
|
|
10
9
|
return {
|
|
11
10
|
columns: columns,
|
|
12
11
|
dataSource: _buildTree(idProp, parentIdProp, dataSource)
|
|
@@ -4,20 +4,17 @@ import { useState } from 'react';
|
|
|
4
4
|
import { isLeafNode, mergeCellProps, traverseColumn } from '../utils';
|
|
5
5
|
import { warnTransformsDeprecated } from './warnTransformsDeprecated';
|
|
6
6
|
/** @deprecated transform 用法已经过时,请使用 pipeline 来对表格进行拓展 */
|
|
7
|
-
|
|
8
7
|
export function makeColumnHoverTransform(_ref) {
|
|
9
8
|
var _ref$hoverColor = _ref.hoverColor,
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
hoverColor = _ref$hoverColor === void 0 ? 'var(--hover-bgcolor)' : _ref$hoverColor,
|
|
10
|
+
hoverColIndex = _ref.hoverColIndex,
|
|
11
|
+
onChangeHoverColIndex = _ref.onChangeHoverColIndex;
|
|
13
12
|
warnTransformsDeprecated('makeColumnHoverTransform');
|
|
14
13
|
return traverseColumn(function (col, _ref2) {
|
|
15
14
|
var range = _ref2.range;
|
|
16
|
-
|
|
17
15
|
if (!isLeafNode(col)) {
|
|
18
16
|
return col;
|
|
19
17
|
}
|
|
20
|
-
|
|
21
18
|
var colIndexMatched = range.start <= hoverColIndex && hoverColIndex < range.end;
|
|
22
19
|
var prevGetCellProps = col.getCellProps;
|
|
23
20
|
return _extends(_extends({}, col), {
|
|
@@ -39,18 +36,15 @@ export function makeColumnHoverTransform(_ref) {
|
|
|
39
36
|
});
|
|
40
37
|
}
|
|
41
38
|
/** @deprecated transform 用法已经过时,请使用 pipeline 来对表格进行拓展 */
|
|
42
|
-
|
|
43
39
|
export function useColumnHoverTransform() {
|
|
44
40
|
var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
41
|
+
hoverColor = _ref3.hoverColor,
|
|
42
|
+
_ref3$defaultHoverCol = _ref3.defaultHoverColIndex,
|
|
43
|
+
defaultHoverColIndex = _ref3$defaultHoverCol === void 0 ? -1 : _ref3$defaultHoverCol;
|
|
49
44
|
var _useState = useState(defaultHoverColIndex),
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
45
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
46
|
+
hoverColIndex = _useState2[0],
|
|
47
|
+
onChangeHoverColIndex = _useState2[1];
|
|
54
48
|
return makeColumnHoverTransform({
|
|
55
49
|
hoverColor: hoverColor,
|
|
56
50
|
hoverColIndex: hoverColIndex,
|
|
@@ -8,24 +8,21 @@ var EMPTY_RANGE = {
|
|
|
8
8
|
end: -1
|
|
9
9
|
};
|
|
10
10
|
/** @deprecated transform 用法已经过时,请使用 pipeline 来对表格进行拓展 */
|
|
11
|
-
|
|
12
11
|
export function makeColumnRangeHoverTransform(_ref) {
|
|
13
12
|
var _ref$hoverColor = _ref.hoverColor,
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
13
|
+
hoverColor = _ref$hoverColor === void 0 ? 'var(--hover-bgcolor)' : _ref$hoverColor,
|
|
14
|
+
_ref$headerHoverColor = _ref.headerHoverColor,
|
|
15
|
+
headerHoverColor = _ref$headerHoverColor === void 0 ? 'var(--header-hover-bgcolor)' : _ref$headerHoverColor,
|
|
16
|
+
hoverRange = _ref.hoverRange,
|
|
17
|
+
onChangeHoverRange = _ref.onChangeHoverRange;
|
|
19
18
|
warnTransformsDeprecated('makeColumnRangeHoverTransform');
|
|
20
19
|
return traverseColumn(function (col, _ref2) {
|
|
21
20
|
var colRange = _ref2.range;
|
|
22
21
|
var match = colRange.end > hoverRange.start && hoverRange.end > colRange.start;
|
|
23
|
-
|
|
24
22
|
if (!isLeafNode(col)) {
|
|
25
23
|
if (headerHoverColor == null) {
|
|
26
24
|
return col;
|
|
27
25
|
}
|
|
28
|
-
|
|
29
26
|
return _extends(_extends({}, col), {
|
|
30
27
|
headerCellProps: mergeCellProps(col.headerCellProps, {
|
|
31
28
|
onMouseEnter: function onMouseEnter() {
|
|
@@ -40,7 +37,6 @@ export function makeColumnRangeHoverTransform(_ref) {
|
|
|
40
37
|
})
|
|
41
38
|
});
|
|
42
39
|
}
|
|
43
|
-
|
|
44
40
|
var prevGetCellProps = col.getCellProps;
|
|
45
41
|
return _extends(_extends({}, col), {
|
|
46
42
|
headerCellProps: mergeCellProps(col.headerCellProps, {
|
|
@@ -72,19 +68,16 @@ export function makeColumnRangeHoverTransform(_ref) {
|
|
|
72
68
|
});
|
|
73
69
|
}
|
|
74
70
|
/** @deprecated transform 用法已经过时,请使用 pipeline 来对表格进行拓展 */
|
|
75
|
-
|
|
76
71
|
export function useColumnHoverRangeTransform() {
|
|
77
72
|
var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
73
|
+
hoverColor = _ref3.hoverColor,
|
|
74
|
+
headerHoverColor = _ref3.headerHoverColor,
|
|
75
|
+
_ref3$defaultHoverRan = _ref3.defaultHoverRange,
|
|
76
|
+
defaultHoverRange = _ref3$defaultHoverRan === void 0 ? EMPTY_RANGE : _ref3$defaultHoverRan;
|
|
83
77
|
var _useState = useState(defaultHoverRange),
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
78
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
79
|
+
hoverRange = _useState2[0],
|
|
80
|
+
onChangeHoverRange = _useState2[1];
|
|
88
81
|
return makeColumnRangeHoverTransform({
|
|
89
82
|
hoverColor: hoverColor,
|
|
90
83
|
headerHoverColor: headerHoverColor,
|
|
@@ -1,26 +1,18 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
|
|
2
2
|
import _extends from "@babel/runtime-corejs3/helpers/extends";
|
|
3
3
|
import _taggedTemplateLiteral from "@babel/runtime-corejs3/helpers/taggedTemplateLiteral";
|
|
4
|
-
|
|
5
4
|
var _templateObject;
|
|
6
|
-
|
|
7
5
|
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
|
|
8
6
|
import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
|
|
9
7
|
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
10
|
-
|
|
11
8
|
var __rest = this && this.__rest || function (s, e) {
|
|
12
9
|
var t = {};
|
|
13
|
-
|
|
14
|
-
for (var p in s) {
|
|
15
|
-
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
16
|
-
}
|
|
17
|
-
|
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
18
11
|
if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
12
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
20
13
|
}
|
|
21
14
|
return t;
|
|
22
15
|
};
|
|
23
|
-
|
|
24
16
|
import React, { useState } from 'react';
|
|
25
17
|
import { fromEvent } from 'rxjs';
|
|
26
18
|
import * as op from 'rxjs/operators';
|
|
@@ -28,48 +20,40 @@ import styled from 'styled-components';
|
|
|
28
20
|
import { internals } from '../internals';
|
|
29
21
|
import { isLeafNode, traverseColumn } from '../utils';
|
|
30
22
|
import { warnTransformsDeprecated } from './warnTransformsDeprecated';
|
|
31
|
-
|
|
32
23
|
function clamp(min, x, max) {
|
|
33
24
|
return Math.max(min, Math.min(max, x));
|
|
34
25
|
}
|
|
35
|
-
|
|
36
26
|
var RESIZE_EXPANDER_CLS = 'resize-expander';
|
|
37
27
|
var ResizeHandle = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n bottom: 0;\n right: -5px;\n width: 10px;\n cursor: col-resize;\n z-index: 1;\n"])));
|
|
38
28
|
/** @deprecated transform 用法已经过时,请使用 pipeline 来对表格进行拓展 */
|
|
39
|
-
|
|
40
29
|
export function makeColumnResizeTransform(_ref) {
|
|
41
30
|
var sizes = _ref.sizes,
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
31
|
+
onChangeSizes = _ref.onChangeSizes,
|
|
32
|
+
_ref$minSize = _ref.minSize,
|
|
33
|
+
minSize = _ref$minSize === void 0 ? 40 : _ref$minSize,
|
|
34
|
+
_ref$maxSize = _ref.maxSize,
|
|
35
|
+
maxSize = _ref$maxSize === void 0 ? Infinity : _ref$maxSize,
|
|
36
|
+
appendExpander = _ref.appendExpander,
|
|
37
|
+
_ref$expanderVisibili = _ref.expanderVisibility,
|
|
38
|
+
expanderVisibility = _ref$expanderVisibili === void 0 ? 'visible' : _ref$expanderVisibili,
|
|
39
|
+
disableUserSelectWhenResizing = _ref.disableUserSelectWhenResizing;
|
|
51
40
|
warnTransformsDeprecated('makeColumnResizeTransform');
|
|
52
|
-
|
|
53
41
|
var startResize = function startResize(colIndex, e) {
|
|
54
42
|
var startX = e.clientX;
|
|
55
43
|
var startSize = sizes[colIndex];
|
|
56
44
|
var nextSizes$ = fromEvent(window, 'mousemove').pipe(op.takeUntil(fromEvent(window, 'mouseup')), op.map(function (e) {
|
|
57
45
|
var movingX = e.clientX;
|
|
58
|
-
|
|
59
46
|
var nextSizes = _sliceInstanceProperty(sizes).call(sizes);
|
|
60
|
-
|
|
61
47
|
nextSizes[colIndex] = clamp(minSize, startSize + (movingX - startX), maxSize);
|
|
62
48
|
return nextSizes;
|
|
63
49
|
}));
|
|
64
50
|
var prevUserSelect = '';
|
|
65
51
|
var docElemStyle;
|
|
66
|
-
|
|
67
52
|
if (disableUserSelectWhenResizing) {
|
|
68
53
|
docElemStyle = document.documentElement.style;
|
|
69
54
|
prevUserSelect = docElemStyle.userSelect;
|
|
70
55
|
docElemStyle.userSelect = 'none';
|
|
71
56
|
}
|
|
72
|
-
|
|
73
57
|
nextSizes$.subscribe({
|
|
74
58
|
next: onChangeSizes,
|
|
75
59
|
complete: function complete() {
|
|
@@ -79,25 +63,21 @@ export function makeColumnResizeTransform(_ref) {
|
|
|
79
63
|
}
|
|
80
64
|
});
|
|
81
65
|
};
|
|
82
|
-
|
|
83
66
|
var innerTransform = traverseColumn(function (col, _ref2) {
|
|
84
67
|
var range = _ref2.range;
|
|
85
|
-
|
|
86
68
|
var _a;
|
|
87
|
-
|
|
88
69
|
if (!isLeafNode(col)) {
|
|
89
70
|
return col;
|
|
90
71
|
}
|
|
91
|
-
|
|
92
72
|
var prevTitle = internals.safeRenderHeader(col);
|
|
93
73
|
return _extends(_extends({}, col), {
|
|
94
74
|
width: sizes[range.start],
|
|
95
|
-
title: /*#__PURE__*/React.createElement(React.Fragment, null, prevTitle, /*#__PURE__*/React.createElement(ResizeHandle, {
|
|
75
|
+
title: ( /*#__PURE__*/React.createElement(React.Fragment, null, prevTitle, /*#__PURE__*/React.createElement(ResizeHandle, {
|
|
96
76
|
className: "resize-handle",
|
|
97
77
|
onMouseDown: function onMouseDown(e) {
|
|
98
78
|
return startResize(range.start, e);
|
|
99
79
|
}
|
|
100
|
-
})),
|
|
80
|
+
}))),
|
|
101
81
|
headerCellProps: _extends(_extends({}, col.headerCellProps), {
|
|
102
82
|
style: _extends(_extends({}, (_a = col.headerCellProps) === null || _a === void 0 ? void 0 : _a.style), {
|
|
103
83
|
overflow: 'visible',
|
|
@@ -108,9 +88,8 @@ export function makeColumnResizeTransform(_ref) {
|
|
|
108
88
|
});
|
|
109
89
|
return function (input) {
|
|
110
90
|
var _innerTransform = innerTransform(input),
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
91
|
+
columns = _innerTransform.columns,
|
|
92
|
+
dataSource = _innerTransform.dataSource;
|
|
114
93
|
return {
|
|
115
94
|
columns: appendExpander ? _concatInstanceProperty(columns).call(columns, [{
|
|
116
95
|
name: '',
|
|
@@ -135,16 +114,13 @@ export function makeColumnResizeTransform(_ref) {
|
|
|
135
114
|
};
|
|
136
115
|
}
|
|
137
116
|
/** @deprecated transform 用法已经过时,请使用 pipeline 来对表格进行拓展 */
|
|
138
|
-
|
|
139
117
|
export function useColumnResizeTransform(_a) {
|
|
140
118
|
var defaultSizes = _a.defaultSizes,
|
|
141
|
-
|
|
142
|
-
|
|
119
|
+
others = __rest(_a, ["defaultSizes"]);
|
|
143
120
|
var _useState = useState(defaultSizes),
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
121
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
122
|
+
sizes = _useState2[0],
|
|
123
|
+
onChangeSizes = _useState2[1];
|
|
148
124
|
return makeColumnResizeTransform(_extends({
|
|
149
125
|
sizes: sizes,
|
|
150
126
|
onChangeSizes: onChangeSizes
|
|
@@ -1,16 +1,13 @@
|
|
|
1
1
|
import { isLeafNode, traverseColumn } from '../utils';
|
|
2
2
|
import { warnTransformsDeprecated } from './warnTransformsDeprecated';
|
|
3
3
|
/** @deprecated transform 用法已经过时,请使用 pipeline 来对表格进行拓展 */
|
|
4
|
-
|
|
5
4
|
export function makeFlattenTransform() {
|
|
6
5
|
warnTransformsDeprecated('makeFlattenTransform');
|
|
7
6
|
return traverseColumn(function (column) {
|
|
8
7
|
var _a;
|
|
9
|
-
|
|
10
8
|
if (isLeafNode(column)) {
|
|
11
9
|
return column;
|
|
12
10
|
}
|
|
13
|
-
|
|
14
11
|
return ((_a = column.features) === null || _a === void 0 ? void 0 : _a.flatten) ? column.children : column;
|
|
15
12
|
});
|
|
16
13
|
}
|
|
@@ -2,13 +2,11 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
|
|
|
2
2
|
import { traverseColumn } from '../utils';
|
|
3
3
|
import { warnTransformsDeprecated } from './warnTransformsDeprecated';
|
|
4
4
|
/** @deprecated transform 用法已经过时,请使用 pipeline 来对表格进行拓展 */
|
|
5
|
-
|
|
6
5
|
export function makeOrderFieldTransform() {
|
|
7
6
|
var startOrder = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
|
|
8
7
|
warnTransformsDeprecated('makeOrderFieldTransform');
|
|
9
8
|
return traverseColumn(function (column) {
|
|
10
9
|
var _a, _b;
|
|
11
|
-
|
|
12
10
|
if (((_a = column.features) === null || _a === void 0 ? void 0 : _a.order) || ((_b = column.features) === null || _b === void 0 ? void 0 : _b.orderField)) {
|
|
13
11
|
return _extends(_extends({}, column), {
|
|
14
12
|
getValue: function getValue(record, index) {
|
|
@@ -16,7 +14,6 @@ export function makeOrderFieldTransform() {
|
|
|
16
14
|
}
|
|
17
15
|
});
|
|
18
16
|
}
|
|
19
|
-
|
|
20
17
|
return column;
|
|
21
18
|
});
|
|
22
19
|
}
|