@visactor/vtable 0.9.3-alpha.5 → 0.9.3-alpha.7

package/dist/vtable.js

@@ -12735,11 +12735,13 @@
         return console.error("暂不支持该函数"), nodes;
       }
       insertBefore(newNode, referenceNode) {
+        if (!referenceNode) return this.appendChild(newNode);
         if (this._uid === newNode._uid) return null;
         if (newNode.isAncestorsOf(this)) throw new Error("【Node::insertBefore】不能将父辈元素insert为子元素");
         return referenceNode.parent !== this ? null : (newNode.parent && newNode.parent.removeChild(newNode), newNode.parent = this, newNode._prev = referenceNode._prev, referenceNode._prev ? referenceNode._prev._next = newNode : this._firstChild = newNode, referenceNode._prev = newNode, newNode._next = referenceNode, this._idMap || (this._idMap = new Map()), this._idMap.set(newNode._uid, newNode), this._structEdit = !0, this.setCount(newNode.count), newNode);
       }
       insertAfter(newNode, referenceNode) {
+        if (!referenceNode) return this.appendChild(newNode);
         if (this._uid === newNode._uid) return null;
         if (newNode.isAncestorsOf(this)) throw new Error("【Node::insertAfter】不能将父辈元素insert为子元素");
         return referenceNode.parent !== this ? null : (newNode.parent && newNode.parent.removeChild(newNode), newNode.parent = this, referenceNode._next ? (referenceNode._next._prev = newNode, newNode._next = referenceNode._next) : this._lastChild = newNode, referenceNode._next = newNode, newNode._prev = referenceNode, this._idMap || (this._idMap = new Map()), this._idMap.set(newNode._uid, newNode), this._structEdit = !0, this.setCount(newNode.count), newNode);
@@ -14297,6 +14299,24 @@
       }
       return attr[key];
     }
+    class RafBasedSTO {
+      constructor() {
+        this.durations = [], this.timeout = RafBasedSTO.TimeOut, this.lastDate = 0, this.durationsListThreshold = 30;
+      }
+      call(cb) {
+        return this.lastDate = Date.now(), setTimeout(() => {
+          this.appendDuration(Date.now() - this.lastDate), cb(0);
+        }, this.timeout, !0);
+      }
+      clear(h) {
+        clearTimeout(h);
+      }
+      appendDuration(d) {
+        this.durations.push(d), this.durations.length > this.durationsListThreshold && this.durations.shift(), this.timeout = Math.min(Math.max(this.durations.reduce((a, b) => a + b, 0) / this.durations.length, 1e3 / 60), 1e3 / 30);
+      }
+    }
+    RafBasedSTO.TimeOut = 1e3 / 60;
+    const rafBasedSto = new RafBasedSTO();
 
     var Direction;
     !function (Direction) {
@@ -15790,18 +15810,18 @@
       bind(DefaultGlobal).toSelf().inSingletonScope(), bind(Global).toService(DefaultGlobal), bind(DefaultWindow).to(DefaultWindow), bind(Window).toService(DefaultWindow), bind(DefaultGraphicUtil).toSelf().inSingletonScope(), bind(GraphicUtil).toService(DefaultGraphicUtil), bind(DefaultTransformUtil).toSelf().inSingletonScope(), bind(TransformUtil).toService(DefaultTransformUtil), bind(DefaultLayerService).toSelf().inSingletonScope(), bind(LayerService).toService(DefaultLayerService);
     });
 
