@visactor/vtable 1.18.5-alpha.1 → 1.18.5

package/dist/vtable.js

@@ -33501,6 +33501,9 @@
             this._sourceLength = this._source?.length || 0;
             this.sortedIndexMap.clear();
             this.currentIndexedData = Array.from({ length: this._sourceLength }, (_, i) => i);
+            if (this.rowHierarchyType === 'tree') {
+                this.initTreeHierarchyState();
+            }
             if (!this.userPagination) {
                 this.pagination.perPageCount = this._sourceLength;
                 this.pagination.totalCount = this._sourceLength;
@@ -55189,13 +55192,14 @@
                 state.updateInteractionState(InteractionState.scrolling);
             }
         }
+        const autoHide = state.table.options.theme?.scrollStyle?.visible === 'scrolling';
         if (optimizedDeltaX) {
             state.setScrollLeft(state.scroll.horizontalBarPos + optimizedDeltaX, event);
-            state.showHorizontalScrollBar(true);
+            state.showHorizontalScrollBar(autoHide);
         }
         if (optimizedDeltaY) {
             state.setScrollTop(state.scroll.verticalBarPos + optimizedDeltaY, event);
-            state.showVerticalScrollBar(true);
+            state.showVerticalScrollBar(autoHide);
         }
         isWheelEvent && state.resetInteractionState(state.interactionStateBeforeScroll);
         if (event.nativeEvent?.cancelable &&
@@ -56890,6 +56894,7 @@
                     });
                 }
             }
+            stateManager.updateInteractionState(InteractionState.default);
         };
         eventManager.globalEventListeners.push({
             name: 'pointerup',
@@ -57615,7 +57620,14 @@
             if (ranges.length > 0) {
                 for (let i = 0; i < ranges.length; i++) {
                     const range = ranges[i];
-                    if (col >= range.start.col && col <= range.end.col && row >= range.start.row && row <= range.end.row) {
+                    const startCol = range.start.col;
+                    const endCol = range.end.col;
+                    const startRow = range.start.row;
+                    const endRow = range.end.row;
+                    if ((col >= startCol && col <= endCol && row >= startRow && row <= endRow) ||
+                        (col >= endCol && col <= startCol && row >= endRow && row <= startRow) ||
+                        (col >= startCol && col <= endCol && row >= endRow && row <= startRow) ||
+                        (col >= endCol && col <= startCol && row >= startRow && row <= endRow)) {
                         cellInRange = true;
                         break;
                     }
@@ -58857,8 +58869,8 @@
             const secondElement = this._secondElement;
             const rootElement = this._rootElement;
             const element = table.internalProps.menu.parentElement ?? table.getElement();
-            const { width: containerWidth, left: containerLeft, top: containerTop } = element.getBoundingClientRect();
-            const { x: rootLeft, y: rootTop, width: rootWidth } = rootElement.getBoundingClientRect();
+            const { width: containerWidth, height: containerHeight, left: containerLeft, top: containerTop } = element.getBoundingClientRect();
+            const { x: rootLeft, y: rootTop, width: rootWidth, height: rootHeight } = rootElement.getBoundingClientRect();
             if (secondElement) {
                 if (secondElement.parentElement !== element) {
                     element.appendChild(secondElement);
@@ -58867,9 +58879,15 @@
                 const maxWidth = containerWidth * 0.8;
                 secondElement.style.maxWidth = `${maxWidth}px`;
                 const secondElementWidth = secondElement.clientWidth;
+                const secondElementHeight = secondElement.clientHeight;
                 const secondElementTop = y - 4 - containerTop;
                 const secondElementLeft = x - containerLeft;
-                secondElement.style.top = `${secondElementTop}px`;
+                let topStyle = secondElementTop;
+                if (topStyle + secondElementHeight > containerHeight) {
+                    const secondElementItem = secondElement.firstElementChild;
+                    topStyle = topStyle - secondElementHeight + secondElementItem.clientHeight + 4;
+                }
+                secondElement.style.top = `${topStyle}px`;
                 let leftStyle = secondElementLeft;
                 if (leftStyle + secondElementWidth > containerWidth) {
                     leftStyle = leftStyle - secondElementWidth - rootWidth;
@@ -62635,7 +62653,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.18.5-alpha.1";
+        version = "1.18.5";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -65316,8 +65334,26 @@
             this.render();
             const stage = this.scenegraph.stage;
             if (stage) {
-                const contentWidth = this.tableX + this.getAllColsWidth();
-                const contentHeight = this.tableY + this.getAllRowsHeight();
+                let contentWidth = this.tableX + this.getAllColsWidth();
+                let contentHeight = this.tableY + this.getAllRowsHeight();
+                if (this.internalProps.legends) {
+                    this.internalProps.legends.forEach(legend => {
+                        if (legend.orient === 'right') {
+                            contentWidth = Math.max(contentWidth, legend.legendComponent.globalAABBBounds.x2);
+                        }
+                        else if (legend.orient === 'bottom') {
+                            contentHeight = Math.max(contentHeight, legend.legendComponent.globalAABBBounds.y2);
+                        }
+                    });
+                }
+                if (this.internalProps.title) {
+                    if (this.internalProps.title._titleOption.orient === 'right') {
+                        contentWidth = Math.max(contentWidth, this.internalProps.title.getComponentGraphic().globalAABBBounds.x2);
+                    }
+                    else if (this.internalProps.title._titleOption.orient === 'bottom') {
+                        contentHeight = Math.max(contentHeight, this.internalProps.title.getComponentGraphic().globalAABBBounds.y2);
+                    }
+                }
                 if (contentWidth >= this.canvasWidth && contentHeight >= this.canvasHeight) {
                     stage.render();
                     const buffer = stage.window.getImageBuffer(type);
@@ -67589,7 +67625,7 @@
                             style: rowSeriesNumber.style,
                             width: rowSeriesNumber.width,
                             format: rowSeriesNumber.format,
-                            field: rowSeriesNumber.field,
+                            field: rowSeriesNumber.field ?? '_vtable_rowSeries_number',
                             icon: rowSeriesNumber.icon,
                             headerIcon: rowSeriesNumber.headerIcon,
                             isChildNode: false
@@ -85786,7 +85822,7 @@
     }
 
     registerForVrender();
-    const version = "1.18.5-alpha.1";
+    const version = "1.18.5";
     function getIcons() {
         return get$2();
     }