@kdcloudjs/table 1.2.1-canary.6 → 1.2.2-canary.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +568 -568
- package/README.md +111 -111
- package/dist/@kdcloudjs/table.css +1 -1
- package/dist/@kdcloudjs/table.js +5480 -6087
- package/dist/@kdcloudjs/table.js.map +1 -1
- package/dist/@kdcloudjs/table.min.css +1 -1
- package/dist/@kdcloudjs/table.min.js +18 -16
- package/dist/@kdcloudjs/table.min.js.map +1 -1
- package/dist/kd-ui-complete.less +777 -777
- package/es/_utils/arrayUtil.js +0 -3
- package/es/_utils/devwarning.js +0 -1
- package/es/_utils/formatUtil.js +36 -101
- package/es/_utils/hooks.js +21 -45
- package/es/_utils/index.js +0 -2
- package/es/_utils/numberUtil.js +32 -55
- package/es/_utils/omit.js +0 -2
- package/es/_utils/type.js +0 -2
- package/es/_utils/usePopper.js +81 -144
- package/es/config-provider/compDefaultProps.js +0 -1
- package/es/config-provider/configProvider.js +2 -7
- package/es/config-provider/defaultConfig.js +0 -1
- package/es/index.js +0 -2
- package/es/locale/locale.js +11 -50
- package/es/style/color/colors.less +1 -1
- package/es/style/core/index.less +1 -1
- package/es/style/core/motion/other.less +27 -27
- package/es/style/core/motion/slide.less +53 -53
- package/es/style/core/motion.less +1 -1
- package/es/style/core/reset.less +185 -185
- package/es/style/index.less +1 -1
- package/es/style/mixins/index.less +18 -18
- package/es/style/mixins/overlay.less +21 -21
- package/es/style/mixins/reset.less +12 -12
- package/es/style/themes/default.less +445 -445
- package/es/table/base/calculations.js +25 -75
- package/es/table/base/colgroup.js +0 -1
- package/es/table/base/empty.js +6 -6
- package/es/table/base/globalStyleComponent.d.ts +4 -0
- package/es/table/base/globalStyleComponent.js +24 -0
- package/es/table/base/header.js +21 -76
- package/es/table/base/helpers/SpanManager.js +4 -11
- package/es/table/base/helpers/TableDOMUtils.js +9 -34
- package/es/table/base/helpers/__test__/SpanManager.test.js +2 -2
- package/es/table/base/helpers/__test__/TableDOMUtils.test.js +0 -1
- package/es/table/base/helpers/getRichVisibleRectsStream.js +13 -45
- package/es/table/base/helpers/rowHeightManager.js +0 -28
- package/es/table/base/html-table.js +17 -39
- package/es/table/base/loading.js +8 -10
- package/es/table/base/renderTemplates.js +42 -60
- package/es/table/base/styles.d.ts +10 -0
- package/es/table/base/styles.js +17 -16
- package/es/table/base/table.js +113 -201
- package/es/table/base/utils.js +17 -57
- package/es/table/common-views.js +0 -7
- package/es/table/interfaces.d.ts +38 -0
- package/es/table/internals.js +0 -13
- package/es/table/pipeline/const.d.ts +3 -0
- package/es/table/pipeline/const.js +3 -0
- package/es/table/pipeline/features/autoFill.js +11 -40
- package/es/table/pipeline/features/autoRowSpan.js +1 -14
- package/es/table/pipeline/features/colGroupExtendable.js +4 -19
- package/es/table/pipeline/features/columnDrag.js +41 -97
- package/es/table/pipeline/features/columnFilter.js +12 -51
- package/es/table/pipeline/features/columnHover.js +1 -7
- package/es/table/pipeline/features/columnRangeHover.js +1 -8
- package/es/table/pipeline/features/columnResizeWidth.js +13 -39
- package/es/table/pipeline/features/contextMenu.js +22 -95
- package/es/table/pipeline/features/featureApi/RowDragApi.d.ts +15 -0
- package/es/table/pipeline/features/featureApi/RowDragApi.js +66 -0
- package/es/table/pipeline/features/featureApi/utils.d.ts +2 -0
- package/es/table/pipeline/features/featureApi/utils.js +10 -0
- package/es/table/pipeline/features/filter/DefaultFilterContent.js +14 -30
- package/es/table/pipeline/features/filter/DefaultFilterIcon.js +1 -1
- package/es/table/pipeline/features/filter/Filter.js +27 -51
- package/es/table/pipeline/features/filter/FilterPanel.js +11 -25
- package/es/table/pipeline/features/filter/util.js +0 -4
- package/es/table/pipeline/features/footerDataSource.js +0 -3
- package/es/table/pipeline/features/mergeCellHover.js +0 -1
- package/es/table/pipeline/features/multiSelect.js +15 -57
- package/es/table/pipeline/features/rangeSelection.js +73 -152
- package/es/table/pipeline/features/rowDetail.js +4 -43
- package/es/table/pipeline/features/rowDrag.d.ts +10 -12
- package/es/table/pipeline/features/rowDrag.js +491 -236
- package/es/table/pipeline/features/rowGrouping.js +4 -37
- package/es/table/pipeline/features/singleSelect.js +0 -24
- package/es/table/pipeline/features/sort.js +38 -96
- package/es/table/pipeline/features/tips.js +4 -10
- package/es/table/pipeline/features/treeMode.d.ts +1 -0
- package/es/table/pipeline/features/treeMode.js +38 -57
- package/es/table/pipeline/features/treeSelect.js +2 -28
- package/es/table/pipeline/pipeline.d.ts +3 -0
- package/es/table/pipeline/pipeline.js +35 -54
- package/es/table/pivot/cross-table/buildCrossTable.js +21 -72
- package/es/table/pivot/cross-table/cross-table.js +23 -31
- package/es/table/pivot/cross-tree-table/buildCrossTreeTable.js +22 -57
- package/es/table/pivot/cross-tree-table/cross-tree-table.js +36 -61
- package/es/table/pivot/pivot-utils/buildDrillTree.js +10 -23
- package/es/table/pivot/pivot-utils/builders.js +34 -74
- package/es/table/pivot/pivot-utils/convert-utils.js +16 -42
- package/es/table/pivot/pivot-utils/simpleEncode.js +0 -1
- package/es/table/style/index.less +1 -1
- package/es/table/transforms/autoRowSpan.js +1 -15
- package/es/table/transforms/autoWidth.js +13 -35
- package/es/table/transforms/buildTree.js +1 -2
- package/es/table/transforms/columnHover.js +9 -15
- package/es/table/transforms/columnRangeHover.js +12 -19
- package/es/table/transforms/columnResize.js +18 -42
- package/es/table/transforms/flatten.js +0 -3
- package/es/table/transforms/orderField.js +0 -3
- package/es/table/transforms/sort.js +42 -101
- package/es/table/transforms/tips.js +5 -10
- package/es/table/transforms/treeMode.js +36 -77
- package/es/table/transforms/visible.js +0 -2
- package/es/table/use/useResizeObserver.js +1 -4
- package/es/table/utils/applyTransforms.js +0 -1
- package/es/table/utils/browserType.js +12 -19
- package/es/table/utils/buildTree.js +7 -22
- package/es/table/utils/collectNodes.js +4 -13
- package/es/table/utils/console.js +0 -14
- package/es/table/utils/copyToClipboard.js +0 -4
- package/es/table/utils/element.js +14 -41
- package/es/table/utils/exportTableAsExcel.js +7 -43
- package/es/table/utils/getTreeDepth.js +4 -12
- package/es/table/utils/groupBy.js +4 -13
- package/es/table/utils/layeredFilter.js +0 -4
- package/es/table/utils/layeredSort.js +0 -5
- package/es/table/utils/makeRecursiveMapper.js +4 -15
- package/es/table/utils/mergeCellProps.js +6 -14
- package/es/table/utils/others.js +6 -19
- package/es/table/utils/proto.js +2 -30
- package/es/table/utils/smartCompare.js +4 -12
- package/es/table/utils/traverseColumn.js +5 -18
- package/es/table/utils/tree-data-helpers/StrictTreeDataHelper.js +8 -30
- package/es/table/utils/tree-data-helpers/TreeDataHelper.js +19 -74
- package/es/table/utils/uiDegrade.js +0 -5
- package/lib/_utils/arrayUtil.js +2 -8
- package/lib/_utils/devwarning.js +0 -5
- package/lib/_utils/formatUtil.js +36 -105
- package/lib/_utils/hooks.js +21 -56
- package/lib/_utils/index.js +2 -9
- package/lib/_utils/numberUtil.js +32 -63
- package/lib/_utils/omit.js +0 -5
- package/lib/_utils/react-children.js +0 -5
- package/lib/_utils/type.js +3 -11
- package/lib/_utils/usePopper.js +86 -173
- package/lib/config-provider/ConfigContext.js +2 -6
- package/lib/config-provider/compDefaultProps.js +1 -3
- package/lib/config-provider/configProvider.js +6 -22
- package/lib/config-provider/defaultConfig.js +1 -7
- package/lib/config-provider/index.js +1 -8
- package/lib/index.js +2 -8
- package/lib/locale/index.js +3 -11
- package/lib/locale/locale.js +15 -71
- package/lib/locale/zh-CN.js +1 -2
- package/lib/style/color/colors.less +1 -1
- package/lib/style/components.less +1 -1
- package/lib/style/core/index.less +1 -1
- package/lib/style/core/motion/other.less +27 -27
- package/lib/style/core/motion/slide.less +53 -53
- package/lib/style/core/motion.less +1 -1
- package/lib/style/core/reset.less +185 -185
- package/lib/style/index.less +1 -1
- package/lib/style/mixins/index.less +18 -18
- package/lib/style/mixins/overlay.less +21 -21
- package/lib/style/mixins/reset.less +12 -12
- package/lib/style/themes/default.less +445 -445
- package/lib/table/base/calculations.js +25 -86
- package/lib/table/base/colgroup.js +0 -5
- package/lib/table/base/empty.js +8 -20
- package/lib/table/base/globalStyleComponent.d.ts +4 -0
- package/lib/table/base/globalStyleComponent.js +35 -0
- package/lib/table/base/header.js +21 -86
- package/lib/table/base/helpers/SpanManager.js +6 -16
- package/lib/table/base/helpers/TableDOMUtils.js +9 -37
- package/lib/table/base/helpers/__test__/SpanManager.test.js +2 -4
- package/lib/table/base/helpers/__test__/TableDOMUtils.test.js +0 -5
- package/lib/table/base/helpers/__test__/rowHeightManager.test.js +0 -1
- package/lib/table/base/helpers/getRichVisibleRectsStream.js +15 -65
- package/lib/table/base/helpers/rowHeightManager.js +0 -33
- package/lib/table/base/html-table.js +17 -49
- package/lib/table/base/index.js +0 -2
- package/lib/table/base/loading.js +8 -14
- package/lib/table/base/renderTemplates.js +45 -76
- package/lib/table/base/styles.d.ts +10 -0
- package/lib/table/base/styles.js +24 -42
- package/lib/table/base/table.js +125 -245
- package/lib/table/base/utils.js +27 -109
- package/lib/table/common-views.js +4 -24
- package/lib/table/index.js +0 -13
- package/lib/table/interfaces.d.ts +38 -0
- package/lib/table/internals.js +2 -17
- package/lib/table/pipeline/const.d.ts +3 -0
- package/lib/table/pipeline/const.js +9 -0
- package/lib/table/pipeline/features/autoFill.js +14 -53
- package/lib/table/pipeline/features/autoRowSpan.js +1 -19
- package/lib/table/pipeline/features/buildTree.js +0 -2
- package/lib/table/pipeline/features/colGroupExtendable.js +6 -35
- package/lib/table/pipeline/features/columnDrag.js +41 -103
- package/lib/table/pipeline/features/columnFilter.js +12 -65
- package/lib/table/pipeline/features/columnHover.js +1 -11
- package/lib/table/pipeline/features/columnRangeHover.js +1 -13
- package/lib/table/pipeline/features/columnResizeWidth.js +18 -63
- package/lib/table/pipeline/features/contextMenu.js +24 -121
- package/lib/table/pipeline/features/featureApi/RowDragApi.d.ts +15 -0
- package/lib/table/pipeline/features/featureApi/RowDragApi.js +72 -0
- package/lib/table/pipeline/features/featureApi/utils.d.ts +2 -0
- package/lib/table/pipeline/features/featureApi/utils.js +17 -0
- package/lib/table/pipeline/features/filter/DefaultFilterContent.js +17 -52
- package/lib/table/pipeline/features/filter/DefaultFilterIcon.js +1 -4
- package/lib/table/pipeline/features/filter/Filter.js +30 -77
- package/lib/table/pipeline/features/filter/FilterPanel.js +14 -44
- package/lib/table/pipeline/features/filter/index.js +0 -5
- package/lib/table/pipeline/features/filter/util.js +2 -10
- package/lib/table/pipeline/features/footerDataSource.js +1 -12
- package/lib/table/pipeline/features/index.js +0 -23
- package/lib/table/pipeline/features/mergeCellHover.js +0 -5
- package/lib/table/pipeline/features/multiSelect.js +15 -71
- package/lib/table/pipeline/features/rangeSelection.js +75 -173
- package/lib/table/pipeline/features/rowDetail.js +4 -67
- package/lib/table/pipeline/features/rowDrag.d.ts +10 -12
- package/lib/table/pipeline/features/rowDrag.js +494 -252
- package/lib/table/pipeline/features/rowGrouping.js +4 -57
- package/lib/table/pipeline/features/singleSelect.js +0 -34
- package/lib/table/pipeline/features/sort.js +37 -115
- package/lib/table/pipeline/features/tips.js +4 -19
- package/lib/table/pipeline/features/treeMode.d.ts +1 -0
- package/lib/table/pipeline/features/treeMode.js +40 -80
- package/lib/table/pipeline/features/treeSelect.js +2 -36
- package/lib/table/pipeline/index.js +2 -10
- package/lib/table/pipeline/pipeline.d.ts +3 -0
- package/lib/table/pipeline/pipeline.js +36 -65
- package/lib/table/pivot/cross-table/buildCrossTable.js +21 -83
- package/lib/table/pivot/cross-table/constants.js +1 -2
- package/lib/table/pivot/cross-table/cross-table.js +25 -42
- package/lib/table/pivot/cross-table/index.js +0 -4
- package/lib/table/pivot/cross-tree-table/buildCrossTreeTable.js +22 -70
- package/lib/table/pivot/cross-tree-table/cross-tree-table.js +37 -73
- package/lib/table/pivot/cross-tree-table/index.js +0 -3
- package/lib/table/pivot/pivot-utils/buildDrillTree.js +10 -29
- package/lib/table/pivot/pivot-utils/builders.js +34 -85
- package/lib/table/pivot/pivot-utils/convert-utils.js +16 -60
- package/lib/table/pivot/pivot-utils/index.js +0 -7
- package/lib/table/pivot/pivot-utils/simpleEncode.js +0 -2
- package/lib/table/style/css.js +0 -1
- package/lib/table/style/index.js +0 -1
- package/lib/table/style/index.less +1 -1
- package/lib/table/transforms/autoRowSpan.js +1 -21
- package/lib/table/transforms/autoWidth.js +15 -58
- package/lib/table/transforms/buildTree.js +1 -4
- package/lib/table/transforms/columnHover.js +9 -22
- package/lib/table/transforms/columnRangeHover.js +12 -27
- package/lib/table/transforms/columnResize.js +20 -63
- package/lib/table/transforms/flatten.js +0 -5
- package/lib/table/transforms/index.js +0 -12
- package/lib/table/transforms/orderField.js +0 -7
- package/lib/table/transforms/sort.js +44 -127
- package/lib/table/transforms/tips.js +5 -20
- package/lib/table/transforms/treeMode.js +38 -106
- package/lib/table/transforms/visible.js +0 -7
- package/lib/table/transforms/warnTransformsDeprecated.js +0 -4
- package/lib/table/use/useResizeObserver.js +2 -10
- package/lib/table/utils/applyTransforms.js +0 -2
- package/lib/table/utils/browserType.js +14 -23
- package/lib/table/utils/buildTree.js +7 -33
- package/lib/table/utils/collectNodes.js +4 -18
- package/lib/table/utils/console.js +2 -19
- package/lib/table/utils/copyToClipboard.js +1 -8
- package/lib/table/utils/element.js +14 -46
- package/lib/table/utils/exportTableAsExcel.js +7 -52
- package/lib/table/utils/getTreeDepth.js +4 -17
- package/lib/table/utils/groupBy.js +4 -17
- package/lib/table/utils/index.js +0 -22
- package/lib/table/utils/isGroupColumn.js +0 -3
- package/lib/table/utils/isLeafNode.js +0 -1
- package/lib/table/utils/keyCode.js +1 -2
- package/lib/table/utils/layeredFilter.js +0 -10
- package/lib/table/utils/layeredSort.js +0 -10
- package/lib/table/utils/makeRecursiveMapper.js +4 -24
- package/lib/table/utils/mergeCellProps.js +6 -18
- package/lib/table/utils/others.js +7 -36
- package/lib/table/utils/proto.js +3 -35
- package/lib/table/utils/selectColumn.js +2 -5
- package/lib/table/utils/smartCompare.js +4 -13
- package/lib/table/utils/traverseColumn.js +5 -25
- package/lib/table/utils/tree-data-helpers/StrictTreeDataHelper.js +10 -41
- package/lib/table/utils/tree-data-helpers/TreeDataHelper.js +21 -90
- package/lib/table/utils/uiDegrade.js +1 -8
- package/package.json +218 -218
|
@@ -1,80 +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 _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
|
|
17
|
-
|
|
18
12
|
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
19
|
-
|
|
20
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
21
|
-
|
|
22
14
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
|
|
23
|
-
|
|
24
15
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/taggedTemplateLiteral"));
|
|
25
|
-
|
|
26
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
27
|
-
|
|
28
17
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
29
|
-
|
|
30
18
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
31
|
-
|
|
32
19
|
var _util = require("./util");
|
|
33
|
-
|
|
34
20
|
var _styles = require("../../../base/styles");
|
|
35
|
-
|
|
36
21
|
var _keyCode = _interopRequireDefault(require("../../../utils/keyCode"));
|
|
37
|
-
|
|
38
22
|
var _templateObject;
|
|
39
|
-
|
|
40
|
-
function
|
|
41
|
-
|
|
42
|
-
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; }
|
|
43
|
-
|
|
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; }
|
|
44
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);
|
|
45
|
-
|
|
46
26
|
function DefaultFilterContent(_ref) {
|
|
47
|
-
var _cx2;
|
|
48
|
-
|
|
49
27
|
var setFilterModel = _ref.setFilterModel,
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
28
|
+
filterModel = _ref.filterModel,
|
|
29
|
+
hidePanel = _ref.hidePanel,
|
|
30
|
+
_ref$localeText = _ref.localeText,
|
|
31
|
+
localeText = _ref$localeText === void 0 ? {} : _ref$localeText;
|
|
55
32
|
var _a, _b;
|
|
56
|
-
|
|
57
33
|
var _React$useState = _react.default.useState((filterModel === null || filterModel === void 0 ? void 0 : filterModel.filterCondition) || 'contain'),
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
34
|
+
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
|
|
35
|
+
selectedValue = _React$useState2[0],
|
|
36
|
+
setSelectedValue = _React$useState2[1];
|
|
62
37
|
var _React$useState3 = _react.default.useState((filterModel === null || filterModel === void 0 ? void 0 : (0, _filter.default)(filterModel)) || []),
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
38
|
+
_React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
|
|
39
|
+
innerValue = _React$useState4[0],
|
|
40
|
+
setInnerValue = _React$useState4[1];
|
|
67
41
|
var inputRef = (0, _react.useRef)();
|
|
68
|
-
|
|
69
42
|
var handleClick = _react.default.useCallback(function (option) {
|
|
70
43
|
setSelectedValue(option.key);
|
|
71
44
|
}, []);
|
|
72
|
-
|
|
73
45
|
var reset = function reset() {
|
|
74
46
|
hidePanel();
|
|
75
47
|
setFilterModel();
|
|
76
48
|
};
|
|
77
|
-
|
|
78
49
|
var confirm = function confirm() {
|
|
79
50
|
hidePanel();
|
|
80
51
|
setFilterModel({
|
|
@@ -82,13 +53,11 @@ function DefaultFilterContent(_ref) {
|
|
|
82
53
|
filterCondition: selectedValue
|
|
83
54
|
});
|
|
84
55
|
};
|
|
85
|
-
|
|
86
56
|
var handleKeyDown = function handleKeyDown(e) {
|
|
87
57
|
if (e.keyCode === _keyCode.default.ENTER) {
|
|
88
58
|
confirm();
|
|
89
59
|
}
|
|
90
60
|
};
|
|
91
|
-
|
|
92
61
|
(0, _react.useEffect)(function () {
|
|
93
62
|
setSelectedValue((filterModel === null || filterModel === void 0 ? void 0 : filterModel.filterCondition) || 'contain');
|
|
94
63
|
setInnerValue((filterModel === null || filterModel === void 0 ? void 0 : (0, _filter.default)(filterModel)) || []);
|
|
@@ -97,7 +66,6 @@ function DefaultFilterContent(_ref) {
|
|
|
97
66
|
// 兼容设置焦点后发生滚动
|
|
98
67
|
setTimeout(function () {
|
|
99
68
|
var _a;
|
|
100
|
-
|
|
101
69
|
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus({
|
|
102
70
|
preventScroll: true
|
|
103
71
|
});
|
|
@@ -107,7 +75,6 @@ function DefaultFilterContent(_ref) {
|
|
|
107
75
|
className: 'filter-option-list'
|
|
108
76
|
}, /*#__PURE__*/_react.default.createElement("ul", null, (0, _map.default)(_util.DEFAULT_FILTER_OPTIONS).call(_util.DEFAULT_FILTER_OPTIONS, function (option, index) {
|
|
109
77
|
var _a;
|
|
110
|
-
|
|
111
78
|
return (
|
|
112
79
|
/*#__PURE__*/
|
|
113
80
|
// eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
|
|
@@ -119,7 +86,7 @@ function DefaultFilterContent(_ref) {
|
|
|
119
86
|
}
|
|
120
87
|
}, (_a = localeText[option.key]) !== null && _a !== void 0 ? _a : option.title)
|
|
121
88
|
);
|
|
122
|
-
}))), selectedValue !== 'notIsNull' && selectedValue !== 'isNull' && /*#__PURE__*/_react.default.createElement("div", {
|
|
89
|
+
}))), selectedValue !== 'notIsNull' && selectedValue !== 'isNull' && (/*#__PURE__*/_react.default.createElement("div", {
|
|
123
90
|
className: 'filter-search'
|
|
124
91
|
}, /*#__PURE__*/_react.default.createElement("input", {
|
|
125
92
|
className: 'filter-search-inner',
|
|
@@ -129,7 +96,7 @@ function DefaultFilterContent(_ref) {
|
|
|
129
96
|
},
|
|
130
97
|
onKeyDown: handleKeyDown,
|
|
131
98
|
ref: inputRef
|
|
132
|
-
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
99
|
+
}))), /*#__PURE__*/_react.default.createElement("div", {
|
|
133
100
|
className: 'filter-footer'
|
|
134
101
|
}, /*#__PURE__*/_react.default.createElement("button", {
|
|
135
102
|
className: (0, _classnames.default)((0, _defineProperty2.default)({
|
|
@@ -137,12 +104,10 @@ function DefaultFilterContent(_ref) {
|
|
|
137
104
|
}, _styles.Classes.button, true)),
|
|
138
105
|
onClick: reset
|
|
139
106
|
}, (_a = localeText.resetFilter) !== null && _a !== void 0 ? _a : '重置'), /*#__PURE__*/_react.default.createElement("button", {
|
|
140
|
-
className: (0, _classnames.default)((
|
|
107
|
+
className: (0, _classnames.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
|
|
141
108
|
'filter-btn': true
|
|
142
|
-
},
|
|
109
|
+
}, _styles.Classes.button, true), _styles.Classes.buttonPrimary, true)),
|
|
143
110
|
onClick: confirm
|
|
144
111
|
}, (_b = localeText.confirmFilter) !== null && _b !== void 0 ? _b : '确定')));
|
|
145
112
|
}
|
|
146
|
-
|
|
147
|
-
var _default = DefaultFilterContent;
|
|
148
|
-
exports.default = _default;
|
|
113
|
+
var _default = exports.default = DefaultFilterContent;
|
|
@@ -1,17 +1,14 @@
|
|
|
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 = DefaultFilterIcon;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
function DefaultFilterIcon(_ref) {
|
|
13
10
|
var width = _ref.width,
|
|
14
|
-
|
|
11
|
+
height = _ref.height;
|
|
15
12
|
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
16
13
|
width: width,
|
|
17
14
|
height: height,
|
|
@@ -1,82 +1,52 @@
|
|
|
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
|
|
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 _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; }
|
|
50
28
|
var HEADER_ICON_OFFSET_Y = 8 + 1; // padding-top + border
|
|
51
|
-
|
|
52
29
|
var HEADER_ICON_OFFSET_X = 16 + 1; // padding-left+ border
|
|
53
|
-
|
|
54
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);
|
|
55
|
-
|
|
56
31
|
function Panel(_ref) {
|
|
57
32
|
var ele = _ref.ele,
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
33
|
+
filterIcon = _ref.filterIcon,
|
|
34
|
+
hidePanel = _ref.hidePanel,
|
|
35
|
+
renderPanelContent = _ref.renderPanelContent,
|
|
36
|
+
hideFilterPopupHeader = _ref.hideFilterPopupHeader,
|
|
37
|
+
popupParent = _ref.popupParent;
|
|
64
38
|
var filterPanelRef = _react.default.useRef(null);
|
|
65
|
-
|
|
66
39
|
var _React$useState = _react.default.useState((0, _utils.calculatePopupRelative)(ele, popupParent, _getPanelOffset(ele, hideFilterPopupHeader))),
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
40
|
+
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
|
|
41
|
+
position = _React$useState2[0],
|
|
42
|
+
setPosition = _React$useState2[1];
|
|
71
43
|
var style = {
|
|
72
44
|
position: 'absolute',
|
|
73
45
|
zIndex: 1050
|
|
74
46
|
};
|
|
75
|
-
|
|
76
47
|
var handleFilterPanelResize = function handleFilterPanelResize(resize) {
|
|
77
48
|
setPosition((0, _utils.calculatePopupRelative)(ele, popupParent, _getPanelOffset(ele, hideFilterPopupHeader)));
|
|
78
49
|
};
|
|
79
|
-
|
|
80
50
|
(0, _react.useEffect)(function () {
|
|
81
51
|
var resizeObserver = (0, _utils2.addResizeObserver)(filterPanelRef.current.children[0], handleFilterPanelResize);
|
|
82
52
|
return function () {
|
|
@@ -93,39 +63,31 @@ function Panel(_ref) {
|
|
|
93
63
|
hideFilterPopupHeader: hideFilterPopupHeader
|
|
94
64
|
}, renderPanelContent()));
|
|
95
65
|
}
|
|
96
|
-
|
|
97
66
|
function Filter(_ref2) {
|
|
98
|
-
var _cx;
|
|
99
|
-
|
|
100
67
|
var _ref2$size = _ref2.size,
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
68
|
+
size = _ref2$size === void 0 ? 12 : _ref2$size,
|
|
69
|
+
style = _ref2.style,
|
|
70
|
+
className = _ref2.className,
|
|
71
|
+
FilterPanelContent = _ref2.FilterPanelContent,
|
|
72
|
+
filterIcon = _ref2.filterIcon,
|
|
73
|
+
setFilter = _ref2.setFilter,
|
|
74
|
+
setFilterModel = _ref2.setFilterModel,
|
|
75
|
+
filterModel = _ref2.filterModel,
|
|
76
|
+
isFilterActive = _ref2.isFilterActive,
|
|
77
|
+
stopClickEventPropagation = _ref2.stopClickEventPropagation,
|
|
78
|
+
stopESCKeyDownEventPropagation = _ref2.stopESCKeyDownEventPropagation,
|
|
79
|
+
hideFilterPopupHeader = _ref2.hideFilterPopupHeader,
|
|
80
|
+
getPopupParent = _ref2.getPopupParent,
|
|
81
|
+
localeText = _ref2.localeText;
|
|
116
82
|
var _React$useState3 = _react.default.useState(false),
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
83
|
+
_React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
|
|
84
|
+
showPanel = _React$useState4[0],
|
|
85
|
+
setShowPanel = _React$useState4[1];
|
|
121
86
|
var iconRef = _react.default.useRef(null);
|
|
122
|
-
|
|
123
87
|
var iconWrapRef = _react.default.useRef();
|
|
124
|
-
|
|
125
88
|
var hidePanel = function hidePanel() {
|
|
126
89
|
return setShowPanel(false);
|
|
127
90
|
};
|
|
128
|
-
|
|
129
91
|
var renderPanelContent = function renderPanelContent() {
|
|
130
92
|
if (FilterPanelContent) {
|
|
131
93
|
return /*#__PURE__*/_react.default.createElement(FilterPanelContent, {
|
|
@@ -144,32 +106,27 @@ function Filter(_ref2) {
|
|
|
144
106
|
});
|
|
145
107
|
}
|
|
146
108
|
};
|
|
147
|
-
|
|
148
109
|
var handleIconClick = function handleIconClick(e) {
|
|
149
110
|
// 只有当icon区域点击会触发面板展开
|
|
150
111
|
// 防止 createPortal 区域的点击触发该事件
|
|
151
112
|
if (e.currentTarget.contains(e.target)) {
|
|
152
113
|
setShowPanel(true);
|
|
153
114
|
}
|
|
154
|
-
|
|
155
115
|
if (stopClickEventPropagation) {
|
|
156
116
|
e.stopPropagation();
|
|
157
117
|
}
|
|
158
118
|
};
|
|
159
|
-
|
|
160
119
|
var handleKeyDown = function handleKeyDown(e) {
|
|
161
120
|
if (e.keyCode === _keyCode.default.ESC) {
|
|
162
121
|
if (e.currentTarget.contains(e.target)) {
|
|
163
122
|
setShowPanel(false);
|
|
164
123
|
}
|
|
165
|
-
|
|
166
124
|
if (stopESCKeyDownEventPropagation) {
|
|
167
125
|
e.stopPropagation();
|
|
168
126
|
}
|
|
169
127
|
}
|
|
170
128
|
};
|
|
171
|
-
|
|
172
|
-
var iconClassName = (0, _classnames.default)((_cx = {}, (0, _defineProperty2.default)(_cx, className, true), (0, _defineProperty2.default)(_cx, 'filter-panel-open', showPanel), _cx));
|
|
129
|
+
var iconClassName = (0, _classnames.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, className, true), 'filter-panel-open', showPanel));
|
|
173
130
|
var displayFilterIcon = typeof filterIcon === 'function' ? filterIcon(isFilterActive) : filterIcon;
|
|
174
131
|
var popupParent = (getPopupParent === null || getPopupParent === void 0 ? void 0 : getPopupParent(iconWrapRef.current)) || document.body;
|
|
175
132
|
return /*#__PURE__*/_react.default.createElement(FilterIconSpanStyle, {
|
|
@@ -185,7 +142,7 @@ function Filter(_ref2) {
|
|
|
185
142
|
}, displayFilterIcon || /*#__PURE__*/_react.default.createElement(_DefaultFilterIcon.default, {
|
|
186
143
|
width: size,
|
|
187
144
|
height: size
|
|
188
|
-
})), showPanel && /*#__PURE__*/(0, _reactDom.createPortal)(
|
|
145
|
+
})), showPanel && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(Panel, {
|
|
189
146
|
ele: hideFilterPopupHeader ? iconWrapRef.current : iconRef.current,
|
|
190
147
|
filterIcon: displayFilterIcon,
|
|
191
148
|
hidePanel: hidePanel,
|
|
@@ -194,7 +151,6 @@ function Filter(_ref2) {
|
|
|
194
151
|
popupParent: popupParent
|
|
195
152
|
}), popupParent));
|
|
196
153
|
}
|
|
197
|
-
|
|
198
154
|
function _getPanelOffset(ele, hideFilterPopupHeader) {
|
|
199
155
|
if (hideFilterPopupHeader) {
|
|
200
156
|
return {
|
|
@@ -202,12 +158,9 @@ function _getPanelOffset(ele, hideFilterPopupHeader) {
|
|
|
202
158
|
y: 0 - ele.offsetHeight
|
|
203
159
|
};
|
|
204
160
|
}
|
|
205
|
-
|
|
206
161
|
return {
|
|
207
162
|
x: HEADER_ICON_OFFSET_X,
|
|
208
163
|
y: HEADER_ICON_OFFSET_Y
|
|
209
164
|
};
|
|
210
165
|
}
|
|
211
|
-
|
|
212
|
-
var _default = Filter;
|
|
213
|
-
exports.default = _default;
|
|
166
|
+
var _default = exports.default = Filter;
|
|
@@ -1,44 +1,26 @@
|
|
|
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
|
|
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 _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; }
|
|
40
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);
|
|
41
|
-
|
|
42
24
|
var useWindowEvents = function useWindowEvents(func, evens) {
|
|
43
25
|
_react.default.useEffect(function () {
|
|
44
26
|
evens.forEach(function (event) {
|
|
@@ -51,55 +33,45 @@ var useWindowEvents = function useWindowEvents(func, evens) {
|
|
|
51
33
|
};
|
|
52
34
|
}, [evens, func]);
|
|
53
35
|
};
|
|
54
|
-
|
|
55
36
|
function FilterPanel(_ref) {
|
|
56
37
|
var style = _ref.style,
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
38
|
+
children = _ref.children,
|
|
39
|
+
position = _ref.position,
|
|
40
|
+
filterIcon = _ref.filterIcon,
|
|
41
|
+
onClose = _ref.onClose,
|
|
42
|
+
hideFilterPopupHeader = _ref.hideFilterPopupHeader;
|
|
63
43
|
var _useState = (0, _react.useState)(position),
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
44
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
45
|
+
perfectPosition = _useState2[0],
|
|
46
|
+
setPerfectPosition = _useState2[1];
|
|
68
47
|
var _useState3 = (0, _react.useState)(false),
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
48
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
49
|
+
visible = _useState4[0],
|
|
50
|
+
setVisible = _useState4[1];
|
|
73
51
|
var ref = _react.default.useRef(null);
|
|
74
|
-
|
|
75
52
|
var isContainPanel = function isContainPanel(e) {
|
|
76
53
|
return (0, _utils.isElementInEventPath)(ref.current, e);
|
|
77
54
|
};
|
|
78
|
-
|
|
79
55
|
(0, _react.useEffect)(function () {
|
|
80
56
|
setPerfectPosition((0, _utils.keepWithinBounds)(document.body, ref.current, position.x, position.y, true));
|
|
81
57
|
setVisible(true);
|
|
82
58
|
}, [position]);
|
|
83
59
|
var hasPopupMouseEvent = (0, _react.useRef)(false);
|
|
84
|
-
|
|
85
60
|
var handleMouseEvent = function handleMouseEvent() {
|
|
86
61
|
// 当弹出的过滤面板内部发生鼠标按下、抬起事件时,标记当前事件,并在click捕获期清除标记,用来确定鼠标按下、抬起发生在过滤面板内部
|
|
87
62
|
// 利用了React.createPortal冒泡是根据React Tree的特性:
|
|
88
63
|
// https://jwwnz.medium.com/react-portals-and-event-bubbling-8df3e35ca3f1
|
|
89
64
|
hasPopupMouseEvent.current = true;
|
|
90
65
|
};
|
|
91
|
-
|
|
92
66
|
useWindowEvents(function (e) {
|
|
93
67
|
!isContainPanel(e) && !hasPopupMouseEvent.current && onClose();
|
|
94
68
|
hasPopupMouseEvent.current = false;
|
|
95
69
|
}, ['click']);
|
|
96
|
-
|
|
97
70
|
var handleKeyDown = function handleKeyDown(e) {
|
|
98
71
|
if (e.currentTarget.contains(e.target) && e.keyCode === _keyCode.default.ESC) {
|
|
99
72
|
onClose();
|
|
100
73
|
}
|
|
101
74
|
};
|
|
102
|
-
|
|
103
75
|
return /*#__PURE__*/_react.default.createElement(FilterPanelStyle, {
|
|
104
76
|
className: _styles.Classes.popup,
|
|
105
77
|
style: (0, _extends2.default)((0, _extends2.default)({}, style), {
|
|
@@ -123,6 +95,4 @@ function FilterPanel(_ref) {
|
|
|
123
95
|
className: _styles.Classes.popupBody
|
|
124
96
|
}, children));
|
|
125
97
|
}
|
|
126
|
-
|
|
127
|
-
var _default = FilterPanel;
|
|
128
|
-
exports.default = _default;
|
|
98
|
+
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
|
}
|