@kdcloudjs/table 1.2.1-canary.5 → 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 +4854 -6026
- 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 +74 -154
- 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 +17 -20
- 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 +76 -175
- 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 +19 -24
- 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,82 +1,51 @@
|
|
|
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.default = void 0;
|
|
15
|
-
|
|
16
11
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
17
|
-
|
|
18
12
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
|
|
19
|
-
|
|
20
13
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/taggedTemplateLiteral"));
|
|
21
|
-
|
|
22
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
23
|
-
|
|
24
15
|
var _reactDom = require("react-dom");
|
|
25
|
-
|
|
26
16
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
27
|
-
|
|
28
17
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
29
|
-
|
|
30
18
|
var _styles = require("../../../base/styles");
|
|
31
|
-
|
|
32
19
|
var _FilterPanel = _interopRequireDefault(require("./FilterPanel"));
|
|
33
|
-
|
|
34
20
|
var _DefaultFilterContent = _interopRequireDefault(require("./DefaultFilterContent"));
|
|
35
|
-
|
|
36
21
|
var _DefaultFilterIcon = _interopRequireDefault(require("./DefaultFilterIcon"));
|
|
37
|
-
|
|
38
22
|
var _utils = require("../../../utils");
|
|
39
|
-
|
|
40
23
|
var _utils2 = require("../../../base/utils");
|
|
41
|
-
|
|
42
24
|
var _keyCode = _interopRequireDefault(require("../../../utils/keyCode"));
|
|
43
|
-
|
|
44
25
|
var _templateObject;
|
|
45
|
-
|
|
46
|
-
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); }
|
|
47
|
-
|
|
48
|
-
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; }
|
|
49
|
-
|
|
26
|
+
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); }
|
|
50
27
|
var HEADER_ICON_OFFSET_Y = 8 + 1; // padding-top + border
|
|
51
|
-
|
|
52
28
|
var HEADER_ICON_OFFSET_X = 16 + 1; // padding-left+ border
|
|
53
|
-
|
|
54
29
|
var FilterIconSpanStyle = _styledComponents.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n // position: absolute;\n // right: 4px;\n // cursor: pointer;\n // transform: translateY(-50%);\n // top: 50%;\n // height: 12px; \n > .", " {\n display: flex\n }\n"])), _styles.Classes.filterIcon);
|
|
55
|
-
|
|
56
30
|
function Panel(_ref) {
|
|
57
31
|
var ele = _ref.ele,
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
32
|
+
filterIcon = _ref.filterIcon,
|
|
33
|
+
hidePanel = _ref.hidePanel,
|
|
34
|
+
renderPanelContent = _ref.renderPanelContent,
|
|
35
|
+
hideFilterPopupHeader = _ref.hideFilterPopupHeader,
|
|
36
|
+
popupParent = _ref.popupParent;
|
|
64
37
|
var filterPanelRef = _react.default.useRef(null);
|
|
65
|
-
|
|
66
38
|
var _React$useState = _react.default.useState((0, _utils.calculatePopupRelative)(ele, popupParent, _getPanelOffset(ele, hideFilterPopupHeader))),
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
39
|
+
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
|
|
40
|
+
position = _React$useState2[0],
|
|
41
|
+
setPosition = _React$useState2[1];
|
|
71
42
|
var style = {
|
|
72
43
|
position: 'absolute',
|
|
73
44
|
zIndex: 1050
|
|
74
45
|
};
|
|
75
|
-
|
|
76
46
|
var handleFilterPanelResize = function handleFilterPanelResize(resize) {
|
|
77
47
|
setPosition((0, _utils.calculatePopupRelative)(ele, popupParent, _getPanelOffset(ele, hideFilterPopupHeader)));
|
|
78
48
|
};
|
|
79
|
-
|
|
80
49
|
(0, _react.useEffect)(function () {
|
|
81
50
|
var resizeObserver = (0, _utils2.addResizeObserver)(filterPanelRef.current.children[0], handleFilterPanelResize);
|
|
82
51
|
return function () {
|
|
@@ -93,39 +62,31 @@ function Panel(_ref) {
|
|
|
93
62
|
hideFilterPopupHeader: hideFilterPopupHeader
|
|
94
63
|
}, renderPanelContent()));
|
|
95
64
|
}
|
|
96
|
-
|
|
97
65
|
function Filter(_ref2) {
|
|
98
|
-
var _cx;
|
|
99
|
-
|
|
100
66
|
var _ref2$size = _ref2.size,
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
67
|
+
size = _ref2$size === void 0 ? 12 : _ref2$size,
|
|
68
|
+
style = _ref2.style,
|
|
69
|
+
className = _ref2.className,
|
|
70
|
+
FilterPanelContent = _ref2.FilterPanelContent,
|
|
71
|
+
filterIcon = _ref2.filterIcon,
|
|
72
|
+
setFilter = _ref2.setFilter,
|
|
73
|
+
setFilterModel = _ref2.setFilterModel,
|
|
74
|
+
filterModel = _ref2.filterModel,
|
|
75
|
+
isFilterActive = _ref2.isFilterActive,
|
|
76
|
+
stopClickEventPropagation = _ref2.stopClickEventPropagation,
|
|
77
|
+
stopESCKeyDownEventPropagation = _ref2.stopESCKeyDownEventPropagation,
|
|
78
|
+
hideFilterPopupHeader = _ref2.hideFilterPopupHeader,
|
|
79
|
+
getPopupParent = _ref2.getPopupParent,
|
|
80
|
+
localeText = _ref2.localeText;
|
|
116
81
|
var _React$useState3 = _react.default.useState(false),
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
82
|
+
_React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
|
|
83
|
+
showPanel = _React$useState4[0],
|
|
84
|
+
setShowPanel = _React$useState4[1];
|
|
121
85
|
var iconRef = _react.default.useRef(null);
|
|
122
|
-
|
|
123
86
|
var iconWrapRef = _react.default.useRef();
|
|
124
|
-
|
|
125
87
|
var hidePanel = function hidePanel() {
|
|
126
88
|
return setShowPanel(false);
|
|
127
89
|
};
|
|
128
|
-
|
|
129
90
|
var renderPanelContent = function renderPanelContent() {
|
|
130
91
|
if (FilterPanelContent) {
|
|
131
92
|
return /*#__PURE__*/_react.default.createElement(FilterPanelContent, {
|
|
@@ -144,32 +105,27 @@ function Filter(_ref2) {
|
|
|
144
105
|
});
|
|
145
106
|
}
|
|
146
107
|
};
|
|
147
|
-
|
|
148
108
|
var handleIconClick = function handleIconClick(e) {
|
|
149
109
|
// 只有当icon区域点击会触发面板展开
|
|
150
110
|
// 防止 createPortal 区域的点击触发该事件
|
|
151
111
|
if (e.currentTarget.contains(e.target)) {
|
|
152
112
|
setShowPanel(true);
|
|
153
113
|
}
|
|
154
|
-
|
|
155
114
|
if (stopClickEventPropagation) {
|
|
156
115
|
e.stopPropagation();
|
|
157
116
|
}
|
|
158
117
|
};
|
|
159
|
-
|
|
160
118
|
var handleKeyDown = function handleKeyDown(e) {
|
|
161
119
|
if (e.keyCode === _keyCode.default.ESC) {
|
|
162
120
|
if (e.currentTarget.contains(e.target)) {
|
|
163
121
|
setShowPanel(false);
|
|
164
122
|
}
|
|
165
|
-
|
|
166
123
|
if (stopESCKeyDownEventPropagation) {
|
|
167
124
|
e.stopPropagation();
|
|
168
125
|
}
|
|
169
126
|
}
|
|
170
127
|
};
|
|
171
|
-
|
|
172
|
-
var iconClassName = (0, _classnames.default)((_cx = {}, (0, _defineProperty2.default)(_cx, className, true), (0, _defineProperty2.default)(_cx, 'filter-panel-open', showPanel), _cx));
|
|
128
|
+
var iconClassName = (0, _classnames.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, className, true), 'filter-panel-open', showPanel));
|
|
173
129
|
var displayFilterIcon = typeof filterIcon === 'function' ? filterIcon(isFilterActive) : filterIcon;
|
|
174
130
|
var popupParent = (getPopupParent === null || getPopupParent === void 0 ? void 0 : getPopupParent(iconWrapRef.current)) || document.body;
|
|
175
131
|
return /*#__PURE__*/_react.default.createElement(FilterIconSpanStyle, {
|
|
@@ -185,7 +141,7 @@ function Filter(_ref2) {
|
|
|
185
141
|
}, displayFilterIcon || /*#__PURE__*/_react.default.createElement(_DefaultFilterIcon.default, {
|
|
186
142
|
width: size,
|
|
187
143
|
height: size
|
|
188
|
-
})), showPanel && /*#__PURE__*/(0, _reactDom.createPortal)(
|
|
144
|
+
})), showPanel && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(Panel, {
|
|
189
145
|
ele: hideFilterPopupHeader ? iconWrapRef.current : iconRef.current,
|
|
190
146
|
filterIcon: displayFilterIcon,
|
|
191
147
|
hidePanel: hidePanel,
|
|
@@ -194,7 +150,6 @@ function Filter(_ref2) {
|
|
|
194
150
|
popupParent: popupParent
|
|
195
151
|
}), popupParent));
|
|
196
152
|
}
|
|
197
|
-
|
|
198
153
|
function _getPanelOffset(ele, hideFilterPopupHeader) {
|
|
199
154
|
if (hideFilterPopupHeader) {
|
|
200
155
|
return {
|
|
@@ -202,12 +157,9 @@ function _getPanelOffset(ele, hideFilterPopupHeader) {
|
|
|
202
157
|
y: 0 - ele.offsetHeight
|
|
203
158
|
};
|
|
204
159
|
}
|
|
205
|
-
|
|
206
160
|
return {
|
|
207
161
|
x: HEADER_ICON_OFFSET_X,
|
|
208
162
|
y: HEADER_ICON_OFFSET_Y
|
|
209
163
|
};
|
|
210
164
|
}
|
|
211
|
-
|
|
212
|
-
var _default = Filter;
|
|
213
|
-
exports.default = _default;
|
|
165
|
+
var _default = exports.default = Filter;
|
|
@@ -1,44 +1,25 @@
|
|
|
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.default = void 0;
|
|
15
|
-
|
|
16
11
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
17
|
-
|
|
18
12
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
|
|
19
|
-
|
|
20
13
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/taggedTemplateLiteral"));
|
|
21
|
-
|
|
22
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
23
|
-
|
|
24
15
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
25
|
-
|
|
26
16
|
var _utils = require("../../../utils/");
|
|
27
|
-
|
|
28
17
|
var _DefaultFilterIcon = _interopRequireDefault(require("./DefaultFilterIcon"));
|
|
29
|
-
|
|
30
18
|
var _styles = require("../../../base/styles");
|
|
31
|
-
|
|
32
19
|
var _keyCode = _interopRequireDefault(require("../../../utils/keyCode"));
|
|
33
|
-
|
|
34
20
|
var _templateObject;
|
|
35
|
-
|
|
36
|
-
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); }
|
|
37
|
-
|
|
38
|
-
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; }
|
|
39
|
-
|
|
21
|
+
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); }
|
|
40
22
|
var FilterPanelStyle = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n max-height: 450px;\n min-width: 160px;\n border-radius: 2px;\n background-color: #fff;\n box-shadow: 0 0 5px 0 rgba(154,154,154,.5);\n cursor: default;\n\n .", " {\n display: flex;\n background-color: #ebedf1;\n\n .", " {\n display: flex;\n color:#666;\n background-color: #fff;\n padding: 8px 16px 8px 16px;\n border-right: 1px solid transparent;\n border-left: 1px solid transparent;\n border-top: 1px solid transparent;\n border-top-right-radius: 2px;\n border-top-left-radius: 2px;\n }\n }\n\n .", " {\n display: flex;\n }\n"])), _styles.Classes.popupHeader, _styles.Classes.filterIcon, _styles.Classes.popupBody);
|
|
41
|
-
|
|
42
23
|
var useWindowEvents = function useWindowEvents(func, evens) {
|
|
43
24
|
_react.default.useEffect(function () {
|
|
44
25
|
evens.forEach(function (event) {
|
|
@@ -51,55 +32,45 @@ var useWindowEvents = function useWindowEvents(func, evens) {
|
|
|
51
32
|
};
|
|
52
33
|
}, [evens, func]);
|
|
53
34
|
};
|
|
54
|
-
|
|
55
35
|
function FilterPanel(_ref) {
|
|
56
36
|
var style = _ref.style,
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
37
|
+
children = _ref.children,
|
|
38
|
+
position = _ref.position,
|
|
39
|
+
filterIcon = _ref.filterIcon,
|
|
40
|
+
onClose = _ref.onClose,
|
|
41
|
+
hideFilterPopupHeader = _ref.hideFilterPopupHeader;
|
|
63
42
|
var _useState = (0, _react.useState)(position),
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
43
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
44
|
+
perfectPosition = _useState2[0],
|
|
45
|
+
setPerfectPosition = _useState2[1];
|
|
68
46
|
var _useState3 = (0, _react.useState)(false),
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
47
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
48
|
+
visible = _useState4[0],
|
|
49
|
+
setVisible = _useState4[1];
|
|
73
50
|
var ref = _react.default.useRef(null);
|
|
74
|
-
|
|
75
51
|
var isContainPanel = function isContainPanel(e) {
|
|
76
52
|
return (0, _utils.isElementInEventPath)(ref.current, e);
|
|
77
53
|
};
|
|
78
|
-
|
|
79
54
|
(0, _react.useEffect)(function () {
|
|
80
55
|
setPerfectPosition((0, _utils.keepWithinBounds)(document.body, ref.current, position.x, position.y, true));
|
|
81
56
|
setVisible(true);
|
|
82
57
|
}, [position]);
|
|
83
58
|
var hasPopupMouseEvent = (0, _react.useRef)(false);
|
|
84
|
-
|
|
85
59
|
var handleMouseEvent = function handleMouseEvent() {
|
|
86
60
|
// 当弹出的过滤面板内部发生鼠标按下、抬起事件时,标记当前事件,并在click捕获期清除标记,用来确定鼠标按下、抬起发生在过滤面板内部
|
|
87
61
|
// 利用了React.createPortal冒泡是根据React Tree的特性:
|
|
88
62
|
// https://jwwnz.medium.com/react-portals-and-event-bubbling-8df3e35ca3f1
|
|
89
63
|
hasPopupMouseEvent.current = true;
|
|
90
64
|
};
|
|
91
|
-
|
|
92
65
|
useWindowEvents(function (e) {
|
|
93
66
|
!isContainPanel(e) && !hasPopupMouseEvent.current && onClose();
|
|
94
67
|
hasPopupMouseEvent.current = false;
|
|
95
68
|
}, ['click']);
|
|
96
|
-
|
|
97
69
|
var handleKeyDown = function handleKeyDown(e) {
|
|
98
70
|
if (e.currentTarget.contains(e.target) && e.keyCode === _keyCode.default.ESC) {
|
|
99
71
|
onClose();
|
|
100
72
|
}
|
|
101
73
|
};
|
|
102
|
-
|
|
103
74
|
return /*#__PURE__*/_react.default.createElement(FilterPanelStyle, {
|
|
104
75
|
className: _styles.Classes.popup,
|
|
105
76
|
style: (0, _extends2.default)((0, _extends2.default)({}, style), {
|
|
@@ -123,6 +94,4 @@ function FilterPanel(_ref) {
|
|
|
123
94
|
className: _styles.Classes.popupBody
|
|
124
95
|
}, children));
|
|
125
96
|
}
|
|
126
|
-
|
|
127
|
-
var _default = FilterPanel;
|
|
128
|
-
exports.default = _default;
|
|
97
|
+
var _default = exports.default = FilterPanel;
|
|
@@ -1,7 +1,6 @@
|
|
|
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
|
});
|
|
@@ -29,11 +28,7 @@ Object.defineProperty(exports, "FilterPanel", {
|
|
|
29
28
|
return _FilterPanel.default;
|
|
30
29
|
}
|
|
31
30
|
});
|
|
32
|
-
|
|
33
31
|
var _FilterPanel = _interopRequireDefault(require("./FilterPanel"));
|
|
34
|
-
|
|
35
32
|
var _DefaultFilterContent = _interopRequireDefault(require("./DefaultFilterContent"));
|
|
36
|
-
|
|
37
33
|
var _Filter = _interopRequireDefault(require("./Filter"));
|
|
38
|
-
|
|
39
34
|
var _util = require("./util");
|
|
@@ -1,15 +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.DEFAULT_FILTER_OPTIONS = void 0;
|
|
9
|
-
|
|
10
8
|
var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
|
|
11
|
-
|
|
12
|
-
var DEFAULT_FILTER_OPTIONS = [{
|
|
9
|
+
var DEFAULT_FILTER_OPTIONS = exports.DEFAULT_FILTER_OPTIONS = [{
|
|
13
10
|
title: '包含',
|
|
14
11
|
key: 'contain',
|
|
15
12
|
filter: function filter(value) {
|
|
@@ -17,11 +14,9 @@ var DEFAULT_FILTER_OPTIONS = [{
|
|
|
17
14
|
if (data == null) {
|
|
18
15
|
return false;
|
|
19
16
|
}
|
|
20
|
-
|
|
21
17
|
if (typeof data === 'number') {
|
|
22
18
|
data = data + '';
|
|
23
19
|
}
|
|
24
|
-
|
|
25
20
|
return (0, _includes.default)(data).call(data, value[0]);
|
|
26
21
|
};
|
|
27
22
|
}
|
|
@@ -33,11 +28,9 @@ var DEFAULT_FILTER_OPTIONS = [{
|
|
|
33
28
|
if (data == null) {
|
|
34
29
|
return true;
|
|
35
30
|
}
|
|
36
|
-
|
|
37
31
|
if (typeof data === 'number') {
|
|
38
32
|
data = data + '';
|
|
39
33
|
}
|
|
40
|
-
|
|
41
34
|
return !(0, _includes.default)(data).call(data, value[0]);
|
|
42
35
|
};
|
|
43
36
|
}
|
|
@@ -73,5 +66,4 @@ var DEFAULT_FILTER_OPTIONS = [{
|
|
|
73
66
|
return !!data;
|
|
74
67
|
};
|
|
75
68
|
}
|
|
76
|
-
}];
|
|
77
|
-
exports.DEFAULT_FILTER_OPTIONS = DEFAULT_FILTER_OPTIONS;
|
|
69
|
+
}];
|
|
@@ -1,33 +1,23 @@
|
|
|
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.footerDataSource = footerDataSource;
|
|
9
8
|
exports.footerRowMetaSymbol = void 0;
|
|
10
|
-
|
|
11
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
12
|
-
|
|
13
10
|
var _extends3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
14
|
-
|
|
15
11
|
var _symbol = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/symbol"));
|
|
16
|
-
|
|
17
12
|
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
18
|
-
|
|
19
|
-
var footerRowMetaSymbol = (0, _symbol.default)('footer-row');
|
|
20
|
-
exports.footerRowMetaSymbol = footerRowMetaSymbol;
|
|
21
|
-
|
|
13
|
+
var footerRowMetaSymbol = exports.footerRowMetaSymbol = (0, _symbol.default)('footer-row');
|
|
22
14
|
function footerDataSource() {
|
|
23
15
|
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
24
16
|
return function footerDataSourceStep(pipeline) {
|
|
25
17
|
var _a, _b;
|
|
26
|
-
|
|
27
18
|
var footerDataSource = (_a = opts.dataSource) !== null && _a !== void 0 ? _a : pipeline.getFooterDataSource();
|
|
28
19
|
var footerRowMetaKey = (_b = opts.footerRowMetaKey) !== null && _b !== void 0 ? _b : footerRowMetaSymbol;
|
|
29
20
|
pipeline.setFeatureOptions('footerRowMetaKey', footerRowMetaKey);
|
|
30
|
-
|
|
31
21
|
if (footerDataSource) {
|
|
32
22
|
pipeline.footerDataSource((0, _map.default)(footerDataSource).call(footerDataSource, function (row) {
|
|
33
23
|
return (0, _extends3.default)((0, _defineProperty2.default)({}, footerRowMetaKey, true), row);
|
|
@@ -35,7 +25,6 @@ function footerDataSource() {
|
|
|
35
25
|
} else {
|
|
36
26
|
console.warn('调用 pipeline.use(features.footerDataSource()) 前请先设置页脚数据源,设置方法有:pipeline.use(features.footerDataSource({dataSource:any[]})) 或者 pipeline.footerDataSource(any[])');
|
|
37
27
|
}
|
|
38
|
-
|
|
39
28
|
return pipeline;
|
|
40
29
|
};
|
|
41
30
|
}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
|
|
4
|
-
|
|
5
4
|
var _sortInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/sort");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
@@ -145,45 +143,24 @@ Object.defineProperty(exports, "treeSelect", {
|
|
|
145
143
|
return _treeSelect.treeSelect;
|
|
146
144
|
}
|
|
147
145
|
});
|
|
148
|
-
|
|
149
146
|
var _autoRowSpan = require("./autoRowSpan");
|
|
150
|
-
|
|
151
147
|
var _buildTree = require("./buildTree");
|
|
152
|
-
|
|
153
148
|
var _columnHover = require("./columnHover");
|
|
154
|
-
|
|
155
149
|
var _columnRangeHover = require("./columnRangeHover");
|
|
156
|
-
|
|
157
150
|
var _multiSelect = require("./multiSelect");
|
|
158
|
-
|
|
159
151
|
var _rowDetail = require("./rowDetail");
|
|
160
|
-
|
|
161
152
|
var _rowGrouping = require("./rowGrouping");
|
|
162
|
-
|
|
163
153
|
var _singleSelect = require("./singleSelect");
|
|
164
|
-
|
|
165
154
|
var _sort = require("./sort");
|
|
166
|
-
|
|
167
155
|
var _tips = require("./tips");
|
|
168
|
-
|
|
169
156
|
var _treeMode = require("./treeMode");
|
|
170
|
-
|
|
171
157
|
var _treeSelect = require("./treeSelect");
|
|
172
|
-
|
|
173
158
|
var _columnDrag = require("./columnDrag");
|
|
174
|
-
|
|
175
159
|
var _columnResizeWidth = require("./columnResizeWidth");
|
|
176
|
-
|
|
177
160
|
var _contextMenu = require("./contextMenu");
|
|
178
|
-
|
|
179
161
|
var _columnFilter = require("./columnFilter");
|
|
180
|
-
|
|
181
162
|
var _rangeSelection = require("./rangeSelection");
|
|
182
|
-
|
|
183
163
|
var _mergeCellHover = require("./mergeCellHover");
|
|
184
|
-
|
|
185
164
|
var _footerDataSource = require("./footerDataSource");
|
|
186
|
-
|
|
187
165
|
var _colGroupExtendable = require("./colGroupExtendable");
|
|
188
|
-
|
|
189
166
|
var _rowDrag = require("./rowDrag");
|
|
@@ -1,23 +1,18 @@
|
|
|
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.mergeCellHover = mergeCellHover;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _utils = require("../../utils");
|
|
13
|
-
|
|
14
10
|
function mergeCellHover() {
|
|
15
11
|
return function (pipeline) {
|
|
16
12
|
return pipeline.mapColumns((0, _utils.makeRecursiveMapper)(function (col) {
|
|
17
13
|
if (!(0, _utils.isLeafNode)(col)) {
|
|
18
14
|
return col;
|
|
19
15
|
}
|
|
20
|
-
|
|
21
16
|
var prevGetCellProps = col.getCellProps;
|
|
22
17
|
return (0, _extends2.default)((0, _extends2.default)({}, col), {
|
|
23
18
|
getCellProps: function getCellProps(value, record, rowIndex) {
|