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

package/es/table/base/header.js

@@ -8,48 +8,34 @@ import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instan
 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";
-
 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; } } }; }
-
 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;
-
+      _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,
@@ -59,7 +45,6 @@ function filterNestedCenter(centerNested, hoz, leftFlatCount) {
         } else {
           var dfsRes = dfs(col.children, colIndex);
           leafCount += dfsRes.leafCount;
-
           if (dfsRes.filtered.length > 0) {
             filtered.push({
               colIndex: colIndex,
@@ -74,7 +59,6 @@ function filterNestedCenter(centerNested, hoz, leftFlatCount) {
     } finally {
       _iterator.f();
     }
-
     return {
       filtered: filtered,
       leafCount: leafCount
@@ -82,28 +66,21 @@ function filterNestedCenter(centerNested, hoz, leftFlatCount) {
   }
 }
 /** 根据输入的 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 = {
@@ -119,7 +96,6 @@ function calculateLeveledAndFlat(inputNested, rowCount) {
       } else {
         var dfsRes = dfs(indexedCol.children, depth + 1);
         leafCount += dfsRes.leafCount;
-
         if (dfsRes.leafCount > 0) {
           leveled[depth].push({
             type: 'normal',
@@ -132,26 +108,20 @@ function calculateLeveledAndFlat(inputNested, rowCount) {
         }
       }
     }
-
     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({
@@ -161,7 +131,6 @@ function attachColIndex(inputNested, colIndexOffset) {
       } else {
         var sub = dfs(col.children, colIndex);
         leafCount += sub.leafCount;
-
         if (sub.leafCount > 0) {
           result.push({
             col: col,
@@ -171,7 +140,6 @@ function attachColIndex(inputNested, colIndexOffset) {
         }
       }
     }
-
     return {
       result: result,
       leafCount: leafCount
@@ -179,17 +147,13 @@ function attachColIndex(inputNested, colIndexOffset) {
   }
 }
 /** 计算用于渲染表头的数据结构 */
-
-
 function calculateHeaderRenderInfo(_ref, rowCount) {
   var flat = _flatInstanceProperty(_ref),
-      nested = _ref.nested,
-      hoz = _ref.horizontalRenderRange,
-      useVirtual = _ref.useVirtual;
-
+    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);
@@ -206,7 +170,6 @@ function calculateHeaderRenderInfo(_ref, rowCount) {
       }], _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,
@@ -219,36 +182,28 @@ function calculateHeaderRenderInfo(_ref, rowCount) {
       })
     };
   }
-
   return calculateLeveledAndFlat(attachColIndex(nested.full, 0), rowCount);
 }
