@visactor/vtable 1.9.2-alpha.5 → 1.9.2-alpha.6

package/dist/vtable.js

@@ -4448,14 +4448,8 @@
       return needTestLetter && (index = testLetter(desc, index)), index;
     }
     function testLetter(string, index) {
-      let negativeWrongMatch = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
       let i = index;
-      for (; regLetter.test(string[i - 1]) && regLetter.test(string[i]) || regPunctuation.test(string[i]);) if (i--, i <= 0) return negativeWrongMatch ? testLetter2(string, index) : index;
-      return i;
-    }
-    function testLetter2(string, index) {
-      let i = index;
-      for (; regLetter.test(string[i - 1]) && regLetter.test(string[i]) || regPunctuation.test(string[i]);) if (i++, i >= string.length) return i;
+      for (; regLetter.test(string[i - 1]) && regLetter.test(string[i]) || regPunctuation.test(string[i]);) if (i--, i <= 0) return index;
       return i;
     }
     function measureTextCanvas(text, character) {
@@ -4553,7 +4547,7 @@
           width: length
         };
       }
-      clipText(text, options, width, wordBreak, keepAllBreak) {
+      clipText(text, options, width, wordBreak) {
         if (0 === text.length) return {
           str: "",
           width: 0
@@ -4569,8 +4563,8 @@
         };
         const data = this._clipText(text, options, width, 0, text.length - 1, "end", !1);
         if (wordBreak && data.str !== text) {
-          let index = testLetter(text, data.str.length, keepAllBreak);
-          index !== data.str.length && (index > data.str.length && (data.wordBreaked = index, index = data.str.length), data.str = text.substring(0, index), data.width = this.measureTextWidth(data.str, options));
+          const index = testLetter(text, data.str.length);
+          index !== data.str.length && (data.str = text.substring(0, index), data.width = this.measureTextWidth(data.str, options));
         }
         return data;
       }
@@ -8650,7 +8644,7 @@
       const path = "function" == typeof graphic.pathProxy ? graphic.pathProxy(graphic.attribute) : graphic.pathProxy;
       return renderCommandList(path.commandList, context, x, y), context.setShadowBlendStyle && context.setShadowBlendStyle(graphic, graphic.attribute, themeAttributes), doStroke && (strokeCb ? strokeCb(context, graphic.attribute, themeAttributes) : sVisible && (context.setStrokeStyle(graphic, graphic.attribute, x - originX, y - originY, themeAttributes), context.stroke())), doFill && (fillCb ? fillCb(context, graphic.attribute, themeAttributes) : fVisible && (context.setCommonStyle(graphic, graphic.attribute, x - originX, y - originY, themeAttributes), context.fill())), !0;
     }
