@kdcloudjs/table 1.2.2-canary.14-hotfix.2 → 1.2.2-canary.14-hotfix.3

package/dist/@kdcloudjs/table.js

@@ -4358,13 +4358,10 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "didMountOrUpdate",
     value: function didMountOrUpdate(prevProps, prevState) {
-      var _this2 = this;
-      window.requestAnimationFrame(function () {
-        _this2.syncHorizontalScrollFromTableBody();
-        _this2.updateStickyScroll();
-        _this2.adjustNeedRenderLock();
-        _this2.updateRowHeightManager();
-      });
+      this.syncHorizontalScrollFromTableBody();
+      this.updateStickyScroll();
+      this.adjustNeedRenderLock();
+      this.updateRowHeightManager();
       this.updateScrollLeftWhenLayoutChanged(prevProps, prevState);
     }
   }, {
@@ -4386,26 +4383,26 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "initSubscriptions",
     value: function initSubscriptions() {
-      var _this3 = this;
+      var _this2 = this;
       var _this$domHelper2 = this.domHelper,
         virtual = _this$domHelper2.virtual,
         stickyScroll = _this$domHelper2.stickyScroll;
       this.rootSubscription.add(_utils__WEBPACK_IMPORTED_MODULE_45__["throttledWindowResize$"].subscribe(function () {
-        _this3.updateStickyScroll();
-        _this3.adjustNeedRenderLock();
+        _this2.updateStickyScroll();
+        _this2.adjustNeedRenderLock();
       }));
       this.resizeSubject.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_33__["debounceTime"](100)).subscribe(function () {
-        var _this3$props$setTable, _this3$props;
-        (_this3$props$setTable = (_this3$props = _this3.props).setTableWidth) === null || _this3$props$setTable === void 0 ? void 0 : _this3$props$setTable.call(_this3$props, _this3.domHelper.tableBody.clientWidth);
+        var _this2$props$setTable, _this2$props;
+        (_this2$props$setTable = (_this2$props = _this2.props).setTableWidth) === null || _this2$props$setTable === void 0 ? void 0 : _this2$props$setTable.call(_this2$props, _this2.domHelper.tableBody.clientWidth);
       });
       var handleTableWrapperResize = function handleTableWrapperResize() {
-        _this3.resizeSubject.next();
+        _this2.resizeSubject.next();
       };
       this.resizeObserver = Object(_utils__WEBPACK_IMPORTED_MODULE_45__["addResizeObserver"])(this.domHelper.artTableWrapper, handleTableWrapperResize);
 
       // 滚动同步
       this.rootSubscription.add(Object(_utils__WEBPACK_IMPORTED_MODULE_45__["syncScrollLeft"])([Object(_utils__WEBPACK_IMPORTED_MODULE_45__["getTableScrollHeaderDOM"])(this.domHelper), virtual, Object(_utils__WEBPACK_IMPORTED_MODULE_45__["getTableScrollFooterDOM"])(this.domHelper), stickyScroll], function (scrollLeft) {
-        _this3.syncHorizontalScroll(scrollLeft);
+        _this2.syncHorizontalScroll(scrollLeft);
       }));
       var richVisibleRects$ = Object(_helpers_getRichVisibleRectsStream__WEBPACK_IMPORTED_MODULE_37__["getRichVisibleRectsStream"])(this.domHelper.virtual, this.props$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_33__["skip"](1), rxjs_operators__WEBPACK_IMPORTED_MODULE_33__["mapTo"]('structure-may-change')), this.props.virtualDebugLabel).pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_33__["shareReplay"]());
 