-
 export default function TableHeader(_ref2) {
   var _context4, _context5;
-
   var info = _ref2.info,
-      theaderPosition = _ref2.theaderPosition,
-      _rowCount = _ref2.rowCount,
-      stickyRightOffset = _ref2.stickyRightOffset;
-
+    theaderPosition = _ref2.theaderPosition,
+    _rowCount = _ref2.rowCount,
+    stickyRightOffset = _ref2.stickyRightOffset;
   var nested = info.nested,
-      flat = _flatInstanceProperty(info),
-      stickyLeftMap = info.stickyLeftMap,
-      stickyRightMap = info.stickyRightMap;
-
+    flat = _flatInstanceProperty(info),
+    stickyLeftMap = info.stickyLeftMap,
+    stickyRightMap = info.stickyRightMap;
   var rowCount = _rowCount !== null && _rowCount !== void 0 ? _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 _cx2;
-
-    var _wrappedCols = _concatInstanceProperty(wrappedCols).call(wrappedCols); // 左中右区域渲染，分组列可能单独位于一个区域，此时其他区域也需要适配分组的高度
+    var _wrappedCols = _concatInstanceProperty(wrappedCols).call(wrappedCols);
+    // 左中右区域渲染，分组列可能单独位于一个区域，此时其他区域也需要适配分组的高度
     // rowspan 需要空白的列头去占位, 需要补充额外的空白列头
-
-
     if (rowCount > 1 && ['left', 'right'].indexOf(theaderPosition) > -1) {
       _wrappedCols.push({
         type: 'blank',
@@ -257,29 +212,24 @@ export default function TableHeader(_ref2) {
         isPlacehoder: true
       });
     }
-
     var headerCells = _mapInstanceProperty(_wrappedCols).call(_wrappedCols, function (wrapped, index) {
       var _a, _b, _c;
-
       if (wrapped.type === 'normal') {
         var _cx;
-
         var colIndex = wrapped.colIndex,
-            colSpan = wrapped.colSpan,
-            isLeaf = wrapped.isLeaf,
-            col = wrapped.col;
+          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';
           var stickyRightIndex = colSpan > 1 ? colIndex + colSpan - 1 : colIndex;
-          positionStyle.right = stickyRightMap.get(stickyRightIndex) + stickyRightOffset;
+          positionStyle.right = stickyRightMap.get(stickyRightIndex) + (typeof stickyRightOffset === 'number' ? stickyRightOffset : 0);
         }
-
         var justifyContent = col.align === 'right' ? 'flex-end' : col.align === 'center' ? 'center' : 'flex-start';
         var cell = /*#__PURE__*/React.createElement("th", _extends({
           key: colIndex
@@ -312,13 +262,11 @@ export default function TableHeader(_ref2) {
         }
       }
     });
-
     return /*#__PURE__*/React.createElement("tr", {
       key: level,
       className: cx(Classes.tableHeaderRow, (_cx2 = {}, _defineProperty(_cx2, Classes.first, level === 0), _defineProperty(_cx2, Classes.last, level === rowCount - 1), _cx2))
     }, headerCells);
   });
-
   var colgroup = _mapInstanceProperty(_context5 = _flatInstanceProperty(headerRenderInfo)).call(_context5, function (wrapped) {
     if (wrapped.type === 'blank') {
       if (wrapped.width > 0) {
@@ -340,6 +288,5 @@ export default function TableHeader(_ref2) {
       });
     }
   });
-
   return /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("colgroup", null, colgroup), /*#__PURE__*/React.createElement("thead", null, thead));
 }

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

@@ -1,25 +1,22 @@
 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;
+          right = _ref.right,
+          top = _ref.top,
+          bottom = _ref.bottom;
         return left <= colIndex && colIndex < right && top <= rowIndex && rowIndex < bottom;
       });
     }
@@ -27,7 +24,6 @@ var SpanManager = /*#__PURE__*/function () {
     key: "stripUpwards",
     value: function stripUpwards(rowIndex) {
       var _context;
-
       this.rects = _filterInstanceProperty(_context = this.rects).call(_context, function (rect) {
         return rect.bottom > rowIndex;
       });
@@ -43,8 +39,6 @@ var SpanManager = /*#__PURE__*/function () {
       });
     }
   }]);
-
   return SpanManager;
 }();
-
 export { SpanManager as default };

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

@@ -3,7 +3,8 @@ import _createClass from "@babel/runtime-corejs3/helpers/createClass";
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import { Classes } from '../styles'; // 表格 DOM 结构
+import { Classes } from '../styles';
+// 表格 DOM 结构
 // div.art-table-wrapper
 // └── div.art-loading-wrapper
 //     ├── div.art-loading-indicator-wrapper
@@ -40,40 +41,30 @@ import { Classes } from '../styles'; // 表格 DOM 结构
 // 在「可能存在嵌套表格」的情况下，我们可以采用以下的方式来避免「querySelector 不小心获取到了的嵌套表格上的元素」：
 //  artTable.querySelector('.art-lock-shadow-mask .art-left-lock-shadow')
 // 表格 DOM 结构辅助工具
