@visactor/vtable 0.24.2-alpha.4 → 0.25.0

package/es/scenegraph/scenegraph.js

@@ -16,7 +16,7 @@ import { getQuadProps } from "./utils/padding";
 
 import { createFrameBorder, updateCornerRadius, updateFrameBorder, updateFrameBorderSize } from "./style/frame-border";
 
-import { ResizeColumnHotSpotSize } from "../tools/global";
+import { ResizeColumnHotSpotSize, ResizeRowHotSpotSize } from "../tools/global";
 
 import splitModule from "./graphic/contributions";
 
@@ -40,6 +40,8 @@ import { deleteAllSelectBorder, deleteLastSelectedRangeComponents, removeFillHan
 
 import { updateRow } from "./layout/update-row";
 
+import { handleTextStick } from "./stick-text";
+
 import { computeRowHeight, computeRowsHeight } from "./layout/compute-row-height";
 
 import { emptyGroup } from "./utils/empty-group";
@@ -259,7 +261,7 @@ export class Scenegraph {
         };
     }
     updateNextFrame() {
-        this.resetAllSelectComponent(), this.stage.renderNextFrame();
+        this.updateContainerSync(), this.resetAllSelectComponent(), this.stage.renderNextFrame();
     }
     resetAllSelectComponent() {
         var _a, _b;
@@ -395,7 +397,7 @@ export class Scenegraph {
     }
     resize() {
         this.proxy.resize(), ("adaptive" === this.table.widthMode || this.table.autoFillWidth) && (0 === this.table.internalProps._widthResizedColMap.size ? this.recalculateColWidths() : this.dealWidthMode()), 
-        "adaptive" === this.table.heightMode ? this.recalculateRowHeights() : this.table.autoFillHeight && this.dealHeightMode(), 
+        "adaptive" === this.table.heightMode ? 0 === this.table.internalProps._heightResizedRowMap.size ? this.recalculateRowHeights() : this.dealHeightMode() : this.table.autoFillHeight && this.dealHeightMode(), 
         this.resetFrozen(), this.updateTableSize(), this.updateBorderSizeAndPosition(), 
         this.component.updateScrollBar(), ("adaptive" === this.table.widthMode || "adaptive" === this.table.heightMode || this.table.autoFillWidth || this.table.autoFillHeight) && this.updateChartSize(this.table.rowHeaderLevelCount), 
         this.proxy.progress(), this.updateNextFrame();
@@ -521,9 +523,11 @@ export class Scenegraph {
         this.updateNextFrame());
     }
     afterScenegraphCreated() {
-        this.isPivot || this.table.transpose ? this.table.options.frozenColCount && this.component.setFrozenColumnShadow(this.table.frozenColCount - 1) : this.component.setFrozenColumnShadow(this.table.frozenColCount - 1), 
+        this.isPivot || this.table.transpose ? this.table.options.frozenColCount ? this.component.setFrozenColumnShadow(this.table.frozenColCount - 1) : this.table.options.rightFrozenColCount ? this.component.setRightFrozenColumnShadow(this.table.colCount - this.table.rightFrozenColCount) : this.component.setFrozenColumnShadow(-1) : (this.component.setFrozenColumnShadow(this.table.frozenColCount - 1), 
+        this.component.setRightFrozenColumnShadow(this.table.colCount - this.table.rightFrozenColCount)), 
         this.table.stateManager.checkFrozen(), this.updateContainer(), this.createFrameBorder(), 
-        this.updateBorderSizeAndPosition(), this.component.updateScrollBar(), this.updateNextFrame();
+        this.updateBorderSizeAndPosition(), this.component.updateScrollBar(), handleTextStick(this.table), 
+        this.updateNextFrame();
     }
     dealWidthMode() {
         const table = this.table;
@@ -652,10 +656,12 @@ export class Scenegraph {
     }
     updateContainer(async = !1) {
         async ? this._needUpdateContainer || (this._needUpdateContainer = !0, setTimeout((() => {
-            this.updateContainerAttrWidthAndX(), this.updateTableSize(), this.component.updateScrollBar(), 
-            this.updateNextFrame(), this._needUpdateContainer = !1;
-        }), 0)) : (this.updateContainerAttrWidthAndX(), this.updateTableSize(), this.component.updateScrollBar(), 
-        this.updateNextFrame(), this._needUpdateContainer = !1);
+            this.updateContainerSync();
+        }), 0)) : (this._needUpdateContainer = !0, this.updateContainerSync());
+    }
+    updateContainerSync() {
+        this._needUpdateContainer && (this._needUpdateContainer = !1, this.updateContainerAttrWidthAndX(), 
+        this.updateTableSize(), this.component.updateScrollBar(), this.updateNextFrame());
     }
     updateCellContentWhileResize(col, row) {
         const type = this.table.getBodyColumnType(col, row), cellGroup = this.getCell(col, row);
@@ -671,18 +677,35 @@ export class Scenegraph {
         createFrameBorder(this.tableGroup, this.table.theme.frameStyle, this.tableGroup.role, void 0);
     }
     getResizeColAt(abstractX, abstractY, cellGroup, offset = ResizeColumnHotSpotSize / 2) {
+        let cell;
+        return cellGroup ? (abstractX < cellGroup.globalAABBBounds.x1 + offset ? cell = {
+            col: cellGroup.col - 1,
+            row: cellGroup.row,
+            x: cellGroup.globalAABBBounds.x1
+        } : cellGroup.globalAABBBounds.x2 - offset < abstractX && (cell = {
+            col: cellGroup.col,
+            row: cellGroup.row,
+            x: cellGroup.globalAABBBounds.x2
+        }), cell && this.table.rightFrozenColCount > 0 && cell.col === this.table.colCount - this.table.rightFrozenColCount - 1 && this.table.tableNoFrameWidth - this.table.getFrozenColsWidth() - this.table.getRightFrozenColsWidth() + this.table.scrollLeft < this.bodyGroup.attribute.width && (cell.col = cell.col + 1, 
+        cell.rightFrozen = !0)) : cell = this.table.getCellAt(abstractX - offset, abstractY), 
+        cell || {
+            col: -1,
+            row: -1
+        };
+    }
+    getResizeRowAt(abstractX, abstractY, cellGroup, offset = ResizeRowHotSpotSize / 2) {
         if (cellGroup) {
             let cell;
-            if (abstractX < cellGroup.globalAABBBounds.x1 + offset ? cell = {
-                col: cellGroup.col - 1,
-                row: cellGroup.row,
-                x: cellGroup.globalAABBBounds.x1
-            } : cellGroup.globalAABBBounds.x2 - offset < abstractX && (cell = {
+            if (abstractY < cellGroup.globalAABBBounds.y1 + offset ? cell = {
+                col: cellGroup.col,
+                row: cellGroup.row - 1,
+                y: cellGroup.globalAABBBounds.y1
+            } : cellGroup.globalAABBBounds.y2 - offset < abstractY && (cell = {
                 col: cellGroup.col,
                 row: cellGroup.row,
-                x: cellGroup.globalAABBBounds.x2
-            }), cell && this.table.rightFrozenColCount > 0 && cell.col === this.table.colCount - this.table.rightFrozenColCount - 1 && this.table.tableNoFrameWidth - this.table.getFrozenColsWidth() - this.table.getRightFrozenColsWidth() + this.table.scrollLeft < this.bodyGroup.attribute.width && (cell.col = cell.col + 1, 
-            cell.rightFrozen = !0), cell) return cell;
+                y: cellGroup.globalAABBBounds.y2
+            }), cell && this.table.bottomFrozenRowCount > 0 && cell.row === this.table.rowCount - this.table.bottomFrozenRowCount - 1 && this.table.tableNoFrameHeight - this.table.getFrozenRowsHeight() - this.table.getBottomFrozenRowsHeight() + this.table.scrollTop < this.bodyGroup.attribute.height && (cell.row = cell.row + 1, 
+            cell.bottomFrozen = !0), cell) return cell;
         } else ;
         return {
             col: -1,
@@ -746,12 +769,14 @@ export class Scenegraph {
             const row = updateRows[i], oldHeight = this.table.getRowHeight(row), newHeight = computeRowHeight(row, 0, this.table.colCount - 1, this.table);
             (row >= this.proxy.rowStart && row <= this.proxy.rowEnd || row >= this.table.rowCount - this.table.bottomFrozenRowCount && row <= this.table.rowCount - 1) && this.table.scenegraph.updateRowHeight(row, newHeight - oldHeight);
         }
-        this.table.stateManager.checkFrozen(), this.isPivot || this.table.transpose ? this.table.options.frozenColCount && this.component.setFrozenColumnShadow(this.table.frozenColCount - 1) : this.component.setFrozenColumnShadow(this.table.frozenColCount - 1), 
+        this.table.stateManager.checkFrozen(), this.isPivot || this.table.transpose ? this.table.options.frozenColCount ? this.component.setFrozenColumnShadow(this.table.frozenColCount - 1) : this.table.options.rightFrozenColCount && this.component.setRightFrozenColumnShadow(this.table.colCount - this.table.rightFrozenColCount) : (this.component.setFrozenColumnShadow(this.table.frozenColCount - 1), 
+        this.component.setRightFrozenColumnShadow(this.table.colCount - this.table.rightFrozenColCount)), 
         this.component.updateScrollBar(), this.updateNextFrame();
     }
     updateCol(removeCells, addCells, updateCells = []) {
         updateCol(removeCells, addCells, updateCells, this.table), this.recalculateColWidths(), 
-        this.recalculateRowHeights(), this.table.stateManager.checkFrozen(), this.isPivot || this.table.transpose ? this.table.options.frozenColCount && this.component.setFrozenColumnShadow(this.table.frozenColCount - 1) : this.component.setFrozenColumnShadow(this.table.frozenColCount - 1), 
+        this.recalculateRowHeights(), this.table.stateManager.checkFrozen(), this.isPivot || this.table.transpose ? this.table.options.frozenColCount ? this.component.setFrozenColumnShadow(this.table.frozenColCount - 1) : this.table.options.rightFrozenColCount && this.component.setRightFrozenColumnShadow(this.table.colCount - this.table.rightFrozenColCount) : (this.component.setFrozenColumnShadow(this.table.frozenColCount - 1), 
+        this.component.setRightFrozenColumnShadow(this.table.colCount - this.table.rightFrozenColCount)), 
         this.component.updateScrollBar(), this.updateNextFrame();
     }
     getColumnGroupX(col) {