@kdcloudjs/table 1.2.1-canary.7-hotfix.1 → 1.2.2-canary.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (199) 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.css.map +0 -0
  5. package/dist/@kdcloudjs/table.js +4095 -2984
  6. package/dist/@kdcloudjs/table.js.map +1 -1
  7. package/dist/@kdcloudjs/table.min.css +1 -1
  8. package/dist/@kdcloudjs/table.min.js +12 -10
  9. package/dist/@kdcloudjs/table.min.js.map +1 -1
  10. package/dist/default-theme.js +0 -0
  11. package/dist/kd-ui-complete.less +777 -777
  12. package/dist/kd-ui.less +0 -0
  13. package/dist/theme.js +0 -0
  14. package/es/_utils/formatUtil.js +1 -5
  15. package/es/_utils/hooks.js +3 -3
  16. package/es/_utils/usePopper.js +13 -13
  17. package/es/locale/locale.js +6 -7
  18. package/es/style/color/colors.less +1 -1
  19. package/es/style/core/index.less +1 -1
  20. package/es/style/core/motion/other.less +27 -27
  21. package/es/style/core/motion/slide.less +53 -53
  22. package/es/style/core/motion.less +1 -1
  23. package/es/style/core/reset.less +185 -185
  24. package/es/style/index.less +1 -1
  25. package/es/style/mixins/index.less +18 -18
  26. package/es/style/mixins/overlay.less +21 -21
  27. package/es/style/mixins/reset.less +12 -12
  28. package/es/style/themes/default.less +445 -445
  29. package/es/table/base/calculations.js +3 -3
  30. package/es/table/base/empty.js +2 -2
  31. package/es/table/base/globalStyleComponent.d.ts +4 -0
  32. package/es/table/base/globalStyleComponent.js +24 -0
  33. package/es/table/base/header.js +5 -7
  34. package/es/table/base/helpers/SpanManager.js +1 -2
  35. package/es/table/base/helpers/TableDOMUtils.js +5 -6
  36. package/es/table/base/html-table.js +3 -4
  37. package/es/table/base/loading.js +2 -2
  38. package/es/table/base/renderTemplates.js +16 -16
  39. package/es/table/base/styles.d.ts +11 -0
  40. package/es/table/base/styles.js +18 -7
  41. package/es/table/base/table.js +18 -20
  42. package/es/table/base/utils.js +3 -3
  43. package/es/table/interfaces.d.ts +41 -0
  44. package/es/table/pipeline/const.d.ts +3 -0
  45. package/es/table/pipeline/const.js +3 -0
  46. package/es/table/pipeline/features/columnDrag.js +0 -1
  47. package/es/table/pipeline/features/columnFilter.js +1 -3
  48. package/es/table/pipeline/features/columnResizeWidth.js +2 -2
  49. package/es/table/pipeline/features/contextMenu.js +4 -6
  50. package/es/table/pipeline/features/featureApi/RowDragApi.d.ts +15 -0
  51. package/es/table/pipeline/features/featureApi/RowDragApi.js +66 -0
  52. package/es/table/pipeline/features/featureApi/utils.d.ts +2 -0
  53. package/es/table/pipeline/features/featureApi/utils.js +10 -0
  54. package/es/table/pipeline/features/filter/DefaultFilterContent.js +4 -5
  55. package/es/table/pipeline/features/filter/Filter.js +2 -3
  56. package/es/table/pipeline/features/rangeSelection.js +10 -10
  57. package/es/table/pipeline/features/rowDetail.js +2 -2
  58. package/es/table/pipeline/features/rowDrag.d.ts +12 -12
  59. package/es/table/pipeline/features/rowDrag.js +605 -192
  60. package/es/table/pipeline/features/rowGrouping.js +2 -2
  61. package/es/table/pipeline/features/sort.js +6 -7
  62. package/es/table/pipeline/features/tips.js +4 -4
  63. package/es/table/pipeline/features/treeMode.d.ts +1 -0
  64. package/es/table/pipeline/features/treeMode.js +39 -12
  65. package/es/table/pipeline/features/treeSelect.js +2 -2
  66. package/es/table/pipeline/pipeline.d.ts +3 -0
  67. package/es/table/pipeline/pipeline.js +24 -3
  68. package/es/table/pivot/cross-table/buildCrossTable.js +6 -8
  69. package/es/table/pivot/cross-table/cross-table.js +1 -3
  70. package/es/table/pivot/cross-tree-table/buildCrossTreeTable.js +8 -10
  71. package/es/table/pivot/cross-tree-table/cross-tree-table.js +8 -11
  72. package/es/table/pivot/pivot-utils/builders.js +3 -3
  73. package/es/table/pivot/pivot-utils/convert-utils.js +3 -3
  74. package/es/table/style/index.less +1 -1
  75. package/es/table/transforms/autoWidth.js +3 -3
  76. package/es/table/transforms/columnResize.js +3 -5
  77. package/es/table/transforms/sort.js +6 -8
  78. package/es/table/transforms/tips.js +4 -4
  79. package/es/table/transforms/treeMode.js +6 -8
  80. package/es/table/utils/buildTree.js +3 -3
  81. package/es/table/utils/collectNodes.js +3 -3
  82. package/es/table/utils/exportTableAsExcel.js +3 -3
  83. package/es/table/utils/getTreeDepth.js +3 -3
  84. package/es/table/utils/groupBy.js +3 -3
  85. package/es/table/utils/makeRecursiveMapper.js +3 -3
  86. package/es/table/utils/mergeCellProps.js +0 -1
  87. package/es/table/utils/others.js +3 -3
  88. package/es/table/utils/traverseColumn.js +3 -3
  89. package/es/table/utils/tree-data-helpers/StrictTreeDataHelper.js +7 -8
  90. package/es/table/utils/tree-data-helpers/TreeDataHelper.js +4 -5
  91. package/lib/_utils/arrayUtil.js +2 -3
  92. package/lib/_utils/formatUtil.js +1 -5
  93. package/lib/_utils/hooks.js +3 -3
  94. package/lib/_utils/index.js +2 -3
  95. package/lib/_utils/type.js +3 -5
  96. package/lib/_utils/usePopper.js +18 -21
  97. package/lib/config-provider/ConfigContext.js +1 -2
  98. package/lib/config-provider/compDefaultProps.js +1 -2
  99. package/lib/config-provider/configProvider.js +3 -4
  100. package/lib/config-provider/defaultConfig.js +1 -2
  101. package/lib/config-provider/index.js +1 -2
  102. package/lib/locale/index.js +3 -4
  103. package/lib/locale/locale.js +10 -14
  104. package/lib/locale/zh-CN.js +1 -2
  105. package/lib/style/color/colors.less +2 -0
  106. package/lib/style/components.less +1 -1
  107. package/lib/style/core/index.less +2 -0
  108. package/lib/style/core/motion/other.less +28 -0
  109. package/lib/style/core/motion/slide.less +53 -0
  110. package/lib/style/core/motion.less +2 -0
  111. package/lib/style/core/reset.less +186 -0
  112. package/lib/style/index.css +410 -0
  113. package/lib/style/index.less +2 -0
  114. package/lib/style/mixins/index.less +19 -0
  115. package/lib/style/mixins/overlay.less +22 -0
  116. package/lib/style/mixins/reset.less +13 -0
  117. package/lib/style/themes/default.less +445 -0
  118. package/lib/style/themes/index.less +1 -0
  119. package/lib/table/base/calculations.js +3 -3
  120. package/lib/table/base/empty.js +4 -4
  121. package/lib/table/base/globalStyleComponent.d.ts +4 -0
  122. package/lib/table/base/globalStyleComponent.js +35 -0
  123. package/lib/table/base/header.js +5 -7
  124. package/lib/table/base/helpers/SpanManager.js +3 -5
  125. package/lib/table/base/helpers/TableDOMUtils.js +7 -9
  126. package/lib/table/base/helpers/getRichVisibleRectsStream.js +2 -2
  127. package/lib/table/base/html-table.js +3 -4
  128. package/lib/table/base/loading.js +2 -2
  129. package/lib/table/base/renderTemplates.js +18 -18
  130. package/lib/table/base/styles.d.ts +11 -0
  131. package/lib/table/base/styles.js +25 -21
  132. package/lib/table/base/table.js +30 -31
  133. package/lib/table/base/utils.js +13 -20
  134. package/lib/table/common-views.js +4 -8
  135. package/lib/table/interfaces.d.ts +41 -0
  136. package/lib/table/internals.js +2 -3
  137. package/lib/table/pipeline/const.d.ts +3 -0
  138. package/lib/table/pipeline/const.js +9 -0
  139. package/lib/table/pipeline/features/autoFill.js +3 -6
  140. package/lib/table/pipeline/features/colGroupExtendable.js +2 -3
  141. package/lib/table/pipeline/features/columnDrag.js +0 -1
  142. package/lib/table/pipeline/features/columnFilter.js +1 -3
  143. package/lib/table/pipeline/features/columnResizeWidth.js +7 -10
  144. package/lib/table/pipeline/features/contextMenu.js +6 -8
  145. package/lib/table/pipeline/features/featureApi/RowDragApi.d.ts +15 -0
  146. package/lib/table/pipeline/features/featureApi/RowDragApi.js +72 -0
  147. package/lib/table/pipeline/features/featureApi/utils.d.ts +2 -0
  148. package/lib/table/pipeline/features/featureApi/utils.js +17 -0
  149. package/lib/table/pipeline/features/filter/DefaultFilterContent.js +7 -9
  150. package/lib/table/pipeline/features/filter/Filter.js +5 -7
  151. package/lib/table/pipeline/features/filter/FilterPanel.js +3 -4
  152. package/lib/table/pipeline/features/filter/util.js +2 -3
  153. package/lib/table/pipeline/features/footerDataSource.js +1 -2
  154. package/lib/table/pipeline/features/rangeSelection.js +12 -14
  155. package/lib/table/pipeline/features/rowDetail.js +2 -2
  156. package/lib/table/pipeline/features/rowDrag.d.ts +12 -12
  157. package/lib/table/pipeline/features/rowDrag.js +608 -197
  158. package/lib/table/pipeline/features/rowGrouping.js +2 -2
  159. package/lib/table/pipeline/features/sort.js +6 -7
  160. package/lib/table/pipeline/features/tips.js +4 -4
  161. package/lib/table/pipeline/features/treeMode.d.ts +1 -0
  162. package/lib/table/pipeline/features/treeMode.js +41 -14
  163. package/lib/table/pipeline/features/treeSelect.js +2 -2
  164. package/lib/table/pipeline/index.js +2 -2
  165. package/lib/table/pipeline/pipeline.d.ts +3 -0
  166. package/lib/table/pipeline/pipeline.js +25 -5
  167. package/lib/table/pivot/cross-table/buildCrossTable.js +6 -8
  168. package/lib/table/pivot/cross-table/constants.js +1 -2
  169. package/lib/table/pivot/cross-table/cross-table.js +3 -6
  170. package/lib/table/pivot/cross-tree-table/buildCrossTreeTable.js +8 -10
  171. package/lib/table/pivot/cross-tree-table/cross-tree-table.js +9 -13
  172. package/lib/table/pivot/pivot-utils/builders.js +3 -3
  173. package/lib/table/pivot/pivot-utils/convert-utils.js +3 -3
  174. package/lib/table/style/index.css +0 -0
  175. package/lib/table/style/index.less +1 -0
  176. package/lib/table/transforms/autoWidth.js +5 -5
  177. package/lib/table/transforms/columnResize.js +5 -7
  178. package/lib/table/transforms/sort.js +8 -10
  179. package/lib/table/transforms/tips.js +4 -4
  180. package/lib/table/transforms/treeMode.js +8 -10
  181. package/lib/table/use/useResizeObserver.js +1 -2
  182. package/lib/table/utils/browserType.js +2 -4
  183. package/lib/table/utils/buildTree.js +3 -3
  184. package/lib/table/utils/collectNodes.js +3 -3
  185. package/lib/table/utils/console.js +2 -3
  186. package/lib/table/utils/copyToClipboard.js +1 -2
  187. package/lib/table/utils/exportTableAsExcel.js +3 -3
  188. package/lib/table/utils/getTreeDepth.js +3 -3
  189. package/lib/table/utils/groupBy.js +3 -3
  190. package/lib/table/utils/keyCode.js +1 -2
  191. package/lib/table/utils/makeRecursiveMapper.js +3 -3
  192. package/lib/table/utils/mergeCellProps.js +0 -1
  193. package/lib/table/utils/others.js +4 -5
  194. package/lib/table/utils/proto.js +1 -2
  195. package/lib/table/utils/selectColumn.js +2 -4
  196. package/lib/table/utils/traverseColumn.js +3 -3
  197. package/lib/table/utils/tree-data-helpers/StrictTreeDataHelper.js +9 -11
  198. package/lib/table/utils/tree-data-helpers/TreeDataHelper.js +6 -8
  199. package/package.json +218 -219
