@visactor/vtable 0.13.2-alpha.2 → 0.13.2-alpha.3

package/dist/vtable.js

@@ -38116,21 +38116,33 @@
             return Math.max(height, this.attribute.height ?? 0);
         }
         setDeltaWidth(deltaX) {
+            if (deltaX === 0) {
+                return;
+            }
             this.setAttribute('width', (this.attribute.width ?? 0) + deltaX);
             if (this.border) {
                 this.border.setAttribute('width', this.border.attribute.width + deltaX);
             }
         }
         setDeltaHeight(deltaY) {
+            if (deltaY === 0) {
+                return;
+            }
             this.setAttribute('height', (this.attribute.height ?? 0) + deltaY);
             if (this.border) {
                 this.border.setAttribute('height', this.border.attribute.height + deltaY);
             }
         }
         setDeltaX(deltaX) {
+            if (deltaX === 0) {
+                return;
+            }
             this.setAttribute('x', this.attribute.x + deltaX);
         }
         setDeltaY(deltaY) {
+            if (deltaY === 0) {
+                return;
+            }
             this.setAttribute('y', this.attribute.y + deltaY);
         }
         forEachChildrenSkipChild(cb, skipChildName = 'border-rect', reverse = false) {
@@ -43730,9 +43742,10 @@
             for (let col = 0; col < table.colCount; col++) {
                 const newColWidth = newWidths[col] ?? table.getColWidth(col);
                 if (newColWidth !== oldColWidths[col]) {
-                    table.scenegraph.updateColWidth(col, newColWidth - oldColWidths[col]);
+                    table.scenegraph.updateColWidth(col, newColWidth - oldColWidths[col], true);
                 }
             }
+            table.scenegraph.updateContainer();
         }
     }
     function computeColWidth(col, startRow, endRow, table, forceCompute) {
@@ -44413,6 +44426,43 @@
     }
     function updateCell$1(col, row, table, addNew) {
         const oldCellGroup = table.scenegraph.highPerformanceGetCell(col, row, true);
+        const cellStyle = table._getCellStyle(col, row);
+        const autoWrapText = cellStyle.autoWrapText ?? table.internalProps.autoWrapText;
+        const cellTheme = getStyleTheme(cellStyle, table, col, row, getProp).theme;
+        if (!addNew && canUseFastUpdate(col, row, oldCellGroup, autoWrapText, table)) {
+            const cellWidth = table.getColWidth(col);
+            const cellHeight = table.getRowHeight(row);
+            oldCellGroup.setAttributes({
+                width: cellWidth,
+                height: cellHeight,
+                lineWidth: cellTheme?.group?.lineWidth ?? undefined,
+                fill: cellTheme?.group?.fill ?? undefined,
+                stroke: cellTheme?.group?.stroke ?? undefined,
+                strokeArrayWidth: cellTheme?.group?.strokeArrayWidth ?? undefined,
+                strokeArrayColor: cellTheme?.group?.strokeArrayColor ?? undefined,
+                cursor: cellTheme?.group?.cursor ?? undefined
+            });
+            const textMark = oldCellGroup.getChildByName('text');
+            if (textMark) {
+                const text = table.getCellValue(col, row);
+                const hierarchyOffset = getHierarchyOffset(col, row, table);
+                const lineClamp = cellStyle.lineClamp;
+                const padding = getQuadProps(getProp('padding', cellStyle, col, row, table)) ?? [0, 0, 0, 0];
+                const attribute = {
+                    text: text.length === 1 && !autoWrapText ? text[0] : text,
+                    maxLineWidth: cellWidth - (padding[1] + padding[3] + hierarchyOffset),
+                    textBaseline: 'top',
+                    autoWrapText,
+                    lineClamp,
+                    wordBreak: 'break-word',
+                    heightLimit: cellHeight - (padding[0] + padding[2]),
+                    pickable: false,
+                    dx: hierarchyOffset
+                };
+                textMark.setAttributes(cellTheme.text ? Object.assign({}, cellTheme.text, attribute) : attribute);
+            }
+            return oldCellGroup;
+        }
         if (!addNew && oldCellGroup.role === 'empty') {
             return undefined;
         }
@@ -44450,8 +44500,6 @@
         }
         else {
             const mayHaveIcon = cellLocation !== 'body' ? true : !!define?.icon || !!define?.tree;
-            const headerStyle = table._getCellStyle(col, row);
-            const cellTheme = getStyleTheme(headerStyle, table, col, row, getProp).theme;
             const padding = cellTheme._vtable.padding;
             const textAlign = cellTheme._vtable.textAlign;
             const textBaseline = cellTheme._vtable.textBaseline;
@@ -44508,6 +44556,22 @@
         }
         return newCellGroup;
     }