-    function runFill(fill) {
-      return !!fill;
+    function runFill(fill, background) {
+      return !(!fill && !background);
     }
     function runStroke(stroke, lineWidth) {
       let s;
       return s = isArray$3(stroke) ? stroke.some(item => item || void 0 === item) : !!stroke, s && lineWidth > 0;
     }
-    function fillVisible(opacity, fillOpacity) {
-      return opacity * fillOpacity > 0;
+    function fillVisible(opacity, fillOpacity, fill) {
+      return fill && opacity * fillOpacity > 0;
     }
-    function rectFillVisible(opacity, fillOpacity, width, height) {
-      return opacity * fillOpacity > 0 && width > 0 && height > 0;
+    function rectFillVisible(opacity, fillOpacity, width, height, fill) {
+      return fill && opacity * fillOpacity > 0 && width > 0 && height > 0;
     }
     function strokeVisible(opacity, strokeOpacity) {
       return opacity * strokeOpacity > 0;
@@ -15821,7 +15841,7 @@
           strokeOpacity = themeAttributes.strokeOpacity,
           visible = themeAttributes.visible
         } = graphic.attribute,
-        fVisible = fillVisible(opacity, fillOpacity),
+        fVisible = fillVisible(opacity, fillOpacity, fill),
         sVisible = strokeVisible(opacity, strokeOpacity),
         doFill = runFill(fill),
         doStroke = runStroke(stroke, lineWidth);
@@ -16183,12 +16203,12 @@
             x: originX = arcAttribute.x,
             y: originY = arcAttribute.y
           } = arc.attribute,
-          fVisible = fillVisible(opacity, fillOpacity),
+          fVisible = fillVisible(opacity, fillOpacity, fill),
           sVisible = strokeVisible(opacity, strokeOpacity),
-          doFill = runFill(fill),
+          doFill = runFill(fill, background),
           doStroke = runStroke(stroke, lineWidth);
         if (!arc.valid || !visible) return;
-        if (!(doFill || doStroke || background)) return;
+        if (!doFill && !doStroke) return;
         if (!(fVisible || sVisible || fillCb || strokeCb || background)) return;
         const {
           outerRadius = arcAttribute.outerRadius,
@@ -16201,7 +16221,7 @@
           isFullStroke: isFullStroke,
           stroke: arrayStroke
         } = parseStroke(stroke);
-        if (doFill || isFullStroke || background) {
+        if (doFill || isFullStroke) {
           if (context.beginPath(), drawArcPath$1(arc, context, x, y, outerRadius, innerRadius), !this._arcBeforeRenderContribitions) {
             this._arcBeforeRenderContribitions = [], this._arcAfterRenderContribitions = [];
             const contributions = this.arcRenderContribitions.getContributions() || [];
@@ -16325,11 +16345,11 @@
             x: originX = circleAttribute.x,
             y: originY = circleAttribute.y
           } = circle.attribute,
-          fVisible = fillVisible(opacity, fillOpacity),
+          fVisible = fillVisible(opacity, fillOpacity, fill),
           sVisible = strokeVisible(opacity, strokeOpacity),
-          doFill = runFill(fill),
+          doFill = runFill(fill, background),
           doStroke = runStroke(stroke, lineWidth);
-        circle.valid && visible && (doFill || doStroke || background) && (fVisible || sVisible || fillCb || strokeCb || background) && (context.beginPath(), context.arc(x, y, radius, startAngle, endAngle), context.closePath(), this._circleRenderContribitions || (this._circleRenderContribitions = this.circleRenderContribitions.getContributions() || [], this._circleRenderContribitions.sort((a, b) => b.order - a.order)), this._circleRenderContribitions.forEach(c => {
+        circle.valid && visible && (doFill || doStroke) && (fVisible || sVisible || fillCb || strokeCb || background) && (context.beginPath(), context.arc(x, y, radius, startAngle, endAngle), context.closePath(), this._circleRenderContribitions || (this._circleRenderContribitions = this.circleRenderContribitions.getContributions() || [], this._circleRenderContribitions.sort((a, b) => b.order - a.order)), this._circleRenderContribitions.forEach(c => {
           c.time === BaseRenderContributionTime.beforeFillStroke && c.drawShape(circle, context, x, y, doFill, doStroke, fVisible, sVisible, circleAttribute, drawContext, fillCb, strokeCb);
         }), context.setShadowStyle && context.setShadowStyle(circle, circle.attribute, circleAttribute), doFill && (fillCb ? fillCb(context, circle.attribute, circleAttribute) : fVisible && (context.setCommonStyle(circle, circle.attribute, originX - x, originY - y, circleAttribute), context.fill())), doStroke && (strokeCb ? strokeCb(context, circle.attribute, circleAttribute) : sVisible && (context.setStrokeStyle(circle, circle.attribute, originX - x, originY - y, circleAttribute), context.stroke())), this._circleRenderContribitions.forEach(c => {
           c.time === BaseRenderContributionTime.afterFillStroke && c.drawShape(circle, context, x, y, doFill, doStroke, fVisible, sVisible, circleAttribute, drawContext, fillCb, strokeCb);
@@ -16435,7 +16455,8 @@
       return "end" === textAlign || "right" === textAlign ? -width : "center" === textAlign ? -width / 2 : 0;
     }
     function textLayoutOffsetY(baseline, lineHeight, fontSize) {
-      return "middle" === baseline ? -lineHeight / 2 : "top" === baseline ? 0 : "bottom" === baseline ? -lineHeight : baseline && "alphabetic" !== baseline ? 0 : (fontSize || (fontSize = lineHeight), -(lineHeight - fontSize) / 2 - .79 * fontSize);
+      let buf = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+      return "middle" === baseline ? -lineHeight / 2 : "top" === baseline ? 0 : "bottom" === baseline ? buf - lineHeight : baseline && "alphabetic" !== baseline ? 0 : (fontSize || (fontSize = lineHeight), -(lineHeight - fontSize) / 2 - .79 * fontSize);
     }
 
     class CanvasTextLayout {
@@ -16586,8 +16607,7 @@
         const textTheme = getTheme(this).text,
           textMeasure = application.graphicUtil.textMeasure;
         let width, str;
-        const buf = 2,
-          attribute = this.attribute,
+        const attribute = this.attribute,
           {
             maxLineWidth = textTheme.maxLineWidth,
             ellipsis = textTheme.ellipsis,
@@ -16596,8 +16616,11 @@
             fontSize = textTheme.fontSize,
             fontWeight = textTheme.fontWeight,
             stroke = textTheme.stroke,
-            lineHeight = null !== (_a = attribute.lineHeight) && void 0 !== _a ? _a : (attribute.fontSize || textTheme.fontSize) + buf,
             lineWidth = textTheme.lineWidth
+          } = attribute,
+          buf = Math.max(2, .075 * fontSize),
+          {
+            lineHeight = null !== (_a = attribute.lineHeight) && void 0 !== _a ? _a : (attribute.fontSize || textTheme.fontSize) + buf
           } = attribute;
         if (!this.shouldUpdateShape() && this.cache) {
           width = this.cache.clipedWidth;
@@ -16627,7 +16650,7 @@
         }), this.cache.clipedText = text.toString(), this.cache.clipedWidth = width;
         this.clearUpdateShapeTag();
         const dx = textDrawOffsetX(textAlign, width),
-          dy = textLayoutOffsetY(textBaseline, lineHeight, fontSize);
+          dy = textLayoutOffsetY(textBaseline, lineHeight, fontSize, 0);
         return this._AABBBounds.set(dx, dy, dx + width, dy + lineHeight), stroke && this._AABBBounds.expand(lineWidth / 2), this._AABBBounds;
       }
       updateMultilineAABBBounds(text) {
@@ -18904,7 +18927,18 @@
         Array.isArray(text) ? graphic.updateMultilineAABBBounds(text) : graphic.updateSingallineAABBBounds(text);
         const tb1 = this.tempAABBBounds1,
           tb2 = this.tempAABBBounds2;
-        return tb1.setValue(aabbBounds.x1, aabbBounds.y1, aabbBounds.x2, aabbBounds.y2), tb2.setValue(aabbBounds.x1, aabbBounds.y1, aabbBounds.x2, aabbBounds.y2), transformBoundsWithMatrix(aabbBounds, aabbBounds, graphic.transMatrix), aabbBounds;
+        tb1.setValue(aabbBounds.x1, aabbBounds.y1, aabbBounds.x2, aabbBounds.y2), tb2.setValue(aabbBounds.x1, aabbBounds.y1, aabbBounds.x2, aabbBounds.y2);
+        const {
+          scaleX = textTheme.scaleX,
+          scaleY = textTheme.scaleY,
+          shadowBlur = textTheme.shadowBlur,
+          strokeBoundsBuffer = textTheme.strokeBoundsBuffer
+        } = attribute;
+        if (shadowBlur) {
+          const shadowBlurHalfWidth = shadowBlur / Math.abs(scaleX + scaleY);
+          boundStroke(tb1, shadowBlurHalfWidth, !0, strokeBoundsBuffer), aabbBounds.union(tb1);
+        }
+        return this.combindShadowAABBBounds(aabbBounds, graphic), transformBoundsWithMatrix(aabbBounds, aabbBounds, graphic.transMatrix), aabbBounds;
       }
       updatePathAABBBounds(attribute, pathTheme, aabbBounds, graphic) {
         this.updatePathProxyAABBBounds(aabbBounds, graphic) || this.updatePathAABBBoundsImprecise(attribute, pathTheme, aabbBounds, graphic);
@@ -19071,10 +19105,14 @@
         return aabbBounds.set(-outerRadius, -outerRadius, outerRadius, outerRadius), aabbBounds;
       }
       updateArcAABBBoundsAccurate(attribute, arcTheme, aabbBounds, graphic) {
-        const {
+        let {
           outerRadius = arcTheme.outerRadius,
           innerRadius = arcTheme.innerRadius
         } = attribute;
+        if (outerRadius < innerRadius) {
+          const temp = outerRadius;
+          outerRadius = innerRadius, innerRadius = temp;
+        }
         let {
           endAngle = arcTheme.endAngle,
           startAngle = arcTheme.startAngle
@@ -19197,7 +19235,7 @@
         return isArray$3(text) ? !text.every(t => null == t || "" === t) : null != text && "" !== text;
       }
       updateMultilineAABBBounds(text) {
-        var _a;
+        var _a, _b, _c;
         const textTheme = getTheme(this).text,
           {
             fontFamily = textTheme.fontFamily,
@@ -19236,6 +19274,10 @@
               break;
             }
             const clip = layoutObj.textMeasure.clipText(str, layoutObj.textOptions, maxLineWidth);
+            if ("" !== str && "" === clip.str) if (ellipsis) {
+              const clipEllipsis = layoutObj.textMeasure.clipTextWithSuffix(str, layoutObj.textOptions, maxLineWidth, ellipsis);
+              clip.str = null !== (_b = clipEllipsis.str) && void 0 !== _b ? _b : "", clip.width = null !== (_c = clipEllipsis.width) && void 0 !== _c ? _c : 0;
+            } else clip.str = "", clip.width = 0;
             if (linesLayout.push({
               str: clip.str,
               width: clip.width
@@ -19452,6 +19494,7 @@
     BaseRender = __decorate$1u([injectable()], BaseRender);
 
     function drawSegments(path, segPath, percent, clipRangeByDimension, params) {
+      if (!segPath) return;
       const {
         offsetX = 0,
         offsetY = 0,
@@ -19554,6 +19597,7 @@
       }
       drawSegmentItem(context, cache, fill, stroke, fillOpacity, strokeOpacity, attribute, defaultAttribute, clipRange, clipRangeByDimension, offsetX, offsetY, line, fillCb, strokeCb) {
         var _a;
+        if (!cache) return;
         context.beginPath();
         const z = null !== (_a = this.z) && void 0 !== _a ? _a : 0;
         drawSegments(context.camera ? context : context.nativeContext, cache, clipRange, clipRangeByDimension, {
@@ -19578,7 +19622,7 @@
             lineWidth = lineAttribute.lineWidth,
             visible = lineAttribute.visible
           } = line.attribute,
-          fVisible = fillVisible(opacity, fillOpacity),
+          fVisible = fillVisible(opacity, fillOpacity, fill),
           sVisible = strokeVisible(opacity, strokeOpacity),
           doFill = runFill(fill),
           doStroke = runStroke(stroke, lineWidth);
@@ -19759,12 +19803,13 @@
             opacity = areaAttribute.opacity,
             visible = areaAttribute.visible,
             z = areaAttribute.z,
+            background: background,
             stroke = area.attribute.stroke,
             lineWidth = areaAttribute.lineWidth,
             strokeOpacity = areaAttribute.strokeOpacity
           } = area.attribute,
-          fVisible = fillVisible(opacity, fillOpacity),
-          doFill = runFill(fill),
+          fVisible = fillVisible(opacity, fillOpacity, fill),
+          doFill = runFill(fill, background),
           doStroke = runStroke(stroke, lineWidth),
           sVisible = strokeVisible(opacity, strokeOpacity);
         if (!area.valid || !visible) return;
@@ -19865,6 +19910,7 @@
         drawPathProxy(area, context, x, y, drawContext, params) || this.drawShape(area, context, x, y, drawContext, params), context.highPerformanceRestore();
       }
       drawSegmentItem(context, cache, fill, fillOpacity, stroke, strokeOpacity, attribute, defaultAttribute, clipRange, offsetX, offsetY, offsetZ, area, drawContext, fillCb, strokeCb) {
+        if (!cache) return;
         context.beginPath();
         drawAreaSegments(context.camera ? context : context.nativeContext, cache, clipRange, {
           offsetX: offsetX,
@@ -19879,21 +19925,21 @@
           x: originX = 0,
           x: originY = 0
         } = attribute;
-        if (!1 !== fill && (fillCb ? fillCb(context, attribute, defaultAttribute) : fillOpacity && (context.setCommonStyle(area, attribute, originX - offsetX, originY - offsetY, defaultAttribute), context.fill())), !1 !== stroke) if (strokeCb) strokeCb(context, attribute, defaultAttribute);else {
+        if (!1 !== fill && (fillCb ? fillCb(context, attribute, defaultAttribute) : fillOpacity && (context.setCommonStyle(area, attribute, originX - offsetX, originY - offsetY, defaultAttribute), context.fill())), this._areaRenderContribitions || (this._areaRenderContribitions = this.areaRenderContribitions.getContributions() || []), this._areaRenderContribitions.forEach(c => {
+          c.time === BaseRenderContributionTime.afterFillStroke && c.drawShape(area, context, offsetX, offsetY, !!fillOpacity, !1, fill, !1, defaultAttribute, drawContext, fillCb, null, {
+            attribute: attribute
+          });
+        }), !1 !== stroke) if (strokeCb) strokeCb(context, attribute, defaultAttribute);else {
           const {
             stroke: stroke
           } = attribute;
-          isArray$3(stroke) && stroke[0] && !1 === stroke[1] && (context.beginPath(), drawSegments(context.camera ? context : context.nativeContext, cache.top, clipRange, "auto", {
+          isArray$3(stroke) && (stroke[0] || stroke[2]) && !1 === stroke[1] && (context.beginPath(), drawSegments(context.camera ? context : context.nativeContext, stroke[0] ? cache.top : cache.bottom, clipRange, "auto", {
             offsetX: offsetX,
             offsetY: offsetY,
             offsetZ: offsetZ
           })), context.setStrokeStyle(area, attribute, originX - offsetX, originY - offsetY, defaultAttribute), context.stroke();
         }
-        return this._areaRenderContribitions || (this._areaRenderContribitions = this.areaRenderContribitions.getContributions() || []), this._areaRenderContribitions.forEach(c => {
-          c.time === BaseRenderContributionTime.afterFillStroke && c.drawShape(area, context, offsetX, offsetY, !!fillOpacity, !1, fill, !1, defaultAttribute, drawContext, fillCb, null, {
-            attribute: attribute
-          });
-        }), !1;
+        return !1;
       }
     };
     DefaultCanvasAreaRender = __decorate$1s([injectable(), __param$L(0, inject(ContributionProvider)), __param$L(0, named(AreaRenderContribution)), __metadata$_("design:paramtypes", [Object])], DefaultCanvasAreaRender);
@@ -19933,11 +19979,11 @@
             y: originY = pathAttribute.y
           } = path.attribute,
           z = null !== (_a = this.z) && void 0 !== _a ? _a : 0,
-          fVisible = fillVisible(opacity, fillOpacity),
+          fVisible = fillVisible(opacity, fillOpacity, fill),
           sVisible = strokeVisible(opacity, strokeOpacity),
-          doFill = runFill(fill),
+          doFill = runFill(fill, background),
           doStroke = runStroke(stroke, lineWidth);
-        if (path.valid && visible && (doFill || doStroke || background) && (fVisible || sVisible || fillCb || strokeCb || background)) {
+        if (path.valid && visible && (doFill || doStroke) && (fVisible || sVisible || fillCb || strokeCb || background)) {
           if (context.beginPath(), path.pathShape) renderCommandList(path.pathShape.commandList, context, x, y, 1, 1, z);else {
             const path2D = null !== (_b = path.attribute.path) && void 0 !== _b ? _b : pathAttribute.path;
             renderCommandList(path2D.commandList, context, x, y, 1, 1, z);
@@ -20059,12 +20105,12 @@
             x: originX = rectAttribute.x,
             y: originY = rectAttribute.y
           } = rect.attribute,
-          fVisible = rectFillVisible(opacity, fillOpacity, width, height),
+          fVisible = rectFillVisible(opacity, fillOpacity, width, height, fill),
           sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height),
-          doFill = runFill(fill),
+          doFill = runFill(fill, background),
           doStroke = runStroke(stroke, lineWidth);
         if (!rect.valid || !visible) return;
-        if (!(doFill || doStroke || background)) return;
+        if (!doFill && !doStroke) return;
         if (!(fVisible || sVisible || fillCb || strokeCb || background)) return;
         0 === cornerRadius || isArray$3(cornerRadius) && cornerRadius.every(num => 0 === num) ? (context.beginPath(), context.rect(x, y, width, height)) : (context.beginPath(), createRectPath(context, x, y, width, height, cornerRadius)), this._rectRenderContribitions || (this._rectRenderContribitions = this.rectRenderContribitions.getContributions() || [], this._rectRenderContribitions.sort((a, b) => b.order - a.order));
         const doFillOrStroke = {
@@ -20134,12 +20180,12 @@
             scaleX = symbolAttribute.scaleX,
             scaleY = symbolAttribute.scaleY
           } = symbol.attribute,
-          fVisible = fillVisible(opacity, fillOpacity),
+          fVisible = fillVisible(opacity, fillOpacity, fill),
           sVisible = strokeVisible(opacity, strokeOpacity),
-          doFill = runFill(fill),
+          doFill = runFill(fill, background),
           doStroke = runStroke(stroke, lineWidth);
         if (!symbol.valid || !visible) return;
-        if (!(doFill || doStroke || background)) return;
+        if (!doFill && !doStroke) return;
         if (!(fVisible || sVisible || fillCb || strokeCb || background)) return;
         const parsedPath = symbol.getParsedPath();
         if (!parsedPath) return;
@@ -20217,7 +20263,7 @@
             y: originY = textAttribute.y
           } = text.attribute,
           lineHeight = null !== (_a = text.attribute.lineHeight) && void 0 !== _a ? _a : fontSize,
-          fVisible = fillVisible(opacity, fillOpacity),
+          fVisible = fillVisible(opacity, fillOpacity, fill),
           sVisible = strokeVisible(opacity, strokeOpacity),
           doFill = runFill(fill),
           doStroke = runStroke(stroke, lineWidth);
@@ -20430,11 +20476,11 @@
             x: originX = polygonAttribute.x,
             y: originY = polygonAttribute.y
           } = polygon.attribute,
-          fVisible = fillVisible(opacity, fillOpacity),
+          fVisible = fillVisible(opacity, fillOpacity, fill),
           sVisible = strokeVisible(opacity, strokeOpacity),
-          doFill = runFill(fill),
+          doFill = runFill(fill, background),
           doStroke = runStroke(stroke, lineWidth);
-        polygon.valid && visible && (doFill || doStroke || background) && (fVisible || sVisible || fillCb || strokeCb || background) && (context.beginPath(), cornerRadius <= 0 || isArray$3(cornerRadius) && cornerRadius.every(num => 0 === num) ? drawPolygon(context.camera ? context : context.nativeContext, points, x, y) : drawRoundedPolygon(context.camera ? context : context.nativeContext, points, x, y, cornerRadius), context.closePath(), this._polygonRenderContribitions || (this._polygonRenderContribitions = this.polygonRenderContribitions.getContributions() || [], this._polygonRenderContribitions.sort((a, b) => b.order - a.order)), this._polygonRenderContribitions.forEach(c => {
+        polygon.valid && visible && (doFill || doStroke) && (fVisible || sVisible || fillCb || strokeCb || background) && (context.beginPath(), cornerRadius <= 0 || isArray$3(cornerRadius) && cornerRadius.every(num => 0 === num) ? drawPolygon(context.camera ? context : context.nativeContext, points, x, y) : drawRoundedPolygon(context.camera ? context : context.nativeContext, points, x, y, cornerRadius), context.closePath(), this._polygonRenderContribitions || (this._polygonRenderContribitions = this.polygonRenderContribitions.getContributions() || [], this._polygonRenderContribitions.sort((a, b) => b.order - a.order)), this._polygonRenderContribitions.forEach(c => {
           c.time === BaseRenderContributionTime.beforeFillStroke && c.drawShape(polygon, context, x, y, doFill, doStroke, fVisible, sVisible, polygonAttribute, drawContext, fillCb, strokeCb);
         }), context.setShadowStyle && context.setShadowStyle(polygon, polygon.attribute, polygonAttribute), doFill && (fillCb ? fillCb(context, polygon.attribute, polygonAttribute) : fillOpacity && (context.setCommonStyle(polygon, polygon.attribute, originX - x, originY - y, polygonAttribute), context.fill())), doStroke && (strokeCb ? strokeCb(context, polygon.attribute, polygonAttribute) : strokeOpacity && (context.setStrokeStyle(polygon, polygon.attribute, originX - x, originY - y, polygonAttribute), context.stroke())), this._polygonRenderContribitions.forEach(c => {
           c.time === BaseRenderContributionTime.afterFillStroke && c.drawShape(polygon, context, x, y, doFill, doStroke, fVisible, sVisible, polygonAttribute, drawContext, fillCb, strokeCb);
@@ -20493,7 +20539,7 @@
             repeatY = imageAttribute.repeatY,
             image: url
           } = image.attribute,
-          fVisible = fillVisible(opacity, fillOpacity),
+          fVisible = fillVisible(opacity, fillOpacity, fill),
           doFill = runFill(fill);
         if (image.valid && visible && doFill && (fVisible || fillCb)) {
           if (this._imageRenderContribitions || (this._imageRenderContribitions = this.imageRenderContribitions.getContributions() || []), this._imageRenderContribitions.forEach(c => {
@@ -23016,12 +23062,12 @@
       }
       getRequestAnimationFrame() {
         return function (callback) {
-          return setTimeout(callback, 1e3 / 60, !0);
+          return rafBasedSto.call(callback);
         };
       }
       getCancelAnimationFrame() {
         return h => {
-          clearTimeout(h);
+          rafBasedSto.clear(h);
         };
       }
       addEventListener(type, listener, options) {
@@ -23276,12 +23322,12 @@
       }
       getRequestAnimationFrame() {
         return function (callback) {
-          return setTimeout(callback, 1e3 / 60, !0);
+          return rafBasedSto.call(callback);
         };
       }
       getCancelAnimationFrame() {
         return h => {
-          clearTimeout(h);
+          rafBasedSto.clear(h);
         };
       }
       addEventListener(type, listener, options) {
@@ -23372,12 +23418,12 @@
       }
       getRequestAnimationFrame() {
         return function (callback) {
-          return setTimeout(callback, 1e3 / 60, !0);
+          return rafBasedSto.call(callback);
         };
       }
       getCancelAnimationFrame() {
         return h => {
-          clearTimeout(h);
+          rafBasedSto.clear(h);
         };
       }
       addEventListener(type, listener, options) {}
@@ -23483,12 +23529,12 @@
       }
       getRequestAnimationFrame() {
         return function (callback) {
-          return setTimeout(callback, 1e3 / 60, !0);
+          return rafBasedSto.call(callback);
         };
       }
       getCancelAnimationFrame() {
         return h => {
-          clearTimeout(h);
+          rafBasedSto.clear(h);
         };
       }
       addEventListener(type, listener, options) {
@@ -25612,13 +25658,13 @@
             lineWidth = groupAttribute.lineWidth,
             visible = groupAttribute.visible
           } = group.attribute,
-          fVisible = rectFillVisible(opacity, fillOpacity, width, height),
+          fVisible = rectFillVisible(opacity, fillOpacity, width, height, fill),
           sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height),
-          doFill = runFill(fill),
+          doFill = runFill(fill, background),
           doStroke = runStroke(stroke, lineWidth);
         if (!group.valid || !visible) return;
         if (!clip) {
-          if (!(doFill || doStroke || background)) return;
+          if (!doFill && !doStroke) return;
           if (!(fVisible || sVisible || fillCb || strokeCb || background)) return;
         }
         if (path && path.length && drawContext.drawContribution) {
@@ -25700,7 +25746,7 @@
               lineWidth = lineAttribute.lineWidth,
               visible = lineAttribute.visible
             } = line.attribute,
-            fVisible = fillVisible(opacity, fillOpacity),
+            fVisible = fillVisible(opacity, fillOpacity, fill),
             sVisible = strokeVisible(opacity, strokeOpacity),
             doFill = runFill(fill),
             doStroke = runStroke(stroke, lineWidth);
@@ -25750,7 +25796,7 @@
               opacity = areaAttribute.opacity,
               visible = areaAttribute.visible
             } = area.attribute,
-            fVisible = fillVisible(opacity, fillOpacity),
+            fVisible = fillVisible(opacity, fillOpacity, fill),
             doFill = runFill(fill);
           if (!area.valid || !visible) return;
           if (!doFill) return;
@@ -25940,7 +25986,7 @@
             visible = rectAttribute.visible
           } = rect.attribute,
           z = null !== (_a = this.z) && void 0 !== _a ? _a : 0,
-          fVisible = rectFillVisible(opacity, fillOpacity, width, height),
+          fVisible = rectFillVisible(opacity, fillOpacity, width, height, fill),
           sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height),
           doFill = runFill(fill),
           doStroke = runStroke(stroke, lineWidth);
@@ -26068,7 +26114,7 @@
             visible = richtextAttribute.visible
           } = richtext.attribute;
         if (!richtext.valid || !visible) return;
-        if (!fillVisible(opacity, fillOpacity)) return;
+        if (!fillVisible(opacity, fillOpacity, !0)) return;
         context.translate(x, y);
         richtext.getFrameCache().draw(context, this.drawIcon);
       }
@@ -26228,13 +26274,13 @@
             strokeOpacity = arcAttribute.strokeOpacity,
             visible = arcAttribute.visible
           } = arc.attribute,
-          fVisible = fillVisible(opacity, fillOpacity),
+          fVisible = fillVisible(opacity, fillOpacity, fill),
           sVisible = strokeVisible(opacity, strokeOpacity),
-          doFill = runFill(fill),
+          doFill = runFill(fill, background),
           doStroke = runStroke(stroke, lineWidth),
           z = null !== (_a = this.z) && void 0 !== _a ? _a : 0;
         if (!arc.valid || !visible) return;
-        if (!(doFill || doStroke || background)) return;
+        if (!doFill && !doStroke) return;
         if (!(fVisible || sVisible || fillCb || strokeCb || background)) return;
         const {
             outerRadius = arcAttribute.outerRadius,
@@ -26321,7 +26367,7 @@
             face = [!0, !0, !0, !0, !0, !0]
           } = pyramid3d.attribute,
           z = null !== (_a = this.z) && void 0 !== _a ? _a : 0,
-          fVisible = fillVisible(opacity, fillOpacity),
+          fVisible = fillVisible(opacity, fillOpacity, fill),
           sVisible = strokeVisible(opacity, strokeOpacity),
           doFill = runFill(fill),
           doStroke = runStroke(stroke, lineWidth);
@@ -27953,7 +27999,7 @@
               return this.viewBox.height();
             }
           }
-        })), params.autoRender && this.enableAutoRender(), !1 === params.disableDirtyBounds && this.enableDirtyBounds(), this.hooks.beforeRender.tap("constructor", this.beforeRender), this.hooks.afterRender.tap("constructor", this.afterRender), this._beforeRender = params.beforeRender, this._afterRender = params.afterRender, this.ticker = params.ticker || defaultTicker, !1 !== params.interactiveLayer && this.initInteractiveLayer();
+        })), params.autoRender && this.enableAutoRender(), !1 === params.disableDirtyBounds && this.enableDirtyBounds(), this.hooks.beforeRender.tap("constructor", this.beforeRender), this.hooks.afterRender.tap("constructor", this.afterRender), this._beforeRender = params.beforeRender, this._afterRender = params.afterRender, this.ticker = params.ticker || defaultTicker, this.supportInteractiveLayer = !1 !== params.interactiveLayer;
       }
       get3dOptions(options) {
         const {
@@ -28089,8 +28135,8 @@
       removeLayer(ILayerId) {
         return this.removeChild(this.findChildByUid(ILayerId));
       }
-      initInteractiveLayer() {
-        this.interactiveLayer = this.createLayer(), this.interactiveLayer.name = "_builtin_interactive";
+      tryInitInteractiveLayer() {
+        this.supportInteractiveLayer && !this.interactiveLayer && (this.interactiveLayer = this.createLayer(), this.interactiveLayer.name = "_builtin_interactive");
       }
       clearViewBox(color) {
         this.window.clearViewBox(this._viewBox, color);
@@ -29010,6 +29056,9 @@
         line.name = "line", line.id = this._getNodeId("line"), isEmpty(null == state ? void 0 : state.line) || (line.states = state.line), this.line = line, this.add(line);
       }
       renderSymbol(attribute, dim) {
+        const {
+          autoRotate = !0
+        } = attribute;
         let symbol;
         if (null == attribute ? void 0 : attribute.visible) {
           const startAngle = this._startAngle,
@@ -29038,7 +29087,7 @@
           }, rotate = endAngle + Math.PI / 2), symbol = createSymbol(Object.assign(Object.assign(Object.assign({}, position), {
             symbolType: symbolType,
             size: size,
-            angle: rotate + refAngle,
+            angle: autoRotate ? rotate + refAngle : 0,
             strokeBoundsBuffer: 0
           }), style)), symbol.name = `${dim}-symbol`, symbol.id = this._getNodeId(`${dim}-symbol`), isEmpty(null == state ? void 0 : state.symbol) || (symbol.states = state.symbol), this.add(symbol);
         }
@@ -29059,6 +29108,7 @@
       },
       startSymbol: {
         visible: !1,
+        autoRotate: !0,
         symbolType: "triangle",
         size: 12,
         refX: 0,
@@ -29071,6 +29121,7 @@
       },
       endSymbol: {
         visible: !1,
+        autoRotate: !0,
         symbolType: "triangle",
         size: 12,
         refX: 0,
@@ -29361,7 +29412,7 @@
       }
       getTextAlign(vector) {
         let align = "center";
-        return isNumberClose(vector[0], 0) ? align = "center" : vector[0] > 0 ? align = "start" : vector[0] < 0 && (align = "end"), align;
+        return isNumberClose(vector[0], 0) ? isNumberClose(vector[1], 0) ? Object.is(vector[1], -0) ? align = "start" : Object.is(vector[0], -0) && (align = "end") : align = "center" : vector[0] > 0 ? align = "start" : vector[0] < 0 && (align = "end"), align;
       }
       getTickLineItems() {
         const {
@@ -29470,7 +29521,7 @@
         layer > 0 && (0 === axisVector[1] ? offset += (this.axisLabelLayerSize[layer - 1].height + get$4(this.attribute, "label.space", 4)) * layer : offset += (this.axisLabelLayerSize[layer - 1].width + get$4(this.attribute, "label.space", 4)) * layer);
         const point = this.getVerticalCoord(tickDatum.point, offset, inside),
           vector = this.getVerticalVector(offset, inside, point),
-          text = formatMethod ? formatMethod(tickDatum.label, tickDatum, index, tickData, layer) : tickDatum.label;
+          text = formatMethod ? formatMethod(`${tickDatum.label}`, tickDatum, index, tickData, layer) : tickDatum.label;
         let {
           style: textStyle
         } = tagAttributes;
@@ -29645,10 +29696,12 @@
         orient: orient
       } = config;
       !isEmpty(labels) && isValidNumber(limitLength) && labels.forEach(label => {
-        const limitLabelLength = 0 === label.attribute.angle || isNil(label.attribute.angle) ? "top" === orient || "bottom" === orient ? null : limitLength : Math.abs(limitLength / Math.sin(label.attribute.angle));
-        label.setAttributes({
+        if (("top" === orient || "bottom" === orient) && Math.floor(label.AABBBounds.height()) <= limitLength) return;
+        if (("left" === orient || "right" === orient) && Math.floor(label.AABBBounds.width()) <= limitLength) return;
+        let limitLabelLength = 0 === label.attribute.angle || isNil(label.attribute.angle) ? "top" === orient || "bottom" === orient ? null : limitLength : Math.abs(limitLength / Math.sin(label.attribute.angle));
+        isValidNumber(label.attribute.maxLineWidth) && (limitLabelLength = isValidNumber(limitLabelLength) ? Math.min(label.attribute.maxLineWidth, limitLabelLength) : label.attribute.maxLineWidth), label.setAttributes({
           maxLineWidth: limitLabelLength,
-          ellipsis: ellipsis
+          ellipsis: label.attribute.ellipsis || ellipsis
         });
       });
     }
@@ -29913,7 +29966,7 @@
             verticalFactor = 1
           } = this.attribute,
           factor = (inside ? 1 : -1) * verticalFactor;
-        return isNumberClose(vector[1], 0) ? base = isNumberClose(vector[0], 0) ? 1 === factor ? "bottom" : "top" : "middle" : vector[1] > 0 ? base = "top" : vector[1] < 0 && (base = "bottom"), base;
+        return isNumberClose(vector[1], 0) ? base = !isNumberClose(vector[0], 0) || Object.is(vector[0], -0) || Object.is(vector[1], -0) ? "middle" : 1 === factor ? "bottom" : "top" : vector[1] > 0 ? base = "top" : vector[1] < 0 && (base = "bottom"), base;
       }
       handleLabelsOverlap(labelShapes, labelData, layer, layerCount) {
         var _a, _b, _c;
@@ -30409,7 +30462,7 @@
         const innerGroupBounds = innerGroup.AABBBounds,
           innerGroupWidth = innerGroupBounds.width(),
           innerGroupHeight = innerGroupBounds.height(),
-          itemGroupWidth = this._itemWidthByUser || innerGroupWidth + parsedPadding[1] + parsedPadding[3],
+          itemGroupWidth = isValid(this.attribute.item.width) ? this.attribute.item.width : innerGroupWidth + parsedPadding[1] + parsedPadding[3],
           itemGroupHeight = this._itemHeightByUser || innerGroupHeight + parsedPadding[0] + parsedPadding[2];
         return itemGroup.attribute.width = itemGroupWidth, itemGroup.attribute.height = itemGroupHeight, innerGroup.translateTo(-innerGroupBounds.x1 + parsedPadding[3], -innerGroupBounds.y1 + parsedPadding[0]), itemGroup;
       }
@@ -31360,7 +31413,7 @@
         },
         label: {
             visible: true,
-            space: 0,
+            space: 1,
             style: {
                 fontSize: THEME_CONSTANTS.LABEL_FONT_SIZE,
                 fill: '#89909D',
@@ -39084,34 +39137,35 @@
                 fontSize: DEFAULT_TEXT_FONT_SIZE
             },
             getTextBounds: useNaiveCanvas ? undefined : getTextBounds,
-            specialCharSet: `-/: .,@%'"~${TextMeasure.ALPHABET_CHAR_SET}${TextMeasure.ALPHABET_CHAR_SET.toUpperCase()}`,
+            specialCharSet: `{}()//&-/: .,@%'"~${TextMeasure.ALPHABET_CHAR_SET}${TextMeasure.ALPHABET_CHAR_SET.toUpperCase()}`,
             ...(option ?? {})
         }, textSpec);
     };
     const fastTextMeasureCache = new Map();
-    function getFastTextMeasure(fontSize, fontFamily) {
-        const key = `${fontSize}-${fontFamily}`;
+    function getFastTextMeasure(fontSize, fontWeight, fontFamily) {
+        const key = `${fontSize}-${fontWeight}-${fontFamily}`;
         const cache = fastTextMeasureCache.get(key);
         if (cache) {
             return cache;
         }
         const fastTextMeasure = initTextMeasure({
             fontSize,
-            fontFamily
+            fontFamily,
+            fontWeight
         });
         fastTextMeasureCache.set(key, fastTextMeasure);
         return fastTextMeasure;
     }
     class TextMeasureTool {
         measureText(text, options) {
-            const { fontSize, fontFamily } = options;
-            const fastTextMeasure = getFastTextMeasure(fontSize, fontFamily);
+            const { fontSize, fontFamily, fontWeight } = options;
+            const fastTextMeasure = getFastTextMeasure(fontSize, fontWeight, fontFamily);
             const textMeasure = fastTextMeasure.measure(text);
             return textMeasure;
         }
         measureTextWidth(text, options) {
-            const { fontSize, fontFamily = 'sans-serif' } = options;
-            const fastTextMeasure = getFastTextMeasure(fontSize, fontFamily);
+            const { fontSize, fontFamily = 'sans-serif', fontWeight = 'normal' } = options;
+            const fastTextMeasure = getFastTextMeasure(fontSize, fontWeight, fontFamily);
             const textMeasure = fastTextMeasure.measure(text);
             return textMeasure.width;
         }
@@ -39192,7 +39246,7 @@
             let width;
             let str;
             const attribute = this.attribute;
-            const { maxLineWidth = textTheme.maxLineWidth, ellipsis = textTheme.ellipsis, textAlign = textTheme.textAlign, textBaseline = textTheme.textBaseline, fontSize = textTheme.fontSize, fontFamily = textTheme.fontFamily, stroke = textTheme.stroke, lineHeight = attribute.lineHeight ?? attribute.fontSize ?? textTheme.fontSize, lineWidth = textTheme.lineWidth } = attribute;
+            const { maxLineWidth = textTheme.maxLineWidth, ellipsis = textTheme.ellipsis, textAlign = textTheme.textAlign, textBaseline = textTheme.textBaseline, fontSize = textTheme.fontSize, fontFamily = textTheme.fontFamily, fontWeight = textTheme.fontWeight, stroke = textTheme.stroke, lineHeight = attribute.lineHeight ?? attribute.fontSize ?? textTheme.fontSize, lineWidth = textTheme.lineWidth } = attribute;
             if (!this.shouldUpdateShape() && this.cache) {
                 width = this.cache.clipedWidth;
                 const dx = textDrawOffsetX(textAlign, width);
@@ -39219,7 +39273,7 @@
                 this.cache.clipedWidth = width;
             }
             else {
-                width = textMeasure.measureTextWidth(text.toString(), { fontSize, fontFamily });
+                width = textMeasure.measureTextWidth(text.toString(), { fontSize, fontFamily, fontWeight });
                 this.cache.clipedText = text.toString();
                 this.cache.clipedWidth = width;
             }
@@ -39234,7 +39288,7 @@
         }
         updateMultilineAABBBounds(text) {
             const textTheme = getTheme(this).text;
-            const { fontFamily = textTheme.fontFamily, textAlign = textTheme.textAlign, textBaseline = textTheme.textBaseline, fontSize = textTheme.fontSize, lineHeight = this.attribute.lineHeight ?? this.attribute.fontSize ?? textTheme.fontSize, ellipsis = textTheme.ellipsis, maxLineWidth, stroke = textTheme.stroke, lineWidth = textTheme.lineWidth, heightLimit = -1, lineClamp = textTheme.lineClamp, autoWrapText = textTheme.autoWrapText } = this.attribute;
+            const { fontFamily = textTheme.fontFamily, textAlign = textTheme.textAlign, fontWeight = textTheme.fontWeight, textBaseline = textTheme.textBaseline, fontSize = textTheme.fontSize, lineHeight = this.attribute.lineHeight ?? this.attribute.fontSize ?? textTheme.fontSize, ellipsis = textTheme.ellipsis, maxLineWidth, stroke = textTheme.stroke, lineWidth = textTheme.lineWidth, heightLimit = -1, lineClamp = textTheme.lineClamp, autoWrapText = textTheme.autoWrapText } = this.attribute;
             if (!this.shouldUpdateShape() && this.cache?.layoutData) {
                 const bbox = this.cache.layoutData.bbox;
                 this._AABBBounds.set(bbox.xOffset, bbox.yOffset, bbox.xOffset + bbox.width, bbox.yOffset + bbox.height);
@@ -39283,7 +39337,7 @@
                         const clip = layoutObj.textMeasure.clipText(str, layoutObj.textOptions, maxLineWidth);
                         if (str !== '' && clip.str === '') {
                             clip.str = str.substring(0, 1);
-                            clip.width = textMeasure.measureTextWidth(clip.str, { fontSize, fontFamily });
+                            clip.width = textMeasure.measureTextWidth(clip.str, { fontSize, fontFamily, fontWeight });
                         }
                         linesLayout.push({
                             str: clip.str,
@@ -39969,7 +40023,7 @@
             cellContent.updateHeight(newHeight);
         }
         cellGroup.forEachChildren((child) => {
-            if (child.type === 'rect') ;
+            if (child.type === 'rect' || child.type === 'chart') ;
             else if (child.name === 'mark') {
                 child.setAttribute('y', 0);
             }
@@ -40300,7 +40354,7 @@
         }
         else {
             rowStart = row + 1;
-            rowEnd = scene.bodyRowEnd;
+            rowEnd = scene.bodyRowEnd - scene.table.bottomFrozenRowCount;
         }
         for (let rowIndex = rowStart; rowIndex <= rowEnd; rowIndex++) {
             for (let colIndex = 0; colIndex < scene.table.colCount; colIndex++) {
@@ -40611,6 +40665,9 @@
         let maxHeight = 0;
         for (let col = 0; col < scene.table.colCount; col++) {
             const cell = scene.highPerformanceGetCell(col, row);
+            if (cell.role === 'empty') {
+                return;
+            }
             let cellHeight = getCleanCellHeight(cell, scene);
             const mergeInfo = getCellMergeInfo(scene.table, col, row);
             if (mergeInfo && mergeInfo.end.row - mergeInfo.start.row) {
@@ -40621,6 +40678,9 @@
         for (let col = 0; col < scene.table.colCount; col++) {
             let distHeight = maxHeight;
             const cell = scene.highPerformanceGetCell(col, row);
+            if (cell.role === 'empty') {
+                return;
+            }
             const mergeInfo = getCellMergeInfo(scene.table, col, row);
             if (mergeInfo && mergeInfo.end.row - mergeInfo.start.row) {
                 for (let rowIndex = mergeInfo.start.row; rowIndex <= mergeInfo.end.row; rowIndex++) {
@@ -41648,7 +41708,8 @@
                     canvasControled: false,
                     viewBox: { x1: 0, x2: 0, y1: 0, y2: 0 },
                     interactive: false,
-                    animation: false
+                    animation: false,
+                    autoFit: false
                 });
                 this.chartInstance.renderSync();
             }
@@ -41683,6 +41744,7 @@
                 },
                 animation: false,
                 interactive: true,
+                autoFit: false,
                 beforeRender: (stage) => {
                     const ctx = stage.window.getContext();
                     ctx.inuse = true;
@@ -41788,7 +41850,7 @@
                     x2: viewBox.x2 - chart.getRootNode().table.scrollLeft,
                     y1: viewBox.y1 - chart.getRootNode().table.scrollTop,
                     y2: viewBox.y2 - chart.getRootNode().table.scrollTop
-                });
+                }, false);
                 if (typeof dataId === 'string') {
                     chartInstance.updateDataSync(dataId, data ?? []);
                 }
@@ -42282,10 +42344,12 @@
         drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, drawContext, fillCb, strokeCb, doFillOrStroke) {
             if (group.role === 'cell') {
                 const table = group.stage.table;
-                const hoverColor = getCellHoverColor(group, table);
-                if (hoverColor) {
-                    group.oldColor = group.attribute.fill;
-                    group.attribute.fill = hoverColor;
+                if (table.stateManeger.interactionState !== InteractionState.scrolling) {
+                    const hoverColor = getCellHoverColor(group, table);
+                    if (hoverColor) {
+                        group.oldColor = group.attribute.fill;
+                        group.attribute.fill = hoverColor;
+                    }
                 }
             }
         }
@@ -42440,7 +42504,9 @@
                     ? layout.dataset.collectedValues[defaultKey + (isZeroAlign ? '_align' : '')]
                     : layout.dataset.collectedValues[defaultKey];
                 const index = layout.getRecordIndexByCol(col);
-                const range = data[layout.getColKeysPath()[index][Math.max(0, layout.columnHeaderLevelCount - 1 - layout.topAxesCount)]];
+                const range = data
+                    ? data[layout.getColKeysPath()[index][Math.max(0, layout.columnHeaderLevelCount - 1 - layout.topAxesCount)]]
+                    : { max: 1, min: 0 };
                 const axisOption = getAxisOption(col, row, 'top', layout);
                 if (axisOption?.visible === false) {
                     return;
@@ -42468,7 +42534,7 @@
                     ? layout.dataset.collectedValues[defaultKey + (isZeroAlign ? '_align' : '')]
                     : layout.dataset.collectedValues[defaultKey];
                 const index = layout.getRecordIndexByCol(col);
-                const range = data[layout.getColKeysPath()[index][Math.max(0, layout.columnHeaderLevelCount - 1 - layout.topAxesCount)]];
+                const range = data?.[layout.getColKeysPath()[index][Math.max(0, layout.columnHeaderLevelCount - 1 - layout.topAxesCount)]] ?? { min: 0, max: 1 };
                 let indicatorInfo = null;
                 indicatorKeys.forEach(key => {
                     const info = layout.getIndicatorInfo(key);
@@ -42483,8 +42549,7 @@
                 return merge$2({
                     title: {
                         visible: true,
-                        text: indicatorInfo?.caption,
-                        autoRotate: true
+                        text: indicatorInfo?.caption
                     },
                     range: range
                 }, axisOption, {
@@ -42511,7 +42576,10 @@
                     return;
                 }
                 return merge$2({
-                    domain: Array.from(domain).reverse()
+                    domain: Array.from(domain).reverse(),
+                    title: {
+                        autoRotate: true
+                    }
                 }, axisOption, {
                     orient: 'left',
                     type: 'band'
@@ -42532,7 +42600,7 @@
                     ? layout.dataset.collectedValues[defaultKey + (isZeroAlign ? '_align' : '')]
                     : layout.dataset.collectedValues[defaultKey];
                 const index = layout.getRecordIndexByRow(row);
-                const range = data[layout.getRowKeysPath()[index][Math.max(0, layout.rowHeaderLevelCount - 1 - layout.leftAxesCount)]];
+                const range = data?.[layout.getRowKeysPath()[index][Math.max(0, layout.rowHeaderLevelCount - 1 - layout.leftAxesCount)]] ?? { min: 0, max: 1 };
                 let indicatorInfo = null;
                 indicatorKeys.forEach(key => {
                     const info = layout.getIndicatorInfo(key);
@@ -42575,13 +42643,16 @@
                     ? layout.dataset.collectedValues[defaultKey + (isZeroAlign ? '_align' : '')]
                     : layout.dataset.collectedValues[defaultKey];
                 const index = layout.getRecordIndexByRow(row);
-                const range = data[layout.getRowKeysPath()[index][Math.max(0, layout.rowHeaderLevelCount - 1 - layout.leftAxesCount)]];
+                const range = data?.[layout.getRowKeysPath()[index][Math.max(0, layout.rowHeaderLevelCount - 1 - layout.leftAxesCount)]] ?? { min: 0, max: 1 };
                 const axisOption = getAxisOption(col, row, 'right', layout);
                 if (axisOption?.visible === false) {
                     return;
                 }
                 return merge$2({
-                    range: range
+                    range: range,
+                    title: {
+                        autoRotate: true
+                    }
                 }, axisOption, {
                     orient: 'right',
                     type: 'linear',
@@ -42600,7 +42671,7 @@
                 const data = layout.dataset.collectedValues[columnDimensionKey];
                 const recordCol = layout.getRecordIndexByCol(col);
                 const colPath = layout.getColKeysPath()[recordCol];
-                const domain = data[colPath[colPath.length - 1]];
+                const domain = data?.[colPath[colPath.length - 1]] ?? [];
                 const axisOption = getAxisOption(col, row, 'bottom', layout);
                 if (axisOption?.visible === false) {
                     return;
@@ -42668,7 +42739,7 @@
         return false;
     }
 
-    function computeAxisConpomentWidth(config, table) {
+    function computeAxisComponentWidth(config, table) {
         const attribute = merge$2({}, commonAxis, config);
         const tickWidth = attribute.tick.width ?? 4;
         let labelWidth = 0;
@@ -42676,8 +42747,12 @@
             if (attribute.type === 'band') {
                 const domain = attribute.domain;
                 domain.forEach((text) => {
+                    if (attribute.label.formatMethod) {
+                        text = attribute.label.formatMethod(text);
+                    }
                     labelWidth = Math.max(labelWidth, table.measureText(text, {
                         fontSize: attribute.label?.style?.fontSize,
+                        fontWeight: attribute.label?.style?.fontWeight,
                         fontFamily: attribute.label?.style?.fontFamily
                     }).width);
                 });
@@ -42689,8 +42764,12 @@
                 const minString = formatDecimal(minNumber);
                 const maxString = formatDecimal(maxNumber);
                 [minString, maxString].forEach(text => {
+                    if (attribute.label.formatMethod) {
+                        text = attribute.label.formatMethod(text);
+                    }
                     labelWidth = Math.max(labelWidth, table.measureText(text, {
                         fontSize: attribute.label?.style?.fontSize,
+                        fontWeight: attribute.label?.style?.fontWeight,
                         fontFamily: attribute.label?.style?.fontFamily
                     }).width + 2);
                 });
@@ -42699,10 +42778,11 @@
         }
         let titleWidth = 0;
         if (attribute.title.visible && attribute.title.text) {
-            if (attribute.title.autoRotate) {
+            if ((config.orient === 'left' || config.orient === 'right') && attribute.title.autoRotate) {
                 titleWidth =
                     table.measureText(attribute.title.text, {
                         fontSize: attribute.title?.style?.fontSize,
+                        fontWeight: attribute.title?.style?.fontWeight,
                         fontFamily: attribute.title?.style?.fontFamily
                     }).height + 2;
             }
@@ -42710,6 +42790,7 @@
                 titleWidth =
                     table.measureText(attribute.title.text, {
                         fontSize: attribute.title?.style?.fontSize,
+                        fontWeight: attribute.title?.style?.fontWeight,
                         fontFamily: attribute.title?.style?.fontFamily
                     }).width + 2;
             }
@@ -42717,6 +42798,61 @@
         }
         return tickWidth + labelWidth + titleWidth;
     }
+    function computeAxisComponentHeight(config, table) {
+        const attribute = merge$2({}, commonAxis, config);
+        const tickHeight = attribute.tick.width ?? 4;
+        let labelHeight = 0;
+        if (attribute.label.visible) {
+            if (attribute.type === 'band') {
+                const domain = attribute.domain;
+                domain.forEach((text) => {
+                    if (attribute.label.formatMethod) {
+                        text = attribute.label.formatMethod(text);
+                    }
+                    labelHeight = Math.max(labelHeight, table.measureText(text, {
+                        fontSize: attribute.label?.style?.fontSize,
+                        fontFamily: attribute.label?.style?.fontFamily
+                    }).height);
+                });
+            }
+            else {
+                const range = attribute.range;
+                const minNumber = Math.abs(range.min) > 1 ? Math.round(range.min) : range.min;
+                const maxNumber = Math.abs(range.max) > 1 ? Math.round(range.max) : range.max;
+                const minString = formatDecimal(minNumber);
+                const maxString = formatDecimal(maxNumber);
+                [minString, maxString].forEach(text => {
+                    if (attribute.label.formatMethod) {
+                        text = attribute.label.formatMethod(text);
+                    }
+                    labelHeight = Math.max(labelHeight, table.measureText(text, {
+                        fontSize: attribute.label?.style?.fontSize,
+                        fontFamily: attribute.label?.style?.fontFamily
+                    }).height + 2);
+                });
+            }
+            labelHeight += attribute.label.space ?? 4;
+        }
+        let titleHeight = 0;
+        if (attribute.title.visible && attribute.title.text) {
+            if ((config.orient === 'bottom' || config.orient === 'top') && attribute.title.autoRotate) {
+                titleHeight =
+                    table.measureText(attribute.title.text, {
+                        fontSize: attribute.title?.style?.fontSize,
+                        fontFamily: attribute.title?.style?.fontFamily
+                    }).width + 2;
+            }
+            else {
+                titleHeight =
+                    table.measureText(attribute.title.text, {
+                        fontSize: attribute.title?.style?.fontSize,
+                        fontFamily: attribute.title?.style?.fontFamily
+                    }).height + 2;
+            }
+            titleHeight += attribute.title.space ?? 4;
+        }
+        return tickHeight + labelHeight + titleHeight;
+    }
     function formatDecimal(number) {
         if (typeof number !== 'number') {
             number = Number(number);
@@ -42725,6 +42861,7 @@
     }
 
     function computeColsWidth(table, colStart, colEnd, update) {
+        typeof window !== 'undefined' ? window.performance.now() : 0;
         colStart = colStart ?? 0;
         colEnd = colEnd ?? table.colCount - 1;
         if (colStart === 0 && colEnd === table.colCount - 1) {
@@ -42882,7 +43019,7 @@
                 const layout = table.internalProps.layoutMap;
                 const axisConfig = getAxisConfigInPivotChart(col, row, layout);
                 if (axisConfig) {
-                    const axisWidth = computeAxisConpomentWidth(axisConfig, table);
+                    const axisWidth = computeAxisComponentWidth(axisConfig, table);
                     if (typeof axisWidth === 'number') {
                         maxWidth = Math.max(axisWidth, maxWidth);
                         continue;
@@ -43004,12 +43141,14 @@
         const paddingWidth = padding[1] + padding[3];
         const fontSize = getProp('fontSize', actStyle, col, row, table);
         const fontFamily = getProp('fontFamily', actStyle, col, row, table);
+        const fontWeight = getProp('fontWeight', actStyle, col, row, table);
         const lines = validToString(cellValue).split('\n') || [];
         if (lines.length >= 1) {
             lines.forEach((line) => {
                 const width = table.measureText(line.slice(0, table.options.maxCharactersNumber || 200), {
                     fontSize,
-                    fontFamily
+                    fontFamily,
+                    fontWeight
                 }).width;
                 maxWidth = Math.max((width + paddingWidth + 4 + iconWidth) / spanCol, maxWidth);
             });
@@ -43041,19 +43180,14 @@
         height: 0,
         textConfig: []
     });
-    function computeRowsHeight(table, rowStart, rowEnd) {
-        const time = typeof window !== 'undefined' ? window.performance.now() : 0;
+    function computeRowsHeight(table, rowStart, rowEnd, isClearRowRangeHeightsMap = true) {
+        typeof window !== 'undefined' ? window.performance.now() : 0;
         if (table.heightMode === 'autoHeight' || table.heightMode === 'adaptive') {
             rowStart = rowStart ?? 0;
             rowEnd = rowEnd ?? table.rowCount - 1;
-            if (rowStart === 0 && rowEnd === table.rowCount - 1) {
+            if ((rowStart === 0 && rowEnd === table.rowCount - 1) || isClearRowRangeHeightsMap) {
                 table._clearRowRangeHeightsMap();
             }
-            else {
-                for (let row = rowStart; row <= rowEnd; row++) {
-                    table._clearRowRangeHeightsMap(row);
-                }
-            }
             for (let row = rowStart; row < table.columnHeaderLevelCount; row++) {
                 const height = computeRowHeight(row, 0, table.colCount - 1, table);
                 table.setRowHeight(row, height);
@@ -43061,24 +43195,31 @@
             if (rowEnd < table.columnHeaderLevelCount) {
                 return;
             }
-            if (!table.internalProps.transpose &&
-                !(table.isPivotTable() && table.internalProps.layoutMap.indicatorsAsCol) &&
+            if (!(table.internalProps.transpose ||
+                (table.isPivotTable() && !table.internalProps.layoutMap.indicatorsAsCol)) &&
                 checkFixedStyleAndNoWrap(table)) {
                 const height = computeRowHeight(table.columnHeaderLevelCount, 0, table.colCount - 1, table);
-                fillRowsHeight(height, table.columnHeaderLevelCount, table.rowCount - 1, table);
+                fillRowsHeight(height, table.columnHeaderLevelCount, table.rowCount - 1 - table.bottomFrozenRowCount, table);
+                for (let row = table.rowCount - table.bottomFrozenRowCount; row <= rowEnd; row++) {
+                    const height = computeRowHeight(row, 0, table.colCount - 1, table);
+                    table.setRowHeight(row, height);
+                }
             }
-            else if ((table.internalProps.transpose ||
-                (table.isPivotTable() && !table.internalProps.layoutMap.indicatorsAsCol)) &&
-                checkFixedStyleAndNoWrap(table)) {
+            else if (table.internalProps.transpose ||
+                (table.isPivotTable() && !table.internalProps.layoutMap.indicatorsAsCol)) {
                 for (let row = Math.max(rowStart, table.columnHeaderLevelCount); row <= rowEnd; row++) {
-                    table._clearRowRangeHeightsMap(row);
-                    const height = computeRowHeight(row, 0, table.rowHeaderLevelCount, table);
+                    let height;
+                    if (checkFixedStyleAndNoWrapForTranspose(table, row)) {
+                        height = computeRowHeight(row, 0, table.rowHeaderLevelCount, table);
+                    }
+                    else {
+                        height = computeRowHeight(row, 0, table.colCount - 1, table);
+                    }
                     table.setRowHeight(row, height);
                 }
             }
             else {
                 for (let row = Math.max(rowStart, table.columnHeaderLevelCount); row <= rowEnd; row++) {
-                    table._clearRowRangeHeightsMap(row);
                     const height = computeRowHeight(row, 0, table.colCount - 1, table);
                     table.setRowHeight(row, height);
                 }
@@ -43104,11 +43245,12 @@
                 table.setRowHeight(row, rowHeight, false);
             }
         }
-        console.log('computeRowsHeight  time:', (typeof window !== 'undefined' ? window.performance.now() : 0) - time);
     }
     function computeRowHeight(row, startCol, endCol, table) {
         let maxHeight = 0;
-        if (table.isPivotChart() && row >= table.columnHeaderLevelCount) {
+        if (table.isPivotChart() &&
+            row >= table.columnHeaderLevelCount &&
+            row < table.rowCount - table.bottomFrozenRowCount) {
             if (table.internalProps.layoutMap.indicatorsAsCol) {
                 const optimunHeight = table.internalProps.layoutMap.getOptimunHeightForChart(row);
                 if (optimunHeight > 0) {
@@ -43125,6 +43267,17 @@
                 maxHeight = Math.max(customHeight, maxHeight);
                 continue;
             }
+            if (table.isPivotChart()) {
+                const layout = table.internalProps.layoutMap;
+                const axisConfig = getAxisConfigInPivotChart(col, row, layout);
+                if (axisConfig) {
+                    const axisWidth = computeAxisComponentHeight(axisConfig, table);
+                    if (typeof axisWidth === 'number') {
+                        maxHeight = Math.max(axisWidth, maxHeight);
+                        continue;
+                    }
+                }
+            }
             const textHeight = computeTextHeight(col, row, table);
             maxHeight = Math.max(textHeight, maxHeight);
         }
@@ -43133,14 +43286,16 @@
     function checkFixedStyleAndNoWrap(table) {
         const { layoutMap } = table.internalProps;
         const row = table.columnHeaderLevelCount;
+        if (table.internalProps.autoWrapText &&
+            (table.options.heightMode === 'autoHeight' || table.options.heightMode === 'adaptive')) {
+            return false;
+        }
         for (let col = 0; col < table.colCount; col++) {
-            const isHeader = layoutMap.isHeader(col, row);
-            const cellDefine = isHeader ? layoutMap.getHeader(col, row) : layoutMap.getBody(col, row);
+            const cellDefine = layoutMap.getBody(col, row);
             if (typeof cellDefine.style === 'function' ||
                 typeof cellDefine.icon === 'function' ||
-                typeof cellDefine.headerIcon === 'function' ||
-                (isHeader ? cellDefine.define?.headerCustomRender : cellDefine.define?.customRender) ||
-                (isHeader ? typeof cellDefine.define?.headerIcon === 'function' : typeof cellDefine.define?.icon === 'function')) {
+                cellDefine.define?.customRender ||
+                typeof cellDefine.define?.icon === 'function') {
                 return false;
             }
             const cellStyle = table._getCellStyle(col, row);
@@ -43153,6 +43308,28 @@
         }
         return true;
     }
+    function checkFixedStyleAndNoWrapForTranspose(table, row) {
+        const { layoutMap } = table.internalProps;
+        if (table.internalProps.autoWrapText &&
+            (table.options.heightMode === 'autoHeight' || table.options.heightMode === 'adaptive')) {
+            return false;
+        }
+        const cellDefine = layoutMap.getBody(table.rowHeaderLevelCount, row);
+        if (typeof cellDefine.style === 'function' ||
+            typeof cellDefine.icon === 'function' ||
+            cellDefine.define?.customRender ||
+            typeof cellDefine.define?.icon === 'function') {
+            return false;
+        }
+        const cellStyle = table._getCellStyle(table.rowHeaderLevelCount, row);
+        if (typeof cellStyle.padding === 'function' ||
+            typeof cellStyle.fontSize === 'function' ||
+            typeof cellStyle.lineHeight === 'function' ||
+            cellStyle.autoWrapText === true) {
+            return false;
+        }
+        return true;
+    }
     function fillRowsHeight(height, startRow, endRow, table) {
         for (let row = startRow; row <= endRow; row++) {
             table.setRowHeight(row, height);
@@ -43267,7 +43444,8 @@
                 fontSize,
                 fontStyle,
                 fontWeight,
-                fontFamily
+                fontFamily,
+                lineHeight
             });
             maxHeight = utilTextMark.AABBBounds.height();
         }
@@ -43990,6 +44168,9 @@
         colGroup.needUpdate = true;
     }
     function updateColGroupContent(colGroup, proxy) {
+        if (!colGroup) {
+            return;
+        }
         let cellGroup = colGroup.firstChild;
         while (cellGroup) {
             const newCellGroup = proxy.updateCellGroupContent(cellGroup);
@@ -44084,13 +44265,13 @@
         if (direction === 'up') {
             for (let col = colStart; col <= colEnd; col++) {
                 for (let row = rowStart; row <= rowEnd; row++) {
-                    const cellGroup = table.scenegraph.getCell(col, row);
+                    const cellGroup = table.scenegraph.highPerformanceGetCell(col, row, true);
                     if (!cellGroup.row) {
                         continue;
                     }
                     let y;
                     if (cellGroup._prev) {
-                        y = (cellGroup._prev?.attribute.y ?? 0) + (cellGroup._prev?.attribute.height ?? 0);
+                        y = cellGroup._prev?.attribute.y + table.getRowHeight(cellGroup._prev.row);
                     }
                     else {
                         y = table.getRowsHeight(table.columnHeaderLevelCount, cellGroup.row - 1);
@@ -44102,22 +44283,26 @@
         else {
             for (let col = colStart; col <= colEnd; col++) {
                 for (let row = rowEnd; row >= rowStart; row--) {
-                    const cellGroup = table.scenegraph.getCell(col, row);
+                    const cellGroup = table.scenegraph.highPerformanceGetCell(col, row, true);
                     if (!cellGroup.row) {
                         continue;
                     }
                     let y;
                     if (cellGroup._next) {
-                        y = (cellGroup._next?.attribute.y ?? 0) - (cellGroup.attribute.height ?? 0);
+                        y = cellGroup._next?.attribute.y - table.getRowHeight(cellGroup.row);
                     }
                     else {
-                        y = table.getRowsHeight(table.columnHeaderLevelCount, cellGroup.row) - (cellGroup.attribute.height ?? 0);
-                        console.log('估计位置', table.getRowsHeight(table.columnHeaderLevelCount, cellGroup.row));
+                        y = table.getRowsHeight(table.columnHeaderLevelCount, cellGroup.row - 1);
                     }
                     cellGroup.setAttribute('y', y);
                 }
             }
         }
+        const totalActualBodyRowCount = Math.min(table.scenegraph.proxy.rowLimit, table.scenegraph.proxy.bodyBottomRow - table.scenegraph.proxy.bodyTopRow + 1);
+        const totalBodyHeight = table.getRowsHeight(table.columnHeaderLevelCount, table.columnHeaderLevelCount + totalActualBodyRowCount);
+        const totalHeight = table.getRowsHeight(table.columnHeaderLevelCount, table.rowCount - 1);
+        table.scenegraph.proxy.yLimitTop = totalBodyHeight / 2;
+        table.scenegraph.proxy.yLimitBottom = totalHeight - totalBodyHeight / 2;
     }
 
     async function dynamicSetY(y, proxy) {
@@ -44126,22 +44311,23 @@
             return;
         }
         const screenTopRow = screenTop.row;
+        const screenTopY = screenTop.top;
         proxy.screenTopRow = screenTopRow;
         const deltaRow = screenTopRow - proxy.referenceRow;
         if (deltaRow > 0) {
-            moveCell(deltaRow, 'up', screenTopRow, proxy);
-            proxy.updateBody(y);
+            moveCell(deltaRow, 'up', screenTopRow, screenTopY, proxy);
+            proxy.updateBody(y - proxy.deltaY);
         }
         else if (deltaRow < 0) {
-            moveCell(-deltaRow, 'down', screenTopRow, proxy);
-            proxy.updateBody(y);
+            moveCell(-deltaRow, 'down', screenTopRow, screenTopY, proxy);
+            proxy.updateBody(y - proxy.deltaY);
         }
         else {
-            proxy.updateBody(y);
+            proxy.updateBody(y - proxy.deltaY);
         }
         proxy.table.scenegraph.updateNextFrame();
     }
-    async function moveCell(count, direction, screenTopRow, proxy) {
+    async function moveCell(count, direction, screenTopRow, screenTopY, proxy) {
         if (direction === 'up' && proxy.rowEnd + count > proxy.bodyBottomRow) {
             count = proxy.bodyBottomRow - proxy.rowEnd;
         }
@@ -44153,28 +44339,39 @@
             const endRow = direction === 'up' ? proxy.rowStart + count - 1 : proxy.rowEnd;
             updatePartRowPosition(startRow, endRow, direction, proxy);
             const distStartRow = direction === 'up' ? proxy.rowEnd + 1 : proxy.rowStart - count;
-            direction === 'up' ? proxy.rowEnd + count : proxy.rowStart - 1;
-            const syncTopRow = Math.max(proxy.bodyTopRow, screenTopRow - proxy.screenRowCount * 1);
-            const syncBottomRow = Math.min(proxy.bodyBottomRow, screenTopRow + proxy.screenRowCount * 2);
+            const distEndRow = direction === 'up' ? proxy.rowEnd + count : proxy.rowStart - 1;
+            let syncTopRow;
+            let syncBottomRow;
             if (proxy.table.heightMode === 'autoHeight') {
-                computeRowsHeight(proxy.table, syncTopRow, syncBottomRow);
+                syncTopRow = distStartRow;
+                syncBottomRow = distEndRow;
             }
+            else {
+                const topRow = Math.max(proxy.bodyTopRow, screenTopRow - proxy.screenRowCount * 1);
+                const BottomRow = Math.min(proxy.bodyBottomRow, screenTopRow + proxy.screenRowCount * 2);
+                syncTopRow = Math.max(distStartRow, topRow);
+                syncBottomRow = Math.min(distEndRow, BottomRow);
+            }
+            computeRowsHeight(proxy.table, syncTopRow, syncBottomRow);
             proxy.rowStart = direction === 'up' ? proxy.rowStart + count : proxy.rowStart - count;
             proxy.rowEnd = direction === 'up' ? proxy.rowEnd + count : proxy.rowEnd - count;
             checkFirstRowMerge(syncTopRow, proxy);
             updateRowContent(syncTopRow, syncBottomRow, proxy);
             if (proxy.table.heightMode === 'autoHeight') {
                 updateAutoRow(proxy.bodyLeftCol, proxy.bodyRightCol, syncTopRow, syncBottomRow, proxy.table, direction);
+                const cellGroup = proxy.table.scenegraph.highPerformanceGetCell(proxy.bodyLeftCol, screenTopRow, true);
+                const delaY = screenTopY - (cellGroup.attribute.y + proxy.table.getFrozenRowsHeight() + proxy.table.scenegraph.proxy.deltaY);
+                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.referenceRow = proxy.rowStart + Math.floor((proxy.rowEnd - proxy.rowStart) / 2);
             proxy.rowUpdatePos = distStartRow;
             proxy.rowUpdateDirection = direction;
-            console.log('move end proxy', proxy.rowStart, proxy.rowEnd);
-            console.log('move end cell', proxy.table.scenegraph.bodyGroup.firstChild.firstChild.row, proxy.table.scenegraph.bodyGroup.firstChild.lastChild.row);
             proxy.table.scenegraph.updateNextFrame();
-            await proxy.progress();
+            if (proxy.table.heightMode !== 'autoHeight') {
+                await proxy.progress();
+            }
         }
         else {
             const distStartRow = direction === 'up' ? proxy.rowStart + count : proxy.rowStart - count;
@@ -44191,25 +44388,20 @@
                 syncTopRow = Math.max(proxy.bodyTopRow, screenTopRow - proxy.screenRowCount * 1);
                 syncBottomRow = Math.min(proxy.bodyBottomRow, screenTopRow + proxy.screenRowCount * 2);
             }
-            console.log('更新同步范围', syncTopRow, syncBottomRow);
-            if (proxy.table.heightMode === 'autoHeight') {
-                computeRowsHeight(proxy.table, syncTopRow, syncBottomRow);
-            }
+            computeRowsHeight(proxy.table, syncTopRow, syncBottomRow);
             proxy.rowStart = distStartRow;
             proxy.rowEnd = distEndRow;
             checkFirstRowMerge(syncTopRow, proxy);
             updateRowContent(syncTopRow, syncBottomRow, proxy);
-            console.log('updateAutoRow', distEndRow > proxy.bodyBottomRow - (proxy.rowEnd - proxy.rowStart + 1) ? 'down' : 'up');
             if (proxy.table.heightMode === 'autoHeight') {
                 updateAutoRow(proxy.bodyLeftCol, proxy.bodyRightCol, syncTopRow, syncBottomRow, proxy.table, distEndRow > proxy.bodyBottomRow - (proxy.rowEnd - proxy.rowStart + 1) ? 'down' : 'up');
             }
+            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.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';
-            console.log('move total end proxy', proxy.rowStart, proxy.rowEnd);
-            console.log('move total end cell', proxy.table.scenegraph.bodyGroup.firstChild.firstChild.row, proxy.table.scenegraph.bodyGroup.firstChild.lastChild.row);
             proxy.table.scenegraph.updateNextFrame();
             if (proxy.table.heightMode !== 'autoHeight') {
                 await proxy.progress();
@@ -44337,6 +44529,7 @@
         rowUpdatePos;
         rowUpdateDirection;
         screenTopRow = 0;
+        deltaY = 0;
         colLimit = 1000;
         bodyLeftCol;
         bodyRightCol;
@@ -44360,6 +44553,12 @@
                 this.rowLimit = 100;
                 this.colLimit = 100;
             }
+            else if (this.table.heightMode === 'autoHeight') {
+                this.rowLimit = 100;
+            }
+            else if (this.table.widthMode === 'autoWidth') {
+                this.colLimit = 100;
+            }
             if (this.table.internalProps.transpose) {
                 this.mode = 'row';
             }
@@ -44407,26 +44606,6 @@
         async createGroupForFirstScreen(cornerHeaderGroup, colHeaderGroup, rowHeaderGroup, rightFrozenGroup, bottomFrozenGroup, bodyGroup, xOrigin, yOrigin) {
             await createGroupForFirstScreen(cornerHeaderGroup, colHeaderGroup, rowHeaderGroup, rightFrozenGroup, bottomFrozenGroup, bodyGroup, xOrigin, yOrigin, this);
         }
-        async createColGroupForFirstScreen(rowHeaderGroup, bodyGroup, xOrigin, yOrigin, table) {
-            this.setParamsForRow();
-            this.setParamsForColumn();
-            computeRowsHeight(table, this.table.columnHeaderLevelCount, Math.min(this.firstScreenRowLimit, table.rowCount - 1));
-            createColGroup(rowHeaderGroup, xOrigin, yOrigin, 0, table.rowHeaderLevelCount - 1, table.columnHeaderLevelCount, table.rowCount - 1, 'rowHeader', table, this.firstScreenRowLimit);
-            createColGroup(bodyGroup, xOrigin, yOrigin, table.rowHeaderLevelCount, table.colCount - 1, table.columnHeaderLevelCount, table.rowCount - 1, 'body', table, this.firstScreenRowLimit);
-            if (!bodyGroup.firstChild) {
-                this.currentRow = this.totalRow;
-                this.rowEnd = this.currentRow;
-                this.rowUpdatePos = this.rowEnd;
-                this.referenceRow = Math.floor((this.rowEnd - this.rowStart) / 2);
-            }
-            else {
-                this.currentRow = bodyGroup.firstChild?.rowNumber ?? this.totalRow;
-                this.rowEnd = this.currentRow;
-                this.rowUpdatePos = this.rowEnd;
-                this.referenceRow = Math.floor((this.rowEnd - this.rowStart) / 2);
-                await this.progress();
-            }
-        }
         async progress() {
             return new Promise((resolve, reject) => {
                 setTimeout(async () => {
@@ -44466,7 +44645,7 @@
         }
         createRowCellGroup(onceCount) {
             const endRow = Math.min(this.totalRow, this.currentRow + onceCount);
-            computeRowsHeight(this.table, this.currentRow + 1, endRow);
+            computeRowsHeight(this.table, this.currentRow + 1, endRow, false);
             if (this.table.rowHeaderLevelCount) {
                 let maxHeight = 0;
                 for (let col = 0; col < this.table.rowHeaderLevelCount; col++) {
@@ -44572,7 +44751,7 @@
         updateCellGroups(count) {
             const distRow = Math.min(this.bodyBottomRow, this.rowUpdatePos + count);
             if (this.table.heightMode === 'autoHeight') {
-                computeRowsHeight(this.table, this.rowUpdatePos, distRow);
+                computeRowsHeight(this.table, this.rowUpdatePos, distRow, false);
             }
             updateRowContent(this.rowUpdatePos, distRow, this);
             if (this.table.heightMode === 'autoHeight') {
@@ -44621,9 +44800,7 @@
                 syncBottomRow = Math.min(this.bodyBottomRow, this.screenTopRow + this.screenRowCount * 3);
             }
             console.log('sort更新同步范围', syncTopRow, syncBottomRow);
-            if (this.table.heightMode === 'autoHeight') {
-                computeRowsHeight(this.table, syncTopRow, syncBottomRow);
-            }
+            computeRowsHeight(this.table, syncTopRow, syncBottomRow);
             for (let col = this.bodyLeftCol; col <= this.bodyRightCol; col++) {
                 for (let row = syncTopRow; row <= syncBottomRow; row++) {
                     const cellGroup = this.highPerformanceGetCell(col, row);
@@ -45302,7 +45479,6 @@
                 cellNode.children.forEach((node) => {
                     if (node.type === 'chart') {
                         node.cacheCanvas = null;
-                        node.addUpdateBoundTag();
                     }
                 });
             });
@@ -45323,7 +45499,6 @@
                         const chartSpec = node.attribute.spec;
                         chartSpec.axes = newAxes;
                         node.setAttribute('spec', chartSpec);
-                        node.addUpdateBoundTag();
                     }
                 });
             });
@@ -45700,6 +45875,11 @@
             this.rowHeaderGroup.clear();
             this.cornerHeaderGroup.clear();
             this.bodyGroup.clear();
+            this.bottomFrozenGroup.clear();
+            this.rightFrozenGroup.clear();
+            this.rightTopCellGroup.clear();
+            this.rightBottomCellGroup.clear();
+            this.leftBottomCellGroup.clear();
             this.colHeaderGroup.setAttributes({
                 x: 0,
                 y: 0,
@@ -46055,15 +46235,16 @@
         }
         resize() {
             this.recalculateColWidths();
-            if (this.table.heightMode === 'autoHeight') {
-                this.recalculateRowHeights();
-            }
+            this.recalculateRowHeights();
             this.dealWidthMode();
             this.dealHeightMode();
             this.dealFrozen();
             this.updateTableSize();
             this.updateBorderSizeAndPosition();
             this.component.updateScrollBar();
+            if (this.table.widthMode === 'adaptive' || this.table.heightMode === 'adaptive') {
+                this.updateChartSize(this.table.rowHeaderLevelCount);
+            }
             this.updateNextFrame();
         }
         updateTableSize() {
@@ -46570,9 +46751,7 @@
         updateRow(removeCells, addCells) {
             updateRow(removeCells, addCells, this.table);
             this.recalculateColWidths();
-            if (this.table.heightMode === 'autoHeight') {
-                this.recalculateRowHeights();
-            }
+            this.recalculateRowHeights();
             this.table.stateManeger.checkFrozen();
             this.updateNextFrame();
         }
@@ -47309,6 +47488,9 @@
         sparkLine;
         _clearVerticalScrollBar;
         _clearHorizontalScrollBar;
+        resetInteractionState = debounce(() => {
+            this.updateInteractionState(InteractionState.default);
+        }, 100);
         constructor(table) {
             this.table = table;
             this.initState();
@@ -48598,10 +48780,16 @@
         const throttleVerticalWheel = throttle(stateManeger.updateVerticalScrollBar, 20);
         const throttleHorizontalWheel = throttle(stateManeger.updateHorizontalScrollBar, 20);
         scenegraph.component.vScrollBar.addEventListener('scroll', (e) => {
+            if (stateManeger.interactionState !== InteractionState.scrolling) {
+                stateManeger.updateInteractionState(InteractionState.scrolling);
+            }
             const ratio = e.detail.value[0] / (1 - e.detail.value[1] + e.detail.value[0]);
             throttleVerticalWheel(ratio, e);
         });
         scenegraph.component.hScrollBar.addEventListener('scroll', (e) => {
+            if (stateManeger.interactionState !== InteractionState.scrolling) {
+                stateManeger.updateInteractionState(InteractionState.scrolling);
+            }
             const ratio = e.detail.value[0] / (1 - e.detail.value[1] + e.detail.value[0]);
             throttleHorizontalWheel(ratio);
         });
@@ -48614,6 +48802,11 @@
             deltaY = 0;
         }
         const [optimizedDeltaX, optimizedDeltaY] = optimizeScrollXY(deltaX, deltaY, { horizontal: 1, vertical: 1 });
+        if (optimizedDeltaX || optimizedDeltaY) {
+            if (state.interactionState !== InteractionState.scrolling) {
+                state.updateInteractionState(InteractionState.scrolling);
+            }
+        }
         if (optimizedDeltaX) {
             state.setScrollLeft(state.scroll.horizontalBarPos + optimizedDeltaX);
             state.showHorizontalScrollBar(true);
@@ -48622,6 +48815,7 @@
             state.setScrollTop(state.scroll.verticalBarPos + optimizedDeltaY);
             state.showVerticalScrollBar(true);
         }
+        state.resetInteractionState();
         if (event.cancelable &&
             ((deltaY !== 0 && isVerticalScrollable(deltaY, state)) || (deltaX !== 0 && isHorizontalScrollable(deltaX, state)))) {
             event.preventDefault();
@@ -48711,7 +48905,7 @@
         handler.on(table.getElement(), 'contextmenu', (e) => {
             e.preventDefault();
         });
-        handler.on(table.getParentElement(), 'resize', () => {
+        handler.on(table.getContainer(), 'resize', () => {
             table.resize();
         });
     }
@@ -51404,7 +51598,7 @@
                 }
             }
         },
-        allowAllCanceled: false,
+        allowAllCanceled: true,
         visible: true
     };
     function getLegendAttributes(spec, rect) {
@@ -51473,6 +51667,19 @@
             legend.name = 'legend';
             this.legendComponent = legend;
             this.table.scenegraph.stage.defaultLayer.appendChild(legend);
+            this.adjustTableSize(attrs);
+        }
+        resize() {
+            if (!this.legendComponent) {
+                return;
+            }
+            this.legendComponent.setAttributes({
+                width: this.table.tableNoFrameWidth,
+                height: this.table.tableNoFrameHeight
+            });
+            this.adjustTableSize(this.legendComponent.attribute);
+        }
+        adjustTableSize(attrs) {
             let width = isFinite(this.legendComponent.AABBBounds.width()) ? this.legendComponent.AABBBounds.width() : 0;
             let height = isFinite(this.legendComponent.AABBBounds.height()) ? this.legendComponent.AABBBounds.height() : 0;
             const rectWidth = this.table.tableNoFrameWidth;
@@ -51589,7 +51796,7 @@
             };
         }
         release() {
-            this.table.scenegraph.stage.defaultLayer.removeChild(this.legendComponent);
+            this.legendComponent && this.table.scenegraph.stage.defaultLayer.removeChild(this.legendComponent);
             this.legendComponent = null;
         }
     }
@@ -51616,6 +51823,35 @@
                 this.table.scenegraph.stage.defaultLayer.appendChild(title);
                 this._titleComponent = title;
             }
+            this._adjustTableSize(this._titleComponent.attribute);
+            return this._titleComponent;
+        }
+        resize() {
+            if (!this._titleComponent) {
+                return;
+            }
+            const padding = getQuadProps(this._titleOption.padding ?? 10);
+            const realWidth = this._titleOption.width ?? this.table.tableNoFrameWidth - padding[1] - padding[3];
+            this._titleComponent.setAttributes({
+                x: this._titleOption.x ?? this._titleOption.orient === 'right'
+                    ? this.table.tableX + this.table.tableNoFrameWidth
+                    : this.table.tableX,
+                y: this._titleOption.y ?? this._titleOption.orient === 'bottom'
+                    ? this.table.tableY + this.table.tableNoFrameHeight
+                    : this.table.tableY,
+                width: realWidth,
+                textStyle: {
+                    width: realWidth,
+                    ...this._titleOption.textStyle
+                },
+                subtextStyle: {
+                    width: realWidth,
+                    ...this._titleOption.subtextStyle
+                }
+            });
+            this._adjustTableSize(this._titleComponent.attribute);
+        }
+        _adjustTableSize(attrs) {
             let width = isFinite(this._titleComponent.AABBBounds.width()) ? this._titleComponent.AABBBounds.width() : 0;
             const height = isFinite(this._titleComponent.AABBBounds.height()) ? this._titleComponent.AABBBounds.height() : 0;
             const rectWidth = this.table.tableNoFrameWidth;
@@ -51659,7 +51895,6 @@
                         : this.table.tableY
                 });
             }
-            return this._titleComponent;
         }
         release() {
             this.table.scenegraph.stage.defaultLayer.removeChild(this._titleComponent);
@@ -51730,15 +51965,21 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "0.9.3-alpha.5";
+        version = "0.9.3-alpha.7";
         pagerConf;
         id = `VTable${Date.now()}`;
         headerStyleCache;
         bodyStyleCache;
-        constructor(options = {}) {
+        container;
+        constructor(container, options = {}) {
             super();
-            const { frozenColCount = 0, defaultRowHeight = 40, defaultHeaderRowHeight, defaultColWidth = 80, defaultHeaderColWidth, widthMode = 'standard', heightMode = 'standard', autoFillWidth = false, keyboardOptions, parentElement, columnResizeMode, dragHeaderMode, showFrozenIcon, allowFrozenColCount, padding, hover, menu, select: click, customRender, pixelRatio = defaultPixelRatio } = options;
+            if (!container) {
+                throw new Error("vtable's container is undefined");
+            }
+            const { frozenColCount = 0, defaultRowHeight = 40, defaultHeaderRowHeight, defaultColWidth = 80, defaultHeaderColWidth, widthMode = 'standard', heightMode = 'standard', autoFillWidth = false, keyboardOptions, columnResizeMode, dragHeaderMode, showFrozenIcon, allowFrozenColCount, padding, hover, menu, select: click, customRender, pixelRatio = defaultPixelRatio } = options;
+            this.container = container;
             this.options = options;
+            this.options.container = container;
             this._widthMode = widthMode;
             this._heightMode = heightMode;
             this._autoFillWidth = autoFillWidth;
@@ -51795,9 +52036,9 @@
             internalProps.cellTextOverflows = {};
             internalProps.focusedTable = false;
             internalProps.theme = themes.of(options.theme ?? themes.DEFAULT);
-            if (parentElement) {
-                parentElement.innerHTML = '';
-                parentElement.appendChild(internalProps.element);
+            if (container) {
+                container.innerHTML = '';
+                container.appendChild(internalProps.element);
                 this._updateSize();
             }
             else {
@@ -51850,8 +52091,8 @@
             this.bodyStyleCache = new Map();
         }
         throttleInvalidate = throttle2(this.render.bind(this), 200);
-        getParentElement() {
-            return this.options.parentElement;
+        getContainer() {
+            return this.container;
         }
         getElement() {
             return this.internalProps.element;
@@ -51861,6 +52102,12 @@
         }
         resize() {
             this._updateSize();
+            if (this.internalProps.legends) {
+                this.internalProps.legends.resize();
+            }
+            if (this.internalProps.title) {
+                this.internalProps.title.resize();
+            }
             this.scenegraph.resize();
         }
         get rowCount() {
@@ -52166,12 +52413,6 @@
                 this._clearRowRangeHeightsMap(row);
             }
         }
-        fillRowsHeight(rowStart, rowEnd, rowHeight) {
-            for (let row = rowStart; row <= rowEnd; row++) {
-                this.rowHeightsMap.put(row, Math.round(rowHeight));
-                this._rowRangeHeightsMap.set(`$0$${row}`, Math.round((this._rowRangeHeightsMap.get(`$0$${row - 1}`) ?? 0) + rowHeight));
-            }
-        }
         getRowsHeight(startRow, endRow) {
             const cachedRowHeight = this._rowRangeHeightsMap.get(`$${startRow}$${endRow}`);
             if (cachedRowHeight !== null && cachedRowHeight !== undefined) {
@@ -53803,6 +54044,7 @@
         numberFormat: numberFormat
     });
 
+    const NO_AXISID_FRO_VTABLE = 'NO_AXISID_FRO_VTABLE';
     function getRawChartSpec(col, row, layout) {
         const paths = layout.getCellHeaderPaths(col, row);
         let indicatorObj;
@@ -53840,7 +54082,7 @@
                 const data = layout.dataset.collectedValues[key + (isZeroAlign ? '_align' : '')]
                     ? layout.dataset.collectedValues[key + (isZeroAlign ? '_align' : '')]
                     : layout.dataset.collectedValues[key];
-                const range = data[layout.getColKeysPath()[colIndex][Math.max(0, layout.columnHeaderLevelCount - 1 - layout.topAxesCount)]];
+                const range = data?.[layout.getColKeysPath()[colIndex][Math.max(0, layout.columnHeaderLevelCount - 1 - layout.topAxesCount)]] ?? { min: 0, max: 1 };
                 const axisOption = getAxisOption(col, row, index === 0 ? 'bottom' : 'top', layout);
                 if (axisOption?.zero) {
                     range.min = Math.min(range.min, 0);
@@ -53854,7 +54096,8 @@
                     label: { visible: false },
                     title: { visible: false },
                     seriesIndex: index,
-                    height: -1
+                    height: -1,
+                    sync: { axisId: NO_AXISID_FRO_VTABLE }
                 }));
             });
             let rowDimensionKey = layout.getDimensionKeyInChartSpec(layout.rowHeaderLevelCount, col)[0];
@@ -53890,7 +54133,7 @@
                 const data = layout.dataset.collectedValues[key + (isZeroAlign ? '_align' : '')]
                     ? layout.dataset.collectedValues[key + (isZeroAlign ? '_align' : '')]
                     : layout.dataset.collectedValues[key];
-                const range = data[layout.getRowKeysPath()[rowIndex][Math.max(0, layout.rowHeaderLevelCount - 1 - layout.leftAxesCount)]];
+                const range = data?.[layout.getRowKeysPath()[rowIndex][Math.max(0, layout.rowHeaderLevelCount - 1 - layout.leftAxesCount)]] ?? { min: 0, max: 1 };
                 const axisOption = getAxisOption(col, row, index === 0 ? 'left' : 'right', layout);
                 if (axisOption?.zero) {
                     range.min = Math.min(range.min, 0);
@@ -53904,7 +54147,8 @@
                     label: { visible: false },
                     title: { visible: false },
                     seriesIndex: index,
-                    width: -1
+                    width: -1,
+                    sync: { axisId: NO_AXISID_FRO_VTABLE }
                 }));
             });
             let columnDimensionKey = layout.getDimensionKeyInChartSpec(col, layout.columnHeaderLevelCount)[0];
@@ -53914,7 +54158,7 @@
             const data = layout.dataset.cacheCollectedValues[columnDimensionKey] || layout.dataset.collectedValues[columnDimensionKey];
             const recordCol = layout.getRecordIndexByCol(col);
             const colPath = layout.getColKeysPath()[recordCol];
-            const domain = data[colPath[colPath.length - 1]];
+            const domain = data?.[colPath[colPath.length - 1]] ?? [];
             const axisOption = getAxisOption(col, row, 'bottom', layout);
             axes.push(merge$2({
                 domain: Array.from(domain)
@@ -54615,8 +54859,17 @@
 
     class ListTable extends BaseTable {
         showHeader = true;
-        constructor(options = {}) {
-            super(options);
+        constructor(container, options) {
+            if (!(container instanceof HTMLElement)) {
+                options = container;
+                if (container.container) {
+                    container = container.container;
+                }
+                else {
+                    container = null;
+                }
+            }
+            super(container, options);
             const internalProps = this.internalProps;
             this.pagerConf = options.pagerConf;
             internalProps.sortState = options.sortState;
@@ -58757,6 +59010,7 @@
             this.collectedValues = {};
             this.processRecords();
             this.processCollectedValuesWithSumBy();
+            this.processCollectedValuesWithSortBy();
             if (this.dataConfig.isPivotChart) {
                 this.dealWithZeroAlign();
             }
@@ -59127,9 +59381,10 @@
                 const collectedValue2 = this.collectedValues[indicator2];
                 this.collectedValues[indicator1 + '_align'] = {};
                 this.collectedValues[indicator2 + '_align'] = {};
-                for (const key in collectedValue1) {
-                    const range1 = collectedValue1[key];
-                    const range2 = collectedValue2[key];
+                const toAlignCollectedValue = collectedValue1 || collectedValue2;
+                for (const key in toAlignCollectedValue) {
+                    const range1 = collectedValue1?.[key] ?? { min: 0, max: 1 };
+                    const range2 = collectedValue2?.[key] ?? { min: 0, max: 1 };
                     const newRanges = getNewRangeToAlign(range1, range2);
                     if (!newRanges) {
                         this.collectedValues[indicator1 + '_align'][key] = {
@@ -59180,8 +59435,17 @@
         pivotSortState;
         dataset;
         flatDataToObjects;
-        constructor(options) {
-            super(options);
+        constructor(container, options) {
+            if (!(container instanceof HTMLElement)) {
+                options = container;
+                if (container.container) {
+                    container = container.container;
+                }
+                else {
+                    container = null;
+                }
+            }
+            super(container, options);
             if (options.layout) {
                 Object.assign(options, options.layout);
             }
@@ -59621,8 +59885,17 @@
         _selectedDimensionInChart = [];
         _chartEventMap = {};
         _axes;
-        constructor(options) {
-            super(options);
+        constructor(container, options) {
+            if (!(container instanceof HTMLElement)) {
+                options = container;
+                if (container.container) {
+                    container = container.container;
+                }
+                else {
+                    container = null;
+                }
+            }
+            super(container, options);
             if (options.layout) {
                 Object.assign(options, options.layout);
             }
@@ -59705,6 +59978,7 @@
             super.updateOption(options);
             this.setCustomStateNameToSpec();
             internalProps.dataConfig = {};
+            this._axes = isArray$3(options.axes) ? options.axes : [];
             if (options.rows || options.columns) {
                 const rowKeys = options.rows.reduce((keys, rowObj) => {
                     if (typeof rowObj === 'string') {
@@ -60194,11 +60468,11 @@
             });
         }
         onVChartEvent(type, query, callback) {
-            if (query) {
-                this._chartEventMap[type] = { callback, query };
+            if (typeof query === 'function') {
+                this._chartEventMap[type] = { callback: query };
             }
             else {
-                this._chartEventMap[type] = { callback };
+                this._chartEventMap[type] = { callback, query };
             }
         }
         offVChartEvent(type) {
@@ -60256,7 +60530,7 @@
                     x2: viewBox.x2 - chartNode.getRootNode().table.scrollLeft,
                     y1: viewBox.y1 - chartNode.getRootNode().table.scrollTop,
                     y2: viewBox.y2 - chartNode.getRootNode().table.scrollTop
-                });
+                }, false);
                 chartInstance.updateDataSync(dataId, data);
                 position = chartInstance.convertDatumToPosition(datum);
                 this.render();
@@ -60835,6 +61109,7 @@
         getSize(table) {
             const { width, height } = table.measureText(this.text, {
                 fontSize: this.fontSize,
+                fontWeight: this.fontWeight,
                 fontFamily: this.fontFamily
             });
             this.width = width;
@@ -60893,7 +61168,7 @@
         percentCalc: percentCalc
     });
 
-    const version = "0.9.3-alpha.5";
+    const version = "0.9.3-alpha.7";
     function getIcons() {
         return get$1();
     }