@@ -1,6 +1,8 @@
1
1
  "use strict";
2
2
 
3
3
  var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
4
+ var _mapInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/map");
5
+ var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
4
6
  var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
5
7
  var _sliceInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/slice");
6
8
  var _Array$from = require("@babel/runtime-corejs3/core-js-stable/array/from");
@@ -21,9 +23,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
21
23
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
22
24
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
23
25
  var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
24
- var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
25
26
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
26
27
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
28
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
27
29
  var _classnames = _interopRequireDefault(require("classnames"));
28
30
  var _react = _interopRequireDefault(require("react"));
29
31
  var _rxjs = require("rxjs");
@@ -37,16 +39,17 @@ var _TableDOMUtils = require("./helpers/TableDOMUtils");
37
39
  var _htmlTable = require("./html-table");
38
40
  var _loading = _interopRequireDefault(require("./loading"));
39
41
  var _styles = require("./styles");
42
+ var _globalStyleComponent = _interopRequireDefault(require("./globalStyleComponent"));
40
43
  var _utils = require("./utils");
41
44
  var _utils2 = require("../utils");
42
45
  var _renderTemplates = _interopRequireDefault(require("./renderTemplates"));
43
- 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); }
44
- 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; }
45
- function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
46
- function _unsupportedIterableToArray(o, minLen) { var _context2; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty2(_context2 = Object.prototype.toString.call(o)).call(_context2, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
47
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
48
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
49
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
46
+ 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); }
47
+ 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; }
48
+ function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof _Symbol && _getIteratorMethod(r) || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
49
+ function _unsupportedIterableToArray(r, a) { if (r) { var _context2; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = _sliceInstanceProperty2(_context2 = {}.toString.call(r)).call(_context2, 8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _Array$from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
50
+ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
51
+ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? _Reflect$construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
52
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
50
53
  var propsDotEmptyContentDeprecatedWarned = false;
51
54
  function warnPropsDotEmptyContentIsDeprecated() {
52
55
  if (!propsDotEmptyContentDeprecatedWarned) {
@@ -54,13 +57,11 @@ function warnPropsDotEmptyContentIsDeprecated() {
54
57
  _utils2.console.warn('BaseTable props.emptyContent 已经过时,请使用 props.components.EmptyContent 来自定义数据为空时的表格表现');
55
58
  }
56
59
  }
57
- var BaseTable = /*#__PURE__*/function (_React$Component) {
58
- (0, _inherits2.default)(BaseTable, _React$Component);
59
- var _super = _createSuper(BaseTable);
60
+ var BaseTable = exports.BaseTable = /*#__PURE__*/function (_React$Component) {
60
61
  function BaseTable(props) {
61
62
  var _this;
62
63
  (0, _classCallCheck2.default)(this, BaseTable);
63
- _this = _super.call(this, props);
64
+ _this = _callSuper(this, BaseTable, [props]);
64
65
  _this.rowHeightManager = (0, _rowHeightManager.makeRowHeightManager)(_this.props.dataSource.length, _this.props.estimatedRowHeight);
65
66
  _this.artTableWrapperRef = /*#__PURE__*/_react.default.createRef();
66
67
  _this.hasScrollY = false;
@@ -135,13 +136,13 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
135
136
  className: _styles.Classes.virtual,
136
137
  tabIndex: -1,
137
138
  style: virtualStyle
138
- }, topBlank > 0 && /*#__PURE__*/_react.default.createElement("div", {
139
+ }, topBlank > 0 && (/*#__PURE__*/_react.default.createElement("div", {
139
140
  key: "top-blank",
140
141
  className: (0, _classnames.default)(_styles.Classes.virtualBlank, 'top'),
141
142
  style: {
142
143
  height: topBlank
143
144
  }
144
- }), /*#__PURE__*/_react.default.createElement(_htmlTable.HtmlTable, {
145
+ })), /*#__PURE__*/_react.default.createElement(_htmlTable.HtmlTable, {
145
146
  tbodyHtmlTag: "tbody",
146
147
  getRowProps: getRowProps,
147
148
  primaryKey: primaryKey,
@@ -153,13 +154,13 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
153
154
  limit: bottomIndex,
154
155
  last: dataSource.length - 1
155
156
  }
156
- }), bottomBlank > 0 && /*#__PURE__*/_react.default.createElement("div", {
157
+ }), bottomBlank > 0 && (/*#__PURE__*/_react.default.createElement("div", {
157
158
  key: "bottom-blank",
158
159
  className: (0, _classnames.default)(_styles.Classes.virtualBlank, 'bottom'),
159
160
  style: {
160
161
  height: bottomBlank
161
162
  }
162
- })));
163
+ }))));
163
164
  };
