@visactor/vtable-plugins 1.22.0 → 1.22.1

package/dist/vtable-plugins.js

@@ -2147,7 +2147,7 @@
             try {
                 const { tempContainer, clonedGantt } = await this.createFullSizeContainer(scale);
                 try {
-                    await new Promise(resolve => requestAnimationFrame(resolve));
+                    await new Promise(resolve => vrender.vglobal.getRequestAnimationFrame()(resolve));
                     const totalWidth = (clonedGantt.taskListTableInstance.getAllColsWidth() + clonedGantt.getAllDateColsWidth()) * scale;
                     const totalHeight = clonedGantt.getAllRowsHeight() * scale;
                     const exportCanvas = document.createElement('canvas');
@@ -9073,7 +9073,13 @@ ${recordsStr}
                             opacity: 1
                         }
                     }
-                }, pluginOptions.cornerCellStyle)
+                }, pluginOptions.cornerCellStyle),
+                checkMoveColumnOrder: (colIndex) => {
+                    return this.table.isColumnSelected(colIndex);
+                },
+                checkMoveRowOrder: (rowIndex) => {
+                    return this.table.isRowSelected(rowIndex);
+                }
             });
             this.listenComponentEvents();
         }
@@ -9170,12 +9176,16 @@ ${recordsStr}
         handleResizeRowEnd = (e) => {
             this.seriesNumberComponent.setAttribute('hover', true);
         };
+        handleChangeHeaderPosition = (e) => {
+            this.syncColWidthToComponent();
+        };
         listenTableEvents() {
             this.table.on(VTable.TABLE_EVENT_TYPE.SCROLL, this.handleScroll);
             this.table.on(VTable.TABLE_EVENT_TYPE.AFTER_SORT, this.handleAfterSort);
             this.table.on(VTable.TABLE_EVENT_TYPE.SELECTED_CHANGED, this.handleSelectedChanged);
             this.table.on(VTable.TABLE_EVENT_TYPE.RESIZE_COLUMN_END, this.handleResizeColumnEnd);
             this.table.on(VTable.TABLE_EVENT_TYPE.RESIZE_ROW_END, this.handleResizeRowEnd);
+            this.table.on(VTable.TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION, this.handleChangeHeaderPosition);
         }
         handleSeriesNumberCellRightClick = (e) => {
             const { seriesNumberCell, event, isDragSelect } = e.detail;
@@ -9298,6 +9308,16 @@ ${recordsStr}
             this.table.stateManager.updateInteractionState(VTable.TYPES.InteractionState.grabing);
             this.table.stateManager.startResizeRow(rowIndex, event.viewport.x, event.viewport.y);
         };
+        handleDragColumOrderStart = (e) => {
+            const { colIndex, event } = e.detail;
+            this.table.stateManager.updateInteractionState(VTable.TYPES.InteractionState.grabing);
+            this.table.stateManager.startMoveCol(colIndex, 0, event.viewport.x, event.viewport.y, event.nativeEvent, 'column');
+        };
+        handleDragRowOrderStart = (e) => {
+            const { rowIndex, event } = e.detail;
+            this.table.stateManager.updateInteractionState(VTable.TYPES.InteractionState.grabing);
+            this.table.stateManager.startMoveCol(0, rowIndex, event.viewport.x, event.viewport.y, event.nativeEvent, 'row');
+        };
         listenComponentEvents() {
             this.seriesNumberComponent.on(vrender.SeriesNumberEvent.seriesNumberCellRightClick, this.handleSeriesNumberCellRightClick);
             this.seriesNumberComponent.on(vrender.SeriesNumberEvent.seriesNumberCellHover, this.handleSeriesNumberCellHover);
@@ -9307,6 +9327,8 @@ ${recordsStr}
             this.seriesNumberComponent.on(vrender.SeriesNumberEvent.rowSeriesNumberWidthChange, this.handleRowSeriesNumberWidthChange);
             this.seriesNumberComponent.on(vrender.SeriesNumberEvent.resizeColWidthStart, this.handleResizeColWidthStart);
             this.seriesNumberComponent.on(vrender.SeriesNumberEvent.resizeRowHeightStart, this.handleResizeRowHeightStart);
+            this.seriesNumberComponent.on(vrender.SeriesNumberEvent.dragColumnOrderStart, this.handleDragColumOrderStart);
+            this.seriesNumberComponent.on(vrender.SeriesNumberEvent.dragRowOrderStart, this.handleDragRowOrderStart);
         }
         release() {
             if (this.componentLayoutLayer) {
@@ -9406,9 +9428,8 @@ ${recordsStr}
                 return;
             }
             if (typeof table.addRecord === 'function') {
-                for (let i = 0; i < count; i++) {
-                    table.addRecord([], rowIndex - 1);
-                }
+                const records = Array.from({ length: count }, (_, i) => []);
+                table.addRecords(records, rowIndex - 1);
             }
         }
         handleInsertRowBelow(table, rowIndex, count = 1) {
@@ -9416,9 +9437,8 @@ ${recordsStr}
                 return;
             }
             if (typeof table.addRecord === 'function') {
-                for (let i = 0; i < count; i++) {
-                    table.addRecord([], rowIndex + i);
-                }
+                const records = Array.from({ length: count }, (_, i) => []);
+                table.addRecords(records, rowIndex);
             }
         }
         handleInsertColumnLeft(table, colIndex, count = 1) {
@@ -9445,10 +9465,7 @@ ${recordsStr}
                 table.addColumns(toAddColumns, colIndex + 1, true);
             }
         }
-        handleDeleteRow(table, rowIndex) {
-            if (rowIndex === undefined) {
-                return;
-            }
+        handleDeleteRow(table) {
             if (typeof table.deleteRecords === 'function') {
                 const selectRanges = table.stateManager.select.ranges;
                 const deleteRowIndexs = [];
@@ -9461,10 +9478,12 @@ ${recordsStr}
                     }
                 }
                 deleteRowIndexs.sort((a, b) => b - a);
+                const delRecordIndexs = [];
                 for (let i = 0; i < deleteRowIndexs.length; i++) {
                     const recordIndex = table.getRecordIndexByCell(0, deleteRowIndexs[i]);
-                    table.deleteRecords([recordIndex]);
+                    delRecordIndexs.push(recordIndex);
                 }
+                table.deleteRecords(delRecordIndexs);
             }
         }
         handleDeleteColumn(table, colIndex) {
@@ -9703,7 +9722,7 @@ ${recordsStr}
                         this.menuHandler.handleInsertColumnRight(table, colIndex, inputValue);
                         break;
                     case exports.MenuKey.DELETE_ROW:
-                        this.menuHandler.handleDeleteRow(table, rowIndex);
+                        this.menuHandler.handleDeleteRow(table);
                         break;
                     case exports.MenuKey.DELETE_COLUMN:
                         this.menuHandler.handleDeleteColumn(table, colIndex);