@kdcloudjs/table 1.2.1-canary.7-hotfix.1 → 1.2.2-canary.10
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.css.map +0 -0
- package/dist/@kdcloudjs/table.js +4095 -2984
- package/dist/@kdcloudjs/table.js.map +1 -1
- package/dist/@kdcloudjs/table.min.css +1 -1
- package/dist/@kdcloudjs/table.min.js +12 -10
- package/dist/@kdcloudjs/table.min.js.map +1 -1
- package/dist/default-theme.js +0 -0
- package/dist/kd-ui-complete.less +777 -777
- package/dist/kd-ui.less +0 -0
- package/dist/theme.js +0 -0
- package/es/_utils/formatUtil.js +1 -5
- package/es/_utils/hooks.js +3 -3
- package/es/_utils/usePopper.js +13 -13
- package/es/locale/locale.js +6 -7
- 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 +3 -3
- package/es/table/base/empty.js +2 -2
- package/es/table/base/globalStyleComponent.d.ts +4 -0
- package/es/table/base/globalStyleComponent.js +24 -0
- package/es/table/base/header.js +5 -7
- package/es/table/base/helpers/SpanManager.js +1 -2
- package/es/table/base/helpers/TableDOMUtils.js +5 -6
- package/es/table/base/html-table.js +3 -4
- package/es/table/base/loading.js +2 -2
- package/es/table/base/renderTemplates.js +16 -16
- package/es/table/base/styles.d.ts +11 -0
- package/es/table/base/styles.js +18 -7
- package/es/table/base/table.js +18 -20
- package/es/table/base/utils.js +3 -3
- package/es/table/interfaces.d.ts +41 -0
- package/es/table/pipeline/const.d.ts +3 -0
- package/es/table/pipeline/const.js +3 -0
- package/es/table/pipeline/features/columnDrag.js +0 -1
- package/es/table/pipeline/features/columnFilter.js +1 -3
- package/es/table/pipeline/features/columnResizeWidth.js +2 -2
- package/es/table/pipeline/features/contextMenu.js +4 -6
- 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 +4 -5
- package/es/table/pipeline/features/filter/Filter.js +2 -3
- package/es/table/pipeline/features/rangeSelection.js +10 -10
- package/es/table/pipeline/features/rowDetail.js +2 -2
- package/es/table/pipeline/features/rowDrag.d.ts +12 -12
- package/es/table/pipeline/features/rowDrag.js +605 -192
- package/es/table/pipeline/features/rowGrouping.js +2 -2
- package/es/table/pipeline/features/sort.js +6 -7
- package/es/table/pipeline/features/tips.js +4 -4
- package/es/table/pipeline/features/treeMode.d.ts +1 -0
- package/es/table/pipeline/features/treeMode.js +39 -12
- package/es/table/pipeline/features/treeSelect.js +2 -2
- package/es/table/pipeline/pipeline.d.ts +3 -0
- package/es/table/pipeline/pipeline.js +24 -3
- package/es/table/pivot/cross-table/buildCrossTable.js +6 -8
- package/es/table/pivot/cross-table/cross-table.js +1 -3
- package/es/table/pivot/cross-tree-table/buildCrossTreeTable.js +8 -10
- package/es/table/pivot/cross-tree-table/cross-tree-table.js +8 -11
- 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 +3 -5
- package/es/table/transforms/sort.js +6 -8
- package/es/table/transforms/tips.js +4 -4
- package/es/table/transforms/treeMode.js +6 -8
- 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 +0 -1
- 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 +7 -8
- package/es/table/utils/tree-data-helpers/TreeDataHelper.js +4 -5
- package/lib/_utils/arrayUtil.js +2 -3
- package/lib/_utils/formatUtil.js +1 -5
- package/lib/_utils/hooks.js +3 -3
- package/lib/_utils/index.js +2 -3
- package/lib/_utils/type.js +3 -5
- package/lib/_utils/usePopper.js +18 -21
- package/lib/config-provider/ConfigContext.js +1 -2
- package/lib/config-provider/compDefaultProps.js +1 -2
- package/lib/config-provider/configProvider.js +3 -4
- package/lib/config-provider/defaultConfig.js +1 -2
- package/lib/config-provider/index.js +1 -2
- package/lib/locale/index.js +3 -4
- package/lib/locale/locale.js +10 -14
- package/lib/locale/zh-CN.js +1 -2
- package/lib/style/color/colors.less +2 -0
- package/lib/style/components.less +1 -1
- package/lib/style/core/index.less +2 -0
- package/lib/style/core/motion/other.less +28 -0
- package/lib/style/core/motion/slide.less +53 -0
- package/lib/style/core/motion.less +2 -0
- package/lib/style/core/reset.less +186 -0
- package/lib/style/index.css +410 -0
- package/lib/style/index.less +2 -0
- package/lib/style/mixins/index.less +19 -0
- package/lib/style/mixins/overlay.less +22 -0
- package/lib/style/mixins/reset.less +13 -0
- package/lib/style/themes/default.less +445 -0
- package/lib/style/themes/index.less +1 -0
- package/lib/table/base/calculations.js +3 -3
- package/lib/table/base/empty.js +4 -4
- package/lib/table/base/globalStyleComponent.d.ts +4 -0
- package/lib/table/base/globalStyleComponent.js +35 -0
- package/lib/table/base/header.js +5 -7
- package/lib/table/base/helpers/SpanManager.js +3 -5
- package/lib/table/base/helpers/TableDOMUtils.js +7 -9
- package/lib/table/base/helpers/getRichVisibleRectsStream.js +2 -2
- package/lib/table/base/html-table.js +3 -4
- package/lib/table/base/loading.js +2 -2
- package/lib/table/base/renderTemplates.js +18 -18
- package/lib/table/base/styles.d.ts +11 -0
- package/lib/table/base/styles.js +25 -21
- package/lib/table/base/table.js +30 -31
- package/lib/table/base/utils.js +13 -20
- package/lib/table/common-views.js +4 -8
- package/lib/table/interfaces.d.ts +41 -0
- package/lib/table/internals.js +2 -3
- package/lib/table/pipeline/const.d.ts +3 -0
- package/lib/table/pipeline/const.js +9 -0
- package/lib/table/pipeline/features/autoFill.js +3 -6
- package/lib/table/pipeline/features/colGroupExtendable.js +2 -3
- package/lib/table/pipeline/features/columnDrag.js +0 -1
- package/lib/table/pipeline/features/columnFilter.js +1 -3
- package/lib/table/pipeline/features/columnResizeWidth.js +7 -10
- package/lib/table/pipeline/features/contextMenu.js +6 -8
- 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 +7 -9
- package/lib/table/pipeline/features/filter/Filter.js +5 -7
- package/lib/table/pipeline/features/filter/FilterPanel.js +3 -4
- package/lib/table/pipeline/features/filter/util.js +2 -3
- package/lib/table/pipeline/features/footerDataSource.js +1 -2
- package/lib/table/pipeline/features/rangeSelection.js +12 -14
- package/lib/table/pipeline/features/rowDetail.js +2 -2
- package/lib/table/pipeline/features/rowDrag.d.ts +12 -12
- package/lib/table/pipeline/features/rowDrag.js +608 -197
- package/lib/table/pipeline/features/rowGrouping.js +2 -2
- package/lib/table/pipeline/features/sort.js +6 -7
- package/lib/table/pipeline/features/tips.js +4 -4
- package/lib/table/pipeline/features/treeMode.d.ts +1 -0
- package/lib/table/pipeline/features/treeMode.js +41 -14
- package/lib/table/pipeline/features/treeSelect.js +2 -2
- package/lib/table/pipeline/index.js +2 -2
- package/lib/table/pipeline/pipeline.d.ts +3 -0
- package/lib/table/pipeline/pipeline.js +25 -5
- package/lib/table/pivot/cross-table/buildCrossTable.js +6 -8
- package/lib/table/pivot/cross-table/constants.js +1 -2
- package/lib/table/pivot/cross-table/cross-table.js +3 -6
- package/lib/table/pivot/cross-tree-table/buildCrossTreeTable.js +8 -10
- package/lib/table/pivot/cross-tree-table/cross-tree-table.js +9 -13
- 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.css +0 -0
- package/lib/table/style/index.less +1 -0
- package/lib/table/transforms/autoWidth.js +5 -5
- package/lib/table/transforms/columnResize.js +5 -7
- package/lib/table/transforms/sort.js +8 -10
- package/lib/table/transforms/tips.js +4 -4
- package/lib/table/transforms/treeMode.js +8 -10
- package/lib/table/use/useResizeObserver.js +1 -2
- package/lib/table/utils/browserType.js +2 -4
- package/lib/table/utils/buildTree.js +3 -3
- package/lib/table/utils/collectNodes.js +3 -3
- package/lib/table/utils/console.js +2 -3
- package/lib/table/utils/copyToClipboard.js +1 -2
- 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 +1 -2
- package/lib/table/utils/makeRecursiveMapper.js +3 -3
- package/lib/table/utils/mergeCellProps.js +0 -1
- package/lib/table/utils/others.js +4 -5
- package/lib/table/utils/proto.js +1 -2
- package/lib/table/utils/selectColumn.js +2 -4
- package/lib/table/utils/traverseColumn.js +3 -3
- package/lib/table/utils/tree-data-helpers/StrictTreeDataHelper.js +9 -11
- package/lib/table/utils/tree-data-helpers/TreeDataHelper.js +6 -8
- package/package.json +218 -219
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
|
|
9
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
|
|
10
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
|
|
11
|
+
var ROW_DRAG_STATUS = 'rowDragStatus';
|
|
12
|
+
var RowDragApi = exports.default = /*#__PURE__*/function () {
|
|
13
|
+
function RowDragApi(pipeline) {
|
|
14
|
+
(0, _classCallCheck2.default)(this, RowDragApi);
|
|
15
|
+
this.pipeline = pipeline;
|
|
16
|
+
this.rowDropZoneParams = null;
|
|
17
|
+
this.rowDropZones = [];
|
|
18
|
+
this.dragStatus = 'finished';
|
|
19
|
+
}
|
|
20
|
+
return (0, _createClass2.default)(RowDragApi, [{
|
|
21
|
+
key: "getRowDropZoneParams",
|
|
22
|
+
value: function getRowDropZoneParams() {
|
|
23
|
+
return this.rowDropZoneParams;
|
|
24
|
+
}
|
|
25
|
+
}, {
|
|
26
|
+
key: "setRowDropZoneParams",
|
|
27
|
+
value: function setRowDropZoneParams(params) {
|
|
28
|
+
this.rowDropZoneParams = params;
|
|
29
|
+
}
|
|
30
|
+
}, {
|
|
31
|
+
key: "addRowDropZone",
|
|
32
|
+
value: function addRowDropZone(rowDropZone) {
|
|
33
|
+
if (!rowDropZone || !(rowDropZone === null || rowDropZone === void 0 ? void 0 : rowDropZone.getContainer())) {
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
var isExist = this.rowDropZones.some(function (zone) {
|
|
37
|
+
return zone.getContainer() === rowDropZone.getContainer();
|
|
38
|
+
});
|
|
39
|
+
if (isExist) {
|
|
40
|
+
return;
|
|
41
|
+
}
|
|
42
|
+
this.rowDropZones.push(rowDropZone);
|
|
43
|
+
}
|
|
44
|
+
}, {
|
|
45
|
+
key: "getRowDropZone",
|
|
46
|
+
value: function getRowDropZone() {
|
|
47
|
+
return this.rowDropZones;
|
|
48
|
+
}
|
|
49
|
+
}, {
|
|
50
|
+
key: "removeRowDropZone",
|
|
51
|
+
value: function removeRowDropZone(rowDropZone) {
|
|
52
|
+
var _context;
|
|
53
|
+
this.rowDropZones = (0, _filter.default)(_context = this.rowDropZones).call(_context, function (zone) {
|
|
54
|
+
return zone.getContainer() !== rowDropZone.getContainer();
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
}, {
|
|
58
|
+
key: "setDragStatus",
|
|
59
|
+
value: function setDragStatus(status) {
|
|
60
|
+
var currentStatus = this.dragStatus;
|
|
61
|
+
this.dragStatus = status;
|
|
62
|
+
if (currentStatus !== status) {
|
|
63
|
+
this.pipeline.setStateAtKey(ROW_DRAG_STATUS, status);
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
}, {
|
|
67
|
+
key: "getDragStatus",
|
|
68
|
+
value: function getDragStatus() {
|
|
69
|
+
return this.dragStatus;
|
|
70
|
+
}
|
|
71
|
+
}]);
|
|
72
|
+
}();
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.createFeatureApi = createFeatureApi;
|
|
8
|
+
var _RowDragApi = _interopRequireDefault(require("./RowDragApi"));
|
|
9
|
+
var _const = require("../../const");
|
|
10
|
+
function createFeatureApi(type, pipeline) {
|
|
11
|
+
switch (type) {
|
|
12
|
+
case _const.FeatureName.rowDrag:
|
|
13
|
+
return new _RowDragApi.default(pipeline);
|
|
14
|
+
default:
|
|
15
|
+
break;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -20,11 +20,10 @@ 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(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
24
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? _Object$getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
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;
|
|
28
27
|
var setFilterModel = _ref.setFilterModel,
|
|
29
28
|
filterModel = _ref.filterModel,
|
|
30
29
|
hidePanel = _ref.hidePanel,
|
|
@@ -87,7 +86,7 @@ function DefaultFilterContent(_ref) {
|
|
|
87
86
|
}
|
|
88
87
|
}, (_a = localeText[option.key]) !== null && _a !== void 0 ? _a : option.title)
|
|
89
88
|
);
|
|
90
|
-
}))), selectedValue !== 'notIsNull' && selectedValue !== 'isNull' && /*#__PURE__*/_react.default.createElement("div", {
|
|
89
|
+
}))), selectedValue !== 'notIsNull' && selectedValue !== 'isNull' && (/*#__PURE__*/_react.default.createElement("div", {
|
|
91
90
|
className: 'filter-search'
|
|
92
91
|
}, /*#__PURE__*/_react.default.createElement("input", {
|
|
93
92
|
className: 'filter-search-inner',
|
|
@@ -97,7 +96,7 @@ function DefaultFilterContent(_ref) {
|
|
|
97
96
|
},
|
|
98
97
|
onKeyDown: handleKeyDown,
|
|
99
98
|
ref: inputRef
|
|
100
|
-
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
99
|
+
}))), /*#__PURE__*/_react.default.createElement("div", {
|
|
101
100
|
className: 'filter-footer'
|
|
102
101
|
}, /*#__PURE__*/_react.default.createElement("button", {
|
|
103
102
|
className: (0, _classnames.default)((0, _defineProperty2.default)({
|
|
@@ -105,11 +104,10 @@ function DefaultFilterContent(_ref) {
|
|
|
105
104
|
}, _styles.Classes.button, true)),
|
|
106
105
|
onClick: reset
|
|
107
106
|
}, (_a = localeText.resetFilter) !== null && _a !== void 0 ? _a : '重置'), /*#__PURE__*/_react.default.createElement("button", {
|
|
108
|
-
className: (0, _classnames.default)((
|
|
107
|
+
className: (0, _classnames.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
|
|
109
108
|
'filter-btn': true
|
|
110
|
-
},
|
|
109
|
+
}, _styles.Classes.button, true), _styles.Classes.buttonPrimary, true)),
|
|
111
110
|
onClick: confirm
|
|
112
111
|
}, (_b = localeText.confirmFilter) !== null && _b !== void 0 ? _b : '确定')));
|
|
113
112
|
}
|
|
114
|
-
var _default = DefaultFilterContent;
|
|
115
|
-
exports.default = _default;
|
|
113
|
+
var _default = exports.default = DefaultFilterContent;
|
|
@@ -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(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
27
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? _Object$getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
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,7 +64,6 @@ function Panel(_ref) {
|
|
|
64
64
|
}, renderPanelContent()));
|
|
65
65
|
}
|
|
66
66
|
function Filter(_ref2) {
|
|
67
|
-
var _cx;
|
|
68
67
|
var _ref2$size = _ref2.size,
|
|
69
68
|
size = _ref2$size === void 0 ? 12 : _ref2$size,
|
|
70
69
|
style = _ref2.style,
|
|
@@ -127,7 +126,7 @@ function Filter(_ref2) {
|
|
|
127
126
|
}
|
|
128
127
|
}
|
|
129
128
|
};
|
|
130
|
-
var iconClassName = (0, _classnames.default)((
|
|
129
|
+
var iconClassName = (0, _classnames.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, className, true), 'filter-panel-open', showPanel));
|
|
131
130
|
var displayFilterIcon = typeof filterIcon === 'function' ? filterIcon(isFilterActive) : filterIcon;
|
|
132
131
|
var popupParent = (getPopupParent === null || getPopupParent === void 0 ? void 0 : getPopupParent(iconWrapRef.current)) || document.body;
|
|
133
132
|
return /*#__PURE__*/_react.default.createElement(FilterIconSpanStyle, {
|
|
@@ -143,7 +142,7 @@ function Filter(_ref2) {
|
|
|
143
142
|
}, displayFilterIcon || /*#__PURE__*/_react.default.createElement(_DefaultFilterIcon.default, {
|
|
144
143
|
width: size,
|
|
145
144
|
height: size
|
|
146
|
-
})), showPanel && /*#__PURE__*/(0, _reactDom.createPortal)(
|
|
145
|
+
})), showPanel && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(Panel, {
|
|
147
146
|
ele: hideFilterPopupHeader ? iconWrapRef.current : iconRef.current,
|
|
148
147
|
filterIcon: displayFilterIcon,
|
|
149
148
|
hidePanel: hidePanel,
|
|
@@ -164,5 +163,4 @@ function _getPanelOffset(ele, hideFilterPopupHeader) {
|
|
|
164
163
|
y: HEADER_ICON_OFFSET_Y
|
|
165
164
|
};
|
|
166
165
|
}
|
|
167
|
-
var _default = Filter;
|
|
168
|
-
exports.default = _default;
|
|
166
|
+
var _default = exports.default = Filter;
|
|
@@ -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(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
22
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? _Object$getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
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,5 +95,4 @@ function FilterPanel(_ref) {
|
|
|
95
95
|
className: _styles.Classes.popupBody
|
|
96
96
|
}, children));
|
|
97
97
|
}
|
|
98
|
-
var _default = FilterPanel;
|
|
99
|
-
exports.default = _default;
|
|
98
|
+
var _default = exports.default = FilterPanel;
|
|
@@ -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 = exports.DEFAULT_FILTER_OPTIONS = [{
|
|
10
10
|
title: '包含',
|
|
11
11
|
key: 'contain',
|
|
12
12
|
filter: function filter(value) {
|
|
@@ -66,5 +66,4 @@ var DEFAULT_FILTER_OPTIONS = [{
|
|
|
66
66
|
return !!data;
|
|
67
67
|
};
|
|
68
68
|
}
|
|
69
|
-
}];
|
|
70
|
-
exports.DEFAULT_FILTER_OPTIONS = DEFAULT_FILTER_OPTIONS;
|
|
69
|
+
}];
|
|
@@ -10,8 +10,7 @@ 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 = (0, _symbol.default)('footer-row');
|
|
14
|
-
exports.footerRowMetaSymbol = footerRowMetaSymbol;
|
|
13
|
+
var footerRowMetaSymbol = exports.footerRowMetaSymbol = (0, _symbol.default)('footer-row');
|
|
15
14
|
function footerDataSource() {
|
|
16
15
|
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
17
16
|
return function footerDataSourceStep(pipeline) {
|
|
@@ -14,7 +14,6 @@ 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"));
|
|
18
17
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
19
18
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
|
|
20
19
|
var _utils = require("../../utils");
|
|
@@ -23,10 +22,8 @@ var _rxjs = require("rxjs");
|
|
|
23
22
|
var _operators = require("rxjs/operators");
|
|
24
23
|
var _styles = require("../../base/styles");
|
|
25
24
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
26
|
-
var rangeSelectionKey = 'rangeSelection';
|
|
27
|
-
exports.
|
|
28
|
-
var lastClickCellKey = 'lastClickCell';
|
|
29
|
-
exports.lastClickCellKey = lastClickCellKey;
|
|
25
|
+
var rangeSelectionKey = exports.rangeSelectionKey = 'rangeSelection';
|
|
26
|
+
var lastClickCellKey = exports.lastClickCellKey = 'lastClickCell';
|
|
30
27
|
var startSelectedCellRangesKey = 'startSelectedCellRanges';
|
|
31
28
|
var SCROLL_OFFSET = 30;
|
|
32
29
|
function rangeSelection(opts) {
|
|
@@ -223,9 +220,8 @@ function rangeSelection(opts) {
|
|
|
223
220
|
};
|
|
224
221
|
}
|
|
225
222
|
function getTargetCell(target, columns) {
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
var _ret = function () {
|
|
223
|
+
var _loop = function _loop() {
|
|
224
|
+
if (target.getAttribute('data-role') === 'table-cell') {
|
|
229
225
|
var columnCode = target.getAttribute('data-code');
|
|
230
226
|
var column = (0, _others.findByTree)(columns, function (item, index) {
|
|
231
227
|
return item.code === columnCode;
|
|
@@ -242,10 +238,13 @@ function getTargetCell(target, columns) {
|
|
|
242
238
|
isFooterCell: isEleInFooter(target)
|
|
243
239
|
}
|
|
244
240
|
};
|
|
245
|
-
}
|
|
246
|
-
|
|
247
|
-
}
|
|
248
|
-
|
|
241
|
+
}
|
|
242
|
+
target = target.parentElement;
|
|
243
|
+
},
|
|
244
|
+
_ret;
|
|
245
|
+
while (target) {
|
|
246
|
+
_ret = _loop();
|
|
247
|
+
if (_ret) return _ret.v;
|
|
249
248
|
}
|
|
250
249
|
return null;
|
|
251
250
|
}
|
|
@@ -434,7 +433,6 @@ function getCellRangeId(cellRange) {
|
|
|
434
433
|
* @returns
|
|
435
434
|
*/
|
|
436
435
|
function getCellRangesClassName(cellRanges, _ref2) {
|
|
437
|
-
var _cx;
|
|
438
436
|
var isFooterCell = _ref2.isFooterCell,
|
|
439
437
|
rowIndex = _ref2.rowIndex,
|
|
440
438
|
col = _ref2.col,
|
|
@@ -450,7 +448,7 @@ function getCellRangesClassName(cellRanges, _ref2) {
|
|
|
450
448
|
matchCellRangeBottom = _getMatchBorderStyle.matchCellRangeBottom,
|
|
451
449
|
matchCellRangeRight = _getMatchBorderStyle.matchCellRangeRight;
|
|
452
450
|
var isSingleCell = isCellRangeSingleCell(cellRanges);
|
|
453
|
-
var className = (0, _classnames.default)((
|
|
451
|
+
var className = (0, _classnames.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _styles.Classes.tableCellRangeSingleCell, isSingleCell), _styles.Classes.tableCellRangeSelected, !isSingleCell), _styles.Classes.tableCellRangeTop, !isSingleCell && matchCellRangeTop), _styles.Classes.tableCellRangeLeft, !isSingleCell && matchCellRangeLeft), _styles.Classes.tableCellRangeBottom, !isSingleCell && matchCellRangeBottom), _styles.Classes.tableCellRangeRight, !isSingleCell && matchCellRangeRight));
|
|
454
452
|
return className;
|
|
455
453
|
}
|
|
456
454
|
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: /*#__PURE__*/_react.default.createElement("div", {
|
|
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) {
|
|
@@ -1,13 +1,5 @@
|
|
|
1
1
|
import { TablePipeline } from '../pipeline';
|
|
2
|
-
import { ArtColumn } from '../../interfaces';
|
|
3
|
-
interface RowDragEvent {
|
|
4
|
-
startRowIndex: number;
|
|
5
|
-
startRow: any;
|
|
6
|
-
endRowIndex: number;
|
|
7
|
-
endRow: any;
|
|
8
|
-
isFinished: boolean;
|
|
9
|
-
dragPosition: string;
|
|
10
|
-
}
|
|
2
|
+
import { ArtColumn, RowDragEvent } from '../../interfaces';
|
|
11
3
|
export interface RowDragFeatureOptions {
|
|
12
4
|
/** 拖拽开始事件 */
|
|
13
5
|
onDragStart?: (event: RowDragEvent) => void;
|
|
@@ -15,16 +7,24 @@ export interface RowDragFeatureOptions {
|
|
|
15
7
|
onDragMove?: (event: RowDragEvent) => void;
|
|
16
8
|
/** 拖拽结束事件 */
|
|
17
9
|
onDragEnd?: (event: RowDragEvent) => void;
|
|
10
|
+
/** 拖拽离开事件 */
|
|
11
|
+
onDragLeave?: (event: RowDragEvent) => void;
|
|
12
|
+
/** 拖拽进入事件 */
|
|
13
|
+
onDragEnter?: (event: RowDragEvent) => void;
|
|
18
14
|
/** 判断一行是否要禁用拖拽 */
|
|
19
15
|
isDisabled?: (row: any, rowIndex: number) => boolean;
|
|
16
|
+
/** 拖拽时显示的文本 */
|
|
17
|
+
rowDragText: (row: any, rowIndex: number) => string;
|
|
20
18
|
/** 拖拽列定义 */
|
|
21
19
|
rowDragColumn?: ArtColumn;
|
|
22
|
-
/** 行高 */
|
|
23
|
-
rowHeight?: number;
|
|
24
20
|
/** 拖拽过程中是否禁止滚动条滚动 */
|
|
25
21
|
suppressScrollMove?: boolean;
|
|
22
|
+
/** 树型表格是否允许拖拽插入行 */
|
|
23
|
+
allowDragIntoRow?: boolean;
|
|
24
|
+
/** 公共参数,作为拖拽回调参数,可在此提供业务层取数接口 */
|
|
25
|
+
commonParams?: any;
|
|
26
26
|
}
|
|
27
27
|
export declare const ROW_DRAG_COLUMN_CODE = "$_row_drag_column_&";
|
|
28
28
|
export declare const rowDragKey = "rowDragKey";
|
|
29
|
+
export declare const rowDragOptionsKey = "rowDragOptions";
|
|
29
30
|
export declare function rowDrag(opt: RowDragFeatureOptions): (pipeline: TablePipeline) => TablePipeline;
|
|
30
|
-
export {};
|