164
165
  _this.state = {
165
166
  hasScroll: true,
@@ -176,7 +177,8 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
176
177
  return _this;
177
178
  }
178
179
  /** @deprecated BaseTable.getDoms() 已经过时,请勿调用 */
179
- (0, _createClass2.default)(BaseTable, [{
180
+ (0, _inherits2.default)(BaseTable, _React$Component);
181
+ return (0, _createClass2.default)(BaseTable, [{
180
182
  key: "getDoms",
181
183
  value: function getDoms() {
182
184
  _utils2.console.warn('[kd-table] BaseTable.getDoms() 已经过时');
@@ -458,7 +460,6 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
458
460
  }, {
459
461
  key: "render",
460
462
  value: function render() {
461
- var _cx;
462
463
  // console.log('render table')
463
464
  var info = (0, _calculations.calculateRenderInfo)(this);
464
465
  this.lastInfo = info;
@@ -476,7 +477,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
476
477
  footerDataSource = _this$props7.footerDataSource,
477
478
  components = _this$props7.components,
478
479
  bordered = _this$props7.bordered;
479
- var artTableWrapperClassName = (0, _classnames.default)(_styles.Classes.artTableWrapper, (_cx = {
480
+ var artTableWrapperClassName = (0, _classnames.default)(_styles.Classes.artTableWrapper, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
480
481
  'use-outer-border': useOuterBorder,
481
482
  empty: dataSource.length === 0,
482
483
  lock: info.hasLockColumn,
@@ -484,19 +485,19 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
484
485
  'sticky-header': isStickyHeader !== null && isStickyHeader !== void 0 ? isStickyHeader : isStickyHead,
485
486
  'has-footer': footerDataSource.length > 0,
486
487
  'sticky-footer': isStickyFooter
487
- }, (0, _defineProperty2.default)(_cx, _styles.Classes.artTableBordered, bordered), (0, _defineProperty2.default)(_cx, 'ie-polyfill-wrapper', _utils2.browserType.isIE), (0, _defineProperty2.default)(_cx, 'sticky-polyfill-wrapper', (0, _utils2.isStickyUIDegrade)()), _cx), className);
488
+ }, _styles.Classes.artTableBordered, bordered), 'ie-polyfill-wrapper', _utils2.browserType.isIE), 'sticky-polyfill-wrapper', (0, _utils2.isStickyUIDegrade)()), className);
488
489
  var artTableWrapperProps = (0, _defineProperty2.default)({
489
490
  className: artTableWrapperClassName,
490
491
  style: style
491
492
  }, _utils.STYLED_REF_PROP, this.artTableWrapperRef);
492
493
  var tableProps = getTableProps() || {};
493
- return /*#__PURE__*/_react.default.createElement(_styles.StyledArtTableWrapper, (0, _extends2.default)({}, artTableWrapperProps), /*#__PURE__*/_react.default.createElement(_loading.default, {
494
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_globalStyleComponent.default, null), /*#__PURE__*/_react.default.createElement(_styles.StyledArtTableWrapper, (0, _extends2.default)({}, artTableWrapperProps), /*#__PURE__*/_react.default.createElement(_loading.default, {
494
495
  visible: isLoading,
495
496
  LoadingIcon: components.LoadingIcon,
496
497
  LoadingContentWrapper: components.LoadingContentWrapper
497
498
  }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, tableProps, {
498
499
  className: (0, _classnames.default)(_styles.Classes.artTable, tableProps.className)
499
- }), this.renderTableHeader(info), this.renderTableBody(info), this.renderTableFooter(info), this.renderLockShadows(info)), this.renderStickyScroll(info)));
500
+ }), this.renderTableHeader(info), this.renderTableBody(info), this.renderTableFooter(info), this.renderLockShadows(info)), this.renderStickyScroll(info))));
500
501
  }
