@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.
Files changed (288) hide show
  1. package/LICENSE +568 -568
  2. package/README.md +111 -111
  3. package/dist/@kdcloudjs/table.css +1 -1
  4. package/dist/@kdcloudjs/table.js +5480 -6087
  5. package/dist/@kdcloudjs/table.js.map +1 -1
  6. package/dist/@kdcloudjs/table.min.css +1 -1
  7. package/dist/@kdcloudjs/table.min.js +18 -16
  8. package/dist/@kdcloudjs/table.min.js.map +1 -1
  9. package/dist/kd-ui-complete.less +777 -777
  10. package/es/_utils/arrayUtil.js +0 -3
  11. package/es/_utils/devwarning.js +0 -1
  12. package/es/_utils/formatUtil.js +36 -101
  13. package/es/_utils/hooks.js +21 -45
  14. package/es/_utils/index.js +0 -2
  15. package/es/_utils/numberUtil.js +32 -55
  16. package/es/_utils/omit.js +0 -2
  17. package/es/_utils/type.js +0 -2
  18. package/es/_utils/usePopper.js +81 -144
  19. package/es/config-provider/compDefaultProps.js +0 -1
  20. package/es/config-provider/configProvider.js +2 -7
  21. package/es/config-provider/defaultConfig.js +0 -1
  22. package/es/index.js +0 -2
  23. package/es/locale/locale.js +11 -50
  24. package/es/style/color/colors.less +1 -1
  25. package/es/style/core/index.less +1 -1
  26. package/es/style/core/motion/other.less +27 -27
  27. package/es/style/core/motion/slide.less +53 -53
  28. package/es/style/core/motion.less +1 -1
  29. package/es/style/core/reset.less +185 -185
  30. package/es/style/index.less +1 -1
  31. package/es/style/mixins/index.less +18 -18
  32. package/es/style/mixins/overlay.less +21 -21
  33. package/es/style/mixins/reset.less +12 -12
  34. package/es/style/themes/default.less +445 -445
  35. package/es/table/base/calculations.js +25 -75
  36. package/es/table/base/colgroup.js +0 -1
  37. package/es/table/base/empty.js +6 -6
  38. package/es/table/base/globalStyleComponent.d.ts +4 -0
  39. package/es/table/base/globalStyleComponent.js +24 -0
  40. package/es/table/base/header.js +21 -76
  41. package/es/table/base/helpers/SpanManager.js +4 -11
  42. package/es/table/base/helpers/TableDOMUtils.js +9 -34
  43. package/es/table/base/helpers/__test__/SpanManager.test.js +2 -2
  44. package/es/table/base/helpers/__test__/TableDOMUtils.test.js +0 -1
  45. package/es/table/base/helpers/getRichVisibleRectsStream.js +13 -45
  46. package/es/table/base/helpers/rowHeightManager.js +0 -28
  47. package/es/table/base/html-table.js +17 -39
  48. package/es/table/base/loading.js +8 -10
  49. package/es/table/base/renderTemplates.js +42 -60
  50. package/es/table/base/styles.d.ts +10 -0
  51. package/es/table/base/styles.js +17 -16
  52. package/es/table/base/table.js +113 -201
  53. package/es/table/base/utils.js +17 -57
  54. package/es/table/common-views.js +0 -7
  55. package/es/table/interfaces.d.ts +38 -0
  56. package/es/table/internals.js +0 -13
  57. package/es/table/pipeline/const.d.ts +3 -0
  58. package/es/table/pipeline/const.js +3 -0
  59. package/es/table/pipeline/features/autoFill.js +11 -40
  60. package/es/table/pipeline/features/autoRowSpan.js +1 -14
  61. package/es/table/pipeline/features/colGroupExtendable.js +4 -19
  62. package/es/table/pipeline/features/columnDrag.js +41 -97
  63. package/es/table/pipeline/features/columnFilter.js +12 -51
  64. package/es/table/pipeline/features/columnHover.js +1 -7
  65. package/es/table/pipeline/features/columnRangeHover.js +1 -8
  66. package/es/table/pipeline/features/columnResizeWidth.js +13 -39
  67. package/es/table/pipeline/features/contextMenu.js +22 -95
  68. package/es/table/pipeline/features/featureApi/RowDragApi.d.ts +15 -0
  69. package/es/table/pipeline/features/featureApi/RowDragApi.js +66 -0
  70. package/es/table/pipeline/features/featureApi/utils.d.ts +2 -0
  71. package/es/table/pipeline/features/featureApi/utils.js +10 -0
  72. package/es/table/pipeline/features/filter/DefaultFilterContent.js +14 -30
  73. package/es/table/pipeline/features/filter/DefaultFilterIcon.js +1 -1
  74. package/es/table/pipeline/features/filter/Filter.js +27 -51
  75. package/es/table/pipeline/features/filter/FilterPanel.js +11 -25
  76. package/es/table/pipeline/features/filter/util.js +0 -4
  77. package/es/table/pipeline/features/footerDataSource.js +0 -3
  78. package/es/table/pipeline/features/mergeCellHover.js +0 -1
  79. package/es/table/pipeline/features/multiSelect.js +15 -57
  80. package/es/table/pipeline/features/rangeSelection.js +73 -152
  81. package/es/table/pipeline/features/rowDetail.js +4 -43
  82. package/es/table/pipeline/features/rowDrag.d.ts +10 -12
  83. package/es/table/pipeline/features/rowDrag.js +491 -236
  84. package/es/table/pipeline/features/rowGrouping.js +4 -37
  85. package/es/table/pipeline/features/singleSelect.js +0 -24
  86. package/es/table/pipeline/features/sort.js +38 -96
  87. package/es/table/pipeline/features/tips.js +4 -10
  88. package/es/table/pipeline/features/treeMode.d.ts +1 -0
  89. package/es/table/pipeline/features/treeMode.js +38 -57
  90. package/es/table/pipeline/features/treeSelect.js +2 -28
  91. package/es/table/pipeline/pipeline.d.ts +3 -0
  92. package/es/table/pipeline/pipeline.js +35 -54
  93. package/es/table/pivot/cross-table/buildCrossTable.js +21 -72
  94. package/es/table/pivot/cross-table/cross-table.js +23 -31
  95. package/es/table/pivot/cross-tree-table/buildCrossTreeTable.js +22 -57
  96. package/es/table/pivot/cross-tree-table/cross-tree-table.js +36 -61
  97. package/es/table/pivot/pivot-utils/buildDrillTree.js +10 -23
  98. package/es/table/pivot/pivot-utils/builders.js +34 -74
  99. package/es/table/pivot/pivot-utils/convert-utils.js +16 -42
  100. package/es/table/pivot/pivot-utils/simpleEncode.js +0 -1
  101. package/es/table/style/index.less +1 -1
  102. package/es/table/transforms/autoRowSpan.js +1 -15
  103. package/es/table/transforms/autoWidth.js +13 -35
  104. package/es/table/transforms/buildTree.js +1 -2
  105. package/es/table/transforms/columnHover.js +9 -15
  106. package/es/table/transforms/columnRangeHover.js +12 -19
  107. package/es/table/transforms/columnResize.js +18 -42
  108. package/es/table/transforms/flatten.js +0 -3
  109. package/es/table/transforms/orderField.js +0 -3
  110. package/es/table/transforms/sort.js +42 -101
  111. package/es/table/transforms/tips.js +5 -10
  112. package/es/table/transforms/treeMode.js +36 -77
  113. package/es/table/transforms/visible.js +0 -2
  114. package/es/table/use/useResizeObserver.js +1 -4
  115. package/es/table/utils/applyTransforms.js +0 -1
  116. package/es/table/utils/browserType.js +12 -19
  117. package/es/table/utils/buildTree.js +7 -22
  118. package/es/table/utils/collectNodes.js +4 -13
  119. package/es/table/utils/console.js +0 -14
  120. package/es/table/utils/copyToClipboard.js +0 -4
  121. package/es/table/utils/element.js +14 -41
  122. package/es/table/utils/exportTableAsExcel.js +7 -43
  123. package/es/table/utils/getTreeDepth.js +4 -12
  124. package/es/table/utils/groupBy.js +4 -13
  125. package/es/table/utils/layeredFilter.js +0 -4
  126. package/es/table/utils/layeredSort.js +0 -5
  127. package/es/table/utils/makeRecursiveMapper.js +4 -15
  128. package/es/table/utils/mergeCellProps.js +6 -14
  129. package/es/table/utils/others.js +6 -19
  130. package/es/table/utils/proto.js +2 -30
  131. package/es/table/utils/smartCompare.js +4 -12
  132. package/es/table/utils/traverseColumn.js +5 -18
  133. package/es/table/utils/tree-data-helpers/StrictTreeDataHelper.js +8 -30
  134. package/es/table/utils/tree-data-helpers/TreeDataHelper.js +19 -74
  135. package/es/table/utils/uiDegrade.js +0 -5
  136. package/lib/_utils/arrayUtil.js +2 -8
  137. package/lib/_utils/devwarning.js +0 -5
  138. package/lib/_utils/formatUtil.js +36 -105
  139. package/lib/_utils/hooks.js +21 -56
  140. package/lib/_utils/index.js +2 -9
  141. package/lib/_utils/numberUtil.js +32 -63
  142. package/lib/_utils/omit.js +0 -5
  143. package/lib/_utils/react-children.js +0 -5
  144. package/lib/_utils/type.js +3 -11
  145. package/lib/_utils/usePopper.js +86 -173
  146. package/lib/config-provider/ConfigContext.js +2 -6
  147. package/lib/config-provider/compDefaultProps.js +1 -3
  148. package/lib/config-provider/configProvider.js +6 -22
  149. package/lib/config-provider/defaultConfig.js +1 -7
  150. package/lib/config-provider/index.js +1 -8
  151. package/lib/index.js +2 -8
  152. package/lib/locale/index.js +3 -11
  153. package/lib/locale/locale.js +15 -71
  154. package/lib/locale/zh-CN.js +1 -2
  155. package/lib/style/color/colors.less +1 -1
  156. package/lib/style/components.less +1 -1
  157. package/lib/style/core/index.less +1 -1
  158. package/lib/style/core/motion/other.less +27 -27
  159. package/lib/style/core/motion/slide.less +53 -53
  160. package/lib/style/core/motion.less +1 -1
  161. package/lib/style/core/reset.less +185 -185
  162. package/lib/style/index.less +1 -1
  163. package/lib/style/mixins/index.less +18 -18
  164. package/lib/style/mixins/overlay.less +21 -21
  165. package/lib/style/mixins/reset.less +12 -12
  166. package/lib/style/themes/default.less +445 -445
  167. package/lib/table/base/calculations.js +25 -86
  168. package/lib/table/base/colgroup.js +0 -5
  169. package/lib/table/base/empty.js +8 -20
  170. package/lib/table/base/globalStyleComponent.d.ts +4 -0
  171. package/lib/table/base/globalStyleComponent.js +35 -0
  172. package/lib/table/base/header.js +21 -86
  173. package/lib/table/base/helpers/SpanManager.js +6 -16
  174. package/lib/table/base/helpers/TableDOMUtils.js +9 -37
  175. package/lib/table/base/helpers/__test__/SpanManager.test.js +2 -4
  176. package/lib/table/base/helpers/__test__/TableDOMUtils.test.js +0 -5
  177. package/lib/table/base/helpers/__test__/rowHeightManager.test.js +0 -1
  178. package/lib/table/base/helpers/getRichVisibleRectsStream.js +15 -65
  179. package/lib/table/base/helpers/rowHeightManager.js +0 -33
  180. package/lib/table/base/html-table.js +17 -49
  181. package/lib/table/base/index.js +0 -2
  182. package/lib/table/base/loading.js +8 -14
  183. package/lib/table/base/renderTemplates.js +45 -76
  184. package/lib/table/base/styles.d.ts +10 -0
  185. package/lib/table/base/styles.js +24 -42
  186. package/lib/table/base/table.js +125 -245
  187. package/lib/table/base/utils.js +27 -109
  188. package/lib/table/common-views.js +4 -24
  189. package/lib/table/index.js +0 -13
  190. package/lib/table/interfaces.d.ts +38 -0
  191. package/lib/table/internals.js +2 -17
  192. package/lib/table/pipeline/const.d.ts +3 -0
  193. package/lib/table/pipeline/const.js +9 -0
  194. package/lib/table/pipeline/features/autoFill.js +14 -53
  195. package/lib/table/pipeline/features/autoRowSpan.js +1 -19
  196. package/lib/table/pipeline/features/buildTree.js +0 -2
  197. package/lib/table/pipeline/features/colGroupExtendable.js +6 -35
  198. package/lib/table/pipeline/features/columnDrag.js +41 -103
  199. package/lib/table/pipeline/features/columnFilter.js +12 -65
  200. package/lib/table/pipeline/features/columnHover.js +1 -11
  201. package/lib/table/pipeline/features/columnRangeHover.js +1 -13
  202. package/lib/table/pipeline/features/columnResizeWidth.js +18 -63
  203. package/lib/table/pipeline/features/contextMenu.js +24 -121
  204. package/lib/table/pipeline/features/featureApi/RowDragApi.d.ts +15 -0
  205. package/lib/table/pipeline/features/featureApi/RowDragApi.js +72 -0
  206. package/lib/table/pipeline/features/featureApi/utils.d.ts +2 -0
  207. package/lib/table/pipeline/features/featureApi/utils.js +17 -0
  208. package/lib/table/pipeline/features/filter/DefaultFilterContent.js +17 -52
  209. package/lib/table/pipeline/features/filter/DefaultFilterIcon.js +1 -4
  210. package/lib/table/pipeline/features/filter/Filter.js +30 -77
  211. package/lib/table/pipeline/features/filter/FilterPanel.js +14 -44
  212. package/lib/table/pipeline/features/filter/index.js +0 -5
  213. package/lib/table/pipeline/features/filter/util.js +2 -10
  214. package/lib/table/pipeline/features/footerDataSource.js +1 -12
  215. package/lib/table/pipeline/features/index.js +0 -23
  216. package/lib/table/pipeline/features/mergeCellHover.js +0 -5
  217. package/lib/table/pipeline/features/multiSelect.js +15 -71
  218. package/lib/table/pipeline/features/rangeSelection.js +75 -173
  219. package/lib/table/pipeline/features/rowDetail.js +4 -67
  220. package/lib/table/pipeline/features/rowDrag.d.ts +10 -12
  221. package/lib/table/pipeline/features/rowDrag.js +494 -252
  222. package/lib/table/pipeline/features/rowGrouping.js +4 -57
  223. package/lib/table/pipeline/features/singleSelect.js +0 -34
  224. package/lib/table/pipeline/features/sort.js +37 -115
  225. package/lib/table/pipeline/features/tips.js +4 -19
  226. package/lib/table/pipeline/features/treeMode.d.ts +1 -0
  227. package/lib/table/pipeline/features/treeMode.js +40 -80
  228. package/lib/table/pipeline/features/treeSelect.js +2 -36
  229. package/lib/table/pipeline/index.js +2 -10
  230. package/lib/table/pipeline/pipeline.d.ts +3 -0
  231. package/lib/table/pipeline/pipeline.js +36 -65
  232. package/lib/table/pivot/cross-table/buildCrossTable.js +21 -83
  233. package/lib/table/pivot/cross-table/constants.js +1 -2
  234. package/lib/table/pivot/cross-table/cross-table.js +25 -42
  235. package/lib/table/pivot/cross-table/index.js +0 -4
  236. package/lib/table/pivot/cross-tree-table/buildCrossTreeTable.js +22 -70
  237. package/lib/table/pivot/cross-tree-table/cross-tree-table.js +37 -73
  238. package/lib/table/pivot/cross-tree-table/index.js +0 -3
  239. package/lib/table/pivot/pivot-utils/buildDrillTree.js +10 -29
  240. package/lib/table/pivot/pivot-utils/builders.js +34 -85
  241. package/lib/table/pivot/pivot-utils/convert-utils.js +16 -60
  242. package/lib/table/pivot/pivot-utils/index.js +0 -7
  243. package/lib/table/pivot/pivot-utils/simpleEncode.js +0 -2
  244. package/lib/table/style/css.js +0 -1
  245. package/lib/table/style/index.js +0 -1
  246. package/lib/table/style/index.less +1 -1
  247. package/lib/table/transforms/autoRowSpan.js +1 -21
  248. package/lib/table/transforms/autoWidth.js +15 -58
  249. package/lib/table/transforms/buildTree.js +1 -4
  250. package/lib/table/transforms/columnHover.js +9 -22
  251. package/lib/table/transforms/columnRangeHover.js +12 -27
  252. package/lib/table/transforms/columnResize.js +20 -63
  253. package/lib/table/transforms/flatten.js +0 -5
  254. package/lib/table/transforms/index.js +0 -12
  255. package/lib/table/transforms/orderField.js +0 -7
  256. package/lib/table/transforms/sort.js +44 -127
  257. package/lib/table/transforms/tips.js +5 -20
  258. package/lib/table/transforms/treeMode.js +38 -106
  259. package/lib/table/transforms/visible.js +0 -7
  260. package/lib/table/transforms/warnTransformsDeprecated.js +0 -4
  261. package/lib/table/use/useResizeObserver.js +2 -10
  262. package/lib/table/utils/applyTransforms.js +0 -2
  263. package/lib/table/utils/browserType.js +14 -23
  264. package/lib/table/utils/buildTree.js +7 -33
  265. package/lib/table/utils/collectNodes.js +4 -18
  266. package/lib/table/utils/console.js +2 -19
  267. package/lib/table/utils/copyToClipboard.js +1 -8
  268. package/lib/table/utils/element.js +14 -46
  269. package/lib/table/utils/exportTableAsExcel.js +7 -52
  270. package/lib/table/utils/getTreeDepth.js +4 -17
  271. package/lib/table/utils/groupBy.js +4 -17
  272. package/lib/table/utils/index.js +0 -22
  273. package/lib/table/utils/isGroupColumn.js +0 -3
  274. package/lib/table/utils/isLeafNode.js +0 -1
  275. package/lib/table/utils/keyCode.js +1 -2
  276. package/lib/table/utils/layeredFilter.js +0 -10
  277. package/lib/table/utils/layeredSort.js +0 -10
  278. package/lib/table/utils/makeRecursiveMapper.js +4 -24
  279. package/lib/table/utils/mergeCellProps.js +6 -18
  280. package/lib/table/utils/others.js +7 -36
  281. package/lib/table/utils/proto.js +3 -35
  282. package/lib/table/utils/selectColumn.js +2 -5
  283. package/lib/table/utils/smartCompare.js +4 -13
  284. package/lib/table/utils/traverseColumn.js +5 -25
  285. package/lib/table/utils/tree-data-helpers/StrictTreeDataHelper.js +10 -41
  286. package/lib/table/utils/tree-data-helpers/TreeDataHelper.js +21 -90
  287. package/lib/table/utils/uiDegrade.js +1 -8
  288. 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 _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); }
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
- filterModel = _ref.filterModel,
51
- hidePanel = _ref.hidePanel,
52
- _ref$localeText = _ref.localeText,
53
- localeText = _ref$localeText === void 0 ? {} : _ref$localeText;
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
- _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
59
- selectedValue = _React$useState2[0],
60
- setSelectedValue = _React$useState2[1];
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
- _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
64
- innerValue = _React$useState4[0],
65
- setInnerValue = _React$useState4[1];
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)((_cx2 = {
107
+ className: (0, _classnames.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
141
108
  'filter-btn': true
142
- }, (0, _defineProperty2.default)(_cx2, _styles.Classes.button, true), (0, _defineProperty2.default)(_cx2, _styles.Classes.buttonPrimary, true), _cx2)),
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
- height = _ref.height;
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 _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
47
-
48
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
49
-
26
+ function _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
- filterIcon = _ref.filterIcon,
59
- hidePanel = _ref.hidePanel,
60
- renderPanelContent = _ref.renderPanelContent,
61
- hideFilterPopupHeader = _ref.hideFilterPopupHeader,
62
- popupParent = _ref.popupParent;
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
- _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
68
- position = _React$useState2[0],
69
- setPosition = _React$useState2[1];
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
- size = _ref2$size === void 0 ? 12 : _ref2$size,
102
- style = _ref2.style,
103
- className = _ref2.className,
104
- FilterPanelContent = _ref2.FilterPanelContent,
105
- filterIcon = _ref2.filterIcon,
106
- setFilter = _ref2.setFilter,
107
- setFilterModel = _ref2.setFilterModel,
108
- filterModel = _ref2.filterModel,
109
- isFilterActive = _ref2.isFilterActive,
110
- stopClickEventPropagation = _ref2.stopClickEventPropagation,
111
- stopESCKeyDownEventPropagation = _ref2.stopESCKeyDownEventPropagation,
112
- hideFilterPopupHeader = _ref2.hideFilterPopupHeader,
113
- getPopupParent = _ref2.getPopupParent,
114
- localeText = _ref2.localeText;
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
- _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
118
- showPanel = _React$useState4[0],
119
- setShowPanel = _React$useState4[1];
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)( /*#__PURE__*/_react.default.createElement(Panel, {
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 _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
37
-
38
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
39
-
21
+ function _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
- children = _ref.children,
58
- position = _ref.position,
59
- filterIcon = _ref.filterIcon,
60
- onClose = _ref.onClose,
61
- hideFilterPopupHeader = _ref.hideFilterPopupHeader;
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
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
65
- perfectPosition = _useState2[0],
66
- setPerfectPosition = _useState2[1];
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
- _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
70
- visible = _useState4[0],
71
- setVisible = _useState4[1];
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
  }