@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
|
@@ -4,15 +4,10 @@ import _Symbol from "@babel/runtime-corejs3/core-js-stable/symbol";
|
|
|
4
4
|
import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
|
|
5
5
|
import _extends from "@babel/runtime-corejs3/helpers/extends";
|
|
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 _context3; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context3 = Object.prototype.toString.call(o)).call(_context3, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
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 _context3; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = _sliceInstanceProperty(_context3 = {}.toString.call(r)).call(_context3, 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 _Set from "@babel/runtime-corejs3/core-js-stable/set";
|
|
17
12
|
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
18
13
|
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
@@ -28,31 +23,26 @@ import { Classes } from '../../base/styles';
|
|
|
28
23
|
var ExpandSpan = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-flex;\n align-items: center;\n padding: 2px 8px 2px 0;\n cursor: pointer;\n\n .icon {\n fill: #999;\n margin-right: 4px;\n\n &.", " {\n transform-origin: center center;\n transform: rotate(90deg);\n }\n }\n"])), Classes.expanded);
|
|
29
24
|
export function convertDrillTreeToCrossTree(drillTree) {
|
|
30
25
|
var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
26
|
+
indicators = _ref.indicators,
|
|
27
|
+
_ref$encode = _ref.encode,
|
|
28
|
+
encode = _ref$encode === void 0 ? simpleEncode : _ref$encode,
|
|
29
|
+
generateSubtotalNode = _ref.generateSubtotalNode,
|
|
30
|
+
_ref$enforceExpandTot = _ref.enforceExpandTotalNode,
|
|
31
|
+
enforceExpandTotalNode = _ref$enforceExpandTot === void 0 ? true : _ref$enforceExpandTot,
|
|
32
|
+
expandKeys = _ref.expandKeys,
|
|
33
|
+
_ref$onChangeExpandKe = _ref.onChangeExpandKeys,
|
|
34
|
+
onChangeExpandKeys = _ref$onChangeExpandKe === void 0 ? noop : _ref$onChangeExpandKe,
|
|
35
|
+
supportsExpand = _ref.supportsExpand;
|
|
42
36
|
var totalKey = encode([]);
|
|
43
|
-
|
|
44
37
|
if (supportsExpand && expandKeys == null) {
|
|
45
38
|
throw new Error('[ali-react-table] convertDrillTreeToCrossTree(...) 设置 supportsExpand=true 时,expandKeys 不能为 null/undefined.');
|
|
46
39
|
}
|
|
47
|
-
|
|
48
40
|
var expandKeySet = new _Set(expandKeys);
|
|
49
41
|
return dfs(drillTree, 0);
|
|
50
42
|
/** 在 indicators 非空的情况下获取指标对应的 CrossTreeNode */
|
|
51
|
-
|
|
52
43
|
function getIndicators(node, nodeData) {
|
|
53
44
|
return _mapInstanceProperty(indicators).call(indicators, function (indicator) {
|
|
54
45
|
var _context;
|
|
55
|
-
|
|
56
46
|
return _extends({
|
|
57
47
|
key: encode(_concatInstanceProperty(_context = node.path).call(_context, [indicator.code])),
|
|
58
48
|
value: indicator.name,
|
|
@@ -62,7 +52,6 @@ export function convertDrillTreeToCrossTree(drillTree) {
|
|
|
62
52
|
}, indicator);
|
|
63
53
|
});
|
|
64
54
|
}
|
|
65
|
-
|
|
66
55
|
function drillNodeToTreeNode(node, nodeData) {
|
|
67
56
|
if (indicators != null) {
|
|
68
57
|
return {
|
|
@@ -79,13 +68,10 @@ export function convertDrillTreeToCrossTree(drillTree) {
|
|
|
79
68
|
};
|
|
80
69
|
}
|
|
81
70
|
}
|
|
82
|
-
|
|
83
71
|
function dfs(drillNodes, depth) {
|
|
84
72
|
var result = [];
|
|
85
|
-
|
|
86
73
|
var _iterator = _createForOfIteratorHelper(drillNodes),
|
|
87
|
-
|
|
88
|
-
|
|
74
|
+
_step;
|
|
89
75
|
try {
|
|
90
76
|
var _loop = function _loop() {
|
|
91
77
|
var node = _step.value;
|
|
@@ -93,7 +79,6 @@ export function convertDrillTreeToCrossTree(drillTree) {
|
|
|
93
79
|
dataKey: node.key,
|
|
94
80
|
dataPath: node.path
|
|
95
81
|
};
|
|
96
|
-
|
|
97
82
|
if (isLeafNode(node) && !node.hasChild) {
|
|
98
83
|
result.push(drillNodeToTreeNode(node, nodeData));
|
|
99
84
|
} else {
|
|
@@ -103,7 +88,6 @@ export function convertDrillTreeToCrossTree(drillTree) {
|
|
|
103
88
|
value: node.value,
|
|
104
89
|
data: nodeData
|
|
105
90
|
};
|
|
106
|
-
|
|
107
91
|
if (!supportsExpand || enforceExpandTotalNode && node.key === totalKey) {
|
|
108
92
|
// 不支持展开功能 或是强制展开
|
|
109
93
|
crossTreeNode.children = dfs(node.children, depth + 1);
|
|
@@ -130,31 +114,24 @@ export function convertDrillTreeToCrossTree(drillTree) {
|
|
|
130
114
|
}, /*#__PURE__*/React.createElement(icons.CaretRight, {
|
|
131
115
|
className: "icon collapsed"
|
|
132
116
|
}), node.value);
|
|
133
|
-
|
|
134
117
|
if (indicators != null) {
|
|
135
118
|
crossTreeNode.children = getIndicators(node, nodeData);
|
|
136
119
|
}
|
|
137
120
|
}
|
|
138
|
-
|
|
139
121
|
if (needProcessChildren) {
|
|
140
122
|
var subtotalNodeData = generateSubtotalNode === null || generateSubtotalNode === void 0 ? void 0 : generateSubtotalNode(node);
|
|
141
|
-
|
|
142
123
|
if (subtotalNodeData) {
|
|
143
124
|
var _context2;
|
|
144
|
-
|
|
145
125
|
var _subtotalNodeData$pos = subtotalNodeData.position,
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
126
|
+
position = _subtotalNodeData$pos === void 0 ? 'start' : _subtotalNodeData$pos,
|
|
127
|
+
value = subtotalNodeData.value;
|
|
149
128
|
var subtotalPath = _concatInstanceProperty(_context2 = node.path).call(_context2, [value]);
|
|
150
|
-
|
|
151
129
|
var subtotalDrillNode = {
|
|
152
130
|
key: encode(subtotalPath),
|
|
153
131
|
path: subtotalPath,
|
|
154
132
|
value: value
|
|
155
133
|
};
|
|
156
134
|
var subtotalTreeNode = drillNodeToTreeNode(subtotalDrillNode, nodeData);
|
|
157
|
-
|
|
158
135
|
if (position === 'start') {
|
|
159
136
|
crossTreeNode.children.unshift(subtotalTreeNode);
|
|
160
137
|
} else {
|
|
@@ -162,11 +139,9 @@ export function convertDrillTreeToCrossTree(drillTree) {
|
|
|
162
139
|
}
|
|
163
140
|
}
|
|
164
141
|
}
|
|
165
|
-
|
|
166
142
|
result.push(crossTreeNode);
|
|
167
143
|
}
|
|
168
144
|
};
|
|
169
|
-
|
|
170
145
|
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
171
146
|
_loop();
|
|
172
147
|
}
|
|
@@ -175,7 +150,6 @@ export function convertDrillTreeToCrossTree(drillTree) {
|
|
|
175
150
|
} finally {
|
|
176
151
|
_iterator.f();
|
|
177
152
|
}
|
|
178
|
-
|
|
179
153
|
return result;
|
|
180
154
|
}
|
|
181
155
|
}
|
|
@@ -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
|
}
|