@kdcloudjs/table 1.2.2-canary.11 → 1.2.2-canary.11-hotfix.0
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 +3305 -3340
- package/dist/@kdcloudjs/table.js.map +1 -1
- package/dist/@kdcloudjs/table.min.css +1 -1
- package/dist/@kdcloudjs/table.min.js +11 -13
- package/dist/@kdcloudjs/table.min.js.map +1 -1
- package/dist/kd-ui-complete.less +777 -777
- package/es/_utils/formatUtil.js +5 -1
- package/es/_utils/hooks.js +3 -3
- package/es/_utils/usePopper.js +13 -13
- package/es/locale/locale.js +7 -6
- 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/BlankComponent.d.ts +11 -0
- package/es/table/base/BlankComponent.js +61 -0
- package/es/table/base/calculations.js +3 -3
- package/es/table/base/empty.js +2 -2
- package/es/table/base/globalStyleComponent.js +8 -6
- package/es/table/base/header.js +7 -5
- package/es/table/base/helpers/FastScrollManager.d.ts +96 -0
- package/es/table/base/helpers/FastScrollManager.js +167 -0
- package/es/table/base/helpers/SpanManager.js +2 -1
- package/es/table/base/helpers/TableDOMUtils.js +6 -5
- package/es/table/base/html-table.js +4 -3
- package/es/table/base/loading.js +2 -2
- package/es/table/base/renderTemplates.js +16 -16
- package/es/table/base/table.d.ts +13 -0
- package/es/table/base/table.js +141 -84
- package/es/table/base/utils.js +3 -3
- package/es/table/pipeline/features/columnDrag.js +1 -0
- package/es/table/pipeline/features/columnFilter.js +3 -1
- package/es/table/pipeline/features/columnResizeWidth.js +2 -2
- package/es/table/pipeline/features/contextMenu.js +6 -4
- package/es/table/pipeline/features/featureApi/RowDragApi.js +2 -1
- package/es/table/pipeline/features/filter/DefaultFilterContent.js +5 -4
- package/es/table/pipeline/features/filter/Filter.js +3 -2
- package/es/table/pipeline/features/rangeSelection.js +10 -10
- package/es/table/pipeline/features/rowDetail.js +2 -2
- package/es/table/pipeline/features/rowDrag.js +2 -1
- package/es/table/pipeline/features/rowGrouping.js +2 -2
- package/es/table/pipeline/features/sort.js +7 -6
- package/es/table/pipeline/features/tips.js +4 -4
- package/es/table/pipeline/features/treeMode.js +5 -5
- package/es/table/pipeline/features/treeSelect.js +2 -2
- package/es/table/pipeline/pipeline.js +2 -1
- package/es/table/pivot/cross-table/buildCrossTable.js +8 -6
- package/es/table/pivot/cross-table/cross-table.js +3 -1
- package/es/table/pivot/cross-tree-table/buildCrossTreeTable.js +10 -8
- package/es/table/pivot/cross-tree-table/cross-tree-table.js +11 -8
- package/es/table/pivot/pivot-utils/builders.js +3 -3
- package/es/table/pivot/pivot-utils/convert-utils.js +3 -3
- package/es/table/style/index.less +1 -1
- package/es/table/transforms/autoWidth.js +3 -3
- package/es/table/transforms/columnResize.js +5 -3
- package/es/table/transforms/sort.js +8 -6
- package/es/table/transforms/tips.js +4 -4
- package/es/table/transforms/treeMode.js +8 -6
- package/es/table/utils/buildTree.js +3 -3
- package/es/table/utils/collectNodes.js +3 -3
- package/es/table/utils/exportTableAsExcel.js +3 -3
- package/es/table/utils/getTreeDepth.js +3 -3
- package/es/table/utils/groupBy.js +3 -3
- package/es/table/utils/makeRecursiveMapper.js +3 -3
- package/es/table/utils/mergeCellProps.js +1 -0
- package/es/table/utils/others.js +3 -3
- package/es/table/utils/traverseColumn.js +3 -3
- package/es/table/utils/tree-data-helpers/StrictTreeDataHelper.js +8 -7
- package/es/table/utils/tree-data-helpers/TreeDataHelper.js +5 -4
- package/lib/_utils/arrayUtil.js +3 -2
- package/lib/_utils/formatUtil.js +5 -1
- package/lib/_utils/hooks.js +3 -3
- package/lib/_utils/index.js +3 -2
- package/lib/_utils/type.js +5 -3
- package/lib/_utils/usePopper.js +21 -18
- package/lib/config-provider/ConfigContext.js +2 -1
- package/lib/config-provider/compDefaultProps.js +2 -1
- package/lib/config-provider/configProvider.js +4 -3
- package/lib/config-provider/defaultConfig.js +2 -1
- package/lib/config-provider/index.js +2 -1
- package/lib/locale/index.js +4 -3
- package/lib/locale/locale.js +14 -10
- package/lib/locale/zh-CN.js +2 -1
- 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/BlankComponent.d.ts +11 -0
- package/lib/table/base/BlankComponent.js +75 -0
- package/lib/table/base/calculations.js +3 -3
- package/lib/table/base/empty.js +4 -4
- package/lib/table/base/globalStyleComponent.js +13 -10
- package/lib/table/base/header.js +7 -5
- package/lib/table/base/helpers/FastScrollManager.d.ts +96 -0
- package/lib/table/base/helpers/FastScrollManager.js +175 -0
- package/lib/table/base/helpers/SpanManager.js +5 -3
- package/lib/table/base/helpers/TableDOMUtils.js +9 -7
- package/lib/table/base/helpers/getRichVisibleRectsStream.js +2 -2
- package/lib/table/base/html-table.js +4 -3
- package/lib/table/base/loading.js +2 -2
- package/lib/table/base/renderTemplates.js +18 -18
- package/lib/table/base/styles.js +18 -10
- package/lib/table/base/table.d.ts +13 -0
- package/lib/table/base/table.js +152 -96
- package/lib/table/base/utils.js +20 -13
- package/lib/table/common-views.js +8 -4
- package/lib/table/internals.js +3 -2
- package/lib/table/pipeline/const.js +3 -2
- package/lib/table/pipeline/features/autoFill.js +6 -3
- package/lib/table/pipeline/features/colGroupExtendable.js +3 -2
- package/lib/table/pipeline/features/columnDrag.js +1 -0
- package/lib/table/pipeline/features/columnFilter.js +3 -1
- package/lib/table/pipeline/features/columnResizeWidth.js +10 -7
- package/lib/table/pipeline/features/contextMenu.js +8 -6
- package/lib/table/pipeline/features/featureApi/RowDragApi.js +5 -3
- package/lib/table/pipeline/features/filter/DefaultFilterContent.js +9 -7
- package/lib/table/pipeline/features/filter/Filter.js +7 -5
- package/lib/table/pipeline/features/filter/FilterPanel.js +4 -3
- package/lib/table/pipeline/features/filter/util.js +3 -2
- package/lib/table/pipeline/features/footerDataSource.js +2 -1
- package/lib/table/pipeline/features/rangeSelection.js +14 -12
- package/lib/table/pipeline/features/rowDetail.js +2 -2
- package/lib/table/pipeline/features/rowDrag.js +8 -4
- package/lib/table/pipeline/features/rowGrouping.js +2 -2
- package/lib/table/pipeline/features/sort.js +7 -6
- package/lib/table/pipeline/features/tips.js +4 -4
- package/lib/table/pipeline/features/treeMode.js +9 -7
- package/lib/table/pipeline/features/treeSelect.js +2 -2
- package/lib/table/pipeline/index.js +2 -2
- package/lib/table/pipeline/pipeline.js +4 -2
- package/lib/table/pivot/cross-table/buildCrossTable.js +8 -6
- package/lib/table/pivot/cross-table/constants.js +2 -1
- package/lib/table/pivot/cross-table/cross-table.js +6 -3
- package/lib/table/pivot/cross-tree-table/buildCrossTreeTable.js +10 -8
- package/lib/table/pivot/cross-tree-table/cross-tree-table.js +13 -9
- package/lib/table/pivot/pivot-utils/builders.js +3 -3
- package/lib/table/pivot/pivot-utils/convert-utils.js +3 -3
- package/lib/table/style/index.less +1 -1
- package/lib/table/transforms/autoWidth.js +5 -5
- package/lib/table/transforms/columnResize.js +7 -5
- package/lib/table/transforms/sort.js +10 -8
- package/lib/table/transforms/tips.js +4 -4
- package/lib/table/transforms/treeMode.js +10 -8
- package/lib/table/use/useResizeObserver.js +2 -1
- package/lib/table/utils/browserType.js +4 -2
- package/lib/table/utils/buildTree.js +3 -3
- package/lib/table/utils/collectNodes.js +3 -3
- package/lib/table/utils/console.js +3 -2
- package/lib/table/utils/copyToClipboard.js +2 -1
- package/lib/table/utils/exportTableAsExcel.js +3 -3
- package/lib/table/utils/getTreeDepth.js +3 -3
- package/lib/table/utils/groupBy.js +3 -3
- package/lib/table/utils/keyCode.js +2 -1
- package/lib/table/utils/makeRecursiveMapper.js +3 -3
- package/lib/table/utils/mergeCellProps.js +1 -0
- package/lib/table/utils/others.js +5 -4
- package/lib/table/utils/proto.js +2 -1
- package/lib/table/utils/selectColumn.js +4 -2
- package/lib/table/utils/traverseColumn.js +3 -3
- package/lib/table/utils/tree-data-helpers/StrictTreeDataHelper.js +11 -9
- package/lib/table/utils/tree-data-helpers/TreeDataHelper.js +8 -6
- package/package.json +218 -218
package/lib/table/internals.js
CHANGED
|
@@ -40,10 +40,11 @@ function safeRender(column, record, rowIndex) {
|
|
|
40
40
|
}
|
|
41
41
|
return value;
|
|
42
42
|
}
|
|
43
|
-
var internals =
|
|
43
|
+
var internals = {
|
|
44
44
|
safeRenderHeader: safeRenderHeader,
|
|
45
45
|
safeGetValue: safeGetValue,
|
|
46
46
|
safeGetRowKey: safeGetRowKey,
|
|
47
47
|
safeGetCellProps: safeGetCellProps,
|
|
48
48
|
safeRender: safeRender
|
|
49
|
-
};
|
|
49
|
+
};
|
|
50
|
+
exports.internals = internals;
|
|
@@ -16,10 +16,12 @@ var _calculations = require("../../base/calculations");
|
|
|
16
16
|
var _utils = require("../../utils");
|
|
17
17
|
var _styles = require("../../base/styles");
|
|
18
18
|
var _columnResizeWidth = require("./columnResizeWidth");
|
|
19
|
-
var FILL_COLUMN_CODE =
|
|
20
|
-
|
|
19
|
+
var FILL_COLUMN_CODE = '$_fill_column_&';
|
|
20
|
+
exports.FILL_COLUMN_CODE = FILL_COLUMN_CODE;
|
|
21
|
+
var tableWidthKey = 'tableWidth';
|
|
22
|
+
exports.tableWidthKey = tableWidthKey;
|
|
21
23
|
var FLEX_COLUMN_COUNT = (0, _symbol.default)('flexCount');
|
|
22
|
-
var autoFillTableWidth =
|
|
24
|
+
var autoFillTableWidth = function autoFillTableWidth() {
|
|
23
25
|
return function (pipeline) {
|
|
24
26
|
var flexColumnResult = findFlexColumns(pipeline);
|
|
25
27
|
var flexCount = flexColumnResult.get(FLEX_COLUMN_COUNT);
|
|
@@ -105,6 +107,7 @@ var autoFillTableWidth = exports.autoFillTableWidth = function autoFillTableWidt
|
|
|
105
107
|
}
|
|
106
108
|
};
|
|
107
109
|
};
|
|
110
|
+
exports.autoFillTableWidth = autoFillTableWidth;
|
|
108
111
|
function getColumnWidthSum(pipeline) {
|
|
109
112
|
return dfs(pipeline.getColumns());
|
|
110
113
|
function dfs(columns) {
|
|
@@ -41,7 +41,7 @@ var ExpandIcon = function ExpandIcon(_ref) {
|
|
|
41
41
|
d: "M321.652913 178.347087C309.449029 166.143203 309.449029 146.356797 321.652913 134.152913C333.856797 121.949029 353.643203 121.949029 365.847088 134.152913L709.597087 477.902913C721.800972 490.106797 721.800972 509.893203 709.597087 522.097087L365.847088 865.847087C353.643203 878.050972 333.856797 878.050972 321.652913 865.847087C309.449029 853.643203 309.449029 833.856797 321.652913 821.652913L643.305825 500L321.652913 178.347087z"
|
|
42
42
|
}));
|
|
43
43
|
};
|
|
44
|
-
var colGroupExtendable =
|
|
44
|
+
var colGroupExtendable = function colGroupExtendable() {
|
|
45
45
|
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
46
46
|
return function (pipeline) {
|
|
47
47
|
var _a, _b;
|
|
@@ -94,4 +94,5 @@ var colGroupExtendable = exports.colGroupExtendable = function colGroupExtendabl
|
|
|
94
94
|
pipeline.columns(processColumns(columns));
|
|
95
95
|
return pipeline;
|
|
96
96
|
};
|
|
97
|
-
};
|
|
97
|
+
};
|
|
98
|
+
exports.colGroupExtendable = colGroupExtendable;
|
|
@@ -223,6 +223,7 @@ function columnDrag() {
|
|
|
223
223
|
e.stopPropagation(); // 存在移动就阻止冒泡
|
|
224
224
|
currentTarget.addEventListener('click', stopClickPropagation); // 阻止列头点击事件,防止拖动后触发列头过滤事件
|
|
225
225
|
}
|
|
226
|
+
|
|
226
227
|
window.requestAnimationFrame(function () {
|
|
227
228
|
// 取消阻止列头点击事件
|
|
228
229
|
currentTarget.removeEventListener('click', stopClickPropagation);
|
|
@@ -52,6 +52,7 @@ function filter() {
|
|
|
52
52
|
var filterable = col.code && ((_a = col.features) === null || _a === void 0 ? void 0 : _a.filterable);
|
|
53
53
|
var filterActive = !!(filterable && (inputFiltersMap === null || inputFiltersMap === void 0 ? void 0 : inputFiltersMap.get(col.code)));
|
|
54
54
|
if (filterable) {
|
|
55
|
+
var _cx;
|
|
55
56
|
var handleFilterChanged = function handleFilterChanged(filterItem) {
|
|
56
57
|
var nextFiltersMap = new _map.default(inputFiltersMap);
|
|
57
58
|
var currentFilter = (0, _extends2.default)({
|
|
@@ -86,7 +87,7 @@ function filter() {
|
|
|
86
87
|
setFilterModel: handleFilterChanged,
|
|
87
88
|
setFilter: setFilter,
|
|
88
89
|
isFilterActive: filterActive,
|
|
89
|
-
className: (0, _classnames.default)((
|
|
90
|
+
className: (0, _classnames.default)((_cx = {}, (0, _defineProperty2.default)(_cx, _styles.Classes.tableFilterTrigger, true), (0, _defineProperty2.default)(_cx, "active", filterActive), _cx)),
|
|
90
91
|
stopClickEventPropagation: stopClickEventPropagation,
|
|
91
92
|
stopESCKeyDownEventPropagation: stopESCKeyDownEventPropagation,
|
|
92
93
|
hideFilterPopupHeader: hideFilterPopupHeader,
|
|
@@ -105,6 +106,7 @@ function filter() {
|
|
|
105
106
|
// }
|
|
106
107
|
// })
|
|
107
108
|
}
|
|
109
|
+
|
|
108
110
|
if (!(0, _utils.isLeafNode)(col)) {
|
|
109
111
|
var _context3;
|
|
110
112
|
result.children = (0, _map2.default)(_context3 = col.children).call(_context3, dfs);
|
|
@@ -22,8 +22,8 @@ var _utils = require("../../utils");
|
|
|
22
22
|
var _internals = require("../../internals");
|
|
23
23
|
var _styles = require("../../base/styles");
|
|
24
24
|
var _templateObject, _templateObject2;
|
|
25
|
-
function _getRequireWildcardCache(
|
|
26
|
-
function _interopRequireWildcard(
|
|
25
|
+
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); }
|
|
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
27
|
var TableHeaderCellResize = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n top: 0;\n right: -5px;\n height: 100%;\n width: 10px;\n cursor: ew-resize;\n display: flex;\n flex-direction: column;\n align-items: center;\n z-index:1;\n\n &:after {\n content: \"\";\n position: absolute;\n display: block;\n left: calc(50% - 1px);\n width: 1px;\n height: calc(100% - 14px);\n top: 7px;\n }\n"])));
|
|
28
28
|
var TableHeaderGroupCellResize = (0, _styledComponents.default)(function (props) {
|
|
29
29
|
return /*#__PURE__*/_react.default.createElement(TableHeaderCellResize, (0, _extends2.default)({}, props));
|
|
@@ -35,9 +35,12 @@ function disableSelect(event) {
|
|
|
35
35
|
event.preventDefault();
|
|
36
36
|
}
|
|
37
37
|
var stateKey = 'columnResize';
|
|
38
|
-
var COLUMN_SIZE_KEY =
|
|
39
|
-
|
|
40
|
-
var
|
|
38
|
+
var COLUMN_SIZE_KEY = 'columnResize';
|
|
39
|
+
exports.COLUMN_SIZE_KEY = COLUMN_SIZE_KEY;
|
|
40
|
+
var RESIZED_COLUMN_KEY = 'resizedColumn';
|
|
41
|
+
exports.RESIZED_COLUMN_KEY = RESIZED_COLUMN_KEY;
|
|
42
|
+
var LAST_RESIZED_COLUMN_KEY = 'lastResizedColumn';
|
|
43
|
+
exports.LAST_RESIZED_COLUMN_KEY = LAST_RESIZED_COLUMN_KEY;
|
|
41
44
|
function columnResize() {
|
|
42
45
|
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
43
46
|
var _a, _b, _c;
|
|
@@ -156,7 +159,7 @@ function columnResize() {
|
|
|
156
159
|
width = col.width;
|
|
157
160
|
return (0, _extends2.default)((0, _extends2.default)({}, col), {
|
|
158
161
|
width: (_a = columnSize[code]) !== null && _a !== void 0 ? _a : width,
|
|
159
|
-
title:
|
|
162
|
+
title: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, prevTitle, (features === null || features === void 0 ? void 0 : features.resizeable) !== false && (isGroup ? /*#__PURE__*/_react.default.createElement(TableHeaderGroupCellResize, {
|
|
160
163
|
className: _styles.Classes.tableHeaderCellResize,
|
|
161
164
|
onDoubleClick: function onDoubleClick(e) {
|
|
162
165
|
return handleDoubleClick(e, col);
|
|
@@ -172,7 +175,7 @@ function columnResize() {
|
|
|
172
175
|
onMouseDown: function onMouseDown(e) {
|
|
173
176
|
return handleMouseDown(e, col);
|
|
174
177
|
}
|
|
175
|
-
})))
|
|
178
|
+
}))),
|
|
176
179
|
headerCellProps: (0, _utils.mergeCellProps)(col.headerCellProps, {
|
|
177
180
|
className: 'resizeable'
|
|
178
181
|
})
|
|
@@ -21,8 +21,8 @@ var _utils = require("../../utils");
|
|
|
21
21
|
var _others = require("../../utils/others");
|
|
22
22
|
var _internals = require("../../internals");
|
|
23
23
|
var _styles = require("../../base/styles");
|
|
24
|
-
function _getRequireWildcardCache(
|
|
25
|
-
function _interopRequireWildcard(
|
|
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
|
+
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; }
|
|
26
26
|
function contextMenu() {
|
|
27
27
|
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
28
28
|
return function step(pipeline) {
|
|
@@ -35,24 +35,24 @@ function contextMenu() {
|
|
|
35
35
|
popupParent.appendChild(ePopupDiv);
|
|
36
36
|
var popupHidden = false;
|
|
37
37
|
var eventList = ['mousedown', 'contextmenu'];
|
|
38
|
-
var
|
|
38
|
+
var hidePopup = function hidePopup(event) {
|
|
39
39
|
if (isEventFromCurrentPopup(event, ePopupDiv) || popupHidden) {
|
|
40
40
|
return;
|
|
41
41
|
}
|
|
42
42
|
popupHidden = true;
|
|
43
43
|
popupParent.removeChild(ePopupDiv);
|
|
44
44
|
eventList.forEach(function (eventType) {
|
|
45
|
-
window.removeEventListener(eventType,
|
|
45
|
+
window.removeEventListener(eventType, hidePopup, true);
|
|
46
46
|
});
|
|
47
47
|
};
|
|
48
48
|
_reactDom.default.render(menu, ePopupDiv, function () {
|
|
49
49
|
setTimeout(function () {
|
|
50
50
|
eventList.forEach(function (eventType) {
|
|
51
|
-
window.addEventListener(eventType,
|
|
51
|
+
window.addEventListener(eventType, hidePopup, true);
|
|
52
52
|
});
|
|
53
53
|
}, 0);
|
|
54
54
|
});
|
|
55
|
-
return
|
|
55
|
+
return hidePopup;
|
|
56
56
|
};
|
|
57
57
|
var onContextMenu = function onContextMenu(e) {
|
|
58
58
|
if (canShowContextMenu(e, pipeline)) {
|
|
@@ -296,10 +296,12 @@ function keepWithinBounds(popupParent, ePopup, x, y) {
|
|
|
296
296
|
var maxX = parentWidth - minWidth;
|
|
297
297
|
x = Math.min(Math.max(x, 0), Math.abs(maxX)); // 目前位置,最大支持的位置
|
|
298
298
|
}
|
|
299
|
+
|
|
299
300
|
if (y) {
|
|
300
301
|
var maxY = parentHeight - ePopupRect.height;
|
|
301
302
|
y = Math.min(Math.max(y, 0), Math.abs(maxY)); // 目前位置,最大支持的位置
|
|
302
303
|
}
|
|
304
|
+
|
|
303
305
|
return {
|
|
304
306
|
x: x,
|
|
305
307
|
y: y
|
|
@@ -9,7 +9,7 @@ var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-sta
|
|
|
9
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
|
|
10
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
|
|
11
11
|
var ROW_DRAG_STATUS = 'rowDragStatus';
|
|
12
|
-
var RowDragApi =
|
|
12
|
+
var RowDragApi = /*#__PURE__*/function () {
|
|
13
13
|
function RowDragApi(pipeline) {
|
|
14
14
|
(0, _classCallCheck2.default)(this, RowDragApi);
|
|
15
15
|
this.pipeline = pipeline;
|
|
@@ -17,7 +17,7 @@ var RowDragApi = exports.default = /*#__PURE__*/function () {
|
|
|
17
17
|
this.rowDropZones = [];
|
|
18
18
|
this.dragStatus = 'finished';
|
|
19
19
|
}
|
|
20
|
-
|
|
20
|
+
(0, _createClass2.default)(RowDragApi, [{
|
|
21
21
|
key: "getRowDropZoneParams",
|
|
22
22
|
value: function getRowDropZoneParams() {
|
|
23
23
|
return this.rowDropZoneParams;
|
|
@@ -69,4 +69,6 @@ var RowDragApi = exports.default = /*#__PURE__*/function () {
|
|
|
69
69
|
return this.dragStatus;
|
|
70
70
|
}
|
|
71
71
|
}]);
|
|
72
|
-
|
|
72
|
+
return RowDragApi;
|
|
73
|
+
}();
|
|
74
|
+
exports.default = RowDragApi;
|
|
@@ -20,10 +20,11 @@ var _util = require("./util");
|
|
|
20
20
|
var _styles = require("../../../base/styles");
|
|
21
21
|
var _keyCode = _interopRequireDefault(require("../../../utils/keyCode"));
|
|
22
22
|
var _templateObject;
|
|
23
|
-
function _getRequireWildcardCache(
|
|
24
|
-
function _interopRequireWildcard(
|
|
23
|
+
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); }
|
|
24
|
+
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; }
|
|
25
25
|
var DefaultFilterContentStyle = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n border-radius: 2px;\n width: 100%;\n\n ", "\n .filter-option-list {\n display: flex;\n flex-direction: column;\n margin-top: 8px;\n ul {\n margin: 0;\n padding: 0;\n li {\n display: flex;\n position: relative;\n flex-shrink: 0;\n height: 32px;\n align-items: center;\n border-radius: 2px;\n font-size: 12px;\n color: var(--color);\n padding: 0 12px;\n overflow: hidden;\n cursor: pointer;\n &:hover{\n background-color: var(--primary-color-level1);\n }\n }\n li.active{\n background-color: var(--primary-color-level1);\n }\n }\n }\n\n .filter-search {\n display: flex;\n padding: 6px 12px;\n\n .filter-search-inner {\n width: 100%;\n font-size: 12px;\n color: #333333;\n height: 28px;\n line-height: 28px;\n padding: 0 8px;\n outline: none;\n background-color: #FAFAFA;\n border-radius: 2px;\n border: 1px solid var(--strong-border-color);\n &:hover{\n border-color: var(--primary-color)\n } \n &:focus{\n border-color: var(--primary-color)\n } \n }\n }\n\n .filter-footer {\n display: flex;\n flex-direction: row;\n padding: 8px 12px;\n justify-content: space-between;\n\n .filter-btn {\n text-align: center;\n font-size: 12px;\n width: 60px;\n height: 24px;\n line-height: 24px;\n }\n \n }\n"])), _styles.ButtonCSS);
|
|
26
26
|
function DefaultFilterContent(_ref) {
|
|
27
|
+
var _cx2;
|
|
27
28
|
var setFilterModel = _ref.setFilterModel,
|
|
28
29
|
filterModel = _ref.filterModel,
|
|
29
30
|
hidePanel = _ref.hidePanel,
|
|
@@ -86,7 +87,7 @@ function DefaultFilterContent(_ref) {
|
|
|
86
87
|
}
|
|
87
88
|
}, (_a = localeText[option.key]) !== null && _a !== void 0 ? _a : option.title)
|
|
88
89
|
);
|
|
89
|
-
}))), selectedValue !== 'notIsNull' && selectedValue !== 'isNull' &&
|
|
90
|
+
}))), selectedValue !== 'notIsNull' && selectedValue !== 'isNull' && /*#__PURE__*/_react.default.createElement("div", {
|
|
90
91
|
className: 'filter-search'
|
|
91
92
|
}, /*#__PURE__*/_react.default.createElement("input", {
|
|
92
93
|
className: 'filter-search-inner',
|
|
@@ -96,7 +97,7 @@ function DefaultFilterContent(_ref) {
|
|
|
96
97
|
},
|
|
97
98
|
onKeyDown: handleKeyDown,
|
|
98
99
|
ref: inputRef
|
|
99
|
-
}))
|
|
100
|
+
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
100
101
|
className: 'filter-footer'
|
|
101
102
|
}, /*#__PURE__*/_react.default.createElement("button", {
|
|
102
103
|
className: (0, _classnames.default)((0, _defineProperty2.default)({
|
|
@@ -104,10 +105,11 @@ function DefaultFilterContent(_ref) {
|
|
|
104
105
|
}, _styles.Classes.button, true)),
|
|
105
106
|
onClick: reset
|
|
106
107
|
}, (_a = localeText.resetFilter) !== null && _a !== void 0 ? _a : '重置'), /*#__PURE__*/_react.default.createElement("button", {
|
|
107
|
-
className: (0, _classnames.default)((
|
|
108
|
+
className: (0, _classnames.default)((_cx2 = {
|
|
108
109
|
'filter-btn': true
|
|
109
|
-
}, _styles.Classes.button, true), _styles.Classes.buttonPrimary, true)),
|
|
110
|
+
}, (0, _defineProperty2.default)(_cx2, _styles.Classes.button, true), (0, _defineProperty2.default)(_cx2, _styles.Classes.buttonPrimary, true), _cx2)),
|
|
110
111
|
onClick: confirm
|
|
111
112
|
}, (_b = localeText.confirmFilter) !== null && _b !== void 0 ? _b : '确定')));
|
|
112
113
|
}
|
|
113
|
-
var _default =
|
|
114
|
+
var _default = DefaultFilterContent;
|
|
115
|
+
exports.default = _default;
|
|
@@ -23,8 +23,8 @@ var _utils = require("../../../utils");
|
|
|
23
23
|
var _utils2 = require("../../../base/utils");
|
|
24
24
|
var _keyCode = _interopRequireDefault(require("../../../utils/keyCode"));
|
|
25
25
|
var _templateObject;
|
|
26
|
-
function _getRequireWildcardCache(
|
|
27
|
-
function _interopRequireWildcard(
|
|
26
|
+
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); }
|
|
27
|
+
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; }
|
|
28
28
|
var HEADER_ICON_OFFSET_Y = 8 + 1; // padding-top + border
|
|
29
29
|
var HEADER_ICON_OFFSET_X = 16 + 1; // padding-left+ border
|
|
30
30
|
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);
|
|
@@ -64,6 +64,7 @@ function Panel(_ref) {
|
|
|
64
64
|
}, renderPanelContent()));
|
|
65
65
|
}
|
|
66
66
|
function Filter(_ref2) {
|
|
67
|
+
var _cx;
|
|
67
68
|
var _ref2$size = _ref2.size,
|
|
68
69
|
size = _ref2$size === void 0 ? 12 : _ref2$size,
|
|
69
70
|
style = _ref2.style,
|
|
@@ -126,7 +127,7 @@ function Filter(_ref2) {
|
|
|
126
127
|
}
|
|
127
128
|
}
|
|
128
129
|
};
|
|
129
|
-
var iconClassName = (0, _classnames.default)((
|
|
130
|
+
var iconClassName = (0, _classnames.default)((_cx = {}, (0, _defineProperty2.default)(_cx, className, true), (0, _defineProperty2.default)(_cx, 'filter-panel-open', showPanel), _cx));
|
|
130
131
|
var displayFilterIcon = typeof filterIcon === 'function' ? filterIcon(isFilterActive) : filterIcon;
|
|
131
132
|
var popupParent = (getPopupParent === null || getPopupParent === void 0 ? void 0 : getPopupParent(iconWrapRef.current)) || document.body;
|
|
132
133
|
return /*#__PURE__*/_react.default.createElement(FilterIconSpanStyle, {
|
|
@@ -142,7 +143,7 @@ function Filter(_ref2) {
|
|
|
142
143
|
}, displayFilterIcon || /*#__PURE__*/_react.default.createElement(_DefaultFilterIcon.default, {
|
|
143
144
|
width: size,
|
|
144
145
|
height: size
|
|
145
|
-
})), showPanel && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(Panel, {
|
|
146
|
+
})), showPanel && /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement(Panel, {
|
|
146
147
|
ele: hideFilterPopupHeader ? iconWrapRef.current : iconRef.current,
|
|
147
148
|
filterIcon: displayFilterIcon,
|
|
148
149
|
hidePanel: hidePanel,
|
|
@@ -163,4 +164,5 @@ function _getPanelOffset(ele, hideFilterPopupHeader) {
|
|
|
163
164
|
y: HEADER_ICON_OFFSET_Y
|
|
164
165
|
};
|
|
165
166
|
}
|
|
166
|
-
var _default =
|
|
167
|
+
var _default = Filter;
|
|
168
|
+
exports.default = _default;
|
|
@@ -18,8 +18,8 @@ var _DefaultFilterIcon = _interopRequireDefault(require("./DefaultFilterIcon"));
|
|
|
18
18
|
var _styles = require("../../../base/styles");
|
|
19
19
|
var _keyCode = _interopRequireDefault(require("../../../utils/keyCode"));
|
|
20
20
|
var _templateObject;
|
|
21
|
-
function _getRequireWildcardCache(
|
|
22
|
-
function _interopRequireWildcard(
|
|
21
|
+
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); }
|
|
22
|
+
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; }
|
|
23
23
|
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);
|
|
24
24
|
var useWindowEvents = function useWindowEvents(func, evens) {
|
|
25
25
|
_react.default.useEffect(function () {
|
|
@@ -95,4 +95,5 @@ function FilterPanel(_ref) {
|
|
|
95
95
|
className: _styles.Classes.popupBody
|
|
96
96
|
}, children));
|
|
97
97
|
}
|
|
98
|
-
var _default =
|
|
98
|
+
var _default = FilterPanel;
|
|
99
|
+
exports.default = _default;
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.DEFAULT_FILTER_OPTIONS = void 0;
|
|
8
8
|
var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
|
|
9
|
-
var DEFAULT_FILTER_OPTIONS =
|
|
9
|
+
var DEFAULT_FILTER_OPTIONS = [{
|
|
10
10
|
title: '包含',
|
|
11
11
|
key: 'contain',
|
|
12
12
|
filter: function filter(value) {
|
|
@@ -66,4 +66,5 @@ var DEFAULT_FILTER_OPTIONS = exports.DEFAULT_FILTER_OPTIONS = [{
|
|
|
66
66
|
return !!data;
|
|
67
67
|
};
|
|
68
68
|
}
|
|
69
|
-
}];
|
|
69
|
+
}];
|
|
70
|
+
exports.DEFAULT_FILTER_OPTIONS = DEFAULT_FILTER_OPTIONS;
|
|
@@ -10,7 +10,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/he
|
|
|
10
10
|
var _extends3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
11
11
|
var _symbol = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/symbol"));
|
|
12
12
|
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
13
|
-
var footerRowMetaSymbol =
|
|
13
|
+
var footerRowMetaSymbol = (0, _symbol.default)('footer-row');
|
|
14
|
+
exports.footerRowMetaSymbol = footerRowMetaSymbol;
|
|
14
15
|
function footerDataSource() {
|
|
15
16
|
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
16
17
|
return function footerDataSourceStep(pipeline) {
|
|
@@ -14,6 +14,7 @@ var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-
|
|
|
14
14
|
var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
|
|
15
15
|
var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
|
|
16
16
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
17
|
+
var _typeof2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/typeof"));
|
|
17
18
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
18
19
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
|
|
19
20
|
var _utils = require("../../utils");
|
|
@@ -22,8 +23,10 @@ var _rxjs = require("rxjs");
|
|
|
22
23
|
var _operators = require("rxjs/operators");
|
|
23
24
|
var _styles = require("../../base/styles");
|
|
24
25
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
25
|
-
var rangeSelectionKey =
|
|
26
|
-
|
|
26
|
+
var rangeSelectionKey = 'rangeSelection';
|
|
27
|
+
exports.rangeSelectionKey = rangeSelectionKey;
|
|
28
|
+
var lastClickCellKey = 'lastClickCell';
|
|
29
|
+
exports.lastClickCellKey = lastClickCellKey;
|
|
27
30
|
var startSelectedCellRangesKey = 'startSelectedCellRanges';
|
|
28
31
|
var SCROLL_OFFSET = 30;
|
|
29
32
|
function rangeSelection(opts) {
|
|
@@ -220,8 +223,9 @@ function rangeSelection(opts) {
|
|
|
220
223
|
};
|
|
221
224
|
}
|
|
222
225
|
function getTargetCell(target, columns) {
|
|
223
|
-
|
|
224
|
-
|
|
226
|
+
while (target) {
|
|
227
|
+
if (target.getAttribute('data-role') === 'table-cell') {
|
|
228
|
+
var _ret = function () {
|
|
225
229
|
var columnCode = target.getAttribute('data-code');
|
|
226
230
|
var column = (0, _others.findByTree)(columns, function (item, index) {
|
|
227
231
|
return item.code === columnCode;
|
|
@@ -238,13 +242,10 @@ function getTargetCell(target, columns) {
|
|
|
238
242
|
isFooterCell: isEleInFooter(target)
|
|
239
243
|
}
|
|
240
244
|
};
|
|
241
|
-
}
|
|
242
|
-
|
|
243
|
-
}
|
|
244
|
-
|
|
245
|
-
while (target) {
|
|
246
|
-
_ret = _loop();
|
|
247
|
-
if (_ret) return _ret.v;
|
|
245
|
+
}();
|
|
246
|
+
if ((0, _typeof2.default)(_ret) === "object") return _ret.v;
|
|
247
|
+
}
|
|
248
|
+
target = target.parentElement;
|
|
248
249
|
}
|
|
249
250
|
return null;
|
|
250
251
|
}
|
|
@@ -433,6 +434,7 @@ function getCellRangeId(cellRange) {
|
|
|
433
434
|
* @returns
|
|
434
435
|
*/
|
|
435
436
|
function getCellRangesClassName(cellRanges, _ref2) {
|
|
437
|
+
var _cx;
|
|
436
438
|
var isFooterCell = _ref2.isFooterCell,
|
|
437
439
|
rowIndex = _ref2.rowIndex,
|
|
438
440
|
col = _ref2.col,
|
|
@@ -448,7 +450,7 @@ function getCellRangesClassName(cellRanges, _ref2) {
|
|
|
448
450
|
matchCellRangeBottom = _getMatchBorderStyle.matchCellRangeBottom,
|
|
449
451
|
matchCellRangeRight = _getMatchBorderStyle.matchCellRangeRight;
|
|
450
452
|
var isSingleCell = isCellRangeSingleCell(cellRanges);
|
|
451
|
-
var className = (0, _classnames.default)((
|
|
453
|
+
var className = (0, _classnames.default)((_cx = {}, (0, _defineProperty2.default)(_cx, _styles.Classes.tableCellRangeSingleCell, isSingleCell), (0, _defineProperty2.default)(_cx, _styles.Classes.tableCellRangeSelected, !isSingleCell), (0, _defineProperty2.default)(_cx, _styles.Classes.tableCellRangeTop, !isSingleCell && matchCellRangeTop), (0, _defineProperty2.default)(_cx, _styles.Classes.tableCellRangeLeft, !isSingleCell && matchCellRangeLeft), (0, _defineProperty2.default)(_cx, _styles.Classes.tableCellRangeBottom, !isSingleCell && matchCellRangeBottom), (0, _defineProperty2.default)(_cx, _styles.Classes.tableCellRangeRight, !isSingleCell && matchCellRangeRight), _cx));
|
|
452
454
|
return className;
|
|
453
455
|
}
|
|
454
456
|
function getMatchBorderStyle(cellRanges, _ref3) {
|
|
@@ -220,12 +220,12 @@ function rowDetail() {
|
|
|
220
220
|
}
|
|
221
221
|
});
|
|
222
222
|
tableColumns[expandColumnIndex] = (0, _extends4.default)((0, _extends4.default)({}, expandCol), {
|
|
223
|
-
title:
|
|
223
|
+
title: /*#__PURE__*/_react.default.createElement("div", {
|
|
224
224
|
style: {
|
|
225
225
|
display: 'inline-block',
|
|
226
226
|
marginLeft: textOffset
|
|
227
227
|
}
|
|
228
|
-
}, _internals.internals.safeRenderHeader(expandCol))
|
|
228
|
+
}, _internals.internals.safeRenderHeader(expandCol)),
|
|
229
229
|
render: render,
|
|
230
230
|
getCellProps: clickArea === 'cell' ? getCellProps : expandCol.getCellProps,
|
|
231
231
|
getSpanRect: function getSpanRect(value, row, rowIndex) {
|
|
@@ -21,9 +21,12 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
21
21
|
var _styles = require("../../base/styles");
|
|
22
22
|
var _const = require("../const");
|
|
23
23
|
var _internals = require("../../internals");
|
|
24
|
-
var ROW_DRAG_COLUMN_CODE =
|
|
25
|
-
|
|
26
|
-
var
|
|
24
|
+
var ROW_DRAG_COLUMN_CODE = '$_row_drag_column_&';
|
|
25
|
+
exports.ROW_DRAG_COLUMN_CODE = ROW_DRAG_COLUMN_CODE;
|
|
26
|
+
var rowDragKey = 'rowDragKey';
|
|
27
|
+
exports.rowDragKey = rowDragKey;
|
|
28
|
+
var rowDragOptionsKey = 'rowDragOptions';
|
|
29
|
+
exports.rowDragOptionsKey = rowDragOptionsKey;
|
|
27
30
|
var SCROLL_OFFSET = 30;
|
|
28
31
|
var SCROLL_START_OFFSET = 20;
|
|
29
32
|
var defaultRowDragColumn = {
|
|
@@ -363,6 +366,7 @@ function rowDrag(opt) {
|
|
|
363
366
|
onMouseDown: onMouseDown
|
|
364
367
|
});
|
|
365
368
|
pipeline.appendRowPropsGetter(function (row, rowIndex) {
|
|
369
|
+
var _cx;
|
|
366
370
|
var rowDragEvent = pipeline.getStateAtKey(rowDragKey) || {};
|
|
367
371
|
var dragStatus = rowDragApi.getDragStatus();
|
|
368
372
|
var startRowIndex = rowDragEvent.startRowIndex,
|
|
@@ -384,7 +388,7 @@ function rowDrag(opt) {
|
|
|
384
388
|
return _internals.internals.safeGetRowKey(primaryKey, row, -1) === parentRowKey;
|
|
385
389
|
});
|
|
386
390
|
}
|
|
387
|
-
var className = (0, _classnames.default)((
|
|
391
|
+
var className = (0, _classnames.default)((_cx = {}, (0, _defineProperty2.default)(_cx, _styles.Classes.rowDragStart, rowIndex === startRowIndex && dragStatus !== 'finished'), (0, _defineProperty2.default)(_cx, _styles.Classes.rowDragEnd, rowIndex === endRowIndex), (0, _defineProperty2.default)(_cx, _styles.Classes.rowDragEndParent, isTreeTable && rowIndex === parentRowKeyIndex && dragPosition !== 'into'), (0, _defineProperty2.default)(_cx, _styles.Classes.rowDragEndInto, rowIndex === endRowIndex && dragPosition === 'into'), (0, _defineProperty2.default)(_cx, _styles.Classes.rowDragEndToTop, rowIndex === endRowIndex && dragPosition === 'top'), (0, _defineProperty2.default)(_cx, _styles.Classes.rowDragEndToBottom, rowIndex === endRowIndex && dragPosition === 'bottom'), _cx));
|
|
388
392
|
return {
|
|
389
393
|
className: className
|
|
390
394
|
};
|
|
@@ -152,12 +152,12 @@ function rowGrouping() {
|
|
|
152
152
|
});
|
|
153
153
|
};
|
|
154
154
|
return (0, _concat.default)(_context3 = [(0, _extends3.default)((0, _extends3.default)({}, firstCol), {
|
|
155
|
-
title:
|
|
155
|
+
title: /*#__PURE__*/_react.default.createElement("div", {
|
|
156
156
|
style: {
|
|
157
157
|
display: 'inline-block',
|
|
158
158
|
marginLeft: textOffset
|
|
159
159
|
}
|
|
160
|
-
}, _internals.internals.safeRenderHeader(firstCol))
|
|
160
|
+
}, _internals.internals.safeRenderHeader(firstCol)),
|
|
161
161
|
render: render,
|
|
162
162
|
getCellProps: getCellProps,
|
|
163
163
|
getSpanRect: function getSpanRect(value, row, rowIndex) {
|
|
@@ -25,9 +25,9 @@ var _internals = require("../../internals");
|
|
|
25
25
|
var _utils = require("../../utils");
|
|
26
26
|
var _styles = require("../../base/styles");
|
|
27
27
|
var _templateObject;
|
|
28
|
-
function _createForOfIteratorHelper(
|
|
29
|
-
function _unsupportedIterableToArray(
|
|
30
|
-
function _arrayLikeToArray(
|
|
28
|
+
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, 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 normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
|
|
29
|
+
function _unsupportedIterableToArray(o, minLen) { var _context4; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty2(_context4 = Object.prototype.toString.call(o)).call(_context4, 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); }
|
|
30
|
+
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; }
|
|
31
31
|
function SortIcon(_ref) {
|
|
32
32
|
var _ref$size = _ref.size,
|
|
33
33
|
size = _ref$size === void 0 ? 32 : _ref$size,
|
|
@@ -55,6 +55,7 @@ function SortIcon(_ref) {
|
|
|
55
55
|
}));
|
|
56
56
|
}
|
|
57
57
|
function DefaultSortHeaderCell(_ref2) {
|
|
58
|
+
var _cx;
|
|
58
59
|
var children = _ref2.children,
|
|
59
60
|
column = _ref2.column,
|
|
60
61
|
onToggle = _ref2.onToggle,
|
|
@@ -74,10 +75,10 @@ function DefaultSortHeaderCell(_ref2) {
|
|
|
74
75
|
marginLeft: 2,
|
|
75
76
|
flexShrink: 0
|
|
76
77
|
},
|
|
77
|
-
className: (0, _classnames.default)((
|
|
78
|
+
className: (0, _classnames.default)((_cx = {}, (0, _defineProperty2.default)(_cx, _styles.Classes.tableSortIcon, true), (0, _defineProperty2.default)(_cx, "active", sortOrder === 'desc' || sortOrder === 'asc'), _cx)),
|
|
78
79
|
size: 16,
|
|
79
80
|
order: sortOrder
|
|
80
|
-
}), sortOptions.mode === 'multiple' && sortIndex !== -1 &&
|
|
81
|
+
}), sortOptions.mode === 'multiple' && sortIndex !== -1 && /*#__PURE__*/_react.default.createElement("div", {
|
|
81
82
|
style: {
|
|
82
83
|
userSelect: 'none',
|
|
83
84
|
marginLeft: 2,
|
|
@@ -86,7 +87,7 @@ function DefaultSortHeaderCell(_ref2) {
|
|
|
86
87
|
fontSize: 10,
|
|
87
88
|
fontFamily: 'monospace'
|
|
88
89
|
}
|
|
89
|
-
}, sortIndex + 1))
|
|
90
|
+
}, sortIndex + 1));
|
|
90
91
|
}
|
|
91
92
|
function hasAnySortableColumns(cols) {
|
|
92
93
|
return cols.some(function (col) {
|
|
@@ -28,11 +28,11 @@ function tips() {
|
|
|
28
28
|
}
|
|
29
29
|
var justifyContent = col.align === 'right' ? 'flex-end' : col.align === 'center' ? 'center' : 'flex-start';
|
|
30
30
|
return (0, _extends2.default)((0, _extends2.default)({}, col), {
|
|
31
|
-
title:
|
|
31
|
+
title: /*#__PURE__*/_react.default.createElement(HeaderCellWithTips, {
|
|
32
32
|
style: {
|
|
33
33
|
justifyContent: justifyContent
|
|
34
34
|
}
|
|
35
|
-
}, _internals.internals.safeRenderHeader(col), Balloon ?
|
|
35
|
+
}, _internals.internals.safeRenderHeader(col), Balloon ?
|
|
36
36
|
/*#__PURE__*/
|
|
37
37
|
// fusion/hippo
|
|
38
38
|
_react.default.createElement(Balloon, {
|
|
@@ -42,7 +42,7 @@ function tips() {
|
|
|
42
42
|
}, /*#__PURE__*/_react.default.createElement(_commonViews.icons.Info, {
|
|
43
43
|
className: "tip-icon"
|
|
44
44
|
}))
|
|
45
|
-
}, col.features.tips)
|
|
45
|
+
}, col.features.tips) :
|
|
46
46
|
/*#__PURE__*/
|
|
47
47
|
// antd
|
|
48
48
|
_react.default.createElement(Tooltip, {
|
|
@@ -51,7 +51,7 @@ function tips() {
|
|
|
51
51
|
className: "tip-icon-wrapper"
|
|
52
52
|
}, /*#__PURE__*/_react.default.createElement(_commonViews.icons.Info, {
|
|
53
53
|
className: "tip-icon"
|
|
54
|
-
}))))
|
|
54
|
+
}))))
|
|
55
55
|
});
|
|
56
56
|
}));
|
|
57
57
|
};
|