+    function canUseFastUpdate(col, row, oldCellGroup, autoWrapText, table) {
+        const define = table.getBodyColumnDefine(col, row);
+        const mayHaveIcon = !!define?.icon || !!define?.tree;
+        const cellType = table.getBodyColumnType(col, row);
+        const autoRowHeight = table.heightMode === 'autoHeight';
+        if (!table.isHeader(col, row) &&
+            oldCellGroup.role === 'cell' &&
+            cellType === 'text' &&
+            !autoWrapText &&
+            !autoRowHeight &&
+            !mayHaveIcon &&
+            oldCellGroup.firstChild?.type === 'text') {
+            return true;
+        }
+        return false;
+    }
 
     function createComplexColumn(columnGroup, col, colWidth, rowStart, rowEnd, mergeMap, defaultRowHeight, table, cellLocation, rowLimit) {
         let maxWidth = 0;
@@ -45142,7 +45206,7 @@
                 proxy.table.scenegraph.proxy.deltaY += delaY;
             }
             proxy.currentRow = direction === 'up' ? proxy.currentRow + count : proxy.currentRow - count;
-            proxy.totalRow = direction === 'up' ? proxy.totalRow + count : proxy.totalRow - count;
+            proxy.totalRow = Math.max(0, Math.min(proxy.table.rowCount - 1, direction === 'up' ? proxy.totalRow + count : proxy.totalRow - count));
             proxy.referenceRow = proxy.rowStart + Math.floor((proxy.rowEnd - proxy.rowStart) / 2);
             proxy.rowUpdatePos = Math.min(proxy.rowUpdatePos, distStartRow);
             proxy.rowUpdateDirection = direction;
@@ -45176,7 +45240,7 @@
             }
             proxy.table.scenegraph.proxy.deltaY = 0;
             proxy.currentRow = direction === 'up' ? proxy.currentRow + count : proxy.currentRow - count;
-            proxy.totalRow = direction === 'up' ? proxy.totalRow + count : proxy.totalRow - count;
+            proxy.totalRow = Math.max(0, Math.min(proxy.table.rowCount - 1, direction === 'up' ? proxy.totalRow + count : proxy.totalRow - count));
             proxy.referenceRow = proxy.rowStart + Math.floor((proxy.rowEnd - proxy.rowStart) / 2);
             proxy.rowUpdatePos = proxy.rowStart;
             proxy.rowUpdateDirection = distEndRow > proxy.bodyBottomRow - (proxy.rowEnd - proxy.rowStart + 1) ? 'down' : 'up';