-    function intersect(x0, y0, x1, y1, x2, y2, x3, y3) {
+    function intersect$2(x0, y0, x1, y1, x2, y2, x3, y3) {
       const x10 = x1 - x0,
         y10 = y1 - y0,
         x32 = x3 - x2,
@@ -8719,7 +8713,7 @@
         yire = innerRadius * sin(innerEndAngle);
       let xore, yore, xirs, yirs;
       if ((maxInnerCornerRadius > epsilon || maxOuterCornerRadius > epsilon) && (xore = outerRadius * cos(outerEndAngle), yore = outerRadius * sin(outerEndAngle), xirs = innerRadius * cos(innerStartAngle), yirs = innerRadius * sin(innerStartAngle), deltaAngle < pi)) {
-        const oc = intersect(xors, yors, xirs, yirs, xore, yore, xire, yire);
+        const oc = intersect$2(xors, yors, xirs, yirs, xore, yore, xire, yire);
         if (oc) {
           const ax = xors - oc[0],
             ay = yors - oc[1],
@@ -9284,7 +9278,7 @@
       validCheck(attribute, theme, aabbBounds, graphic) {
         if (!graphic) return !0;
         if (null != attribute.forceBoundsHeight || null != attribute.forceBoundsWidth) return !0;
-        if (graphic.shadowRoot || graphic.isContainer) return !0;
+        if (graphic.shadowRoot) return !0;
         const {
           visible = theme.visible
         } = attribute;
@@ -12553,22 +12547,20 @@
               });
               break;
             }
-            const clip = layoutObj.textMeasure.clipText(str, layoutObj.textOptions, maxLineWidth, "break-all" !== wordBreak, "keep-all" === wordBreak);
-            if ("" !== str && "" === clip.str || clip.wordBreaked) {
+            const clip = layoutObj.textMeasure.clipText(str, layoutObj.textOptions, maxLineWidth, "break-word" === wordBreak);
+            if ("" !== str && "" === clip.str) {
               if (ellipsis) {
                 const clipEllipsis = layoutObj.textMeasure.clipTextWithSuffix(str, layoutObj.textOptions, maxLineWidth, ellipsis, !1, suffixPosition);
                 clip.str = null !== (_c = clipEllipsis.str) && void 0 !== _c ? _c : "", clip.width = null !== (_d = clipEllipsis.width) && void 0 !== _d ? _d : 0;
               } else clip.str = "", clip.width = 0;
               needCut = !1;
             }
-            linesLayout.push({
+            if (linesLayout.push({
               str: clip.str,
               width: clip.width
-            });
-            let cutLength = clip.str.length;
-            if (!clip.wordBreaked || "" !== str && "" === clip.str || (needCut = !0, cutLength = clip.wordBreaked), clip.str.length === str.length) ;else if (needCut) {
-              let newStr = str.substring(cutLength);
-              "keep-all" === wordBreak && (newStr = newStr.replace(/^\s+/g, "")), lines.splice(i + 1, 0, newStr);
+            }), clip.str.length === str.length) ;else if (needCut) {
+              const newStr = str.substring(clip.str.length);
+              lines.splice(i + 1, 0, newStr);
             }
           }
           let maxWidth = 0;
@@ -21038,15 +21030,6 @@
         labelPoint = getVerticalCoord(point, getCircleVerticalVector(labelOffset, point, center, inside));
       return getCircleLabelPosition(labelPoint, getCircleVerticalVector(labelOffset || 1, labelPoint, center, inside));
     }
-    function textIntersect(textA, textB, sep) {
-      let a = textA.OBBBounds,
-        b = textB.OBBBounds;
-      return a && b && !a.empty() && !b.empty() ? a.intersects(b) : (a = textA.AABBBounds, b = textB.AABBBounds, sep > Math.max(b.x1 - a.x2, a.x1 - b.x2, b.y1 - a.y2, a.y1 - b.y2));
-    }
-    function hasOverlap(items, pad) {
-      for (let b, i = 1, n = items.length, a = items[0]; i < n; a = b, ++i) if (b = items[i], textIntersect(a, b, pad)) return !0;
-      return !1;
-    }
 
     const dispatchHoverState = (e, container, lastHover) => {
       const target = e.target;
@@ -21371,9 +21354,17 @@
       },
       greedy: function (items, sep) {
         let a;
-        return items.filter((b, i) => i && textIntersect(a, b, sep) ? b.setAttribute("opacity", 0) : (a = b, 1));
+        return items.filter((b, i) => i && intersect$1(a, b, sep) ? b.setAttribute("opacity", 0) : (a = b, 1));
       }
     };
+    function intersect$1(textA, textB, sep) {
+      let a = textA.OBBBounds,
+        b = textB.OBBBounds;
+      return a && b && !a.empty() && !b.empty() ? a.intersects(b) : (a = textA.AABBBounds, b = textB.AABBBounds, sep > Math.max(b.x1 - a.x2, a.x1 - b.x2, b.y1 - a.y2, a.y1 - b.y2));
+    }
+    function hasOverlap$1(items, pad) {
+      for (let b, i = 1, n = items.length, a = items[0]; i < n; a = b, ++i) if (intersect$1(a, b = items[i], pad)) return !0;
+    }
     function hasBounds(item) {
       let bounds;
       return bounds = item.OBBBounds.empty() ? item.AABBBounds : item.OBBBounds, bounds.width() > 1 && bounds.height() > 1;
@@ -21381,20 +21372,6 @@
     function reset(items) {
       return items.forEach(item => item.setAttribute("opacity", 1)), items;
     }
-    function forceItemVisible$1(sourceItem, items, check, comparator) {
-      let inverse = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : !1;
-      if (check && !sourceItem.attribute.opacity) {
-        const remainLength = items.length;
-        if (remainLength > 1) {
-          sourceItem.setAttribute("opacity", 1);
-          for (let i = 0; i < remainLength; i++) {
-            const item = inverse ? items[remainLength - 1 - i] : items[i];
-            if (!comparator(item)) break;
-            item.setAttribute("opacity", 0);
-          }
-        }
-      }
-    }
     function autoHide(labels, config) {
       if (isEmpty$1(labels)) return;
       const source = labels.filter(hasBounds);
@@ -21406,19 +21383,20 @@
           separation: sep = 0
         } = config,
         reduce = isFunction$3(method) ? method : methods$1[method] || methods$1.parity;
-      if (items.length >= 3 && hasOverlap(items, sep)) {
+      if (items.length >= 3 && hasOverlap$1(items, sep)) {
         do {
           items = reduce(items, sep);
-        } while (items.length >= 3 && hasOverlap(items, sep));
-        const shouldCheck = function (length, visibility) {
-            let checkLength = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !0;
-            return checkLength && length < 3 || visibility;
-          },
-          checkFirst = shouldCheck(items.length, config.firstVisible, !1);
-        let checkLast = shouldCheck(items.length, config.lastVisible);
-        const firstSourceItem = source[0],
-          lastSourceItem = last$1(source);
-        textIntersect(firstSourceItem, lastSourceItem, sep) && checkFirst && checkLast && (lastSourceItem.setAttribute("opacity", 0), checkLast = !1), forceItemVisible$1(firstSourceItem, items, checkFirst, item => textIntersect(item, firstSourceItem, sep)), forceItemVisible$1(lastSourceItem, items, checkLast, item => textIntersect(item, lastSourceItem, sep) || !(!checkFirst || item === firstSourceItem) && textIntersect(item, firstSourceItem, sep), !0);
+        } while (items.length >= 3 && hasOverlap$1(items, sep));
+        if (items.length < 3 || config.lastVisible) {
+          const lastSourceItem = last$1(source);
+          if (!lastSourceItem.attribute.opacity) {
+            const remainLength = items.length;
+            if (remainLength > 1) {
+              lastSourceItem.setAttribute("opacity", 1);
+              for (let i = remainLength - 1; i >= 0 && intersect$1(items[i], lastSourceItem, sep); i--) items[i].setAttribute("opacity", 0);
+            }
+          }
+        }
       }
       source.forEach(item => {
         item.setAttribute("visible", !!item.attribute.opacity);
@@ -22025,7 +22003,6 @@
             autoHideMethod: autoHideMethod,
             autoHideSeparation: autoHideSeparation,
             lastVisible: lastVisible,
-            firstVisible: firstVisible,
             autoWrap: autoWrap$1,
             overflowLimitLength: overflowLimitLength
           } = label;
@@ -22059,8 +22036,7 @@
             orient: orient,
             method: autoHideMethod,
             separation: autoHideSeparation,
-            lastVisible: lastVisible,
-            firstVisible: firstVisible
+            lastVisible: lastVisible
           });
         }
       }