-
 export var TableDOMHelper = /*#__PURE__*/function () {
   function TableDOMHelper(artTableWrapper) {
     var _this = this,
-        _context2,
-        _context3;
-
+      _context2,
+      _context3;
     _classCallCheck(this, TableDOMHelper);
-
     this.getRowNodeListByEvent = function (e) {
       var nodeList = null;
       var rowIndex = e.currentTarget.dataset.rowindex;
-
       if (rowIndex !== undefined) {
         var targetParent = _this.tableBody.contains(e.currentTarget) ? _this.tableBody : _this.tableFooter;
         nodeList = targetParent.querySelectorAll("tr[data-rowindex=\"".concat(rowIndex, "\"]"));
       }
-
       return nodeList;
     };
-
     this.getInRangeRowByCellEvent = function (e) {
       var _context;
-
       var _a;
-
       var getParentNode = function getParentNode(ele, target) {
         if (ele.parentNode.nodeName === target) {
           return ele.parentNode;
         }
-
         return getParentNode(ele.parentNode, target);
       };
-
       e = e instanceof Array ? e[0] : e;
       var curCell = e === null || e === void 0 ? void 0 : e.currentTarget;
       var curRow = getParentNode(curCell, 'TR');
@@ -81,7 +72,6 @@ export var TableDOMHelper = /*#__PURE__*/function () {
       var rows = (_a = getParentNode(curCell, 'TABLE')) === null || _a === void 0 ? void 0 : _a.rows;
       return _sliceInstanceProperty(_context = _Array$from(rows)).call(_context, curRow.rowIndex, curRow.rowIndex + curRowSpan);
     };
-
     this.artTableWrapper = artTableWrapper;
     this.artTable = artTableWrapper.querySelector(".".concat(Classes.artTable));
     this.tableHeader = this.artTable.querySelector(".".concat(Classes.tableHeader));
@@ -91,15 +81,11 @@ export var TableDOMHelper = /*#__PURE__*/function () {
     this.tableElement = this.artTable.querySelector(".".concat(Classes.tableBody, " table"));
     this.tableFooter = this.artTable.querySelector(".".concat(Classes.tableFooter));
     this.tableFooterMain = this.artTable.querySelector(".".concat(Classes.tableFooterMain));
-
     var stickyScrollSelector = _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = ".".concat(Classes.artTable, " + .")).call(_context3, Classes.horizontalStickyScrollContainer, " .")).call(_context2, Classes.stickyScroll);
-
     var stickyScrolls = artTableWrapper.querySelectorAll(stickyScrollSelector);
     this.stickyScroll = stickyScrolls[stickyScrolls.length - 1]; // 当嵌套多层表格时，需要查找最后一个，否则会查找到父表格内嵌套的子表格的
-
     this.stickyScrollItem = this.stickyScroll.querySelector(".".concat(Classes.stickyScrollItem));
   }
-
   _createClass(TableDOMHelper, [{
     key: "getVirtualTop",
     value: function getVirtualTop() {
@@ -109,7 +95,6 @@ export var TableDOMHelper = /*#__PURE__*/function () {
     key: "getTableRows",
     value: function getTableRows() {
       var _context4;
-
       var tbody = this.artTable.querySelector(_concatInstanceProperty(_context4 = ".".concat(Classes.tableBody, " .")).call(_context4, Classes.virtual, " table tbody"));
       return tbody.childNodes;
     }
@@ -117,16 +102,13 @@ export var TableDOMHelper = /*#__PURE__*/function () {
     key: "getTableBodyHtmlTable",
     value: function getTableBodyHtmlTable() {
       var _context5;
-
       return this.artTable.querySelector(_concatInstanceProperty(_context5 = ".".concat(Classes.tableBody, " .")).call(_context5, Classes.virtual, " table"));
     }
   }, {
     key: "getLeftLockShadow",
     value: function getLeftLockShadow() {
       var _context6;
-
       var selector = _concatInstanceProperty(_context6 = ".".concat(Classes.lockShadowMask, " .")).call(_context6, Classes.leftLockShadow);
-
       var allLeftLockShadow = this.artTable.querySelectorAll(selector);
       return allLeftLockShadow[allLeftLockShadow.length - 1]; // 当table-body、table-footer嵌套多层表格时，需要查找最后一个，否则会查找到嵌套表格的
     }
@@ -134,9 +116,7 @@ export var TableDOMHelper = /*#__PURE__*/function () {
     key: "getRightLockShadow",
     value: function getRightLockShadow() {
       var _context7;
-
       var selector = _concatInstanceProperty(_context7 = ".".concat(Classes.lockShadowMask, " .")).call(_context7, Classes.rightLockShadow);
-
       var allRightLockShadow = this.artTable.querySelectorAll(selector);
       return allRightLockShadow[allRightLockShadow.length - 1]; // 当table-body、table-footer嵌套多层表格时，需要查找最后一个，否则会查找到嵌套表格的
     }
@@ -149,17 +129,13 @@ export var TableDOMHelper = /*#__PURE__*/function () {
     key: "getRowTop",
     value: function getRowTop(rowIndex) {
       var _context8, _context9;
-
       if (rowIndex === 0) return 0;
-
       var selector = _concatInstanceProperty(_context8 = _concatInstanceProperty(_context9 = ".".concat(Classes.tableBody, " .")).call(_context9, Classes.tableRow, "[data-rowindex=\"")).call(_context8, rowIndex, "\"]");
-
       var row = this.artTable.querySelector(selector);
       var rowOffsetTop = row && row.offsetTop || 0;
       var tableOffsetTop = this.tableElement.offsetTop || 0;
       return rowOffsetTop + tableOffsetTop;
     }
   }]);
-
   return TableDOMHelper;
 }();

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

@@ -8,8 +8,8 @@ describe("".concat(NAME), function () {
   });
   it('test skip', function () {
     // 第二行，第一列跳过渲染
-    expect(spanManager.testSkip(1, 0)).toBe(true); // 第四行，第一列不跳过渲染
-
+    expect(spanManager.testSkip(1, 0)).toBe(true);
+    // 第四行，第一列不跳过渲染
     expect(spanManager.testSkip(3, 0)).toBe(false);
   });
   it('strip upwards span info', function () {

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

@@ -7,7 +7,6 @@ describe("".concat(NAME), function () {
   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)));

package/es/table/base/helpers/getRichVisibleRectsStream.js

@@ -10,51 +10,39 @@ import ResizeObserver from 'resize-observer-polyfill';
 import { fromEvent, merge, Observable } from 'rxjs';
 import * as op from 'rxjs/operators';
 import { shallowEqual } from '../utils';
-
 function isWindow(arg) {
   return arg.toString() === '[object Window]' || arg.toString() === '[object global]';
 }
-
 function isBody(arg) {
   return getNodeName(arg) === 'body';
 }
-
 function isHtml(arg) {
   return getNodeName(arg) === 'html';
 }
-
 function isHtmlOrBody(arg) {
   return isHtml(arg) || isBody(arg);
-} // 计算从 start（子元素）到 stop（祖先元素）之间所有元素的 scrollTop 或 scrollLeft 的和
+}
+// 计算从 start（子元素）到 stop（祖先元素）之间所有元素的 scrollTop 或 scrollLeft 的和
 // 注意 start 和 stop 都是 INCLUSIVE 的，即两者的 scrollTop 或 scrollLeft 都会统计在内
-
-
 function accumulateScrollOffset(start, stop, scrollOffsetKey) {
   var result = 0;
   var elem = start;
-
   while (elem != null) {
     result += elem[scrollOffsetKey];
-
     if (elem === stop || isWindow(stop) && isHtmlOrBody(elem)) {
       break;
     }
-
     elem = elem.parentElement;
   }
-
   if (isWindow(stop)) {
     result += getWindowScroll(elem)[scrollOffsetKey];
   }
-
   return result;
 }
 /**
  * 获取 target 相对于 base 的布局大小和相对位置。
  * 注意该方法会考虑滚动所带来的影响
  */
-
-
 function getRelativeLayoutRect(base, target) {
   if (isWindow(target) || isHtmlOrBody(target)) {
     return {
@@ -64,27 +52,22 @@ function getRelativeLayoutRect(base, target) {
       bottom: window.innerHeight
     };
   }
-
   var deltaX = 0;
   var deltaY = 0;
   var elem = target;
-
   while (elem != null && elem != base) {
     deltaY += elem.offsetTop;
     deltaX += elem.offsetLeft;
     var offsetParent = getOffsetParent(elem);
     deltaY -= accumulateScrollOffset(elem.parentElement, offsetParent, 'scrollTop');
     deltaX -= accumulateScrollOffset(elem.parentElement, offsetParent, 'scrollLeft');
-
     if (isWindow(offsetParent)) {
       break;
     }
-
     deltaY += offsetParent.clientTop;
     deltaX += offsetParent.clientLeft;
     elem = offsetParent;
   }
-
   return {
     top: deltaY,
     bottom: deltaY + target.offsetHeight,
@@ -92,51 +75,40 @@ function getRelativeLayoutRect(base, target) {
     right: deltaX + target.offsetWidth
   };
 }
-
 function findCommonOffsetAncestor(target, scrollParent) {
   if (isWindow(scrollParent)) {
     return scrollParent;
   }
-
   var offsetParents = listOffsetParents(target);
-
   if (_includesInstanceProperty(offsetParents).call(offsetParents, scrollParent)) {
     return scrollParent;
   }
-
   return getOffsetParent(scrollParent);
-} // 列出 target 元素上层的所有 offset parents
-
-
+}
+// 列出 target 元素上层的所有 offset parents
 function listOffsetParents(target) {
   var result = [];
   var elem = target;
-
   while (true) {
     if (isWindow(elem)) {
       break;
     }
-
     elem = getOffsetParent(elem);
     result.push(elem);
   }
-
   return result;
 }
-
 function fromScrollEvent(element) {
   return fromEvent(element, 'scroll', {
     passive: true
   });
 }
-
 function fromResizeEvent(element) {
   if (isWindow(element)) {
     return fromEvent(element, 'resize', {
       passive: true
     });
   }
-
   return new Observable(function (subscriber) {
     var resizeObserver = new ResizeObserver(function (entries) {
       subscriber.next(entries);
@@ -147,30 +119,26 @@ function fromResizeEvent(element) {
     };
   });
 }
-
 function getScrollParent(elem) {
   var _context;
-
   if (_includesInstanceProperty(_context = ['html', 'body', '#document']).call(_context, getNodeName(elem))) {
     return getWindow(elem);
   }
-
   if (isHTMLElement(elem) && isScrollParent(elem)) {
     return elem;
   }
-
   return getScrollParent(getParentNode(elem));
-} // 获取 target 相对于「它的滚动父元素」的可见部分的大小与位置
-
-
+}
+// 获取 target 相对于「它的滚动父元素」的可见部分的大小与位置
 export function getRichVisibleRectsStream(target, structureMayChange$, virtualDebugLabel) {
-  return structureMayChange$.pipe(op.mapTo(target), op.distinctUntilChanged(shallowEqual), // 当target没有发生变化时，无需重新查找
+  return structureMayChange$.pipe(op.mapTo(target), op.distinctUntilChanged(shallowEqual),
+  // 当target没有发生变化时，无需重新查找
   op.startWith('init'), op.map(function () {
     // target 的第一个滚动父元素，我们认为这就是虚拟滚动发生的地方
     // 即虚拟滚动不考虑「更上层元素发生滚动」的情况
     // 直接从父元素开始查找，防止自身设置overflow属性导致是同一个元素
-    var scrollParent = getScrollParent(getParentNode(target)); // target 和 scrollParent 的共同 offset 祖先，作为布局尺寸计算时的参照元素
-
+    var scrollParent = getScrollParent(getParentNode(target));
+    // target 和 scrollParent 的共同 offset 祖先，作为布局尺寸计算时的参照元素
     var commonOffsetAncestor = findCommonOffsetAncestor(target, scrollParent);
     return {
       scrollParent: scrollParent,
@@ -182,7 +150,7 @@ export function getRichVisibleRectsStream(target, structureMayChange$, virtualDe
     }
   }), op.switchMap(function (_ref) {
     var scrollParent = _ref.scrollParent,
-        commonOffsetAncestor = _ref.commonOffsetAncestor;
+      commonOffsetAncestor = _ref.commonOffsetAncestor;
     var events$ = merge(fromScrollEvent(scrollParent), fromResizeEvent(scrollParent), fromResizeEvent(target));
     return events$.pipe(op.map(function (event) {
       return {
@@ -192,8 +160,8 @@ export function getRichVisibleRectsStream(target, structureMayChange$, virtualDe
       };
     }), op.map(function (_ref2) {
       var event = _ref2.event,
-          scrollParentRect = _ref2.scrollParentRect,
-          targetRect = _ref2.targetRect;
+        scrollParentRect = _ref2.scrollParentRect,
+        targetRect = _ref2.targetRect;
       return {
         event: event,
         targetRect: targetRect,