@@ -45189,20 +45253,28 @@
     function updatePartRowPosition(startRow, endRow, direction, proxy) {
         for (let col = 0; col < proxy.table.frozenColCount; col++) {
             const colGroup = proxy.table.scenegraph.getColGroup(col);
+            if (!colGroup) {
+                continue;
+            }
             for (let row = startRow; row <= endRow; row++) {
                 updateCellGroupPosition(colGroup, direction, proxy);
             }
         }
         for (let col = proxy.table.colCount - proxy.table.rightFrozenColCount; col < proxy.table.colCount; col++) {
             const colGroup = proxy.table.scenegraph.getColGroup(col);
+            if (!colGroup) {
+                continue;
+            }
             for (let row = startRow; row <= endRow; row++) {
                 updateCellGroupPosition(colGroup, direction, proxy);
             }
         }
         for (let col = proxy.bodyLeftCol; col <= proxy.bodyRightCol; col++) {
             const colGroup = proxy.table.scenegraph.getColGroup(col);
-            for (let row = startRow; row <= endRow; row++) {
-                updateCellGroupPosition(colGroup, direction, proxy);
+            if (colGroup) {
+                for (let row = startRow; row <= endRow; row++) {
+                    updateCellGroupPosition(colGroup, direction, proxy);
+                }
             }
         }
     }
@@ -45340,7 +45412,7 @@
         isRelease = false;
         mode = 'column';
         isProgressing;
-        rowLimit = 1000;
+        rowLimit = 200;
         currentRow = 0;
         totalRow;
         yLimitTop;
@@ -45562,6 +45634,7 @@
             this.colEnd = endCol;
             this.colUpdatePos = this.colEnd;
             this.referenceCol = this.colStart + Math.floor((endCol - this.colStart) / 2);
+            this.table.scenegraph.updateContainerAttrWidthAndX();
             this.table.scenegraph.updateContainer();
             this.table.scenegraph.updateBorderSizeAndPosition();
         }
@@ -45756,6 +45829,7 @@
                 columnGroup.setAttribute('width', table.getColWidth(col));
             }
         }
+        scene.updateContainerAttrWidthAndX();
         scene.updateContainer();
         for (let col = updateColStart; col <= updateColEnd; col++) {
             const columnGroup = table.scenegraph.getColGroup(col);
@@ -46056,7 +46130,14 @@
         updateCells.forEach(cell => {
             cell && updateCell$1(cell.col, cell.row, scene.table, false);
         });
-        resetRowNumberAndY(scene);
+        const newTotalHeight = resetRowNumberAndY(scene);
+        if (addRows.length) {
+            scene.proxy.rowUpdatePos = scene.proxy.rowStart;
+            scene.proxy.rowUpdateDirection = 'up';
+            scene.proxy.updateCellGroups(scene.proxy.screenRowCount * 2);
+            scene.proxy.progress();
+        }
+        scene.updateContainerHeight(scene.table.frozenRowCount, newTotalHeight - scene.bodyGroup.attribute.height);
     }
     function removeRow(row, scene) {
         for (let col = 0; col < scene.table.colCount; col++) {
@@ -46075,42 +46156,46 @@
         }
         scene.proxy.rowEnd--;
         scene.proxy.bodyBottomRow--;
+        scene.proxy.currentRow--;
         scene.proxy.totalRow--;
     }
     function addRow(row, scene) {
         for (let col = 0; col < scene.table.colCount; col++) {
-            const cellGroup = updateCell$1(col, row, scene.table, true);
+            const cellGroup = new Group({
+                x: 0,
+                y: 0,
+                width: scene.table.getColWidth(col),
+                height: scene.table.getRowHeight(row)
+            });
+            cellGroup.role = 'cell';
+            cellGroup.col = col;
+            cellGroup.row = row;
+            cellGroup.needUpdate = true;
             if (!cellGroup) {
                 continue;
             }
             const colGroup = scene.getColGroup(col);
             if (colGroup.firstChild && row < colGroup.firstChild.row) {
                 colGroup.insertBefore(cellGroup, colGroup.firstChild);
+                colGroup.firstChild.row = colGroup.firstChild.row + 1;
             }
             else if (colGroup.lastChild && row > colGroup.lastChild.row) {
                 colGroup.appendChild(cellGroup);
             }
             else {
-                let cellBefore;
-                colGroup.forEachChildren((cellGroup) => {
-                    if (cellGroup.row === row) {
-                        cellBefore = cellGroup;
-                        return true;
-                    }
-                    return false;
-                });
+                const cellBefore = scene.highPerformanceGetCell(col, row, true);
                 if (cellBefore !== cellGroup) {
                     colGroup.insertBefore(cellGroup, cellBefore);
+                    cellBefore && (cellBefore.row = cellBefore.row + 1);
+                    if (cellBefore !== colGroup.lastChild) {
+                        colGroup.lastChild && (colGroup.lastChild.row = colGroup.lastChild.row + 1);
+                    }
                 }
             }
-            let rowIndex = colGroup.firstChild?.row;
-            colGroup.forEachChildren((cellGroup) => {
-                cellGroup.row = rowIndex;
-                rowIndex++;
-            });
         }
         scene.proxy.rowEnd++;
         scene.proxy.bodyBottomRow++;
+        scene.proxy.currentRow++;
         scene.proxy.totalRow++;
     }
     function deduplication(array) {
@@ -46158,7 +46243,7 @@
             });
             newTotalHeight = y;
         }
