@kdcloudjs/table 1.2.1-canary.6 → 1.2.1-canary.6-hotfix.1
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/CHANGELOG.md +0 -0
- package/dist/@kdcloudjs/table.css +1 -1
- package/dist/@kdcloudjs/table.js +4847 -6022
- package/dist/@kdcloudjs/table.js.map +1 -1
- package/dist/@kdcloudjs/table.min.css +1 -1
- package/dist/@kdcloudjs/table.min.js +16 -24
- package/dist/@kdcloudjs/table.min.js.map +1 -1
- 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 +84 -147
- 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/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 +30 -81
- 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 +2 -3
- 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.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/interfaces.d.ts +2 -0
- package/es/table/internals.d.ts +2 -1
- 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 +22 -95
- 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 +6 -43
- package/es/table/pipeline/features/rowDrag.js +39 -78
- package/es/table/pipeline/features/rowGrouping.js +10 -42
- 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-table/interfaces.d.ts +1 -1
- 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/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.d.ts +1 -0
- package/es/table/transforms/sort.js +42 -96
- package/es/table/transforms/tips.js +5 -10
- package/es/table/transforms/treeMode.js +39 -80
- 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 +8 -13
- 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 +88 -176
- package/lib/config-provider/ConfigContext.js +2 -6
- package/lib/config-provider/compDefaultProps.js +1 -3
- package/lib/config-provider/configProvider.js +5 -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 +2 -11
- package/lib/locale/locale.js +15 -71
- package/lib/locale/zh-CN.js +1 -2
- package/lib/table/base/calculations.js +25 -86
- package/lib/table/base/colgroup.js +0 -5
- package/lib/table/base/empty.js +7 -20
- package/lib/table/base/header.js +30 -91
- 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 +2 -7
- package/lib/table/base/helpers/__test__/rowHeightManager.test.js +0 -1
- package/lib/table/base/helpers/getRichVisibleRectsStream.js +14 -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 +44 -76
- package/lib/table/base/styles.js +8 -37
- package/lib/table/base/table.js +121 -243
- package/lib/table/base/utils.js +26 -109
- package/lib/table/common-views.js +4 -24
- package/lib/table/index.js +0 -13
- package/lib/table/interfaces.d.ts +2 -0
- package/lib/table/internals.d.ts +2 -1
- 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 +17 -63
- package/lib/table/pipeline/features/contextMenu.js +23 -121
- package/lib/table/pipeline/features/filter/DefaultFilterContent.js +16 -52
- package/lib/table/pipeline/features/filter/DefaultFilterIcon.js +1 -4
- package/lib/table/pipeline/features/filter/Filter.js +29 -77
- package/lib/table/pipeline/features/filter/FilterPanel.js +13 -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 +6 -67
- package/lib/table/pipeline/features/rowDrag.js +41 -93
- package/lib/table/pipeline/features/rowGrouping.js +10 -62
- 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 +1 -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-table/interfaces.d.ts +1 -1
- 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/transforms/autoRowSpan.js +1 -21
- package/lib/table/transforms/autoWidth.js +14 -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 +19 -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.d.ts +1 -0
- package/lib/table/transforms/sort.js +43 -122
- package/lib/table/transforms/tips.js +5 -20
- package/lib/table/transforms/treeMode.js +40 -109
- 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 +8 -18
- 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 +3 -2
|
@@ -1,16 +1,12 @@
|
|
|
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.Colgroup = Colgroup;
|
|
9
|
-
|
|
10
8
|
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
function Colgroup(_ref) {
|
|
15
11
|
var descriptors = _ref.descriptors;
|
|
16
12
|
return /*#__PURE__*/_react.default.createElement("colgroup", null, (0, _map.default)(descriptors).call(descriptors, function (descriptor) {
|
|
@@ -22,7 +18,6 @@ function Colgroup(_ref) {
|
|
|
22
18
|
}
|
|
23
19
|
});
|
|
24
20
|
}
|
|
25
|
-
|
|
26
21
|
return /*#__PURE__*/_react.default.createElement("col", {
|
|
27
22
|
key: descriptor.colIndex,
|
|
28
23
|
style: {
|
package/lib/table/base/empty.js
CHANGED
|
@@ -1,30 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
|
4
|
-
|
|
5
4
|
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
|
6
|
-
|
|
7
5
|
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
8
|
-
|
|
9
6
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
10
|
-
|
|
11
7
|
Object.defineProperty(exports, "__esModule", {
|
|
12
8
|
value: true
|
|
13
9
|
});
|
|
14
10
|
exports.EmptyHtmlTable = EmptyHtmlTable;
|
|
15
|
-
|
|
16
11
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
|
-
|
|
18
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
19
|
-
|
|
20
13
|
var _colgroup = require("./colgroup");
|
|
21
|
-
|
|
22
14
|
var _styles = require("./styles");
|
|
23
|
-
|
|
24
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
25
|
-
|
|
26
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
27
|
-
|
|
15
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
28
16
|
var DefaultEmptyContent = /*#__PURE__*/_react.default.memo(function () {
|
|
29
17
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("img", {
|
|
30
18
|
alt: "empty-image",
|
|
@@ -34,13 +22,12 @@ var DefaultEmptyContent = /*#__PURE__*/_react.default.memo(function () {
|
|
|
34
22
|
className: "empty-tips"
|
|
35
23
|
}, "\u6CA1\u6709\u7B26\u5408\u67E5\u8BE2\u6761\u4EF6\u7684\u6570\u636E", /*#__PURE__*/_react.default.createElement("br", null), "\u8BF7\u4FEE\u6539\u6761\u4EF6\u540E\u91CD\u65B0\u67E5\u8BE2"));
|
|
36
24
|
});
|
|
37
|
-
|
|
38
25
|
function EmptyHtmlTable(_ref) {
|
|
39
26
|
var descriptors = _ref.descriptors,
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
27
|
+
isLoading = _ref.isLoading,
|
|
28
|
+
emptyCellHeight = _ref.emptyCellHeight,
|
|
29
|
+
_ref$EmptyContent = _ref.EmptyContent,
|
|
30
|
+
EmptyContent = _ref$EmptyContent === void 0 ? DefaultEmptyContent : _ref$EmptyContent;
|
|
44
31
|
var show = !isLoading;
|
|
45
32
|
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("table", {
|
|
46
33
|
key: "table"
|
|
@@ -55,8 +42,8 @@ function EmptyHtmlTable(_ref) {
|
|
|
55
42
|
style: {
|
|
56
43
|
height: emptyCellHeight !== null && emptyCellHeight !== void 0 ? emptyCellHeight : 200
|
|
57
44
|
}
|
|
58
|
-
})))), show && /*#__PURE__*/_react.default.createElement("div", {
|
|
45
|
+
})))), show && (/*#__PURE__*/_react.default.createElement("div", {
|
|
59
46
|
className: _styles.Classes.emptyWrapper,
|
|
60
47
|
key: "empty"
|
|
61
|
-
}, /*#__PURE__*/_react.default.createElement(EmptyContent, null)));
|
|
48
|
+
}, /*#__PURE__*/_react.default.createElement(EmptyContent, null))));
|
|
62
49
|
}
|
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,22 @@ 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
|
-
dfs(inputNested, 0);
|
|
82
|
+
dfs(inputNested, 0, false);
|
|
117
83
|
return {
|
|
118
84
|
flat: flat,
|
|
119
85
|
leveled: leveled
|
|
120
86
|
};
|
|
121
|
-
|
|
122
|
-
|
|
87
|
+
function dfs(input, depth, suppressLeveled) {
|
|
88
|
+
var _a;
|
|
123
89
|
var leafCount = 0;
|
|
124
|
-
|
|
125
90
|
for (var i = 0; i < input.length; i++) {
|
|
126
91
|
var indexedCol = input[i];
|
|
127
|
-
|
|
128
92
|
if ((0, _utils.isLeafNode)(indexedCol)) {
|
|
129
93
|
leafCount += 1;
|
|
130
94
|
var wrapped = {
|
|
@@ -135,13 +99,15 @@ function calculateLeveledAndFlat(inputNested, rowCount) {
|
|
|
135
99
|
colSpan: 1,
|
|
136
100
|
isLeaf: true
|
|
137
101
|
};
|
|
138
|
-
|
|
102
|
+
if (!suppressLeveled) {
|
|
103
|
+
leveled[depth].push(wrapped);
|
|
104
|
+
}
|
|
139
105
|
flat.push(wrapped);
|
|
140
106
|
} else {
|
|
141
|
-
var
|
|
107
|
+
var mergeHeader = Boolean((_a = indexedCol.col) === null || _a === void 0 ? void 0 : _a.isHeaderMerge);
|
|
108
|
+
var dfsRes = dfs(indexedCol.children, depth + 1, suppressLeveled || mergeHeader);
|
|
142
109
|
leafCount += dfsRes.leafCount;
|
|
143
|
-
|
|
144
|
-
if (dfsRes.leafCount > 0) {
|
|
110
|
+
if (dfsRes.leafCount > 0 && !suppressLeveled) {
|
|
145
111
|
leveled[depth].push({
|
|
146
112
|
type: 'normal',
|
|
147
113
|
width: indexedCol.col.width,
|
|
@@ -153,26 +119,20 @@ function calculateLeveledAndFlat(inputNested, rowCount) {
|
|
|
153
119
|
}
|
|
154
120
|
}
|
|
155
121
|
}
|
|
156
|
-
|
|
157
122
|
return {
|
|
158
123
|
leafCount: leafCount
|
|
159
124
|
};
|
|
160
125
|
}
|
|
161
126
|
}
|
|
162
127
|
/** 包装列配置,附加上 colIndex 属性 */
|
|
163
|
-
|
|
164
|
-
|
|
165
128
|
function attachColIndex(inputNested, colIndexOffset) {
|
|
166
129
|
return dfs(inputNested, colIndexOffset).result;
|
|
167
|
-
|
|
168
130
|
function dfs(input, startColIndex) {
|
|
169
131
|
var result = [];
|
|
170
132
|
var leafCount = 0;
|
|
171
|
-
|
|
172
133
|
for (var i = 0; i < input.length; i++) {
|
|
173
134
|
var col = input[i];
|
|
174
135
|
var colIndex = startColIndex + leafCount;
|
|
175
|
-
|
|
176
136
|
if ((0, _utils.isLeafNode)(col)) {
|
|
177
137
|
leafCount += 1;
|
|
178
138
|
result.push({
|
|
@@ -182,7 +142,6 @@ function attachColIndex(inputNested, colIndexOffset) {
|
|
|
182
142
|
} else {
|
|
183
143
|
var sub = dfs(col.children, colIndex);
|
|
184
144
|
leafCount += sub.leafCount;
|
|
185
|
-
|
|
186
145
|
if (sub.leafCount > 0) {
|
|
187
146
|
result.push({
|
|
188
147
|
col: col,
|
|
@@ -192,7 +151,6 @@ function attachColIndex(inputNested, colIndexOffset) {
|
|
|
192
151
|
}
|
|
193
152
|
}
|
|
194
153
|
}
|
|
195
|
-
|
|
196
154
|
return {
|
|
197
155
|
result: result,
|
|
198
156
|
leafCount: leafCount
|
|
@@ -200,17 +158,13 @@ function attachColIndex(inputNested, colIndexOffset) {
|
|
|
200
158
|
}
|
|
201
159
|
}
|
|
202
160
|
/** 计算用于渲染表头的数据结构 */
|
|
203
|
-
|
|
204
|
-
|
|
205
161
|
function calculateHeaderRenderInfo(_ref, rowCount) {
|
|
206
162
|
var flat = (0, _flat.default)(_ref),
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
163
|
+
nested = _ref.nested,
|
|
164
|
+
hoz = _ref.horizontalRenderRange,
|
|
165
|
+
useVirtual = _ref.useVirtual;
|
|
211
166
|
if (useVirtual.header) {
|
|
212
167
|
var _context, _context2;
|
|
213
|
-
|
|
214
168
|
var leftPart = calculateLeveledAndFlat(attachColIndex(nested.left, 0), rowCount);
|
|
215
169
|
var filtered = filterNestedCenter(nested.center, hoz, flat.left.length);
|
|
216
170
|
var centerPart = calculateLeveledAndFlat(filtered, rowCount);
|
|
@@ -227,7 +181,6 @@ function calculateHeaderRenderInfo(_ref, rowCount) {
|
|
|
227
181
|
}], (0, _toConsumableArray2.default)((0, _flat.default)(rightPart))),
|
|
228
182
|
leveled: (0, _map.default)(_context2 = range(rowCount)).call(_context2, function (depth) {
|
|
229
183
|
var _context3;
|
|
230
|
-
|
|
231
184
|
return (0, _concat.default)(_context3 = []).call(_context3, (0, _toConsumableArray2.default)(leftPart.leveled[depth]), [{
|
|
232
185
|
type: 'blank',
|
|
233
186
|
width: hoz.leftBlank,
|
|
@@ -240,33 +193,27 @@ function calculateHeaderRenderInfo(_ref, rowCount) {
|
|
|
240
193
|
})
|
|
241
194
|
};
|
|
242
195
|
}
|
|
243
|
-
|
|
244
196
|
return calculateLeveledAndFlat(attachColIndex(nested.full, 0), rowCount);
|
|
245
197
|
}
|
|
246
|
-
|
|
247
198
|
function TableHeader(_ref2) {
|
|
248
199
|
var _context4, _context5;
|
|
249
|
-
|
|
250
200
|
var info = _ref2.info,
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
201
|
+
theaderPosition = _ref2.theaderPosition,
|
|
202
|
+
_rowCount = _ref2.rowCount,
|
|
203
|
+
stickyRightOffset = _ref2.stickyRightOffset;
|
|
254
204
|
var nested = info.nested,
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
205
|
+
flat = (0, _flat.default)(info),
|
|
206
|
+
stickyLeftMap = info.stickyLeftMap,
|
|
207
|
+
stickyRightMap = info.stickyRightMap;
|
|
258
208
|
var rowCount = _rowCount !== null && _rowCount !== void 0 ? _rowCount : (0, _utils.getTreeDepth)(nested.full) + 1;
|
|
259
209
|
var headerRenderInfo = calculateHeaderRenderInfo(info, rowCount);
|
|
260
210
|
var fullFlatCount = flat.full.length;
|
|
261
211
|
var leftFlatCount = flat.left.length;
|
|
262
212
|
var rightFlatCount = flat.right.length;
|
|
263
213
|
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); // 左中右区域渲染,分组列可能单独位于一个区域,此时其他区域也需要适配分组的高度
|
|
214
|
+
var _wrappedCols = (0, _concat.default)(wrappedCols).call(wrappedCols);
|
|
215
|
+
// 左中右区域渲染,分组列可能单独位于一个区域,此时其他区域也需要适配分组的高度
|
|
267
216
|
// rowspan 需要空白的列头去占位, 需要补充额外的空白列头
|
|
268
|
-
|
|
269
|
-
|
|
270
217
|
if (rowCount > 1 && ['left', 'right'].indexOf(theaderPosition) > -1) {
|
|
271
218
|
_wrappedCols.push({
|
|
272
219
|
type: 'blank',
|
|
@@ -275,20 +222,15 @@ function TableHeader(_ref2) {
|
|
|
275
222
|
isPlacehoder: true
|
|
276
223
|
});
|
|
277
224
|
}
|
|
278
|
-
|
|
279
225
|
var headerCells = (0, _map.default)(_wrappedCols).call(_wrappedCols, function (wrapped, index) {
|
|
280
226
|
var _a, _b, _c;
|
|
281
|
-
|
|
282
227
|
if (wrapped.type === 'normal') {
|
|
283
|
-
var _cx;
|
|
284
|
-
|
|
285
228
|
var colIndex = wrapped.colIndex,
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
229
|
+
colSpan = wrapped.colSpan,
|
|
230
|
+
isLeaf = wrapped.isLeaf,
|
|
231
|
+
col = wrapped.col;
|
|
289
232
|
var headerCellProps = (_a = col.headerCellProps) !== null && _a !== void 0 ? _a : {};
|
|
290
233
|
var positionStyle = {};
|
|
291
|
-
|
|
292
234
|
if (colIndex < leftFlatCount) {
|
|
293
235
|
positionStyle.position = 'sticky';
|
|
294
236
|
positionStyle.left = stickyLeftMap.get(colIndex);
|
|
@@ -297,15 +239,13 @@ function TableHeader(_ref2) {
|
|
|
297
239
|
var stickyRightIndex = colSpan > 1 ? colIndex + colSpan - 1 : colIndex;
|
|
298
240
|
positionStyle.right = stickyRightMap.get(stickyRightIndex) + stickyRightOffset;
|
|
299
241
|
}
|
|
300
|
-
|
|
301
242
|
var justifyContent = col.align === 'right' ? 'flex-end' : col.align === 'center' ? 'center' : 'flex-start';
|
|
302
|
-
|
|
303
243
|
var cell = /*#__PURE__*/_react.default.createElement("th", (0, _extends2.default)({
|
|
304
244
|
key: colIndex
|
|
305
245
|
}, headerCellProps, {
|
|
306
|
-
className: (0, _classnames.default)(_styles.Classes.tableHeaderCell, headerCellProps.className, (
|
|
246
|
+
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 || col.isHeaderMerge)),
|
|
307
247
|
colSpan: colSpan,
|
|
308
|
-
rowSpan: isLeaf ? rowCount - level : undefined,
|
|
248
|
+
rowSpan: isLeaf || col.isHeaderMerge ? rowCount - level : undefined,
|
|
309
249
|
style: (0, _extends2.default)((0, _extends2.default)({
|
|
310
250
|
textAlign: col.align,
|
|
311
251
|
verticalAlign: (_b = col.verticalAlign) !== null && _b !== void 0 ? _b : 'middle'
|
|
@@ -317,7 +257,6 @@ function TableHeader(_ref2) {
|
|
|
317
257
|
justifyContent: justifyContent
|
|
318
258
|
}
|
|
319
259
|
}, (_c = col.title) !== null && _c !== void 0 ? _c : col.name));
|
|
320
|
-
|
|
321
260
|
return cell;
|
|
322
261
|
} else {
|
|
323
262
|
if (wrapped.width > 0) {
|
|
@@ -334,7 +273,7 @@ function TableHeader(_ref2) {
|
|
|
334
273
|
});
|
|
335
274
|
return /*#__PURE__*/_react.default.createElement("tr", {
|
|
336
275
|
key: level,
|
|
337
|
-
className: (0, _classnames.default)(_styles.Classes.tableHeaderRow, (
|
|
276
|
+
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
277
|
}, headerCells);
|
|
339
278
|
});
|
|
340
279
|
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 () {
|