@@ -22130,6 +22106,13 @@
         nextBounds = new AABBBounds$1(nextLabel).expand(gap / 2);
       return prevBounds.intersects(nextBounds);
     };
+    function intersect(a, b, sep) {
+      return sep > Math.max(b.x1 - a.x2, a.x1 - b.x2, b.y1 - a.y2, a.y1 - b.y2);
+    }
+    function hasOverlap(items, pad) {
+      for (let b, i = 1, n = items.length, a = items[0]; i < n; a = b, ++i) if (b = items[i], intersect(a.AABBBounds, b.AABBBounds, pad)) return !0;
+      return !1;
+    }
     const MIN_TICK_GAP = 12;
     const calculateFlushPos = (basePosition, size, rangePosition, otherEnd) => rangePosition < basePosition ? Math.max(basePosition - size / 2, rangePosition) : rangePosition > basePosition ? Math.min(basePosition - size / 2, rangePosition - size) : rangePosition < otherEnd ? rangePosition : rangePosition - size;
     const getCartesianLabelBounds = (scale, domain, op) => {
@@ -22663,20 +22646,6 @@
       } else scaleTicks = getTicks(count);
       return scaleTicks;
     }
-    function forceItemVisible(sourceItem, items, check, comparator) {
-      let inverse = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : !1;
-      if (check && !items.includes(sourceItem)) {
-        let remainLength = items.length;
-        if (remainLength > 1) {
-          inverse ? items.push(sourceItem) : items.unshift(sourceItem);
-          for (let i = 0; i < remainLength; i++) {
-            const index = inverse ? remainLength - 1 - i : i;
-            if (!comparator(items[index])) break;
-            items.splice(index, 1), i--, remainLength--;
-          }
-        }
-      }
-    }
     const continuousTicks = (scale, op) => {
       var _a, _b;
       if (!isContinuous(scale.type)) return convertDomainToTickData(scale.domain());
@@ -22716,8 +22685,7 @@
           customTicks: customTicks
         }));
       }