@@ -4420,7 +4417,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
       }))]).subscribe(function (_ref5) {
         var _ref6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_14___default()(_ref5, 1),
           clipRect = _ref6[0];
-        var loadingIndicator = _this3.domHelper.getLoadingIndicator();
+        var loadingIndicator = _this2.domHelper.getLoadingIndicator();
         if (!loadingIndicator) {
           return;
         }
@@ -4432,9 +4429,9 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
 
       // 每当可见部分发生变化的时候，如果开启了虚拟滚动，则重新触发 render
       this.rootSubscription.add(richVisibleRects$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_33__["filter"](function () {
-        var _this3$lastInfo$useVi = _this3.lastInfo.useVirtual,
-          horizontal = _this3$lastInfo$useVi.horizontal,
-          vertical = _this3$lastInfo$useVi.vertical;
+        var _this2$lastInfo$useVi = _this2.lastInfo.useVirtual,
+          horizontal = _this2$lastInfo$useVi.horizontal,
+          vertical = _this2$lastInfo$useVi.vertical;
         return horizontal || vertical;
       }), rxjs_operators__WEBPACK_IMPORTED_MODULE_33__["map"](function (_ref7) {
         var clipRect = _ref7.clipRect,
@@ -4455,27 +4452,27 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
       // 快速滚动检测和处理
       rxjs_operators__WEBPACK_IMPORTED_MODULE_33__["tap"](function (sizeAndOffset) {
         // 只有在启用快速滚动时才使用 FastScrollManager 处理滚动事件
-        if (_this3.props.isLowPerformance) {
-          _this3.fastScrollManager.handleScrollEvent(sizeAndOffset, {
-            offsetY: _this3.state.offsetY,
-            maxRenderHeight: _this3.state.maxRenderHeight,
-            maxRenderWidth: _this3.state.maxRenderWidth
-          }, _this3.props.dataSource.length, _this3.domHelper.virtual.scrollHeight);
+        if (_this2.props.isLowPerformance) {
+          _this2.fastScrollManager.handleScrollEvent(sizeAndOffset, {
+            offsetY: _this2.state.offsetY,
+            maxRenderHeight: _this2.state.maxRenderHeight,
+            maxRenderWidth: _this2.state.maxRenderWidth
+          }, _this2.props.dataSource.length, _this2.domHelper.virtual.scrollHeight);
         }
       })).subscribe(function (sizeAndOffset) {
-        var _this3$topBlankRef$cu, _this3$bottomBlankRef;
+        var _this2$topBlankRef$cu, _this2$bottomBlankRef;
         // 正常滚动时也需要实时更新 blank 高度，确保缓慢滚动时的视觉连续性
-        var currentRange = _this3.rowHeightManager.getRenderRange(sizeAndOffset.offsetY, sizeAndOffset.maxRenderHeight, _this3.props.dataSource.length);
+        var currentRange = _this2.rowHeightManager.getRenderRange(sizeAndOffset.offsetY, sizeAndOffset.maxRenderHeight, _this2.props.dataSource.length);
 
         // 直接更新 DOM，避免等待下次渲染
-        (_this3$topBlankRef$cu = _this3.topBlankRef.current) === null || _this3$topBlankRef$cu === void 0 ? void 0 : _this3$topBlankRef$cu.updateHeight(currentRange.topBlank);
-        (_this3$bottomBlankRef = _this3.bottomBlankRef.current) === null || _this3$bottomBlankRef === void 0 ? void 0 : _this3$bottomBlankRef.updateHeight(currentRange.bottomBlank);
+        (_this2$topBlankRef$cu = _this2.topBlankRef.current) === null || _this2$topBlankRef$cu === void 0 ? void 0 : _this2$topBlankRef$cu.updateHeight(currentRange.topBlank);
+        (_this2$bottomBlankRef = _this2.bottomBlankRef.current) === null || _this2$bottomBlankRef === void 0 ? void 0 : _this2$bottomBlankRef.updateHeight(currentRange.bottomBlank);
 
         // 只有在启用快速滚动时才检查快速滚动状态
-        if (_this3.props.isLowPerformance && _this3.fastScrollManager.getIsFastScrolling()) {
+        if (_this2.props.isLowPerformance && _this2.fastScrollManager.getIsFastScrolling()) {
           return;
         }
-        _this3.setState(sizeAndOffset);
+        _this2.setState(sizeAndOffset);
       }));
       this.rootSubscription.add(richVisibleRects$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_33__["map"](function (_ref8) {
         var clipRect = _ref8.clipRect,
@@ -4490,16 +4487,16 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
       }),
       // 计算得到当前行索引对应的数据块，blocks改成数组的形式，兼容快速拖动可视区域出现两个数据块的情况
       rxjs_operators__WEBPACK_IMPORTED_MODULE_33__["map"](function (sizeAndOffset) {
-        var _this3$props$scrollLo;
+        var _this2$props$scrollLo;
         var offsetY = sizeAndOffset.offsetY,
           maxRenderHeight = sizeAndOffset.maxRenderHeight;
-        var scrollDirection = offsetY - _this3.offsetY >= 0 ? 'down' : 'up';
-        _this3.offsetY = offsetY;
-        var rowCount = _this3.props.dataSource.length;
-        var vertical = _this3.rowHeightManager.getRenderRange(offsetY, maxRenderHeight, rowCount);
+        var scrollDirection = offsetY - _this2.offsetY >= 0 ? 'down' : 'up';
+        _this2.offsetY = offsetY;
+        var rowCount = _this2.props.dataSource.length;
+        var vertical = _this2.rowHeightManager.getRenderRange(offsetY, maxRenderHeight, rowCount);
         var topIndex = vertical.topIndex,
           bottomIndex = vertical.bottomIndex;
-        var blockSize = ((_this3$props$scrollLo = _this3.props.scrollLoad) === null || _this3$props$scrollLo === void 0 ? void 0 : _this3$props$scrollLo.blockSize) || 200;
+        var blockSize = ((_this2$props$scrollLo = _this2.props.scrollLoad) === null || _this2$props$scrollLo === void 0 ? void 0 : _this2$props$scrollLo.blockSize) || 200;
         var topBlockStartIndex = Math.floor(Math.max(topIndex - 1, 0) / blockSize) * blockSize;
         var bottomBlockStartIndex = Math.floor((bottomIndex + 1) / blockSize) * blockSize;
         return scrollDirection === 'down' ? [topBlockStartIndex, bottomBlockStartIndex] : [bottomBlockStartIndex, topBlockStartIndex];
@@ -4513,8 +4510,8 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
       }),
       // 过滤掉重复掉值
       rxjs_operators__WEBPACK_IMPORTED_MODULE_33__["distinctUntilChanged"]()).subscribe(function (startIndex) {
-        var _this3$props$scrollLo2;
-        (_this3$props$scrollLo2 = _this3.props.scrollLoad) === null || _this3$props$scrollLo2 === void 0 ? void 0 : _this3$props$scrollLo2.callback(startIndex);
+        var _this2$props$scrollLo2;
+        (_this2$props$scrollLo2 = _this2.props.scrollLoad) === null || _this2$props$scrollLo2 === void 0 ? void 0 : _this2$props$scrollLo2.callback(startIndex);
       }));
     }
   }, {