@kdcloudjs/table 1.0.0

package/lib/table/base/header.js

@@ -0,0 +1,340 @@
+"use strict";
+
+var _sliceInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/slice");
+
+var _Array$from = require("@babel/runtime-corejs3/core-js-stable/array/from");
+
+var _Symbol = require("@babel/runtime-corejs3/core-js-stable/symbol");
+
+var _getIteratorMethod = require("@babel/runtime-corejs3/core-js/get-iterator-method");
+
+var _getIterator = require("@babel/runtime-corejs3/core-js/get-iterator");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TableHeader;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
+
+var _flat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/flat"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _utils = require("../utils");
+
+var _styles = require("./styles");
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof _Symbol === "undefined" || _getIteratorMethod(o) == null) { 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 = _getIterator(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; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { var _context6; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context6 = Object.prototype.toString.call(o)).call(_context6, 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); }
+
+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; }
+
+function range(n) {
+  var array = [];
+
+  for (var i = 0; i < n; i++) {
+    array.push(i);
+  }
+
+  return array;
+}
+/** 根据当前横向虚拟滚动 对 nested.center 进行过滤，结果只保留当前视野内可见的那些列配置 */
+
+
+function filterNestedCenter(centerNested, hoz, leftFlatCount) {
+  return dfs(centerNested, leftFlatCount).filtered;
+
+  function dfs(cols, startColIndex) {
+    var leafCount = 0;
+    var filtered = [];
+
+    var _iterator = _createForOfIteratorHelper(cols),
+        _step;
+
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var col = _step.value;
+        var colIndex = startColIndex + leafCount;
+
+        if ((0, _utils.isLeafNode)(col)) {
+          leafCount += 1;
+
+          if (leftFlatCount + hoz.leftIndex <= colIndex && colIndex < leftFlatCount + hoz.rightIndex) {
+            filtered.push({
+              colIndex: colIndex,
+              col: col
+            });
+          }
+        } else {
+          var dfsRes = dfs(col.children, colIndex);
+          leafCount += dfsRes.leafCount;
+
+          if (dfsRes.filtered.length > 0) {
+            filtered.push({
+              colIndex: colIndex,
+              col: col,
+              children: dfsRes.filtered
+            });
+          }
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+
+    return {
+      filtered: filtered,
+      leafCount: leafCount
+    };
+  }
+}
+/** 根据输入的 nested 列配置，算出相应的 leveled & flat 配置方便渲染 */
+
+
+function calculateLeveledAndFlat(inputNested, rowCount) {
+  var leveled = [];
+
+  for (var depth = 0; depth < rowCount; depth++) {
+    leveled.push([]);
+  }
+
+  var flat = [];
+  dfs(inputNested, 0);
+  return {
+    flat: flat,
+    leveled: leveled
+  };
+
+  function dfs(input, depth) {
+    var leafCount = 0;
+
+    for (var i = 0; i < input.length; i++) {
+      var indexedCol = input[i];
+
+      if ((0, _utils.isLeafNode)(indexedCol)) {
+        leafCount += 1;
+        var wrapped = {
+          type: 'normal',
+          width: indexedCol.col.width,
+          col: indexedCol.col,
+          colIndex: indexedCol.colIndex,
+          colSpan: 1,
+          isLeaf: true
+        };
+        leveled[depth].push(wrapped);
+        flat.push(wrapped);
+      } else {
+        var dfsRes = dfs(indexedCol.children, depth + 1);
+        leafCount += dfsRes.leafCount;
+
+        if (dfsRes.leafCount > 0) {
+          leveled[depth].push({
+            type: 'normal',
+            width: indexedCol.col.width,
+            col: indexedCol.col,
+            colIndex: indexedCol.colIndex,
+            colSpan: dfsRes.leafCount,
+            isLeaf: false
+          });
+        }
+      }
+    }
+
+    return {
+      leafCount: leafCount
+    };
+  }
+}
+/** 包装列配置，附加上 colIndex 属性 */
+
+
+function attachColIndex(inputNested, colIndexOffset) {
+  return dfs(inputNested, colIndexOffset).result;
+
+  function dfs(input, startColIndex) {
+    var result = [];
+    var leafCount = 0;
+
+    for (var i = 0; i < input.length; i++) {
+      var col = input[i];
+      var colIndex = startColIndex + leafCount;
+
+      if ((0, _utils.isLeafNode)(col)) {
+        leafCount += 1;
+        result.push({
+          colIndex: colIndex,
+          col: col
+        });
+      } else {
+        var sub = dfs(col.children, colIndex);
+        leafCount += sub.leafCount;
+
+        if (sub.leafCount > 0) {
+          result.push({
+            col: col,
+            colIndex: colIndex,
+            children: sub.result
+          });
+        }
+      }
+    }
+
+    return {
+      result: result,
+      leafCount: leafCount
+    };
+  }
+}
+/** 计算用于渲染表头的数据结构 */
+
+
+function calculateHeaderRenderInfo(_ref, rowCount) {
+  var flat = (0, _flat.default)(_ref),
+      nested = _ref.nested,
+      hoz = _ref.horizontalRenderRange,
+      useVirtual = _ref.useVirtual;
+
+  if (useVirtual.header) {
+    var _context, _context2;
+
+    var leftPart = calculateLeveledAndFlat(attachColIndex(nested.left, 0), rowCount);
+    var filtered = filterNestedCenter(nested.center, hoz, flat.left.length);
+    var centerPart = calculateLeveledAndFlat(filtered, rowCount);
+    var rightPart = calculateLeveledAndFlat(attachColIndex(nested.right, flat.left.length + flat.center.length), rowCount);
+    return {
+      flat: (0, _concat.default)(_context = []).call(_context, (0, _toConsumableArray2.default)((0, _flat.default)(leftPart)), [{
+        type: 'blank',
+        width: hoz.leftBlank,
+        blankSide: 'left'
+      }], (0, _toConsumableArray2.default)((0, _flat.default)(centerPart)), [{
+        type: 'blank',
+        width: hoz.rightBlank,
+        blankSide: 'right'
+      }], (0, _toConsumableArray2.default)((0, _flat.default)(rightPart))),
+      leveled: (0, _map.default)(_context2 = range(rowCount)).call(_context2, function (depth) {
+        var _context3;
+
+        return (0, _concat.default)(_context3 = []).call(_context3, (0, _toConsumableArray2.default)(leftPart.leveled[depth]), [{
+          type: 'blank',
+          width: hoz.leftBlank,
+          blankSide: 'left'
+        }], (0, _toConsumableArray2.default)(centerPart.leveled[depth]), [{
+          type: 'blank',
+          width: hoz.rightBlank,
+          blankSide: 'right'
+        }], (0, _toConsumableArray2.default)(rightPart.leveled[depth]));
+      })
+    };
+  }
+
+  return calculateLeveledAndFlat(attachColIndex(nested.full, 0), rowCount);
+}
+
+function TableHeader(_ref2) {
+  var _context4, _context5;
+
+  var info = _ref2.info;
+  var nested = info.nested,
+      flat = (0, _flat.default)(info),
+      stickyLeftMap = info.stickyLeftMap,
+      stickyRightMap = info.stickyRightMap;
+  var rowCount = (0, _utils.getTreeDepth)(nested.full) + 1;
+  var headerRenderInfo = calculateHeaderRenderInfo(info, rowCount);
+  var fullFlatCount = flat.full.length;
+  var leftFlatCount = flat.left.length;
+  var rightFlatCount = flat.right.length;
+  var thead = (0, _map.default)(_context4 = headerRenderInfo.leveled).call(_context4, function (wrappedCols, level) {
+    var headerCells = (0, _map.default)(wrappedCols).call(wrappedCols, function (wrapped, index) {
+      var _a, _b, _c;
+
+      if (wrapped.type === 'normal') {
+        var colIndex = wrapped.colIndex,
+            colSpan = wrapped.colSpan,
+            isLeaf = wrapped.isLeaf,
+            col = wrapped.col;
+        var headerCellProps = (_a = col.headerCellProps) !== null && _a !== void 0 ? _a : {};
+        var positionStyle = {};
+
+        if (colIndex < leftFlatCount) {
+          positionStyle.position = 'sticky';
+          positionStyle.left = stickyLeftMap.get(colIndex);
+        } else if (colIndex >= fullFlatCount - rightFlatCount) {
+          positionStyle.position = 'sticky';
+          positionStyle.right = stickyRightMap.get(colIndex);
+        }
+
+        var cell = /*#__PURE__*/_react.default.createElement("th", (0, _extends2.default)({
+          key: colIndex
+        }, headerCellProps, {
+          className: (0, _classnames.default)(_styles.Classes.tableHeaderCell, headerCellProps.className, {
+            first: colIndex === 0,
+            last: colIndex + colSpan === fullFlatCount,
+            'lock-left': colIndex < leftFlatCount,
+            'lock-right': colIndex >= fullFlatCount - rightFlatCount,
+            leaf: wrapped.isLeaf
+          }),
+          colSpan: colSpan,
+          rowSpan: isLeaf ? rowCount - level : undefined,
+          style: (0, _extends2.default)((0, _extends2.default)({
+            textAlign: col.align,
+            verticalAlign: (_b = col.verticalAlign) !== null && _b !== void 0 ? _b : 'middle'
+          }, headerCellProps.style), positionStyle),
+          "data-code": col.code
+        }), (_c = col.title) !== null && _c !== void 0 ? _c : col.name);
+
+        return cell;
+      } else {
+        if (wrapped.width > 0) {
+          return /*#__PURE__*/_react.default.createElement("th", {
+            key: wrapped.blankSide
+          });
+        } else {
+          return null;
+        }
+      }
+    });
+    return /*#__PURE__*/_react.default.createElement("tr", {
+      key: level,
+      className: (0, _classnames.default)(_styles.Classes.tableHeaderRow, {
+        first: level === 0,
+        last: level === rowCount - 1
+      })
+    }, headerCells);
+  });
+  var colgroup = (0, _map.default)(_context5 = (0, _flat.default)(headerRenderInfo)).call(_context5, function (wrapped) {
+    if (wrapped.type === 'blank') {
+      if (wrapped.width > 0) {
+        return /*#__PURE__*/_react.default.createElement("col", {
+          key: wrapped.blankSide,
+          style: {
+            width: wrapped.width
+          }
+        });
+      } else {
+        return null;
+      }
+    } else {
+      return /*#__PURE__*/_react.default.createElement("col", {
+        key: wrapped.colIndex,
+        style: {
+          width: wrapped.width
+        }
+      });
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("colgroup", null, colgroup), /*#__PURE__*/_react.default.createElement("thead", null, thead));
+}

package/lib/table/base/helpers/SpanManager.d.ts

@@ -0,0 +1,9 @@
+/** 在表格的单元格的渲染过程中，先渲染的单元格的 colSpan/rowSpan 会影响到后续单元格是否被渲染
+ * `SpanManager` 会在内部维护一份状态来记录最近渲染单元格的 colSpan/rowSpan，
+ * 方便后续的单元格快速判断 "是否需要跳过渲染" */
+export default class SpanManager {
+    private rects;
+    testSkip(rowIndex: number, colIndex: number): boolean;
+    stripUpwards(rowIndex: number): void;
+    add(rowIndex: number, colIndex: number, colSpan: number, rowSpan: number): void;
+}

package/lib/table/base/helpers/SpanManager.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
+
+/** 在表格的单元格的渲染过程中，先渲染的单元格的 colSpan/rowSpan 会影响到后续单元格是否被渲染
+ * `SpanManager` 会在内部维护一份状态来记录最近渲染单元格的 colSpan/rowSpan，
+ * 方便后续的单元格快速判断 "是否需要跳过渲染" */
+var SpanManager = /*#__PURE__*/function () {
+  function SpanManager() {
+    (0, _classCallCheck2.default)(this, SpanManager);
+    this.rects = [];
+  }
+
+  (0, _createClass2.default)(SpanManager, [{
+    key: "testSkip",
+    value: function testSkip(rowIndex, colIndex) {
+      return this.rects.some(function (_ref) {
+        var left = _ref.left,
+            right = _ref.right,
+            top = _ref.top,
+            bottom = _ref.bottom;
+        return left <= colIndex && colIndex < right && top <= rowIndex && rowIndex < bottom;
+      });
+    }
+  }, {
+    key: "stripUpwards",
+    value: function stripUpwards(rowIndex) {
+      var _context;
+
+      this.rects = (0, _filter.default)(_context = this.rects).call(_context, function (rect) {
+        return rect.bottom > rowIndex;
+      });
+    }
+  }, {
+    key: "add",
+    value: function add(rowIndex, colIndex, colSpan, rowSpan) {
+      this.rects.push({
+        left: colIndex,
+        right: colIndex + colSpan,
+        top: rowIndex,
+        bottom: rowIndex + rowSpan
+      });
+    }
+  }]);
+  return SpanManager;
+}();
+
+exports.default = SpanManager;

package/lib/table/base/helpers/TableDOMUtils.d.ts

@@ -0,0 +1,18 @@
+export declare class TableDOMHelper {
+    readonly artTableWrapper: HTMLDivElement;
+    readonly artTable: HTMLDivElement;
+    readonly tableHeader: HTMLDivElement;
+    readonly tableBody: HTMLDivElement;
+    readonly virtual: HTMLDivElement;
+    readonly tableElement: HTMLTableElement;
+    readonly tableFooter: HTMLDivElement;
+    readonly stickyScroll: HTMLDivElement;
+    readonly stickyScrollItem: HTMLDivElement;
+    constructor(artTableWrapper: HTMLDivElement);
+    getVirtualTop(): HTMLDivElement;
+    getTableRows(): NodeListOf<HTMLTableRowElement>;
+    getTableBodyHtmlTable(): HTMLTableElement;
+    getLeftLockShadow(): HTMLDivElement;
+    getRightLockShadow(): HTMLDivElement;
+    getLoadingIndicator(): HTMLDivElement;
+}

package/lib/table/base/helpers/TableDOMUtils.js

@@ -0,0 +1,113 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TableDOMHelper = void 0;
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
+
+var _styles = require("../styles");
+
+// 表格 DOM 结构
+// div.art-table-wrapper
+// └── div.art-loading-wrapper
+//     ├── div.art-loading-indicator-wrapper
+//     │   └── div.art-loading-indicator
+//     │
+//     └── div.art-loading-content-wrapper
+//         ├── div.art-table
+//         │   │
+//         │   ├── div.art-table-header
+//         │   │  └── table
+//         │   │      ├── colgroup
+//         │   │      └── thead  注意这里会出现自定义内容，可能存在嵌套表格
+//         │   │
+//         │   ├── div.art-table-body
+//         │   │   ├── div.art-virtual-blank.top
+//         │   │   ├── table
+//         │   │   │   ├── colgroup
+//         │   │   │   └── tbody 注意这里会出现自定义内容，可能存在嵌套表格
+//         │   │   └── div.art-virtual-blank.bottom
+//         │   │
+//         │   ├── div.art-table-footer
+//         │   │  └── table
+//         │   │      ├── colgroup
+//         │   │      └── tfoot  注意这里会出现自定义内容，可能存在嵌套表格
+//         │   │
+//         │   ├── div.art-lock-shadow-mask
+//         │   │   └── div.art-left-lock-shadow
+//         │   └── div.art-lock-shadow-mask
+//         │       └── div.art-right-lock-shadow
+//         │
+//         └── div.art-sticky-scroll
+//             └── div.art-sticky-scroll-item
+//
+// 在「可能存在嵌套表格」的情况下，我们可以采用以下的方式来避免「querySelector 不小心获取到了的嵌套表格上的元素」：
+//  artTable.querySelector('.art-lock-shadow-mask .art-left-lock-shadow')
+// 表格 DOM 结构辅助工具
+var TableDOMHelper = /*#__PURE__*/function () {
+  function TableDOMHelper(artTableWrapper) {
+    var _context;
+
+    (0, _classCallCheck2.default)(this, TableDOMHelper);
+    this.artTableWrapper = artTableWrapper;
+    this.artTable = artTableWrapper.querySelector(".".concat(_styles.Classes.artTable));
+    this.tableHeader = this.artTable.querySelector(".".concat(_styles.Classes.tableHeader));
+    this.tableBody = this.artTable.querySelector(".".concat(_styles.Classes.tableBody));
+    this.virtual = this.artTable.querySelector(".".concat(_styles.Classes.virtual));
+    this.tableElement = this.artTable.querySelector(".".concat(_styles.Classes.tableBody, " table"));
+    this.tableFooter = this.artTable.querySelector(".".concat(_styles.Classes.tableFooter));
+    var stickyScrollSelector = (0, _concat.default)(_context = ".".concat(_styles.Classes.artTable, " + .")).call(_context, _styles.Classes.stickyScroll);
+    this.stickyScroll = artTableWrapper.querySelector(stickyScrollSelector);
+    this.stickyScrollItem = this.stickyScroll.querySelector(".".concat(_styles.Classes.stickyScrollItem));
+  }
+
+  (0, _createClass2.default)(TableDOMHelper, [{
+    key: "getVirtualTop",
+    value: function getVirtualTop() {
+      return this.tableBody.querySelector(".".concat(_styles.Classes.virtualBlank, ".top"));
+    }
+  }, {
+    key: "getTableRows",
+    value: function getTableRows() {
+      var htmlTable = this.getTableBodyHtmlTable();
+      return htmlTable.querySelectorAll("tbody > .".concat(_styles.Classes.tableRow));
+    }
+  }, {
+    key: "getTableBodyHtmlTable",
+    value: function getTableBodyHtmlTable() {
+      return this.artTable.querySelector(".".concat(_styles.Classes.tableBody, " table"));
+    }
+  }, {
+    key: "getLeftLockShadow",
+    value: function getLeftLockShadow() {
+      var _context2;
+
+      var selector = (0, _concat.default)(_context2 = ".".concat(_styles.Classes.lockShadowMask, " .")).call(_context2, _styles.Classes.leftLockShadow);
+      return this.artTable.querySelector(selector);
+    }
+  }, {
+    key: "getRightLockShadow",
+    value: function getRightLockShadow() {
+      var _context3;
+
+      var selector = (0, _concat.default)(_context3 = ".".concat(_styles.Classes.lockShadowMask, " .")).call(_context3, _styles.Classes.rightLockShadow);
+      return this.artTable.querySelector(selector);
+    }
+  }, {
+    key: "getLoadingIndicator",
+    value: function getLoadingIndicator() {
+      return this.artTableWrapper.querySelector(".".concat(_styles.Classes.loadingIndicator));
+    }
+  }]);
+  return TableDOMHelper;
+}();
+
+exports.TableDOMHelper = TableDOMHelper;

package/lib/table/base/helpers/__test__/SpanManager.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/table/base/helpers/__test__/SpanManager.test.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _SpanManager = _interopRequireDefault(require("../SpanManager"));
+
+var NAME = 'SpanManager';
+describe("".concat(NAME), function () {
+  var spanManager = new _SpanManager.default();
+  it('add span info', function () {
+    // 第一行，第一列，仅融合自身列，向下融合两行
+    spanManager.add(0, 0, 1, 2);
+  });
+  it('test skip', function () {
+    // 第二行，第一列跳过渲染
+    expect(spanManager.testSkip(1, 0)).toBe(true); // 第四行，第一列不跳过渲染
+
+    expect(spanManager.testSkip(3, 0)).toBe(false);
+  });
+  it('strip upwards span info', function () {
+    spanManager.stripUpwards(0);
+  });
+});

package/lib/table/base/helpers/__test__/TableDOMUtils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/table/base/helpers/__test__/TableDOMUtils.test.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _styles = require("../../styles");
+
+var _TableDOMUtils = require("../TableDOMUtils");
+
+var NAME = 'TableDOMUtils';
+describe("".concat(NAME), function () {
+  var tableDOMHelper;
+  var container;
+  beforeAll(function () {
+    var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17;
+
+    container = document.createElement('div');
+    container.innerHTML = (0, _concat.default)(_context = (0, _concat.default)(_context2 = (0, _concat.default)(_context3 = (0, _concat.default)(_context4 = (0, _concat.default)(_context5 = (0, _concat.default)(_context6 = (0, _concat.default)(_context7 = (0, _concat.default)(_context8 = (0, _concat.default)(_context9 = (0, _concat.default)(_context10 = (0, _concat.default)(_context11 = (0, _concat.default)(_context12 = (0, _concat.default)(_context13 = (0, _concat.default)(_context14 = (0, _concat.default)(_context15 = (0, _concat.default)(_context16 = (0, _concat.default)(_context17 = "<div class='".concat(_styles.Classes.artTableWrapper, "'>\n          <div class='")).call(_context17, _styles.Classes.loadingWrapper, "'>\n              <div class='")).call(_context16, _styles.Classes.loadingIndicatorWrapper, "'>\n                <div class='")).call(_context15, _styles.Classes.loadingIndicator, "'></div>\n              </div>     \n              <div class='")).call(_context14, _styles.Classes.loadingContentWrapper, "'>\n                <div class='")).call(_context13, _styles.Classes.artTable, "'>\n                  <div class='")).call(_context12, _styles.Classes.tableHeader, "'>\n                    \n                  </div>\n                  <div class='")).call(_context11, _styles.Classes.tableBody, "'>\n                    <div class='")).call(_context10, _styles.Classes.virtual, "'>\n                      <div class='")).call(_context9, _styles.Classes.virtualBlank, " top'></div>\n                      <table></table>\n                      <div class='")).call(_context8, _styles.Classes.virtualBlank, " bottom'></div>\n                    </div>                   \n                  </div>\n                  <div class='")).call(_context7, _styles.Classes.tableFooter, "'>\n                  </div>\n                  <div class='")).call(_context6, _styles.Classes.lockShadowMask, "'>\n                    <div class='")).call(_context5, _styles.Classes.leftLockShadow, "'></div>\n                  </div>\n                  <div class='")).call(_context4, _styles.Classes.lockShadowMask, "'>\n                    <div class='")).call(_context3, _styles.Classes.rightLockShadow, "'></div>\n                  </div>\n                </div>\n                <div class='")).call(_context2, _styles.Classes.stickyScroll, "'>\n                  <div class='")).call(_context, _styles.Classes.stickyScrollItem, "'></div>\n                </div>\n              </div>    \n          </div>        \n      </div>");
+    tableDOMHelper = new _TableDOMUtils.TableDOMHelper(container.querySelector(".".concat(_styles.Classes.artTableWrapper)));
+  });
+  afterAll(function () {
+    container = null;
+    tableDOMHelper = null;
+  });
+  it('getVirtualTop', function () {
+    expect(tableDOMHelper.getVirtualTop()).not.toBeNull();
+  });
+  it('getTableRows', function () {
+    expect(tableDOMHelper.getTableRows().length).toBe(0);
+  });
+  it('getLeftLockShadow', function () {
+    expect(tableDOMHelper.getLeftLockShadow()).not.toBeNull();
+  });
+  it('getRightLockShadow', function () {
+    expect(tableDOMHelper.getRightLockShadow()).not.toBeNull();
+  });
+  it('getLoadingIndicator', function () {
+    expect(tableDOMHelper.getLoadingIndicator()).not.toBeNull();
+  });
+});

package/lib/table/base/helpers/__test__/rowHeightManager.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/table/base/helpers/__test__/rowHeightManager.test.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _rowHeightManager = require("../rowHeightManager");
+
+var NAME = 'rowHeightManager';
+describe("".concat(NAME), function () {
+  it('getFullRenderRange', function () {
+    var mockRowCount = 5;
+    expect((0, _rowHeightManager.getFullRenderRange)(mockRowCount).bottomIndex).toBe(mockRowCount);
+  });
+});
+describe("".concat(NAME, " makeRowHeightManager"), function () {
+  var rowHeightManager = (0, _rowHeightManager.makeRowHeightManager)(10, 40);
+  beforeEach(function () {
+    rowHeightManager = (0, _rowHeightManager.makeRowHeightManager)(10, 40);
+  });
+  afterAll(function () {
+    rowHeightManager = null;
+  });
+  it('has 10 rows, maxRenderHeight=-200 and getRenderRange ', function () {
+    rowHeightManager.getRenderRange(0, -200, 10);
+  });
+  it('has 10 rows, maxRenderHeight=-200, offset=100 and getRenderRange ', function () {
+    rowHeightManager.getRenderRange(100, -200, 10);
+  });
+  it('has 10 rows,participate rowCount greater than 10 and getRenderRange ', function () {
+    rowHeightManager.getRenderRange(0, 0, 11);
+  });
+  it('has 10 rows , add 1 row and getRenderRange ', function () {
+    rowHeightManager.updateRow(10, 0, 40);
+    rowHeightManager.getRenderRange(0, 200, 10);
+  });
+});

package/lib/table/base/helpers/__test__/visible-part.test.d.ts

@@ -0,0 +1 @@
+export {};