-      const domain = scale.domain();
-      if (op.labelFirstVisible && domain[0] !== scaleTicks[0] && !scaleTicks.includes(domain[0]) && scaleTicks.unshift(domain[0]), op.labelLastVisible && domain[domain.length - 1] !== scaleTicks[scaleTicks.length - 1] && !scaleTicks.includes(domain[domain.length - 1]) && scaleTicks.push(domain[domain.length - 1]), op.sampling && scaleTicks.length > 1 && ("cartesian" === op.coordinateType || "polar" === op.coordinateType && "radius" === op.axisOrientType)) {
+      if (op.sampling && ("cartesian" === op.coordinateType || "polar" === op.coordinateType && "radius" === op.axisOrientType)) {
         const {
           labelGap = 4,
           labelFlush: labelFlush
@@ -22726,14 +22694,8 @@
           AABBBounds: bounds,
           value: scaleTicks[i]
         }));
-        const source = [...items],
-          firstSourceItem = source[0],
-          lastSourceItem = last$1(source),
-          samplingMethod = breakData && breakData() ? methods.greedy : methods.parity;
+        const samplingMethod = breakData && breakData() ? methods.greedy : methods.parity;
         for (; items.length >= 3 && hasOverlap(items, labelGap);) items = samplingMethod(items, labelGap);
-        const checkFirst = op.labelFirstVisible;
-        let checkLast = op.labelLastVisible;
-        textIntersect(firstSourceItem, lastSourceItem, labelGap) && items.includes(lastSourceItem) && items.length > 1 && checkFirst && checkLast && (items.splice(items.indexOf(lastSourceItem), 1), checkLast = !1), forceItemVisible(firstSourceItem, items, checkFirst, item => textIntersect(item, firstSourceItem, labelGap)), forceItemVisible(lastSourceItem, items, checkLast, item => textIntersect(item, lastSourceItem, labelGap) || !(!checkFirst || item === firstSourceItem) && textIntersect(item, firstSourceItem, labelGap), !0);
         const ticks = items.map(item => item.value);
         ticks.length < 3 && labelFlush && (ticks.length > 1 && ticks.pop(), last$1(ticks) !== last$1(scaleTicks) && ticks.push(last$1(scaleTicks))), scaleTicks = ticks;
       }
@@ -22745,7 +22707,7 @@
       },
       greedy: function (items, sep) {
         let a;
-        return items.filter((b, i) => (!i || !textIntersect(a, b, sep)) && (a = b, !0));
+        return items.filter((b, i) => (!i || !intersect(a.AABBBounds, b.AABBBounds, sep)) && (a = b, !0));
       }
     };
 
@@ -23507,8 +23469,8 @@
             this._autoEllipsis(autoEllipsisStrategy, layoutWidth, labelShape, valueShape), valueAttr.alignRight ? valueShape.setAttributes({
               textAlign: "right",
               x: this._itemWidthByUser - shapeSize / 2 - parsedPadding[1] - parsedPadding[3] - focusSpace - valueSpace
-            }) : valueShape.setAttribute("x", labelSpace + (labelShape.AABBBounds.empty() ? 0 : labelShape.AABBBounds.x2));
-          } else valueShape.setAttribute("x", labelSpace + (labelShape.AABBBounds.empty() ? 0 : labelShape.AABBBounds.x2));
+            }) : valueShape.setAttribute("x", valueSpace + (labelShape.AABBBounds.empty() ? 0 : labelShape.AABBBounds.x2));
+          } else valueShape.setAttribute("x", valueSpace + (labelShape.AABBBounds.empty() ? 0 : labelShape.AABBBounds.x2));
           focusStartX = valueSpace + (valueShape.AABBBounds.empty() ? 0 : valueShape.AABBBounds.x2), innerGroup.add(valueShape);
         } else this._itemWidthByUser ? (labelShape.setAttribute("maxLineWidth", this._itemWidthByUser - parsedPadding[1] - parsedPadding[3] - shapeSize - shapeSpace - focusSpace), focusStartX = labelSpace + (labelShape.AABBBounds.empty() ? 0 : labelShape.AABBBounds.x2)) : focusStartX = labelSpace + (labelShape.AABBBounds.empty() ? 0 : labelShape.AABBBounds.x2);
         focusShape && (focusShape.setAttribute("x", focusStartX), innerGroup.add(focusShape));
@@ -23574,8 +23536,9 @@
           disableTriggerEvent: disableTriggerEvent
         }));
       }
