@kdcloudjs/table 1.2.1-canary.6 → 1.2.2-canary.3
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 +5480 -6087
- 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 +81 -144
- 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 +11 -50
- 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/globalStyleComponent.d.ts +4 -0
- package/es/table/base/globalStyleComponent.js +24 -0
- package/es/table/base/header.js +21 -76
- package/es/table/base/helpers/SpanManager.js +4 -11
- package/es/table/base/helpers/TableDOMUtils.js +9 -34
- 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 +13 -45
- 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 +42 -60
- package/es/table/base/styles.d.ts +10 -0
- package/es/table/base/styles.js +17 -16
- package/es/table/base/table.js +113 -201
- package/es/table/base/utils.js +17 -57
- package/es/table/common-views.js +0 -7
- package/es/table/interfaces.d.ts +38 -0
- package/es/table/internals.js +0 -13
- package/es/table/pipeline/const.d.ts +3 -0
- package/es/table/pipeline/const.js +3 -0
- 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 +22 -95
- package/es/table/pipeline/features/featureApi/RowDragApi.d.ts +15 -0
- package/es/table/pipeline/features/featureApi/RowDragApi.js +66 -0
- package/es/table/pipeline/features/featureApi/utils.d.ts +2 -0
- package/es/table/pipeline/features/featureApi/utils.js +10 -0
- 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 +27 -51
- 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 +73 -152
- package/es/table/pipeline/features/rowDetail.js +4 -43
- package/es/table/pipeline/features/rowDrag.d.ts +10 -12
- package/es/table/pipeline/features/rowDrag.js +491 -236
- 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 +38 -96
- package/es/table/pipeline/features/tips.js +4 -10
- package/es/table/pipeline/features/treeMode.d.ts +1 -0
- package/es/table/pipeline/features/treeMode.js +38 -57
- package/es/table/pipeline/features/treeSelect.js +2 -28
- package/es/table/pipeline/pipeline.d.ts +3 -0
- package/es/table/pipeline/pipeline.js +35 -54
- 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 +36 -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 -101
- 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/browserType.js +12 -19
- 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 +8 -30
- package/es/table/utils/tree-data-helpers/TreeDataHelper.js +19 -74
- package/es/table/utils/uiDegrade.js +0 -5
- 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 +86 -173
- 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 +15 -71
- 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/globalStyleComponent.d.ts +4 -0
- package/lib/table/base/globalStyleComponent.js +35 -0
- package/lib/table/base/header.js +21 -86
- package/lib/table/base/helpers/SpanManager.js +6 -16
- package/lib/table/base/helpers/TableDOMUtils.js +9 -37
- 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 +15 -65
- 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 +45 -76
- package/lib/table/base/styles.d.ts +10 -0
- package/lib/table/base/styles.js +24 -42
- package/lib/table/base/table.js +125 -245
- 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/interfaces.d.ts +38 -0
- package/lib/table/internals.js +2 -17
- package/lib/table/pipeline/const.d.ts +3 -0
- package/lib/table/pipeline/const.js +9 -0
- 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 +24 -121
- package/lib/table/pipeline/features/featureApi/RowDragApi.d.ts +15 -0
- package/lib/table/pipeline/features/featureApi/RowDragApi.js +72 -0
- package/lib/table/pipeline/features/featureApi/utils.d.ts +2 -0
- package/lib/table/pipeline/features/featureApi/utils.js +17 -0
- 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 +30 -77
- 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 +75 -173
- package/lib/table/pipeline/features/rowDetail.js +4 -67
- package/lib/table/pipeline/features/rowDrag.d.ts +10 -12
- package/lib/table/pipeline/features/rowDrag.js +494 -252
- 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 -115
- package/lib/table/pipeline/features/tips.js +4 -19
- package/lib/table/pipeline/features/treeMode.d.ts +1 -0
- package/lib/table/pipeline/features/treeMode.js +40 -80
- package/lib/table/pipeline/features/treeSelect.js +2 -36
- package/lib/table/pipeline/index.js +2 -10
- package/lib/table/pipeline/pipeline.d.ts +3 -0
- package/lib/table/pipeline/pipeline.js +36 -65
- 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 +37 -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 -127
- 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 +14 -23
- 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 -22
- 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 +10 -41
- package/lib/table/utils/tree-data-helpers/TreeDataHelper.js +21 -90
- package/lib/table/utils/uiDegrade.js +1 -8
- package/package.json +218 -218
package/lib/table/base/header.js
CHANGED
|
@@ -1,76 +1,48 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _sliceInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/slice");
|
|
4
|
-
|
|
5
4
|
var _Array$from = require("@babel/runtime-corejs3/core-js-stable/array/from");
|
|
6
|
-
|
|
7
5
|
var _Symbol = require("@babel/runtime-corejs3/core-js-stable/symbol");
|
|
8
|
-
|
|
9
6
|
var _getIteratorMethod = require("@babel/runtime-corejs3/core-js/get-iterator-method");
|
|
10
|
-
|
|
11
7
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
12
|
-
|
|
13
8
|
Object.defineProperty(exports, "__esModule", {
|
|
14
9
|
value: true
|
|
15
10
|
});
|
|
16
11
|
exports.default = TableHeader;
|
|
17
|
-
|
|
18
12
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
19
|
-
|
|
20
13
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
21
|
-
|
|
22
14
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
|
|
23
|
-
|
|
24
15
|
var _flat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/flat"));
|
|
25
|
-
|
|
26
16
|
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
27
|
-
|
|
28
17
|
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
29
|
-
|
|
30
18
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
31
|
-
|
|
32
19
|
var _react = _interopRequireDefault(require("react"));
|
|
33
|
-
|
|
34
20
|
var _utils = require("../utils");
|
|
35
|
-
|
|
36
21
|
var _styles = require("./styles");
|
|
37
|
-
|
|
38
|
-
function
|
|
39
|
-
|
|
40
|
-
function _unsupportedIterableToArray(o, minLen) { var _context6; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context6 = Object.prototype.toString.call(o)).call(_context6, 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); }
|
|
41
|
-
|
|
42
|
-
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; }
|
|
43
|
-
|
|
22
|
+
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; } } }; }
|
|
23
|
+
function _unsupportedIterableToArray(r, a) { if (r) { var _context6; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = _sliceInstanceProperty(_context6 = {}.toString.call(r)).call(_context6, 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; } }
|
|
24
|
+
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; }
|
|
44
25
|
function range(n) {
|
|
45
26
|
var array = [];
|
|
46
|
-
|
|
47
27
|
for (var i = 0; i < n; i++) {
|
|
48
28
|
array.push(i);
|
|
49
29
|
}
|
|
50
|
-
|
|
51
30
|
return array;
|
|
52
31
|
}
|
|
53
32
|
/** 根据当前横向虚拟滚动 对 nested.center 进行过滤,结果只保留当前视野内可见的那些列配置 */
|
|
54
|
-
|
|
55
|
-
|
|
56
33
|
function filterNestedCenter(centerNested, hoz, leftFlatCount) {
|
|
57
34
|
return dfs(centerNested, leftFlatCount).filtered;
|
|
58
|
-
|
|
59
35
|
function dfs(cols, startColIndex) {
|
|
60
36
|
var leafCount = 0;
|
|
61
37
|
var filtered = [];
|
|
62
|
-
|
|
63
38
|
var _iterator = _createForOfIteratorHelper(cols),
|
|
64
|
-
|
|
65
|
-
|
|
39
|
+
_step;
|
|
66
40
|
try {
|
|
67
41
|
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
68
42
|
var col = _step.value;
|
|
69
43
|
var colIndex = startColIndex + leafCount;
|
|
70
|
-
|
|
71
44
|
if ((0, _utils.isLeafNode)(col)) {
|
|
72
45
|
leafCount += 1;
|
|
73
|
-
|
|
74
46
|
if (leftFlatCount + hoz.leftIndex <= colIndex && colIndex < leftFlatCount + hoz.rightIndex) {
|
|
75
47
|
filtered.push({
|
|
76
48
|
colIndex: colIndex,
|
|
@@ -80,7 +52,6 @@ function filterNestedCenter(centerNested, hoz, leftFlatCount) {
|
|
|
80
52
|
} else {
|
|
81
53
|
var dfsRes = dfs(col.children, colIndex);
|
|
82
54
|
leafCount += dfsRes.leafCount;
|
|
83
|
-
|
|
84
55
|
if (dfsRes.filtered.length > 0) {
|
|
85
56
|
filtered.push({
|
|
86
57
|
colIndex: colIndex,
|
|
@@ -95,7 +66,6 @@ function filterNestedCenter(centerNested, hoz, leftFlatCount) {
|
|
|
95
66
|
} finally {
|
|
96
67
|
_iterator.f();
|
|
97
68
|
}
|
|
98
|
-
|
|
99
69
|
return {
|
|
100
70
|
filtered: filtered,
|
|
101
71
|
leafCount: leafCount
|
|
@@ -103,28 +73,21 @@ function filterNestedCenter(centerNested, hoz, leftFlatCount) {
|
|
|
103
73
|
}
|
|
104
74
|
}
|
|
105
75
|
/** 根据输入的 nested 列配置,算出相应的 leveled & flat 配置方便渲染 */
|
|
106
|
-
|
|
107
|
-
|
|
108
76
|
function calculateLeveledAndFlat(inputNested, rowCount) {
|
|
109
77
|
var leveled = [];
|
|
110
|
-
|
|
111
78
|
for (var depth = 0; depth < rowCount; depth++) {
|
|
112
79
|
leveled.push([]);
|
|
113
80
|
}
|
|
114
|
-
|
|
115
81
|
var flat = [];
|
|
116
82
|
dfs(inputNested, 0);
|
|
117
83
|
return {
|
|
118
84
|
flat: flat,
|
|
119
85
|
leveled: leveled
|
|
120
86
|
};
|
|
121
|
-
|
|
122
87
|
function dfs(input, depth) {
|
|
123
88
|
var leafCount = 0;
|
|
124
|
-
|
|
125
89
|
for (var i = 0; i < input.length; i++) {
|
|
126
90
|
var indexedCol = input[i];
|
|
127
|
-
|
|
128
91
|
if ((0, _utils.isLeafNode)(indexedCol)) {
|
|
129
92
|
leafCount += 1;
|
|
130
93
|
var wrapped = {
|
|
@@ -140,7 +103,6 @@ function calculateLeveledAndFlat(inputNested, rowCount) {
|
|
|
140
103
|
} else {
|
|
141
104
|
var dfsRes = dfs(indexedCol.children, depth + 1);
|
|
142
105
|
leafCount += dfsRes.leafCount;
|
|
143
|
-
|
|
144
106
|
if (dfsRes.leafCount > 0) {
|
|
145
107
|
leveled[depth].push({
|
|
146
108
|
type: 'normal',
|
|
@@ -153,26 +115,20 @@ function calculateLeveledAndFlat(inputNested, rowCount) {
|
|
|
153
115
|
}
|
|
154
116
|
}
|
|
155
117
|
}
|
|
156
|
-
|
|
157
118
|
return {
|
|
158
119
|
leafCount: leafCount
|
|
159
120
|
};
|
|
160
121
|
}
|
|
161
122
|
}
|
|
162
123
|
/** 包装列配置,附加上 colIndex 属性 */
|
|
163
|
-
|
|
164
|
-
|
|
165
124
|
function attachColIndex(inputNested, colIndexOffset) {
|
|
166
125
|
return dfs(inputNested, colIndexOffset).result;
|
|
167
|
-
|
|
168
126
|
function dfs(input, startColIndex) {
|
|
169
127
|
var result = [];
|
|
170
128
|
var leafCount = 0;
|
|
171
|
-
|
|
172
129
|
for (var i = 0; i < input.length; i++) {
|
|
173
130
|
var col = input[i];
|
|
174
131
|
var colIndex = startColIndex + leafCount;
|
|
175
|
-
|
|
176
132
|
if ((0, _utils.isLeafNode)(col)) {
|
|
177
133
|
leafCount += 1;
|
|
178
134
|
result.push({
|
|
@@ -182,7 +138,6 @@ function attachColIndex(inputNested, colIndexOffset) {
|
|
|
182
138
|
} else {
|
|
183
139
|
var sub = dfs(col.children, colIndex);
|
|
184
140
|
leafCount += sub.leafCount;
|
|
185
|
-
|
|
186
141
|
if (sub.leafCount > 0) {
|
|
187
142
|
result.push({
|
|
188
143
|
col: col,
|
|
@@ -192,7 +147,6 @@ function attachColIndex(inputNested, colIndexOffset) {
|
|
|
192
147
|
}
|
|
193
148
|
}
|
|
194
149
|
}
|
|
195
|
-
|
|
196
150
|
return {
|
|
197
151
|
result: result,
|
|
198
152
|
leafCount: leafCount
|
|
@@ -200,17 +154,13 @@ function attachColIndex(inputNested, colIndexOffset) {
|
|
|
200
154
|
}
|
|
201
155
|
}
|
|
202
156
|
/** 计算用于渲染表头的数据结构 */
|
|
203
|
-
|
|
204
|
-
|
|
205
157
|
function calculateHeaderRenderInfo(_ref, rowCount) {
|
|
206
158
|
var flat = (0, _flat.default)(_ref),
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
159
|
+
nested = _ref.nested,
|
|
160
|
+
hoz = _ref.horizontalRenderRange,
|
|
161
|
+
useVirtual = _ref.useVirtual;
|
|
211
162
|
if (useVirtual.header) {
|
|
212
163
|
var _context, _context2;
|
|
213
|
-
|
|
214
164
|
var leftPart = calculateLeveledAndFlat(attachColIndex(nested.left, 0), rowCount);
|
|
215
165
|
var filtered = filterNestedCenter(nested.center, hoz, flat.left.length);
|
|
216
166
|
var centerPart = calculateLeveledAndFlat(filtered, rowCount);
|
|
@@ -227,7 +177,6 @@ function calculateHeaderRenderInfo(_ref, rowCount) {
|
|
|
227
177
|
}], (0, _toConsumableArray2.default)((0, _flat.default)(rightPart))),
|
|
228
178
|
leveled: (0, _map.default)(_context2 = range(rowCount)).call(_context2, function (depth) {
|
|
229
179
|
var _context3;
|
|
230
|
-
|
|
231
180
|
return (0, _concat.default)(_context3 = []).call(_context3, (0, _toConsumableArray2.default)(leftPart.leveled[depth]), [{
|
|
232
181
|
type: 'blank',
|
|
233
182
|
width: hoz.leftBlank,
|
|
@@ -240,33 +189,27 @@ function calculateHeaderRenderInfo(_ref, rowCount) {
|
|
|
240
189
|
})
|
|
241
190
|
};
|
|
242
191
|
}
|
|
243
|
-
|
|
244
192
|
return calculateLeveledAndFlat(attachColIndex(nested.full, 0), rowCount);
|
|
245
193
|
}
|
|
246
|
-
|
|
247
194
|
function TableHeader(_ref2) {
|
|
248
195
|
var _context4, _context5;
|
|
249
|
-
|
|
250
196
|
var info = _ref2.info,
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
197
|
+
theaderPosition = _ref2.theaderPosition,
|
|
198
|
+
_rowCount = _ref2.rowCount,
|
|
199
|
+
stickyRightOffset = _ref2.stickyRightOffset;
|
|
254
200
|
var nested = info.nested,
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
201
|
+
flat = (0, _flat.default)(info),
|
|
202
|
+
stickyLeftMap = info.stickyLeftMap,
|
|
203
|
+
stickyRightMap = info.stickyRightMap;
|
|
258
204
|
var rowCount = _rowCount !== null && _rowCount !== void 0 ? _rowCount : (0, _utils.getTreeDepth)(nested.full) + 1;
|
|
259
205
|
var headerRenderInfo = calculateHeaderRenderInfo(info, rowCount);
|
|
260
206
|
var fullFlatCount = flat.full.length;
|
|
261
207
|
var leftFlatCount = flat.left.length;
|
|
262
208
|
var rightFlatCount = flat.right.length;
|
|
263
209
|
var thead = (0, _map.default)(_context4 = headerRenderInfo.leveled).call(_context4, function (wrappedCols, level) {
|
|
264
|
-
var
|
|
265
|
-
|
|
266
|
-
var _wrappedCols = (0, _concat.default)(wrappedCols).call(wrappedCols); // 左中右区域渲染,分组列可能单独位于一个区域,此时其他区域也需要适配分组的高度
|
|
210
|
+
var _wrappedCols = (0, _concat.default)(wrappedCols).call(wrappedCols);
|
|
211
|
+
// 左中右区域渲染,分组列可能单独位于一个区域,此时其他区域也需要适配分组的高度
|
|
267
212
|
// rowspan 需要空白的列头去占位, 需要补充额外的空白列头
|
|
268
|
-
|
|
269
|
-
|
|
270
213
|
if (rowCount > 1 && ['left', 'right'].indexOf(theaderPosition) > -1) {
|
|
271
214
|
_wrappedCols.push({
|
|
272
215
|
type: 'blank',
|
|
@@ -275,35 +218,28 @@ function TableHeader(_ref2) {
|
|
|
275
218
|
isPlacehoder: true
|
|
276
219
|
});
|
|
277
220
|
}
|
|
278
|
-
|
|
279
221
|
var headerCells = (0, _map.default)(_wrappedCols).call(_wrappedCols, function (wrapped, index) {
|
|
280
222
|
var _a, _b, _c;
|
|
281
|
-
|
|
282
223
|
if (wrapped.type === 'normal') {
|
|
283
|
-
var _cx;
|
|
284
|
-
|
|
285
224
|
var colIndex = wrapped.colIndex,
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
225
|
+
colSpan = wrapped.colSpan,
|
|
226
|
+
isLeaf = wrapped.isLeaf,
|
|
227
|
+
col = wrapped.col;
|
|
289
228
|
var headerCellProps = (_a = col.headerCellProps) !== null && _a !== void 0 ? _a : {};
|
|
290
229
|
var positionStyle = {};
|
|
291
|
-
|
|
292
230
|
if (colIndex < leftFlatCount) {
|
|
293
231
|
positionStyle.position = 'sticky';
|
|
294
232
|
positionStyle.left = stickyLeftMap.get(colIndex);
|
|
295
233
|
} else if (colIndex >= fullFlatCount - rightFlatCount) {
|
|
296
234
|
positionStyle.position = 'sticky';
|
|
297
235
|
var stickyRightIndex = colSpan > 1 ? colIndex + colSpan - 1 : colIndex;
|
|
298
|
-
positionStyle.right = stickyRightMap.get(stickyRightIndex) + stickyRightOffset;
|
|
236
|
+
positionStyle.right = stickyRightMap.get(stickyRightIndex) + (typeof stickyRightOffset === 'number' ? stickyRightOffset : 0);
|
|
299
237
|
}
|
|
300
|
-
|
|
301
238
|
var justifyContent = col.align === 'right' ? 'flex-end' : col.align === 'center' ? 'center' : 'flex-start';
|
|
302
|
-
|
|
303
239
|
var cell = /*#__PURE__*/_react.default.createElement("th", (0, _extends2.default)({
|
|
304
240
|
key: colIndex
|
|
305
241
|
}, headerCellProps, {
|
|
306
|
-
className: (0, _classnames.default)(_styles.Classes.tableHeaderCell, headerCellProps.className, (
|
|
242
|
+
className: (0, _classnames.default)(_styles.Classes.tableHeaderCell, headerCellProps.className, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _styles.Classes.first, colIndex === 0), _styles.Classes.last, colIndex + colSpan === fullFlatCount), _styles.Classes.lockLeft, colIndex < leftFlatCount || theaderPosition === 'left'), _styles.Classes.lockRight, colIndex >= fullFlatCount - rightFlatCount || theaderPosition === 'right'), _styles.Classes.leaf, wrapped.isLeaf)),
|
|
307
243
|
colSpan: colSpan,
|
|
308
244
|
rowSpan: isLeaf ? rowCount - level : undefined,
|
|
309
245
|
style: (0, _extends2.default)((0, _extends2.default)({
|
|
@@ -317,7 +253,6 @@ function TableHeader(_ref2) {
|
|
|
317
253
|
justifyContent: justifyContent
|
|
318
254
|
}
|
|
319
255
|
}, (_c = col.title) !== null && _c !== void 0 ? _c : col.name));
|
|
320
|
-
|
|
321
256
|
return cell;
|
|
322
257
|
} else {
|
|
323
258
|
if (wrapped.width > 0) {
|
|
@@ -334,7 +269,7 @@ function TableHeader(_ref2) {
|
|
|
334
269
|
});
|
|
335
270
|
return /*#__PURE__*/_react.default.createElement("tr", {
|
|
336
271
|
key: level,
|
|
337
|
-
className: (0, _classnames.default)(_styles.Classes.tableHeaderRow, (
|
|
272
|
+
className: (0, _classnames.default)(_styles.Classes.tableHeaderRow, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _styles.Classes.first, level === 0), _styles.Classes.last, level === rowCount - 1))
|
|
338
273
|
}, headerCells);
|
|
339
274
|
});
|
|
340
275
|
var colgroup = (0, _map.default)(_context5 = (0, _flat.default)(headerRenderInfo)).call(_context5, function (wrapped) {
|
|
@@ -1,35 +1,29 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
|
|
11
|
-
|
|
12
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
|
|
13
|
-
|
|
14
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
|
|
15
|
-
|
|
16
11
|
/** 在表格的单元格的渲染过程中,先渲染的单元格的 colSpan/rowSpan 会影响到后续单元格是否被渲染
|
|
17
12
|
* `SpanManager` 会在内部维护一份状态来记录最近渲染单元格的 colSpan/rowSpan,
|
|
18
13
|
* 方便后续的单元格快速判断 "是否需要跳过渲染" */
|
|
19
|
-
var SpanManager = /*#__PURE__*/function () {
|
|
14
|
+
var SpanManager = exports.default = /*#__PURE__*/function () {
|
|
20
15
|
function SpanManager() {
|
|
21
16
|
(0, _classCallCheck2.default)(this, SpanManager);
|
|
22
17
|
this.rects = [];
|
|
23
18
|
}
|
|
24
|
-
|
|
25
|
-
(0, _createClass2.default)(SpanManager, [{
|
|
19
|
+
return (0, _createClass2.default)(SpanManager, [{
|
|
26
20
|
key: "testSkip",
|
|
27
21
|
value: function testSkip(rowIndex, colIndex) {
|
|
28
22
|
return this.rects.some(function (_ref) {
|
|
29
23
|
var left = _ref.left,
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
24
|
+
right = _ref.right,
|
|
25
|
+
top = _ref.top,
|
|
26
|
+
bottom = _ref.bottom;
|
|
33
27
|
return left <= colIndex && colIndex < right && top <= rowIndex && rowIndex < bottom;
|
|
34
28
|
});
|
|
35
29
|
}
|
|
@@ -37,7 +31,6 @@ var SpanManager = /*#__PURE__*/function () {
|
|
|
37
31
|
key: "stripUpwards",
|
|
38
32
|
value: function stripUpwards(rowIndex) {
|
|
39
33
|
var _context;
|
|
40
|
-
|
|
41
34
|
this.rects = (0, _filter.default)(_context = this.rects).call(_context, function (rect) {
|
|
42
35
|
return rect.bottom > rowIndex;
|
|
43
36
|
});
|
|
@@ -53,7 +46,4 @@ var SpanManager = /*#__PURE__*/function () {
|
|
|
53
46
|
});
|
|
54
47
|
}
|
|
55
48
|
}]);
|
|
56
|
-
|
|
57
|
-
}();
|
|
58
|
-
|
|
59
|
-
exports.default = SpanManager;
|
|
49
|
+
}();
|
|
@@ -1,24 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.TableDOMHelper = void 0;
|
|
9
|
-
|
|
10
8
|
var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
|
|
11
|
-
|
|
12
9
|
var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
|
|
13
|
-
|
|
14
10
|
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
15
|
-
|
|
16
11
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
|
|
17
|
-
|
|
18
12
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
|
|
19
|
-
|
|
20
13
|
var _styles = require("../styles");
|
|
21
|
-
|
|
22
14
|
// 表格 DOM 结构
|
|
23
15
|
// div.art-table-wrapper
|
|
24
16
|
// └── div.art-loading-wrapper
|
|
@@ -56,47 +48,37 @@ var _styles = require("../styles");
|
|
|
56
48
|
// 在「可能存在嵌套表格」的情况下,我们可以采用以下的方式来避免「querySelector 不小心获取到了的嵌套表格上的元素」:
|
|
57
49
|
// artTable.querySelector('.art-lock-shadow-mask .art-left-lock-shadow')
|
|
58
50
|
// 表格 DOM 结构辅助工具
|
|
59
|
-
var TableDOMHelper = /*#__PURE__*/function () {
|
|
51
|
+
var TableDOMHelper = exports.TableDOMHelper = /*#__PURE__*/function () {
|
|
60
52
|
function TableDOMHelper(artTableWrapper) {
|
|
61
53
|
var _this = this,
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
54
|
+
_context2,
|
|
55
|
+
_context3;
|
|
65
56
|
(0, _classCallCheck2.default)(this, TableDOMHelper);
|
|
66
|
-
|
|
67
57
|
this.getRowNodeListByEvent = function (e) {
|
|
68
58
|
var nodeList = null;
|
|
69
59
|
var rowIndex = e.currentTarget.dataset.rowindex;
|
|
70
|
-
|
|
71
60
|
if (rowIndex !== undefined) {
|
|
72
61
|
var targetParent = _this.tableBody.contains(e.currentTarget) ? _this.tableBody : _this.tableFooter;
|
|
73
62
|
nodeList = targetParent.querySelectorAll("tr[data-rowindex=\"".concat(rowIndex, "\"]"));
|
|
74
63
|
}
|
|
75
|
-
|
|
76
64
|
return nodeList;
|
|
77
65
|
};
|
|
78
|
-
|
|
79
66
|
this.getInRangeRowByCellEvent = function (e) {
|
|
80
67
|
var _context;
|
|
81
|
-
|
|
82
68
|
var _a;
|
|
83
|
-
|
|
84
|
-
var getParentNode = function getParentNode(ele, target) {
|
|
69
|
+
var _getParentNode = function getParentNode(ele, target) {
|
|
85
70
|
if (ele.parentNode.nodeName === target) {
|
|
86
71
|
return ele.parentNode;
|
|
87
72
|
}
|
|
88
|
-
|
|
89
|
-
return getParentNode(ele.parentNode, target);
|
|
73
|
+
return _getParentNode(ele.parentNode, target);
|
|
90
74
|
};
|
|
91
|
-
|
|
92
75
|
e = e instanceof Array ? e[0] : e;
|
|
93
76
|
var curCell = e === null || e === void 0 ? void 0 : e.currentTarget;
|
|
94
|
-
var curRow =
|
|
77
|
+
var curRow = _getParentNode(curCell, 'TR');
|
|
95
78
|
var curRowSpan = parseInt(e.currentTarget.getAttribute('rowspan')) || 1;
|
|
96
|
-
var rows = (_a =
|
|
79
|
+
var rows = (_a = _getParentNode(curCell, 'TABLE')) === null || _a === void 0 ? void 0 : _a.rows;
|
|
97
80
|
return (0, _slice.default)(_context = (0, _from.default)(rows)).call(_context, curRow.rowIndex, curRow.rowIndex + curRowSpan);
|
|
98
81
|
};
|
|
99
|
-
|
|
100
82
|
this.artTableWrapper = artTableWrapper;
|
|
101
83
|
this.artTable = artTableWrapper.querySelector(".".concat(_styles.Classes.artTable));
|
|
102
84
|
this.tableHeader = this.artTable.querySelector(".".concat(_styles.Classes.tableHeader));
|
|
@@ -109,11 +91,9 @@ var TableDOMHelper = /*#__PURE__*/function () {
|
|
|
109
91
|
var stickyScrollSelector = (0, _concat.default)(_context2 = (0, _concat.default)(_context3 = ".".concat(_styles.Classes.artTable, " + .")).call(_context3, _styles.Classes.horizontalStickyScrollContainer, " .")).call(_context2, _styles.Classes.stickyScroll);
|
|
110
92
|
var stickyScrolls = artTableWrapper.querySelectorAll(stickyScrollSelector);
|
|
111
93
|
this.stickyScroll = stickyScrolls[stickyScrolls.length - 1]; // 当嵌套多层表格时,需要查找最后一个,否则会查找到父表格内嵌套的子表格的
|
|
112
|
-
|
|
113
94
|
this.stickyScrollItem = this.stickyScroll.querySelector(".".concat(_styles.Classes.stickyScrollItem));
|
|
114
95
|
}
|
|
115
|
-
|
|
116
|
-
(0, _createClass2.default)(TableDOMHelper, [{
|
|
96
|
+
return (0, _createClass2.default)(TableDOMHelper, [{
|
|
117
97
|
key: "getVirtualTop",
|
|
118
98
|
value: function getVirtualTop() {
|
|
119
99
|
return this.tableBody.querySelector(".".concat(_styles.Classes.virtualBlank, ".top"));
|
|
@@ -122,7 +102,6 @@ var TableDOMHelper = /*#__PURE__*/function () {
|
|
|
122
102
|
key: "getTableRows",
|
|
123
103
|
value: function getTableRows() {
|
|
124
104
|
var _context4;
|
|
125
|
-
|
|
126
105
|
var tbody = this.artTable.querySelector((0, _concat.default)(_context4 = ".".concat(_styles.Classes.tableBody, " .")).call(_context4, _styles.Classes.virtual, " table tbody"));
|
|
127
106
|
return tbody.childNodes;
|
|
128
107
|
}
|
|
@@ -130,14 +109,12 @@ var TableDOMHelper = /*#__PURE__*/function () {
|
|
|
130
109
|
key: "getTableBodyHtmlTable",
|
|
131
110
|
value: function getTableBodyHtmlTable() {
|
|
132
111
|
var _context5;
|
|
133
|
-
|
|
134
112
|
return this.artTable.querySelector((0, _concat.default)(_context5 = ".".concat(_styles.Classes.tableBody, " .")).call(_context5, _styles.Classes.virtual, " table"));
|
|
135
113
|
}
|
|
136
114
|
}, {
|
|
137
115
|
key: "getLeftLockShadow",
|
|
138
116
|
value: function getLeftLockShadow() {
|
|
139
117
|
var _context6;
|
|
140
|
-
|
|
141
118
|
var selector = (0, _concat.default)(_context6 = ".".concat(_styles.Classes.lockShadowMask, " .")).call(_context6, _styles.Classes.leftLockShadow);
|
|
142
119
|
var allLeftLockShadow = this.artTable.querySelectorAll(selector);
|
|
143
120
|
return allLeftLockShadow[allLeftLockShadow.length - 1]; // 当table-body、table-footer嵌套多层表格时,需要查找最后一个,否则会查找到嵌套表格的
|
|
@@ -146,7 +123,6 @@ var TableDOMHelper = /*#__PURE__*/function () {
|
|
|
146
123
|
key: "getRightLockShadow",
|
|
147
124
|
value: function getRightLockShadow() {
|
|
148
125
|
var _context7;
|
|
149
|
-
|
|
150
126
|
var selector = (0, _concat.default)(_context7 = ".".concat(_styles.Classes.lockShadowMask, " .")).call(_context7, _styles.Classes.rightLockShadow);
|
|
151
127
|
var allRightLockShadow = this.artTable.querySelectorAll(selector);
|
|
152
128
|
return allRightLockShadow[allRightLockShadow.length - 1]; // 当table-body、table-footer嵌套多层表格时,需要查找最后一个,否则会查找到嵌套表格的
|
|
@@ -160,7 +136,6 @@ var TableDOMHelper = /*#__PURE__*/function () {
|
|
|
160
136
|
key: "getRowTop",
|
|
161
137
|
value: function getRowTop(rowIndex) {
|
|
162
138
|
var _context8, _context9;
|
|
163
|
-
|
|
164
139
|
if (rowIndex === 0) return 0;
|
|
165
140
|
var selector = (0, _concat.default)(_context8 = (0, _concat.default)(_context9 = ".".concat(_styles.Classes.tableBody, " .")).call(_context9, _styles.Classes.tableRow, "[data-rowindex=\"")).call(_context8, rowIndex, "\"]");
|
|
166
141
|
var row = this.artTable.querySelector(selector);
|
|
@@ -169,7 +144,4 @@ var TableDOMHelper = /*#__PURE__*/function () {
|
|
|
169
144
|
return rowOffsetTop + tableOffsetTop;
|
|
170
145
|
}
|
|
171
146
|
}]);
|
|
172
|
-
|
|
173
|
-
}();
|
|
174
|
-
|
|
175
|
-
exports.TableDOMHelper = TableDOMHelper;
|
|
147
|
+
}();
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _SpanManager = _interopRequireDefault(require("../SpanManager"));
|
|
6
|
-
|
|
7
5
|
var NAME = 'SpanManager';
|
|
8
6
|
describe("".concat(NAME), function () {
|
|
9
7
|
var spanManager = new _SpanManager.default();
|
|
@@ -13,8 +11,8 @@ describe("".concat(NAME), function () {
|
|
|
13
11
|
});
|
|
14
12
|
it('test skip', function () {
|
|
15
13
|
// 第二行,第一列跳过渲染
|
|
16
|
-
expect(spanManager.testSkip(1, 0)).toBe(true);
|
|
17
|
-
|
|
14
|
+
expect(spanManager.testSkip(1, 0)).toBe(true);
|
|
15
|
+
// 第四行,第一列不跳过渲染
|
|
18
16
|
expect(spanManager.testSkip(3, 0)).toBe(false);
|
|
19
17
|
});
|
|
20
18
|
it('strip upwards span info', function () {
|
|
@@ -1,20 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
6
|
-
|
|
7
5
|
var _styles = require("../../styles");
|
|
8
|
-
|
|
9
6
|
var _TableDOMUtils = require("../TableDOMUtils");
|
|
10
|
-
|
|
11
7
|
var NAME = 'TableDOMUtils';
|
|
12
8
|
describe("".concat(NAME), function () {
|
|
13
9
|
var tableDOMHelper;
|
|
14
10
|
var container;
|
|
15
11
|
beforeAll(function () {
|
|
16
12
|
var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17;
|
|
17
|
-
|
|
18
13
|
container = document.createElement('div');
|
|
19
14
|
container.innerHTML = (0, _concat.default)(_context = (0, _concat.default)(_context2 = (0, _concat.default)(_context3 = (0, _concat.default)(_context4 = (0, _concat.default)(_context5 = (0, _concat.default)(_context6 = (0, _concat.default)(_context7 = (0, _concat.default)(_context8 = (0, _concat.default)(_context9 = (0, _concat.default)(_context10 = (0, _concat.default)(_context11 = (0, _concat.default)(_context12 = (0, _concat.default)(_context13 = (0, _concat.default)(_context14 = (0, _concat.default)(_context15 = (0, _concat.default)(_context16 = (0, _concat.default)(_context17 = "<div class='".concat(_styles.Classes.artTableWrapper, "'>\n <div class='")).call(_context17, _styles.Classes.loadingWrapper, "'>\n <div class='")).call(_context16, _styles.Classes.loadingIndicatorWrapper, "'>\n <div class='")).call(_context15, _styles.Classes.loadingIndicator, "'></div>\n </div> \n <div class='")).call(_context14, _styles.Classes.loadingContentWrapper, "'>\n <div class='")).call(_context13, _styles.Classes.artTable, "'>\n <div class='")).call(_context12, _styles.Classes.tableHeader, "'>\n \n </div>\n <div class='")).call(_context11, _styles.Classes.tableBody, "'>\n <div class='")).call(_context10, _styles.Classes.virtual, "'>\n <div class='")).call(_context9, _styles.Classes.virtualBlank, " top'></div>\n <table></table>\n <div class='")).call(_context8, _styles.Classes.virtualBlank, " bottom'></div>\n </div> \n </div>\n <div class='")).call(_context7, _styles.Classes.tableFooter, "'>\n </div>\n <div class='")).call(_context6, _styles.Classes.lockShadowMask, "'>\n <div class='")).call(_context5, _styles.Classes.leftLockShadow, "'></div>\n </div>\n <div class='")).call(_context4, _styles.Classes.lockShadowMask, "'>\n <div class='")).call(_context3, _styles.Classes.rightLockShadow, "'></div>\n </div>\n </div>\n <div class='")).call(_context2, _styles.Classes.stickyScroll, "'>\n <div class='")).call(_context, _styles.Classes.stickyScrollItem, "'></div>\n </div>\n </div> \n </div> \n </div>");
|
|
20
15
|
tableDOMHelper = new _TableDOMUtils.TableDOMHelper(container.querySelector(".".concat(_styles.Classes.artTableWrapper)));
|