501
502
  }, {
502
503
  key: "componentDidMount",
@@ -593,9 +594,9 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
593
594
  }));
594
595
  var richVisibleRects$ = (0, _getRichVisibleRectsStream.getRichVisibleRectsStream)(this.domHelper.virtual, this.props$.pipe(op.skip(1), op.mapTo('structure-may-change')), this.props.virtualDebugLabel).pipe(op.shareReplay());
595
596
  // 每当可见部分发生变化的时候,调整 loading icon 的未知(如果 loading icon 存在的话)
596
- this.rootSubscription.add((0, _rxjs.combineLatest)([richVisibleRects$.pipe(op.map(function (p) {
597
+ this.rootSubscription.add((0, _rxjs.combineLatest)([richVisibleRects$.pipe(_mapInstanceProperty2(op).call(op, function (p) {
597
598
  return p.clipRect;
598
- }), op.distinctUntilChanged(_utils.shallowEqual)), this.props$.pipe(op.startWith(null), op.pairwise(), op.filter(function (_ref) {
599
+ }), op.distinctUntilChanged(_utils.shallowEqual)), this.props$.pipe(op.startWith(null), op.pairwise(), _filterInstanceProperty(op).call(op, function (_ref) {
599
600
  var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
600
601
  prevProps = _ref2[0],
601
602
  props = _ref2[1];
@@ -613,12 +614,12 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
613
614
  loadingIndicator.style.marginTop = "".concat(height / 2, "px");
614
615
  }));
615
616
  // 每当可见部分发生变化的时候,如果开启了虚拟滚动,则重新触发 render
616
- this.rootSubscription.add(richVisibleRects$.pipe(op.filter(function () {
617
+ this.rootSubscription.add(richVisibleRects$.pipe(_filterInstanceProperty(op).call(op, function () {
617
618
  var _this2$lastInfo$useVi = _this2.lastInfo.useVirtual,
618
619
  horizontal = _this2$lastInfo$useVi.horizontal,
619
620
  vertical = _this2$lastInfo$useVi.vertical;
620
621
  return horizontal || vertical;
621
- }), op.map(function (_ref5) {
622
+ }), _mapInstanceProperty2(op).call(op, function (_ref5) {
622
623
  var clipRect = _ref5.clipRect,
623
624
  offsetY = _ref5.offsetY;
624
625
  return {
@@ -636,7 +637,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
636
637
  })).subscribe(function (sizeAndOffset) {
637
638
  _this2.setState(sizeAndOffset);
638
639
  }));
639
- this.rootSubscription.add(richVisibleRects$.pipe(op.map(function (_ref6) {
640
+ this.rootSubscription.add(richVisibleRects$.pipe(_mapInstanceProperty2(op).call(op, function (_ref6) {
640
641
  var clipRect = _ref6.clipRect,
641
642
  offsetY = _ref6.offsetY;
642
643
  return {
@@ -648,7 +649,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
648
649
  return x.offsetY - y.offsetY === 0;
649
650
  }),
650
651
  // 计算得到当前行索引对应的数据块,blocks改成数组的形式,兼容快速拖动可视区域出现两个数据块的情况
651
- op.map(function (sizeAndOffset) {
652
+ _mapInstanceProperty2(op).call(op, function (sizeAndOffset) {
652
653
  var _a;
653
654
  var offsetY = sizeAndOffset.offsetY,
654
655
  maxRenderHeight = sizeAndOffset.maxRenderHeight;
@@ -666,7 +667,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
666
667
  return x[0] === y[0] && x[1] === y[1];
667
668
  }), op.switchMap(function (startIndexs) {
668
669
  var event$ = (0, _rxjs.from)(startIndexs);
669
- return event$.pipe(op.map(function (startIndex) {
670
+ return event$.pipe(_mapInstanceProperty2(op).call(op, function (startIndex) {
670
671
  return startIndex;
671
672
  }));
672
673
  }),
@@ -764,9 +765,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
764
765
  }
765
766
  }
766
767
  }]);
767
- return BaseTable;
768
768
  }(_react.default.Component);
769
- exports.BaseTable = BaseTable;
770
769
  BaseTable.defaultProps = {
771
770
  hasHeader: true,
772
771
  isStickyHeader: true,
@@ -36,20 +36,16 @@ var _mergeCellProps = _interopRequireDefault(require("../utils/mergeCellProps"))
36
36
  var _utils = require("../utils");
37
37
  var _styles = require("./styles");
38
38
  var _element = require("../utils/element");
39
- 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); }
40
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(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; }
41
- function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
42
- function _unsupportedIterableToArray(o, minLen) { var _context; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context = Object.prototype.toString.call(o)).call(_context, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
43
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
39
+ 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); }
40
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(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; }
41
+ function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof _Symbol && _getIteratorMethod(r) || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
42
+ function _unsupportedIterableToArray(r, a) { if (r) { var _context; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = _sliceInstanceProperty(_context = {}.toString.call(r)).call(_context, 8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _Array$from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
43
+ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
44
44
  /** styled-components 类库的版本,ali-react-table 同时支持 v3 和 v5 */
45
- var STYLED_VERSION = styledComponents.createGlobalStyle != null ? 'v5' : 'v3';
46
- exports.STYLED_VERSION = STYLED_VERSION;
47
- var STYLED_REF_PROP = STYLED_VERSION === 'v3' ? 'innerRef' : 'ref';
48
- exports.STYLED_REF_PROP = STYLED_REF_PROP;
49
- var OVERSCAN_SIZE = 100;
50
- exports.OVERSCAN_SIZE = OVERSCAN_SIZE;
51
- var AUTO_VIRTUAL_THRESHOLD = 100;
52
- exports.AUTO_VIRTUAL_THRESHOLD = AUTO_VIRTUAL_THRESHOLD;
45
+ var STYLED_VERSION = exports.STYLED_VERSION = styledComponents.createGlobalStyle != null ? 'v5' : 'v3';
46
+ var STYLED_REF_PROP = exports.STYLED_REF_PROP = STYLED_VERSION === 'v3' ? 'innerRef' : 'ref';
47
+ var OVERSCAN_SIZE = exports.OVERSCAN_SIZE = 100;
48
+ var AUTO_VIRTUAL_THRESHOLD = exports.AUTO_VIRTUAL_THRESHOLD = 100;
53
49
  function sum(arr) {
54
50
  var result = 0;
55
51
  arr.forEach(function (x) {
@@ -58,7 +54,7 @@ function sum(arr) {
58
54
  return result;
59
55
  }
60
56
  // 使用 defer 避免过早引用 window,导致在 SSR 场景下报错
61
- var throttledWindowResize$ = (0, _rxjs.defer)(function () {
57
+ var throttledWindowResize$ = exports.throttledWindowResize$ = (0, _rxjs.defer)(function () {
62
58
  return (0, _rxjs.fromEvent)(window, 'resize', {
63
59
  passive: true
64
60
  }).pipe((0, _operators.throttleTime)(150, _rxjs.asyncScheduler, {
@@ -66,8 +62,7 @@ var throttledWindowResize$ = (0, _rxjs.defer)(function () {
66
62
  trailing: true
67
63
  }));
68
64
  });
69
- exports.throttledWindowResize$ = throttledWindowResize$;
70
- var addResizeObserver = function addResizeObserver(element, handler) {
65
+ var addResizeObserver = exports.addResizeObserver = function addResizeObserver(element, handler) {
71
66
  var measure = function measure(entries) {
72
67
  if (!entries[0] || !entries[0].contentRect) {
73
68
  return;
@@ -84,7 +79,6 @@ var addResizeObserver = function addResizeObserver(element, handler) {
84
79
  return resizeObserver;
85
80
  };
86
81
  /** 获取默认的滚动条大小 */
87
- exports.addResizeObserver = addResizeObserver;
88
82
  function getScrollbarSizeImpl() {
89
83
  var scrollDiv = document.createElement('div');
90
84
  scrollDiv.style.position = 'absolute';
@@ -211,7 +205,7 @@ function getTableScrollHeaderDOM(domHelper) {
211
205
  function getTableScrollFooterDOM(domHelper) {
212
206
  return (0, _utils.isStickyUIDegrade)() ? domHelper.tableFooterMain : domHelper.tableFooter;
213
207
  }
214
- var cssPolifill = function cssPolifill(_ref) {
208
+ var cssPolifill = exports.cssPolifill = function cssPolifill(_ref) {
215
209
  var variables = _ref.variables,
216
210
  enableCSSVariables = _ref.enableCSSVariables,
217
211
  bordered = _ref.bordered;
@@ -233,5 +227,4 @@ var cssPolifill = function cssPolifill(_ref) {
233
227
  watch: true,
234
228
  silent: true
235
229
  });
236
- };
237
- exports.cssPolifill = cssPolifill;
230
+ };
@@ -11,12 +11,10 @@ var _react = _interopRequireDefault(require("react"));
11
11
  var _styledComponents = _interopRequireDefault(require("styled-components"));
12
12
  var _styles = require("./base/styles");
13
13
  var _templateObject, _templateObject2, _templateObject3;
14
- var InlineFlexCell = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: inline-flex;\n align-items: center;\n"])));
15
- exports.InlineFlexCell = InlineFlexCell;
16
- var ExpansionCell = (0, _styledComponents.default)(function (props) {
14
+ var InlineFlexCell = exports.InlineFlexCell = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: inline-flex;\n align-items: center;\n"])));
15
+ var ExpansionCell = exports.ExpansionCell = (0, _styledComponents.default)(function (props) {
17
16
  return /*#__PURE__*/_react.default.createElement(InlineFlexCell, (0, _extends2.default)({}, props));
18
17
  })(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n &.", " {\n cursor: default;\n }\n\n .expansion-icon {\n fill: #999;\n flex: 0 0 16px;\n transition: transform 200ms;\n\n &.", " {\n transform-origin: center center;\n transform: rotate(90deg);\n }\n }\n"])), _styles.Classes.leaf, _styles.Classes.expanded);
19
- exports.ExpansionCell = ExpansionCell;
20
18
  function CaretDownIcon(props) {
21
19
  return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
22
20
  focusable: "false",
@@ -65,12 +63,10 @@ function LoadingIcon(props) {
65
63
  d: "M512 74.667c-17.067 0-32 14.933-32 32V256c0 17.067 14.933 32 32 32s32-14.933 32-32V106.667c0-17.067-14.933-32-32-32zm181.333 288c8.534 0 17.067-2.134 23.467-8.534L821.333 249.6c12.8-12.8 12.8-32 0-44.8-12.8-12.8-32-12.8-44.8 0L672 309.333c-12.8 12.8-12.8 32 0 44.8 4.267 6.4 12.8 8.534 21.333 8.534zm224 117.333H768c-17.067 0-32 14.933-32 32s14.933 32 32 32h149.333c17.067 0 32-14.933 32-32s-14.933-32-32-32zM714.667 669.867c-12.8-12.8-32-12.8-44.8 0s-12.8 32 0 44.8L774.4 819.2c6.4 6.4 14.933 8.533 23.467 8.533s17.066-2.133 23.466-8.533c12.8-12.8 12.8-32 0-44.8L714.667 669.867zM512 736c-17.067 0-32 14.933-32 32v149.333c0 17.067 14.933 32 32 32s32-14.933 32-32V768c0-17.067-14.933-32-32-32zm-202.667-66.133L204.8 774.4c-12.8 12.8-12.8 32 0 44.8 6.4 6.4 14.933 8.533 23.467 8.533s17.066-2.133 23.466-8.533l104.534-104.533c12.8-12.8 12.8-32 0-44.8s-36.267-12.8-46.934 0zM288 512c0-17.067-14.933-32-32-32H106.667c-17.067 0-32 14.933-32 32s14.933 32 32 32H256c17.067 0 32-14.933 32-32zm-40.533-309.333c-12.8-12.8-32-12.8-44.8 0-12.8 12.8-12.8 32 0 44.8L307.2 352c6.4 6.4 14.933 8.533 23.467 8.533s17.066-2.133 23.466-8.533c12.8-12.8 12.8-32 0-44.8L247.467 202.667z"
66
64
  }));
67
65
  }
68
- var icons = {
66
+ var icons = exports.icons = {
69
67
  Loading: LoadingIcon,
70
68
  CaretDown: CaretDownIcon,
71
69
  CaretRight: CaretRightIcon,
72
70
  Info: InfoIcon
73
71
  };
74
- exports.icons = icons;
75
- var ContextMenuStyleWrap = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n &.", "{\n border: 1px solid #e9ecf1;\n border-radius: 2px;\n background-color: #Fff;\n box-shadow: 0px 0px 5px 0px rgb(154 154 154 / 50%);\n cursor: default;\n font-size: 12px;\n position:absolute;\n z-index: 1050;\n max-width: 600px;\n padding: 8px 0;\n }\n\n .", "{\n width:100%;\n display: table;\n }\n\n .", " .", "{\n display: table-row;\n color: #212121;\n }\n\n .", " .", "{\n background-color: var(--hover-bgcolor);\n }\n\n .", " .", " .", "{\n display: table-cell;\n padding: 8px 12px;\n max-width: 576px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n line-height: 16px;\n }\n .", " .", ".", "{\n opacity: .5;\n }\n\n"])), _styles.MenuClasses.menu, _styles.MenuClasses.menuList, _styles.MenuClasses.menuList, _styles.MenuClasses.menuOption, _styles.MenuClasses.menuList, _styles.MenuClasses.menuOptionActive, _styles.MenuClasses.menuList, _styles.MenuClasses.menuOption, _styles.MenuClasses.menuOptionText, _styles.MenuClasses.menuList, _styles.MenuClasses.menuOption, _styles.MenuClasses.menuOptionDisable);
76
- exports.ContextMenuStyleWrap = ContextMenuStyleWrap;
72
+ var ContextMenuStyleWrap = exports.ContextMenuStyleWrap = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n &.", "{\n border: 1px solid #e9ecf1;\n border-radius: 2px;\n background-color: #Fff;\n box-shadow: 0px 0px 5px 0px rgb(154 154 154 / 50%);\n cursor: default;\n font-size: 12px;\n position:absolute;\n z-index: 1050;\n max-width: 600px;\n padding: 8px 0;\n }\n\n .", "{\n width:100%;\n display: table;\n }\n\n .", " .", "{\n display: table-row;\n color: #212121;\n }\n\n .", " .", "{\n background-color: var(--hover-bgcolor);\n }\n\n .", " .", " .", "{\n display: table-cell;\n padding: 8px 12px;\n max-width: 576px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n line-height: 16px;\n }\n .", " .", ".", "{\n opacity: .5;\n }\n\n"])), _styles.MenuClasses.menu, _styles.MenuClasses.menuList, _styles.MenuClasses.menuList, _styles.MenuClasses.menuOption, _styles.MenuClasses.menuList, _styles.MenuClasses.menuOptionActive, _styles.MenuClasses.menuList, _styles.MenuClasses.menuOption, _styles.MenuClasses.menuOptionText, _styles.MenuClasses.menuList, _styles.MenuClasses.menuOption, _styles.MenuClasses.menuOptionDisable);
@@ -101,3 +101,44 @@ export interface CustomeFilterPanelProps extends FilterPanelProps {
101
101
  filterModel: FilterItem;
102
102
  }
103
103
  export declare type FilterPanel = React.ComponentType<DefaultFilterPanelProps | CustomeFilterPanelProps>;
104
+ export interface RowDragEvent {
105
+ startRowIndex: number;
106
+ startRow: any;
107
+ endRowIndex: number;
108
+ endRow: any;
109
+ isFinished: boolean;
110
+ dragPosition: string;
111
+ startDropZoneTagret: Element;
112
+ startCommonParams: any;
113
+ commonParams?: any;
114
+ dropZoneTarget: Element;
115
+ event: MouseEvent;
116
+ x: number;
117
+ y: number;
118
+ }
119
+ export interface DragEvent {
120
+ dragItem: any;
121
+ startDropZoneTagret: Element;
122
+ startCommonParams: any;
123
+ commonParams?: any;
124
+ dropZoneTarget: Element;
125
+ dropZoneTableParams?: RowDropZoneTableParams;
126
+ event: MouseEvent;
127
+ x: number;
128
+ y: number;
129
+ }
130
+ export interface RowDropZoneParams {
131
+ getContainer: () => HTMLElement;
132
+ onDragEnter?: (params: DragEvent) => void;
133
+ onDragLeave?: (params: DragEvent) => void;
134
+ onDragging?: (params: DragEvent) => void;
135
+ onDragStop?: (params: DragEvent, source?: string) => void;
136
+ isTable?: boolean;
137
+ tableParams?: RowDropZoneTableParams;
138
+ }
139
+ interface RowDropZoneTableParams {
140
+ getDataSource: () => any[];
141
+ getTreeModeOptions: () => any;
142
+ getRowDragOptions: () => any;
143
+ }
144
+ export {};
@@ -40,11 +40,10 @@ function safeRender(column, record, rowIndex) {
40
40
  }
41
41
  return value;
42
42
  }
43
- var internals = {
43
+ var internals = exports.internals = {
44
44
  safeRenderHeader: safeRenderHeader,
45
45
  safeGetValue: safeGetValue,
46
46
  safeGetRowKey: safeGetRowKey,
47
47
  safeGetCellProps: safeGetCellProps,
48
48
  safeRender: safeRender
49
- };
50
- exports.internals = internals;
49
+ };
@@ -0,0 +1,3 @@
1
+ export declare const FeatureName: {
2
+ rowDrag: string;
3
+ };
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.FeatureName = void 0;
7
+ var FeatureName = exports.FeatureName = {
8
+ rowDrag: 'rowDrag'
9
+ };
@@ -16,12 +16,10 @@ var _calculations = require("../../base/calculations");
16
16
  var _utils = require("../../utils");
17
17
  var _styles = require("../../base/styles");
18
18
  var _columnResizeWidth = require("./columnResizeWidth");
19
- var FILL_COLUMN_CODE = '$_fill_column_&';
20
- exports.FILL_COLUMN_CODE = FILL_COLUMN_CODE;
21
- var tableWidthKey = 'tableWidth';
22
- exports.tableWidthKey = tableWidthKey;
19
+ var FILL_COLUMN_CODE = exports.FILL_COLUMN_CODE = '$_fill_column_&';
20
+ var tableWidthKey = exports.tableWidthKey = 'tableWidth';
23
21
  var FLEX_COLUMN_COUNT = (0, _symbol.default)('flexCount');
24
- var autoFillTableWidth = function autoFillTableWidth() {
22
+ var autoFillTableWidth = exports.autoFillTableWidth = function autoFillTableWidth() {
25
23
  return function (pipeline) {
26
24
  var flexColumnResult = findFlexColumns(pipeline);
27
25
  var flexCount = flexColumnResult.get(FLEX_COLUMN_COUNT);
@@ -107,7 +105,6 @@ var autoFillTableWidth = function autoFillTableWidth() {
107
105
  }
108
106
  };
109
107
  };
110
- exports.autoFillTableWidth = autoFillTableWidth;
111
108
  function getColumnWidthSum(pipeline) {
112
109
  return dfs(pipeline.getColumns());
113
110
  function dfs(columns) {
@@ -41,7 +41,7 @@ var ExpandIcon = function ExpandIcon(_ref) {
41
41
  d: "M321.652913 178.347087C309.449029 166.143203 309.449029 146.356797 321.652913 134.152913C333.856797 121.949029 353.643203 121.949029 365.847088 134.152913L709.597087 477.902913C721.800972 490.106797 721.800972 509.893203 709.597087 522.097087L365.847088 865.847087C353.643203 878.050972 333.856797 878.050972 321.652913 865.847087C309.449029 853.643203 309.449029 833.856797 321.652913 821.652913L643.305825 500L321.652913 178.347087z"
42
42
  }));
43
43
  };
44
- var colGroupExtendable = function colGroupExtendable() {
44
+ var colGroupExtendable = exports.colGroupExtendable = function colGroupExtendable() {
45
45
  var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
46
46
  return function (pipeline) {
47
47
  var _a, _b;
@@ -94,5 +94,4 @@ var colGroupExtendable = function colGroupExtendable() {
94
94
  pipeline.columns(processColumns(columns));
95
95
  return pipeline;
96
96
  };
97
- };
98
- exports.colGroupExtendable = colGroupExtendable;
97
+ };
@@ -223,7 +223,6 @@ function columnDrag() {
223
223
  e.stopPropagation(); // 存在移动就阻止冒泡
224
224
  currentTarget.addEventListener('click', stopClickPropagation); // 阻止列头点击事件,防止拖动后触发列头过滤事件
225
225
  }
226
-
227
226
  window.requestAnimationFrame(function () {
228
227
  // 取消阻止列头点击事件
229
228
  currentTarget.removeEventListener('click', stopClickPropagation);
@@ -52,7 +52,6 @@ function filter() {
52
52
  var filterable = col.code && ((_a = col.features) === null || _a === void 0 ? void 0 : _a.filterable);
53
53
  var filterActive = !!(filterable && (inputFiltersMap === null || inputFiltersMap === void 0 ? void 0 : inputFiltersMap.get(col.code)));
54
54
  if (filterable) {
55
- var _cx;
56
55
  var handleFilterChanged = function handleFilterChanged(filterItem) {
57
56
  var nextFiltersMap = new _map.default(inputFiltersMap);
58
57
  var currentFilter = (0, _extends2.default)({
@@ -87,7 +86,7 @@ function filter() {
87
86
  setFilterModel: handleFilterChanged,
88
87
  setFilter: setFilter,
89
88
  isFilterActive: filterActive,
90
- className: (0, _classnames.default)((_cx = {}, (0, _defineProperty2.default)(_cx, _styles.Classes.tableFilterTrigger, true), (0, _defineProperty2.default)(_cx, "active", filterActive), _cx)),
89
+ className: (0, _classnames.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _styles.Classes.tableFilterTrigger, true), "active", filterActive)),
91
90
  stopClickEventPropagation: stopClickEventPropagation,
92
91
  stopESCKeyDownEventPropagation: stopESCKeyDownEventPropagation,
93
92
  hideFilterPopupHeader: hideFilterPopupHeader,
@@ -106,7 +105,6 @@ function filter() {
106
105
  // }
107
106
  // })
108
107
  }
109
-
110
108
  if (!(0, _utils.isLeafNode)(col)) {
111
109
  var _context3;
112
110
  result.children = (0, _map2.default)(_context3 = col.children).call(_context3, dfs);
@@ -22,8 +22,8 @@ var _utils = require("../../utils");
22
22
  var _internals = require("../../internals");
23
23
  var _styles = require("../../base/styles");
24
24
  var _templateObject, _templateObject2;
25
- function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
26
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
+ 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); }
26
+ 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; }
27
27
  var TableHeaderCellResize = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n top: 0;\n right: -5px;\n height: 100%;\n width: 10px;\n cursor: ew-resize;\n display: flex;\n flex-direction: column;\n align-items: center;\n z-index:1;\n\n &:after {\n content: \"\";\n position: absolute;\n display: block;\n left: calc(50% - 1px);\n width: 1px;\n height: calc(100% - 14px);\n top: 7px;\n }\n"])));
28
28
  var TableHeaderGroupCellResize = (0, _styledComponents.default)(function (props) {
29
29
  return /*#__PURE__*/_react.default.createElement(TableHeaderCellResize, (0, _extends2.default)({}, props));
@@ -35,12 +35,9 @@ function disableSelect(event) {
35
35
  event.preventDefault();
36
36
  }
37
37
  var stateKey = 'columnResize';
38
- var COLUMN_SIZE_KEY = 'columnResize';
39
- exports.COLUMN_SIZE_KEY = COLUMN_SIZE_KEY;
40
- var RESIZED_COLUMN_KEY = 'resizedColumn';
41
- exports.RESIZED_COLUMN_KEY = RESIZED_COLUMN_KEY;
42
- var LAST_RESIZED_COLUMN_KEY = 'lastResizedColumn';
43
- exports.LAST_RESIZED_COLUMN_KEY = LAST_RESIZED_COLUMN_KEY;
38
+ var COLUMN_SIZE_KEY = exports.COLUMN_SIZE_KEY = 'columnResize';
39
+ var RESIZED_COLUMN_KEY = exports.RESIZED_COLUMN_KEY = 'resizedColumn';
40
+ var LAST_RESIZED_COLUMN_KEY = exports.LAST_RESIZED_COLUMN_KEY = 'lastResizedColumn';
44
41
  function columnResize() {
45
42
  var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
46
43
  var _a, _b, _c;
@@ -159,7 +156,7 @@ function columnResize() {
159
156
  width = col.width;
160
157
  return (0, _extends2.default)((0, _extends2.default)({}, col), {
161
158
  width: (_a = columnSize[code]) !== null && _a !== void 0 ? _a : width,
162
- title: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, prevTitle, (features === null || features === void 0 ? void 0 : features.resizeable) !== false && (isGroup ? /*#__PURE__*/_react.default.createElement(TableHeaderGroupCellResize, {
159
+ title: (/*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, prevTitle, (features === null || features === void 0 ? void 0 : features.resizeable) !== false && (isGroup ? /*#__PURE__*/_react.default.createElement(TableHeaderGroupCellResize, {
163
160
  className: _styles.Classes.tableHeaderCellResize,
164
161
  onDoubleClick: function onDoubleClick(e) {
165
162
  return handleDoubleClick(e, col);
@@ -175,7 +172,7 @@ function columnResize() {
175
172
  onMouseDown: function onMouseDown(e) {
176
173
  return handleMouseDown(e, col);
177
174
  }
178
- }))),
175
+ })))),
179
176
  headerCellProps: (0, _utils.mergeCellProps)(col.headerCellProps, {
180
177
  className: 'resizeable'
181
178
  })
@@ -21,8 +21,8 @@ var _utils = require("../../utils");
21
21
  var _others = require("../../utils/others");
22
22
  var _internals = require("../../internals");
23
23
  var _styles = require("../../base/styles");
24
- function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
25
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
24
+ 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); }
25
+ 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; }
26
26
  function contextMenu() {
27
27
  var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
28
28
  return function step(pipeline) {
@@ -35,24 +35,24 @@ function contextMenu() {
35
35
  popupParent.appendChild(ePopupDiv);
36
36
  var popupHidden = false;
37
37
  var eventList = ['mousedown', 'contextmenu'];
38
- var hidePopup = function hidePopup(event) {
38
+ var _hidePopup2 = function hidePopup(event) {
39
39
  if (isEventFromCurrentPopup(event, ePopupDiv) || popupHidden) {
40
40
  return;
41
41
  }
42
42
  popupHidden = true;
43
43
  popupParent.removeChild(ePopupDiv);
44
44
  eventList.forEach(function (eventType) {
45
- window.removeEventListener(eventType, hidePopup, true);
45
+ window.removeEventListener(eventType, _hidePopup2, true);
46
46
  });
47
47
  };
48
48
  _reactDom.default.render(menu, ePopupDiv, function () {
49
49
  setTimeout(function () {
50
50
  eventList.forEach(function (eventType) {
51
- window.addEventListener(eventType, hidePopup, true);
51
+ window.addEventListener(eventType, _hidePopup2, true);
52
52
  });
53
53
  }, 0);
54
54
  });
55
- return hidePopup;
55
+ return _hidePopup2;
56
56
  };
57
57
  var onContextMenu = function onContextMenu(e) {
58
58
  if (canShowContextMenu(e, pipeline)) {
@@ -296,12 +296,10 @@ function keepWithinBounds(popupParent, ePopup, x, y) {
296
296
  var maxX = parentWidth - minWidth;
297
297
  x = Math.min(Math.max(x, 0), Math.abs(maxX)); // 目前位置,最大支持的位置
298
298
  }
299
-
300
299
  if (y) {
301
300
  var maxY = parentHeight - ePopupRect.height;
302
301
  y = Math.min(Math.max(y, 0), Math.abs(maxY)); // 目前位置,最大支持的位置
303
302
  }
304
-
305
303
  return {
306
304
  x: x,
307
305
  y: y
@@ -0,0 +1,15 @@
1
+ import { RowDropZoneParams } from '../../../interfaces';
2
+ export default class RowDragApi {
3
+ private pipeline;
4
+ private rowDropZoneParams;
5
+ private rowDropZones;
6
+ private dragStatus;
7
+ constructor(pipeline: any);
8
+ getRowDropZoneParams(): RowDropZoneParams;
9
+ setRowDropZoneParams(params: any): void;
10
+ addRowDropZone(rowDropZone: any): void;
11
+ getRowDropZone(): RowDropZoneParams[];
12
+ removeRowDropZone(rowDropZone: any): void;
13
+ private setDragStatus;
14
+ private getDragStatus;
15
+ }