-      _updatePositionOfPager(renderStartY, compWidth, compHeight) {
+      _updatePositionOfPager(contentWidth, contentHeight, renderStartY, compWidth, compHeight) {
         const {
+            maxHeight: maxHeight,
             pager: pager
           } = this.attribute,
           {
@@ -23586,14 +23549,14 @@
         if (this._pagerComponent.setTotal(totalPage), isHorizontal) {
           let y;
           y = "start" === position ? renderStartY : "end" === position ? renderStartY + compHeight - this._pagerComponent.AABBBounds.height() / 2 : renderStartY + compHeight / 2 - this._pagerComponent.AABBBounds.height() / 2, this._pagerComponent.setAttributes({
-            x: compWidth - this._pagerComponent.AABBBounds.width(),
+            x: contentWidth,
             y: y
           });
         } else {
           let x;
           x = "start" === position ? 0 : "end" === position ? compWidth - this._pagerComponent.AABBBounds.width() : (compWidth - this._pagerComponent.AABBBounds.width()) / 2, this._pagerComponent.setAttributes({
             x: x,
-            y: compHeight - this._pagerComponent.AABBBounds.height()
+            y: maxHeight - this._pagerComponent.AABBBounds.height()
           });
         }
       }
@@ -23622,10 +23585,11 @@
             const {
               value: value
             } = e.detail;
-            let newPage;
-            return 0 === value[0] ? newPage = 1 : 1 === value[1] ? newPage = this._itemContext.totalPage : (newPage = value[0] * this._itemContext.totalPage, pager.scrollByPosition ? newPage += 1 : newPage = Math.floor(newPage) + 1), newPage;
+            let newPage = value[0] * this._itemContext.totalPage;
+            return pager.scrollByPosition ? newPage += 1 : newPage = Math.floor(newPage) + 1, newPage;
           } : e => e.detail.current,
           onScroll = e => {
+            e.preventDefault();
             const scrollComponent = this._pagerComponent,
               preScrollRange = scrollComponent.getScrollRange(),
               {
@@ -23654,7 +23618,7 @@
         if (this._itemContext.isScrollbar) {
           if (this._pagerComponent.addEventListener("scrollDrag", onPaging), this._pagerComponent.addEventListener("scrollUp", onPaging), this.attribute.pager.roamScroll) {
             const THROTTLE_TIME = 50;
-            this.addEventListener("wheel", e => e.nativeEvent.preventDefault()), this.addEventListener("wheel", throttle$1(onScroll, THROTTLE_TIME));
+            this.addEventListener("wheel", throttle$1(onScroll, THROTTLE_TIME));
           }
         } else this._pagerComponent.addEventListener("toPrev", onPaging), this._pagerComponent.addEventListener("toNext", onPaging);
       }
@@ -23702,7 +23666,7 @@
             }), startX += spaceCol + width;
           }), this._itemContext.startX = startX, this._itemContext.startY = startY, this._itemContext.pages = pages;
           const total = Math.ceil(pages / maxRow);
-          this._itemContext.totalPage = total, this._updatePositionOfPager(renderStartY, compWidth, compHeight);
+          this._itemContext.totalPage = total, this._updatePositionOfPager(contentWidth, contentHeight, renderStartY, compWidth, compHeight);
         } else {
           if (compWidth = this._itemMaxWidth * maxCol + (maxCol - 1) * spaceCol, compHeight = maxHeight, contentWidth = compWidth, comp = this._createPager(compStyle), this._pagerComponent = comp, this._innerView.add(comp), contentHeight = maxHeight - comp.AABBBounds.height() - pagerSpace - renderStartY, contentHeight <= 0) return this._innerView.removeChild(comp), !1;
           itemsContainer.getChildren().forEach((item, index) => {
@@ -23715,7 +23679,7 @@
             }), startY += spaceRow + height;
           });
           const total = Math.ceil(pages / maxCol);
-          this._itemContext.totalPage = total, this._updatePositionOfPager(renderStartY, compWidth, compHeight);
+          this._itemContext.totalPage = total, this._updatePositionOfPager(contentWidth, contentHeight, renderStartY, compWidth, compHeight);
         }
         defaultCurrent > 1 && (isHorizontal ? itemsContainer.setAttribute("y", -(defaultCurrent - 1) * (compHeight + spaceRow)) : itemsContainer.setAttribute("x", -(defaultCurrent - 1) * (compWidth + spaceCol)));
         const clipGroup = graphicCreator.group({
@@ -23838,9 +23802,6 @@
           config.state[key] && (isFunction$3(config.state[key]) ? newConfig.state[key] = config.state[key](item, isSelected, index, items) : newConfig.state[key] = config.state[key]);
         })), newConfig;
       }