-        scene.updateContainerHeight(scene.table.frozenRowCount, newTotalHeight - scene.bodyGroup.attribute.height);
+        return newTotalHeight;
     }
 
     const changedCells = [];
@@ -46332,6 +46417,7 @@
         scene.proxy.colStart = scene.table.frozenColCount;
         scene.bodyGroup.setAttribute('x', scene.rowHeaderGroup.attribute.width);
         scene.colHeaderGroup.setAttribute('x', scene.cornerHeaderGroup.attribute.width);
+        scene.updateContainerAttrWidthAndX();
         scene.updateContainer();
         scene.updateBorderSizeAndPosition();
         if (!scene.isPivot && !scene.transpose) {
@@ -47423,9 +47509,12 @@
                 icon.image = icon.attribute.originImage;
             }
         }
-        updateColWidth(col, detaX) {
+        updateColWidth(col, detaX, skipUpdateContainer) {
             updateColWidth(this, col, Math.round(detaX));
-            this.updateContainer();
+            if (!skipUpdateContainer) {
+                this.updateContainerAttrWidthAndX();
+                this.updateContainer();
+            }
         }
         updateChartSize(col) {
             updateChartSize(this, col);
@@ -47670,6 +47759,7 @@
                 this.component.setFrozenColumnShadow(this.table.frozenColCount - 1);
             }
             this.table.stateManeger.checkFrozen();
+            this.updateContainerAttrWidthAndX();
             this.updateContainer();
             this.createFrameBorder();
             this.updateBorderSizeAndPosition();
@@ -47836,7 +47926,7 @@
         updateHeaderPosition(colSource, rowSource, colTarget, rowTarget) {
             moveHeaderPosition(colSource, rowSource, colTarget, rowTarget, this.table);
         }
-        updateContainer() {
+        updateContainerAttrWidthAndX() {
             const cornerX = updateContainerChildrenX(this.cornerHeaderGroup);
             const rowHeaderX = updateContainerChildrenX(this.rowHeaderGroup);
             const colHeaderX = updateContainerChildrenX(this.colHeaderGroup);
@@ -47859,6 +47949,8 @@
             this.colHeaderGroup.setAttribute('x', this.cornerHeaderGroup.attribute.width);
             this.bottomFrozenGroup.setAttribute('x', this.rowHeaderGroup.attribute.width);
             this.bodyGroup.setAttribute('x', this.rowHeaderGroup.attribute.width);
+        }
+        updateContainer() {
             this.updateTableSize();
             const oldHorizontalBarPos = this.table.stateManeger.scroll.horizontalBarPos;
             const oldVerticalBarPos = this.table.stateManeger.scroll.verticalBarPos;
@@ -53863,7 +53955,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "0.13.2-alpha.2";
+        version = "0.13.2-alpha.3";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -63733,7 +63825,7 @@
         return new Tag(params ? params.attribute : {});
     }
 
-    const version = "0.13.2-alpha.2";
+    const version = "0.13.2-alpha.3";
     function getIcons() {
         return get$1();
     }