@kdcloudjs/table 1.0.0

package/es/table/base/header.js

@@ -0,0 +1,324 @@
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
+import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
+import _Symbol from "@babel/runtime-corejs3/core-js-stable/symbol";
+import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
+import _getIterator from "@babel/runtime-corejs3/core-js/get-iterator";
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _toConsumableArray from "@babel/runtime-corejs3/helpers/toConsumableArray";
+import _flatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/flat";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+
+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; }
+
+import cx from 'classnames';
+import React from 'react';
+import { getTreeDepth, isLeafNode } from '../utils';
+import { Classes } from './styles';
+
+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 (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 (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 (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 = _flatInstanceProperty(_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: _concatInstanceProperty(_context = []).call(_context, _toConsumableArray(_flatInstanceProperty(leftPart)), [{
+        type: 'blank',
+        width: hoz.leftBlank,
+        blankSide: 'left'
+      }], _toConsumableArray(_flatInstanceProperty(centerPart)), [{
+        type: 'blank',
+        width: hoz.rightBlank,
+        blankSide: 'right'
+      }], _toConsumableArray(_flatInstanceProperty(rightPart))),
+      leveled: _mapInstanceProperty(_context2 = range(rowCount)).call(_context2, function (depth) {
+        var _context3;
+
+        return _concatInstanceProperty(_context3 = []).call(_context3, _toConsumableArray(leftPart.leveled[depth]), [{
+          type: 'blank',
+          width: hoz.leftBlank,
+          blankSide: 'left'
+        }], _toConsumableArray(centerPart.leveled[depth]), [{
+          type: 'blank',
+          width: hoz.rightBlank,
+          blankSide: 'right'
+        }], _toConsumableArray(rightPart.leveled[depth]));
+      })
+    };
+  }
+
+  return calculateLeveledAndFlat(attachColIndex(nested.full, 0), rowCount);
+}
+
+export default function TableHeader(_ref2) {
+  var _context4, _context5;
+
+  var info = _ref2.info;
+
+  var nested = info.nested,
+      flat = _flatInstanceProperty(info),
+      stickyLeftMap = info.stickyLeftMap,
+      stickyRightMap = info.stickyRightMap;
+
+  var rowCount = 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 = _mapInstanceProperty(_context4 = headerRenderInfo.leveled).call(_context4, function (wrappedCols, level) {
+    var headerCells = _mapInstanceProperty(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.createElement("th", _extends({
+          key: colIndex
+        }, headerCellProps, {
+          className: cx(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: _extends(_extends({
+            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.createElement("th", {
+            key: wrapped.blankSide
+          });
+        } else {
+          return null;
+        }
+      }
+    });
+
+    return /*#__PURE__*/React.createElement("tr", {
+      key: level,
+      className: cx(Classes.tableHeaderRow, {
+        first: level === 0,
+        last: level === rowCount - 1
+      })
+    }, headerCells);
+  });
+
+  var colgroup = _mapInstanceProperty(_context5 = _flatInstanceProperty(headerRenderInfo)).call(_context5, function (wrapped) {
+    if (wrapped.type === 'blank') {
+      if (wrapped.width > 0) {
+        return /*#__PURE__*/React.createElement("col", {
+          key: wrapped.blankSide,
+          style: {
+            width: wrapped.width
+          }
+        });
+      } else {
+        return null;
+      }
+    } else {
+      return /*#__PURE__*/React.createElement("col", {
+        key: wrapped.colIndex,
+        style: {
+          width: wrapped.width
+        }
+      });
+    }
+  });
+
+  return /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("colgroup", null, colgroup), /*#__PURE__*/React.createElement("thead", null, thead));
+}

package/es/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/es/table/base/helpers/SpanManager.js

@@ -0,0 +1,50 @@
+import _classCallCheck from "@babel/runtime-corejs3/helpers/classCallCheck";
+import _createClass from "@babel/runtime-corejs3/helpers/createClass";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+
+/** 在表格的单元格的渲染过程中，先渲染的单元格的 colSpan/rowSpan 会影响到后续单元格是否被渲染
+ * `SpanManager` 会在内部维护一份状态来记录最近渲染单元格的 colSpan/rowSpan，
+ * 方便后续的单元格快速判断 "是否需要跳过渲染" */
+var SpanManager = /*#__PURE__*/function () {
+  function SpanManager() {
+    _classCallCheck(this, SpanManager);
+
+    this.rects = [];
+  }
+
+  _createClass(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 = _filterInstanceProperty(_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;
+}();
+
+export { SpanManager as default };

package/es/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/es/table/base/helpers/TableDOMUtils.js

@@ -0,0 +1,104 @@
+import _classCallCheck from "@babel/runtime-corejs3/helpers/classCallCheck";
+import _createClass from "@babel/runtime-corejs3/helpers/createClass";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import { Classes } from '../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 结构辅助工具
+
+export var TableDOMHelper = /*#__PURE__*/function () {
+  function TableDOMHelper(artTableWrapper) {
+    var _context;
+
+    _classCallCheck(this, TableDOMHelper);
+
+    this.artTableWrapper = artTableWrapper;
+    this.artTable = artTableWrapper.querySelector(".".concat(Classes.artTable));
+    this.tableHeader = this.artTable.querySelector(".".concat(Classes.tableHeader));
+    this.tableBody = this.artTable.querySelector(".".concat(Classes.tableBody));
+    this.virtual = this.artTable.querySelector(".".concat(Classes.virtual));
+    this.tableElement = this.artTable.querySelector(".".concat(Classes.tableBody, " table"));
+    this.tableFooter = this.artTable.querySelector(".".concat(Classes.tableFooter));
+
+    var stickyScrollSelector = _concatInstanceProperty(_context = ".".concat(Classes.artTable, " + .")).call(_context, Classes.stickyScroll);
+
+    this.stickyScroll = artTableWrapper.querySelector(stickyScrollSelector);
+    this.stickyScrollItem = this.stickyScroll.querySelector(".".concat(Classes.stickyScrollItem));
+  }
+
+  _createClass(TableDOMHelper, [{
+    key: "getVirtualTop",
+    value: function getVirtualTop() {
+      return this.tableBody.querySelector(".".concat(Classes.virtualBlank, ".top"));
+    }
+  }, {
+    key: "getTableRows",
+    value: function getTableRows() {
+      var htmlTable = this.getTableBodyHtmlTable();
+      return htmlTable.querySelectorAll("tbody > .".concat(Classes.tableRow));
+    }
+  }, {
+    key: "getTableBodyHtmlTable",
+    value: function getTableBodyHtmlTable() {
+      return this.artTable.querySelector(".".concat(Classes.tableBody, " table"));
+    }
+  }, {
+    key: "getLeftLockShadow",
+    value: function getLeftLockShadow() {
+      var _context2;
+
+      var selector = _concatInstanceProperty(_context2 = ".".concat(Classes.lockShadowMask, " .")).call(_context2, Classes.leftLockShadow);
+
+      return this.artTable.querySelector(selector);
+    }
+  }, {
+    key: "getRightLockShadow",
+    value: function getRightLockShadow() {
+      var _context3;
+
+      var selector = _concatInstanceProperty(_context3 = ".".concat(Classes.lockShadowMask, " .")).call(_context3, Classes.rightLockShadow);
+
+      return this.artTable.querySelector(selector);
+    }
+  }, {
+    key: "getLoadingIndicator",
+    value: function getLoadingIndicator() {
+      return this.artTableWrapper.querySelector(".".concat(Classes.loadingIndicator));
+    }
+  }]);
+
+  return TableDOMHelper;
+}();

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

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

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

@@ -0,0 +1,18 @@
+import SpanManager from '../SpanManager';
+var NAME = 'SpanManager';
+describe("".concat(NAME), function () {
+  var spanManager = new SpanManager();
+  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/es/table/base/helpers/__test__/TableDOMUtils.test.d.ts

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

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

@@ -0,0 +1,34 @@
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import { Classes } from '../../styles';
+import { TableDOMHelper } from '../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 = _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = _concatInstanceProperty(_context4 = _concatInstanceProperty(_context5 = _concatInstanceProperty(_context6 = _concatInstanceProperty(_context7 = _concatInstanceProperty(_context8 = _concatInstanceProperty(_context9 = _concatInstanceProperty(_context10 = _concatInstanceProperty(_context11 = _concatInstanceProperty(_context12 = _concatInstanceProperty(_context13 = _concatInstanceProperty(_context14 = _concatInstanceProperty(_context15 = _concatInstanceProperty(_context16 = _concatInstanceProperty(_context17 = "<div class='".concat(Classes.artTableWrapper, "'>\n          <div class='")).call(_context17, Classes.loadingWrapper, "'>\n              <div class='")).call(_context16, Classes.loadingIndicatorWrapper, "'>\n                <div class='")).call(_context15, Classes.loadingIndicator, "'></div>\n              </div>     \n              <div class='")).call(_context14, Classes.loadingContentWrapper, "'>\n                <div class='")).call(_context13, Classes.artTable, "'>\n                  <div class='")).call(_context12, Classes.tableHeader, "'>\n                    \n                  </div>\n                  <div class='")).call(_context11, Classes.tableBody, "'>\n                    <div class='")).call(_context10, Classes.virtual, "'>\n                      <div class='")).call(_context9, Classes.virtualBlank, " top'></div>\n                      <table></table>\n                      <div class='")).call(_context8, Classes.virtualBlank, " bottom'></div>\n                    </div>                   \n                  </div>\n                  <div class='")).call(_context7, Classes.tableFooter, "'>\n                  </div>\n                  <div class='")).call(_context6, Classes.lockShadowMask, "'>\n                    <div class='")).call(_context5, Classes.leftLockShadow, "'></div>\n                  </div>\n                  <div class='")).call(_context4, Classes.lockShadowMask, "'>\n                    <div class='")).call(_context3, Classes.rightLockShadow, "'></div>\n                  </div>\n                </div>\n                <div class='")).call(_context2, Classes.stickyScroll, "'>\n                  <div class='")).call(_context, Classes.stickyScrollItem, "'></div>\n                </div>\n              </div>    \n          </div>        \n      </div>");
+    tableDOMHelper = new TableDOMHelper(container.querySelector(".".concat(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/es/table/base/helpers/__test__/rowHeightManager.test.d.ts

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

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

@@ -0,0 +1,30 @@
+import { getFullRenderRange, makeRowHeightManager } from '../rowHeightManager';
+var NAME = 'rowHeightManager';
+describe("".concat(NAME), function () {
+  it('getFullRenderRange', function () {
+    var mockRowCount = 5;
+    expect(getFullRenderRange(mockRowCount).bottomIndex).toBe(mockRowCount);
+  });
+});
+describe("".concat(NAME, " makeRowHeightManager"), function () {
+  var rowHeightManager = makeRowHeightManager(10, 40);
+  beforeEach(function () {
+    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/es/table/base/helpers/__test__/visible-part.test.d.ts

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

package/es/table/base/helpers/__test__/visible-part.test.js

@@ -0,0 +1,28 @@
+import { getVisiblePartObservable, getVisiblePart } from '../visible-part';
+var NAME = 'visible-part';
+describe("".concat(NAME), function () {
+  it('getVisiblePartObservable', function () {
+    var container = document.createElement('div');
+    container.setAttribute('id', 't1');
+    container.style.cssText = 'width:100px;height:100px;overflow:auto;';
+    var content = document.createElement('div');
+    content.style.cssText = 'width:200px;height:200px;';
+    container.appendChild(content);
+    document.body.appendChild(container); // todo: rxjs test
+
+    getVisiblePartObservable(content, container);
+    var event = new window.Event('scroll', {
+      cancelable: false
+    });
+    container.dispatchEvent(event);
+    document.body.removeChild(container);
+    container = content = null;
+  });
+  it('getVisiblePart', function () {
+    var container = document.createElement('div');
+    document.body.appendChild(container);
+    expect(getVisiblePart(container, window).offsetX).toBe(0);
+    document.body.removeChild(container);
+    container = null;
+  });
+});

package/es/table/base/helpers/rowHeightManager.d.ts

@@ -0,0 +1,7 @@
+import { VerticalRenderRange } from '../interfaces';
+export declare function getFullRenderRange(rowCount: number): VerticalRenderRange;
+export declare function makeRowHeightManager(initRowCount: number, estimatedRowHeight: number): {
+    getRenderRange: (offset: number, maxRenderHeight: number, rowCount: number) => VerticalRenderRange;
+    updateRow: (index: number, offset: number, size: number) => void;
+    cache: number[];
+};