-      release() {
-        super.release(), this.removeAllEventListeners();
-      }
     }
     DiscreteLegend.defaultAttributes = {
       layout: "horizontal",
@@ -27480,18 +27441,6 @@
         }
         return scrollStyle?.width ?? 7;
     }
-    function isValidStyle(style) {
-        if (!isValid$1(style)) {
-            return false;
-        }
-        if (isArray$1(style)) {
-            return style.some(s => isValid$1(s));
-        }
-        return true;
-    }
-    function isZeroStyle(style) {
-        return style === 0 || (isArray$1(style) && style.every(s => s === 0));
-    }
 
     const judgeType$1 = (value) => {
         switch (Object.prototype.toString.call(value)) {
@@ -34195,6 +34144,9 @@
                 this._AABBBounds.setValue(x, y, x + width, y + height);
                 this.parent && this.parent.addChildUpdateBoundTag();
                 this.clearUpdateBoundTag();
+                if (this.shadowRoot) {
+                    this.shadowRoot.tryUpdateAABBBounds();
+                }
                 return this._AABBBounds;
             }
             else if (this.role === 'body' ||
@@ -34319,9 +34271,7 @@
 
     function getCellBorderStrokeWidth(col, row, cellTheme, table) {
         let strokeArrayWidth = cellTheme?.group?.strokeArrayWidth ?? undefined;
-        if (table.theme.cellInnerBorder ||
-            !isValidStyle(table.theme.frameStyle.borderLineWidth) ||
-            isZeroStyle(table.theme.frameStyle.borderLineWidth)) {
+        if (table.theme.cellInnerBorder) {
             return strokeArrayWidth;
         }
         if (col === 0) {
@@ -35567,6 +35517,107 @@
         });
     }
 
+    function isSameRange(range1, range2) {
+        if (!range1 && !range2) {
+            return true;
+        }
+        if (!range1 || !range2) {
+            return false;
+        }
+        return (range1.start.col === range2.start.col &&
+            range1.start.row === range2.start.row &&
+            range1.end.col === range2.end.col &&
+            range1.end.row === range2.end.row);
+    }
+
+    class InvertHighlightPlugin {
+        table;
+        range;
+        _fill;
+        _opacity;
+        constructor(table, options) {
+            this.table = table;
+            this._fill = options?.fill ?? '#000';
+            this._opacity = options?.opacity ?? 0.5;
+        }
+        setInvertHighlightRange(range) {
+            if (isSameRange(this.range, range)) {
+                return;
+            }
+            this.range = range;
+            if (!range) {
+                this.deleteAllCellGroupShadow();
+            }
+            else {
+                this.updateCellGroupShadow();
+            }
+            this.table.scenegraph.updateNextFrame();
+        }
+        deleteAllCellGroupShadow() {
+            if (!this.table.isPivotTable()) {
+                this.updateCellGroupShadowInContainer(this.table.scenegraph.rowHeaderGroup);
+                this.updateCellGroupShadowInContainer(this.table.scenegraph.leftBottomCornerGroup);
+            }
+            this.updateCellGroupShadowInContainer(this.table.scenegraph.bodyGroup);
+            this.updateCellGroupShadowInContainer(this.table.scenegraph.rightFrozenGroup);
+            this.updateCellGroupShadowInContainer(this.table.scenegraph.bottomFrozenGroup);
+            this.updateCellGroupShadowInContainer(this.table.scenegraph.rightBottomCornerGroup);
+        }
+        updateCellGroupShadow() {
+            if (!this.table.isPivotTable()) {
+                this.updateCellGroupShadowInContainer(this.table.scenegraph.rowHeaderGroup, this.range);
+                this.updateCellGroupShadowInContainer(this.table.scenegraph.leftBottomCornerGroup, this.range);
+            }
+            this.updateCellGroupShadowInContainer(this.table.scenegraph.bodyGroup, this.range);
+            this.updateCellGroupShadowInContainer(this.table.scenegraph.rightFrozenGroup, this.range);
+            this.updateCellGroupShadowInContainer(this.table.scenegraph.bottomFrozenGroup), this.range;
+            this.updateCellGroupShadowInContainer(this.table.scenegraph.rightBottomCornerGroup, this.range);
+        }
+        updateCellGroupShadowInContainer(container, range) {
+            container.forEachChildrenSkipChild((column) => {
+                if (column.role === 'column') {
+                    column.forEachChildrenSkipChild((cell) => {
+                        if (cell.role !== 'cell') {
+                            return;
+                        }
+                        cell.attachShadow(cell.shadowRoot);
+                        const shadowGroup = cell.shadowRoot;
+                        if (!range) {
+                            shadowGroup.removeAllChild();
+                        }
+                        else if (cellInRange(range, cell.col, cell.row)) {
+                            shadowGroup.removeAllChild();
+                        }
+                        else if (!shadowGroup.firstChild) {
+                            const shadowRect = createRect({
+                                x: 0,
+                                y: 0,
+                                width: cell.attribute.width,
+                                height: cell.attribute.height,
+                                fill: this._fill,
+                                opacity: this._opacity
+                            });
+                            shadowRect.name = 'shadow-rect';
+                            shadowGroup.appendChild(shadowRect);
+                        }
+                    });
+                }
+            });
+        }
+    }
+    function onBeforeAttributeUpdateForInvertHighlight(val, attribute) {
+        const graphic = this;
+        if (graphic.shadowRoot && graphic.shadowRoot.childrenCount && (isValid$1(val.width) || isValid$1(val.height))) {
+            const shadowRect = graphic.shadowRoot.findChildrenByName('shadow-rect')[0];
+            if (shadowRect) {
+                shadowRect.setAttributes({
+                    width: val.width ?? shadowRect.attribute.width,
+                    height: val.height ?? shadowRect.attribute.height
+                });
+            }
+        }
+    }
+
     function createCell(type, value, define, table, col, row, colWidth, cellWidth, cellHeight, columnGroup, y, padding, textAlign, textBaseline, mayHaveIcon, cellTheme, range, customResult) {
         let isAsync = false;
         let cellGroup;
@@ -35685,6 +35736,7 @@
             const createRadioCellGroup = Factory.getFunction('createRadioCellGroup');
             cellGroup = createRadioCellGroup(null, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, table, cellTheme, define);
         }
+        cellGroup.onBeforeAttributeUpdate = onBeforeAttributeUpdateForInvertHighlight;
         return cellGroup;
     }
     function updateCell$1(col, row, table, addNew, isShadow) {
@@ -36381,7 +36433,9 @@
                 if (isAllRowsAuto || table.getDefaultRowHeight(row) === 'auto') {
                     const height = computeRowHeight(row, startCol, endCol, table);
                     newHeights[row] = Math.round(height);
-                    table._setRowHeight(row, height);
+                    if (table.heightAdaptiveMode === 'only-body') {
+                        table._setRowHeight(row, height);
+                    }
                 }
             }
             for (let row = table.rowCount - table.bottomFrozenRowCount; row <= rowEnd; row++) {
@@ -50754,8 +50808,7 @@
         });
         table.scenegraph.stage.addEventListener('pointerdown', (e) => {
             const eventArgsSet = getCellEventArgsSet(e);
-            if (!eventArgsSet.eventArgs?.target ||
-                eventArgsSet.eventArgs?.target !== stateManager.residentHoverIcon?.icon) {
+            if (eventArgsSet.eventArgs?.target !== stateManager.residentHoverIcon?.icon) {
                 stateManager.hideMenu();
             }
             const isCompleteEdit = table.editorManager?.completeEdit(e.nativeEvent);
@@ -52752,8 +52805,6 @@
 	cursor: default;
 	width: max-content;
 	box-shadow: 0px 8px 16px rgba(27, 31, 35, 0.12);
-  max-height: 100%;
-  overflow-y: auto;
 }
 .vtable__menu-element--hidden {
 	opacity: 0;
@@ -53182,8 +53233,8 @@
                 rootElement.style.left = `0px`;
                 const maxWidth = containerWidth * 0.8;
                 rootElement.style.maxWidth = `${maxWidth}px`;
-                const rootElementWidth = rootElement.offsetWidth;
-                const rootElementHeight = rootElement.offsetHeight;
+                const rootElementWidth = rootElement.clientWidth;
+                const rootElementHeight = rootElement.clientHeight;
                 let rootElementLeft;
                 let rootElementTop;
                 if (position) {
@@ -56513,11 +56564,10 @@
             };
             const duration = !isBoolean$2(animationOption) ? animationOption?.duration ?? 3000 : animationOption ? 3000 : 0;
             const easing = !isBoolean$2(animationOption) ? animationOption?.easing ?? 'linear' : animationOption ? 'linear' : '';
-            const animation = new Animate().bind(this.tempGraphic).play(new Animateaaa(from, to, duration, easing, {
+            new Animate(Generator.GenAutoIncrementId(), this.timeline).bind(this.tempGraphic).play(new Animateaaa(from, to, duration, easing, {
                 graphic: this.tempGraphic,
                 table: this.table
             }));
-            this.timeline.addAnimate(animation);
             this.ticker.start();
         }
         clear() {
@@ -56560,7 +56610,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.9.2-alpha.5";
+        version = "1.9.2-alpha.6";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -76749,8 +76799,106 @@
         return new Radio(params ? params.attribute : {});
     }
 
+    class CarouselAnimationPlugin {
+        table;
+        rowCount;
+        colCount;
+        animationDuration;
+        animationDelay;
+        animationEasing;
+        replaceScrollAction;
+        playing;
+        row;
+        col;
+        constructor(table, options) {
+            this.table = table;
+            this.rowCount = options?.rowCount ?? undefined;
+            this.colCount = options?.colCount ?? undefined;
+            this.animationDuration = options?.animationDuration ?? 500;
+            this.animationDelay = options?.animationDelay ?? 1000;
+            this.animationEasing = options?.animationEasing ?? 'linear';
+            this.replaceScrollAction = options?.replaceScrollAction ?? false;
+            this.playing = false;
+            this.row = table.frozenRowCount;
+            this.col = table.frozenColCount;
+            this.init();
+        }
+        init() {
+            if (this.replaceScrollAction) {
+                this.table.disableScroll();
+                this.table.scenegraph.stage.addEventListener('wheel', this.onScrollEnd.bind(this));
+            }
+        }
+        onScrollEnd(e) {
+            if (this.rowCount) {
+                if (e.deltaY > 0) {
+                    this.row += this.rowCount;
+                    this.row = Math.min(this.row, this.table.rowCount - this.table.frozenRowCount);
+                }
+                else if (e.deltaY < 0) {
+                    this.row -= this.rowCount;
+                    this.row = Math.max(this.row, this.table.frozenRowCount);
+                }
+                this.table.scrollToRow(this.row, { duration: this.animationDuration, easing: this.animationEasing });
+            }
+            else if (this.colCount) {
+                if (e.deltaX > 0) {
+                    this.col += this.colCount;
+                    this.col = Math.min(this.col, this.table.colCount - this.table.frozenColCount);
+                }
+                else if (e.deltaX < 0) {
+                    this.col -= this.colCount;
+                    this.col = Math.max(this.col, this.table.frozenColCount);
+                }
+                this.table.scrollToCol(this.col, { duration: this.animationDuration, easing: this.animationEasing });
+            }
+        }
+        play() {
+            this.playing = true;
+            if (this.rowCount) {
+                this.updateRow();
+            }
+            else if (this.colCount) {
+                this.updateCol();
+            }
+        }
+        pause() {
+            this.playing = false;
+        }
+        updateRow() {
+            if (!this.playing) {
+                return;
+            }
+            if (this.table.scenegraph.proxy.screenTopRow !== this.row) {
+                this.row = this.table.frozenRowCount;
+            }
+            else {
+                this.row += this.rowCount;
+            }
+            this.table.scrollToRow(this.row, { duration: this.animationDuration, easing: this.animationEasing });
+            setTimeout(() => {
+                this.updateRow();
+            }, this.animationDuration + this.animationDelay);
+        }
+        updateCol() {
+            if (!this.playing) {
+                return;
+            }
+            if (this.table.scenegraph.proxy.screenLeftCol !== this.col) {
+                this.col = this.table.frozenColCount;
+            }
+            else {
+                this.col += this.colCount;
+            }
+            this.table.scrollToCol(this.col, { duration: this.animationDuration, easing: this.animationEasing });
+            setTimeout(() => {
+                this.updateCol();
+            }, this.animationDuration + 50);
+        }
+    }
+
     registerForVrender();
-    const version = "1.9.2-alpha.5";
+    const version = "1.9.2-alpha.6";
     function getIcons() {
         return get$2();
     }
@@ -76758,8 +76906,10 @@
         clearAll();
     }
 
+    exports.CarouselAnimationPlugin = CarouselAnimationPlugin;
     exports.CustomLayout = index;
     exports.DataStatistics = DataStatistics;
+    exports.InvertHighlightPlugin = InvertHighlightPlugin;
     exports.ListTable = ListTableAll;
     exports.ListTableSimple = ListTableSimple;
     exports.PIVOT_CHART_EVENT_TYPE = PIVOT_CHART_EVENT_TYPE;