@visactor/vrender-components 1.1.0-alpha.22 → 1.1.0-alpha.23

package/dist/index.es.js

@@ -24437,17 +24437,6 @@ function shiftY(texts, option) {
 }
 
 loadLabelComponent();
-function cloneAttributeSnapshot(value) {
-    if (!isObject(value) || isArray(value)) {
-        return value;
-    }
-    const snapshot = {};
-    Object.keys(value).forEach(key => {
-        const nextValue = value[key];
-        snapshot[key] = isObject(nextValue) && !isArray(nextValue) ? cloneAttributeSnapshot(nextValue) : nextValue;
-    });
-    return snapshot;
-}
 class LabelBase extends AnimateComponent {
     setBitmap(bitmap) {
         this._bitmap = bitmap;
@@ -24518,7 +24507,7 @@ class LabelBase extends AnimateComponent {
         return;
     }
     _getLabelLinePoints(text, baseMark) {
-        return connectLineBetweenBounds(text.AABBBounds, baseMark === null || baseMark === void 0 ? void 0 : baseMark.AABBBounds);
+        return connectLineBetweenBounds(text.AABBBounds, this.getGraphicFinalLayoutBounds(baseMark));
     }
     _createLabelLine(text, baseMark) {
         const points = this._getLabelLinePoints(text, baseMark);
@@ -24633,17 +24622,12 @@ class LabelBase extends AnimateComponent {
         if (this._exitReleaseState) {
             return;
         }
+        this._finalLayoutBoundsCache = undefined;
         this._prepare();
         if (isNil(this._idToGraphic) || (this._isCollectionBase && isNil(this._idToPoint))) {
             return;
         }
-        const markAttributeList = [];
-        if (this._enableAnimation !== false) {
-            this._baseMarks.forEach(mark => {
-                markAttributeList.push(cloneAttributeSnapshot(mark.attribute));
-                mark.initAttributes(this.getGraphicFinalLayoutAttributes(mark));
-            });
-        }
+        this._finalLayoutBoundsCache = new Map();
         const { overlap, smartInvert, dataFilter, customLayoutFunc, customOverlapFunc } = this.attribute;
         let data = this.attribute.data;
         if (isFunction(dataFilter)) {
@@ -24694,11 +24678,7 @@ class LabelBase extends AnimateComponent {
             this._smartInvert(labels);
         }
         this._renderLabels(labels);
-        if (this._enableAnimation !== false) {
-            this._baseMarks.forEach((mark, index) => {
-                mark.initAttributes(markAttributeList[index]);
-            });
-        }
+        this._finalLayoutBoundsCache = undefined;
     }
     _bindEvent(target) {
         if (this.attribute.disableTriggerEvent) {
@@ -24818,6 +24798,33 @@ class LabelBase extends AnimateComponent {
         var _a;
         return !!((_a = graphic === null || graphic === void 0 ? void 0 : graphic.context) === null || _a === void 0 ? void 0 : _a.finalAttrs);
     }
+    shouldUseGraphicFinalLayoutAttributes(graphic) {
+        var _a;
+        return !!graphic && (!!((_a = graphic.context) === null || _a === void 0 ? void 0 : _a.animationState) || this.hasGraphicContextFinalLayoutAttributes(graphic));
+    }
+    getGraphicFinalLayoutBounds(graphic) {
+        var _a, _b;
+        if (!graphic) {
+            return;
+        }
+        const useFinalAttrs = this.shouldUseGraphicFinalLayoutAttributes(graphic);
+        const graphicAttrs = useFinalAttrs ? this.getGraphicFinalLayoutAttributes(graphic) : graphic.attribute;
+        if ((graphicAttrs === null || graphicAttrs === void 0 ? void 0 : graphicAttrs.visible) === false) {
+            return;
+        }
+        if (!useFinalAttrs) {
+            return graphic.AABBBounds;
+        }
+        const cachedBounds = (_a = this._finalLayoutBoundsCache) === null || _a === void 0 ? void 0 : _a.get(graphic);
+        if (cachedBounds) {
+            return cachedBounds;
+        }
+        const clonedGraphic = graphic.clone();
+        clonedGraphic.initAttributes(Object.assign(Object.assign({}, clonedGraphic.attribute), graphicAttrs));
+        const bounds = clonedGraphic.AABBBounds;
+        (_b = this._finalLayoutBoundsCache) === null || _b === void 0 ? void 0 : _b.set(graphic, bounds);
+        return bounds;
+    }
     _initText(data = []) {
         const { textStyle = {} } = this.attribute;
         const labels = [];
@@ -24981,7 +24988,8 @@ class LabelBase extends AnimateComponent {
         const checkBounds = strategy.some(s => s.type === 'bound');
         if (avoidBaseMark) {
             (_a = this._baseMarks) === null || _a === void 0 ? void 0 : _a.forEach(mark => {
-                mark.AABBBounds && bitmap.setRange(boundToRange(bmpTool, mark.AABBBounds, true));
+                const markBounds = this.getGraphicFinalLayoutBounds(mark);
+                markBounds && bitmap.setRange(boundToRange(bmpTool, markBounds, true));
             });
         }
         if (avoidMarks.length > 0) {
@@ -25014,8 +25022,7 @@ class LabelBase extends AnimateComponent {
                 }
                 if (checkBounds &&
                     baseMark &&
-                    baseMark.AABBBounds &&
-                    this._canPlaceInside(text.AABBBounds, baseMark.AABBBounds)) {
+                    this._canPlaceInside(text.AABBBounds, this.getGraphicFinalLayoutBounds(baseMark))) {
                     bitmap.setRange(boundToRange(bmpTool, text.AABBBounds, true));
                     result.push(text);
                     continue;
@@ -25052,13 +25059,18 @@ class LabelBase extends AnimateComponent {
         return result;
     }
     isMarkInsideRect(baseMark, bmpTool) {
+        if (!baseMark) {
+            return false;
+        }
         const { left, right, top, bottom } = bmpTool.padding;
         const rect = { x1: -left, x2: bmpTool.width + right, y1: -top, y2: bmpTool.height + bottom };
-        const bounds = baseMark.AABBBounds;
-        if (bounds.width() !== 0 && bounds.height() !== 0) {
-            return isRectIntersect(baseMark.AABBBounds, rect, true);
+        const bounds = this.getGraphicFinalLayoutBounds(baseMark);
+        if (bounds && bounds.width() !== 0 && bounds.height() !== 0) {
+            return isRectIntersect(bounds, rect, true);
         }
-        const { attribute } = baseMark;
+        const attribute = this.shouldUseGraphicFinalLayoutAttributes(baseMark)
+            ? this.getGraphicFinalLayoutAttributes(baseMark)
+            : baseMark.attribute;
         if (baseMark.type === 'rect') {
             const { x, x1, y, y1 } = attribute;
             return pointInRect({ x: x !== null && x !== void 0 ? x : x1, y: y !== null && y !== void 0 ? y : y1 }, rect, true);
@@ -25076,17 +25088,14 @@ class LabelBase extends AnimateComponent {
         return this.getRootNode().find(node => node.name === baseMarkGroupName, true);
     }
     getGraphicBounds(graphic, point = {}, position) {
-        var _a;
         if (graphic) {
-            if (graphic.attribute.visible !== false) {
-                if (((_a = graphic.context) === null || _a === void 0 ? void 0 : _a.animationState) || this.hasGraphicContextFinalLayoutAttributes(graphic)) {
-                    const clonedGraphic = graphic.clone();
-                    Object.assign(clonedGraphic.attribute, this.getGraphicFinalLayoutAttributes(graphic));
-                    return clonedGraphic.AABBBounds;
-                }
-                return graphic.AABBBounds;
+            const graphicAttrs = this.shouldUseGraphicFinalLayoutAttributes(graphic)
+                ? this.getGraphicFinalLayoutAttributes(graphic)
+                : graphic.attribute;
+            if (graphicAttrs.visible !== false) {
+                return this.getGraphicFinalLayoutBounds(graphic);
             }
-            const { x, y } = graphic.attribute;
+            const { x, y } = graphicAttrs;
             return { x1: x, x2: x, y1: y, y2: y };
         }
         if (point && position && position === 'inside-middle') {
@@ -25283,8 +25292,9 @@ class LabelBase extends AnimateComponent {
             }
             const invertColor = labelSmartInvert(foregroundColor, backgroundColor, textType, contrastRatiosThreshold, alternativeColors, mode);
             const similarColor = contrastAccessibilityChecker(invertColor, brightColor) ? brightColor : darkColor;
-            const isInside = this._canPlaceInside(label.AABBBounds, baseMark.AABBBounds);
-            const isIntersect = !isInside && label.AABBBounds && baseMark.AABBBounds && baseMark.AABBBounds.intersects(label.AABBBounds);
+            const baseMarkBounds = this.getGraphicFinalLayoutBounds(baseMark);
+            const isInside = this._canPlaceInside(label.AABBBounds, baseMarkBounds);
+            const isIntersect = !isInside && label.AABBBounds && baseMarkBounds && baseMarkBounds.intersects(label.AABBBounds);
             if (isInside || outsideEnable || (isIntersect && interactInvertType === 'inside')) {
                 const fill = smartInvertStrategy(fillStrategy, backgroundColor, invertColor, similarColor);
                 fill && label.setAttributes({ fill });
@@ -36906,6 +36916,6 @@ TableSeriesNumber.defaultAttributes = {
     select: true
 };
 
-const version = "1.1.0-alpha.22";
+const version = "1.1.0-alpha.23";
 
 export { AXIS_ELEMENT_NAME, AbstractComponent, ArcInfo, ArcLabel, ArcSegment, AxisStateValue, BasePlayer, Brush, CheckBox, CircleAxis, CircleAxisGrid, CircleCrosshair, ColorContinuousLegend, ContinuousPlayer, DEFAULT_ITEM_SPACE_COL, DEFAULT_ITEM_SPACE_ROW, DEFAULT_LABEL_SPACE, DEFAULT_PAGER_SPACE, DEFAULT_SHAPE_SIZE, DEFAULT_SHAPE_SPACE, DEFAULT_STATES$1 as DEFAULT_STATES, DEFAULT_TITLE_SPACE, DEFAULT_VALUE_SPACE, DataLabel, DataZoom, DataZoomActiveTag, DirectionEnum, DiscreteLegend, DiscretePlayer, EmptyTip, GroupTransition, IDataZoomEvent, IDataZoomInteractiveEvent, IMarkAreaLabelPosition, IMarkCommonArcLabelPosition, IMarkLineLabelPosition, IMarkPointItemPosition, IOperateType, Indicator, LEGEND_ELEMENT_NAME, LabelBase, LegendEvent, LegendStateValue, LineAxis, LineAxisGrid, LineCrosshair, LineLabel, LinkPath, MarkArcArea, MarkArcLine, MarkArea, MarkLine, MarkPoint, Pager, PlayerEventEnum, PolygonCrosshair, PolygonSectorCrosshair, PopTip, Radio, RectCrosshair, RectLabel, SLIDER_ELEMENT_NAME, ScrollBar, SectorCrosshair, Segment, SeriesNumberCellStateValue, SeriesNumberEvent, SizeContinuousLegend, Slider, StoryLabelItem, Switch, SymbolLabel, TableSeriesNumber, Tag, Timeline, Title, Tooltip, TopZIndex, VTag, WeatherBox, alignTextInLine, angle, angleLabelOrientAttribute, angleTo, cartesianTicks, clampRadian, computeOffsetForlimit, continuousTicks, contrastAccessibilityChecker, convertDomainToTickData, createTextGraphicByType, deltaXYToAngle, fuzzyEqualNumber, getAxisBreakSymbolAttrs, getCircleLabelPosition, getCirclePoints, getCircleVerticalVector, getElMap, getHorizontalPath, getMarksByName, getNoneGroupMarksByName, getPolarAngleLabelPosition, getPolygonPath, getSizeHandlerPath, getTextAlignAttrOfVerticalDir, getTextType, getVerticalCoord, getVerticalPath, hasOverlap, htmlAttributeTransform, initTextMeasure, installPoptipToApp, installScrollbarToApp, isInRange, isPostiveXAxis, isRichText, isVisible, labelSmartInvert, length, limitShapeInBounds, linearDiscreteTicks, loadPoptip, loadScrollbar, measureTextSize, normalize, polarAngleAxisDiscreteTicks, polarTicks, reactAttributeTransform, registerArcDataLabel, registerLineDataLabel, registerMarkArcAreaAnimate, registerMarkArcLineAnimate, registerMarkAreaAnimate, registerMarkLineAnimate, registerMarkPointAnimate, registerRectDataLabel, registerSymbolDataLabel, removeRepeatPoint, richTextAttributeTransform, scale, setPoptipTheme, smartInvertStrategy, tan2AngleToAngle, textIntersect, ticks, traverseGroup, version };

package/es/crosshair/polygon-sector.js

@@ -37,4 +37,5 @@ PolygonSectorCrosshair.defaultAttributes = {
         fill: "#b2bacf",
         opacity: .2
     }
-};
+};
+//# sourceMappingURL=polygon-sector.js.map

package/es/crosshair/rect.js

@@ -33,5 +33,4 @@ RectCrosshair.defaultAttributes = {
         fill: "#b2bacf",
         opacity: .2
     }
-};
-//# sourceMappingURL=rect.js.map
+};

package/es/index.d.ts

@@ -1,4 +1,4 @@
-export declare const version = "1.1.0-alpha.22";
+export declare const version = "1.1.0-alpha.23";
 export * from './core/base';
 export * from './core/type';
 export * from './scrollbar';

package/es/index.js

@@ -1,4 +1,4 @@
-export const version = "1.1.0-alpha.22";
+export const version = "1.1.0-alpha.23";
 
 export * from "./core/base";
 

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC;AAExC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"1.1.0-alpha.22\";\n\nexport * from './core/base';\nexport * from './core/type';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './timeline';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\nexport * from './radio';\nexport * from './empty-tip';\nexport * from './weather';\nexport * from './util';\nexport * from './switch';\nexport * from './label-item';\nexport * from './table-series-number';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC;AAExC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"1.1.0-alpha.23\";\n\nexport * from './core/base';\nexport * from './core/type';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './timeline';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\nexport * from './radio';\nexport * from './empty-tip';\nexport * from './weather';\nexport * from './util';\nexport * from './switch';\nexport * from './label-item';\nexport * from './table-series-number';\n"]}

package/es/label/base.d.ts

@@ -27,6 +27,7 @@ export declare class LabelBase<T extends BaseLabelAttrs> extends AnimateComponen
     private _lastSelect;
     private _enableAnimation;
     private _exitReleaseState?;
+    private _finalLayoutBoundsCache?;
     constructor(attributes: BaseLabelAttrs, options?: ComponentOptions);
     protected labeling(textBounds: IBoundsLike, graphicBounds: IBoundsLike, position?: BaseLabelAttrs['position'], offset?: number): {
         x: number;
@@ -52,6 +53,8 @@ export declare class LabelBase<T extends BaseLabelAttrs> extends AnimateComponen
     protected getRelatedGraphic(item: LabelItem): IGraphic<Partial<import("@visactor/vrender-core").IGraphicAttribute>>;
     protected getGraphicFinalLayoutAttributes<TAttrs extends Record<string, any> = Record<string, any>>(graphic: IGraphic): TAttrs;
     protected hasGraphicContextFinalLayoutAttributes(graphic?: IGraphic): boolean;
+    protected shouldUseGraphicFinalLayoutAttributes(graphic?: IGraphic): boolean;
+    protected getGraphicFinalLayoutBounds(graphic?: IGraphic): IAABBBounds | undefined;
     protected _initText(data?: LabelItem[]): (IText | IRichText)[];
     protected _layout(texts: (IText | IRichText)[]): (IText | IRichText)[];
     protected _overlapping(labels: (IText | IRichText)[]): (IRichText | IText)[];
@@ -72,7 +75,7 @@ export declare class LabelBase<T extends BaseLabelAttrs> extends AnimateComponen
     private updateStatesOfLabels;
     protected _handleRelatedGraphicSetState: (e: any) => void;
     protected _smartInvert(labels: (IText | IRichText)[]): void;
-    protected _canPlaceInside(textBound: IBoundsLike, shapeBound: IAABBBounds): boolean;
+    protected _canPlaceInside(textBound: IBoundsLike, shapeBound?: IAABBBounds): boolean;
     release(all?: boolean): void;
     setLocation(point: PointLocationCfg): void;
     disableAnimation(): void;

package/es/label/base.js

@@ -36,15 +36,6 @@ import { commitUpdateAnimationTarget } from "../animation/static-truth";
 
 import { appendExitReleaseCallback, bindExitReleaseAnimates, collectTrackedAnimates, runExitReleaseCallbacks } from "../animation/exit-release";
 
-function cloneAttributeSnapshot(value) {
-    if (!isObject(value) || isArray(value)) return value;
-    const snapshot = {};
-    return Object.keys(value).forEach((key => {
-        const nextValue = value[key];
-        snapshot[key] = isObject(nextValue) && !isArray(nextValue) ? cloneAttributeSnapshot(nextValue) : nextValue;
-    })), snapshot;
-}
-
 loadLabelComponent();
 
 export class LabelBase extends AnimateComponent {
@@ -88,7 +79,7 @@ export class LabelBase extends AnimateComponent {
     }
     labeling(textBounds, graphicBounds, position, offset) {}
     _getLabelLinePoints(text, baseMark) {
-        return connectLineBetweenBounds(text.AABBBounds, null == baseMark ? void 0 : baseMark.AABBBounds);
+        return connectLineBetweenBounds(text.AABBBounds, this.getGraphicFinalLayoutBounds(baseMark));
     }
     _createLabelLine(text, baseMark) {
         const points = this._getLabelLinePoints(text, baseMark);
@@ -158,11 +149,8 @@ export class LabelBase extends AnimateComponent {
     }
     render() {
         if (this._exitReleaseState) return;
-        if (this._prepare(), isNil(this._idToGraphic) || this._isCollectionBase && isNil(this._idToPoint)) return;
-        const markAttributeList = [];
-        !1 !== this._enableAnimation && this._baseMarks.forEach((mark => {
-            markAttributeList.push(cloneAttributeSnapshot(mark.attribute)), mark.initAttributes(this.getGraphicFinalLayoutAttributes(mark));
-        }));
+        if (this._finalLayoutBoundsCache = void 0, this._prepare(), isNil(this._idToGraphic) || this._isCollectionBase && isNil(this._idToPoint)) return;
+        this._finalLayoutBoundsCache = new Map;
         const {overlap: overlap, smartInvert: smartInvert, dataFilter: dataFilter, customLayoutFunc: customLayoutFunc, customOverlapFunc: customOverlapFunc} = this.attribute;
         let data = this.attribute.data;
         if (isFunction(dataFilter) && (data = dataFilter(data)), data && data.length) {
@@ -183,9 +171,7 @@ export class LabelBase extends AnimateComponent {
         labels && labels.length && labels.forEach((label => {
             this._bindEvent(label), this._setStatesOfText(label);
         })), !1 !== smartInvert && this._smartInvert(labels), this._renderLabels(labels), 
-        !1 !== this._enableAnimation && this._baseMarks.forEach(((mark, index) => {
-            mark.initAttributes(markAttributeList[index]);
-        }));
+        this._finalLayoutBoundsCache = void 0;
     }
     _bindEvent(target) {
         if (this.attribute.disableTriggerEvent) return;
@@ -252,6 +238,24 @@ export class LabelBase extends AnimateComponent {
         var _a;
         return !!(null === (_a = null == graphic ? void 0 : graphic.context) || void 0 === _a ? void 0 : _a.finalAttrs);
     }
+    shouldUseGraphicFinalLayoutAttributes(graphic) {
+        var _a;
+        return !!graphic && (!!(null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.animationState) || this.hasGraphicContextFinalLayoutAttributes(graphic));
+    }
+    getGraphicFinalLayoutBounds(graphic) {
+        var _a, _b;
+        if (!graphic) return;
+        const useFinalAttrs = this.shouldUseGraphicFinalLayoutAttributes(graphic), graphicAttrs = useFinalAttrs ? this.getGraphicFinalLayoutAttributes(graphic) : graphic.attribute;
+        if (!1 === (null == graphicAttrs ? void 0 : graphicAttrs.visible)) return;
+        if (!useFinalAttrs) return graphic.AABBBounds;
+        const cachedBounds = null === (_a = this._finalLayoutBoundsCache) || void 0 === _a ? void 0 : _a.get(graphic);
+        if (cachedBounds) return cachedBounds;
+        const clonedGraphic = graphic.clone();
+        clonedGraphic.initAttributes(Object.assign(Object.assign({}, clonedGraphic.attribute), graphicAttrs));
+        const bounds = clonedGraphic.AABBBounds;
+        return null === (_b = this._finalLayoutBoundsCache) || void 0 === _b || _b.set(graphic, bounds), 
+        bounds;
+    }
     _initText(data = []) {
         const {textStyle: textStyle = {}} = this.attribute, labels = [];
         for (let i = 0; i < data.length; i++) {
@@ -353,7 +357,8 @@ export class LabelBase extends AnimateComponent {
         var _a;
         const {avoidBaseMark: avoidBaseMark, strategy: strategy = [], hideOnHit: hideOnHit = !0, clampForce: clampForce = !0, avoidMarks: avoidMarks = [], overlapPadding: overlapPadding, hideOnOverflow: hideOnOverflow = !1} = option, result = [], checkBounds = strategy.some((s => "bound" === s.type));
         avoidBaseMark && (null === (_a = this._baseMarks) || void 0 === _a || _a.forEach((mark => {
-            mark.AABBBounds && bitmap.setRange(boundToRange(bmpTool, mark.AABBBounds, !0));
+            const markBounds = this.getGraphicFinalLayoutBounds(mark);
+            markBounds && bitmap.setRange(boundToRange(bmpTool, markBounds, !0));
         }))), avoidMarks.length > 0 && avoidMarks.forEach((avoid => {
             isString(avoid) ? getNoneGroupMarksByName(this.getRootNode(), avoid).forEach((avoidMark => {
                 avoidMark.AABBBounds && bitmap.setRange(boundToRange(bmpTool, avoidMark.AABBBounds, !0));
@@ -368,7 +373,7 @@ export class LabelBase extends AnimateComponent {
                     bitmap.setRange(boundToRange(bmpTool, text.AABBBounds, !0)), result.push(text);
                     continue;
                 }
-                if (checkBounds && baseMark && baseMark.AABBBounds && this._canPlaceInside(text.AABBBounds, baseMark.AABBBounds)) {
+                if (checkBounds && baseMark && this._canPlaceInside(text.AABBBounds, this.getGraphicFinalLayoutBounds(baseMark))) {
                     bitmap.setRange(boundToRange(bmpTool, text.AABBBounds, !0)), result.push(text);
                     continue;
                 }
@@ -394,14 +399,15 @@ export class LabelBase extends AnimateComponent {
         return result;
     }
     isMarkInsideRect(baseMark, bmpTool) {
+        if (!baseMark) return !1;
         const {left: left, right: right, top: top, bottom: bottom} = bmpTool.padding, rect = {
             x1: -left,
             x2: bmpTool.width + right,
             y1: -top,
             y2: bmpTool.height + bottom
-        }, bounds = baseMark.AABBBounds;
-        if (0 !== bounds.width() && 0 !== bounds.height()) return isRectIntersect(baseMark.AABBBounds, rect, !0);
-        const {attribute: attribute} = baseMark;
+        }, bounds = this.getGraphicFinalLayoutBounds(baseMark);
+        if (bounds && 0 !== bounds.width() && 0 !== bounds.height()) return isRectIntersect(bounds, rect, !0);
+        const attribute = this.shouldUseGraphicFinalLayoutAttributes(baseMark) ? this.getGraphicFinalLayoutAttributes(baseMark) : baseMark.attribute;
         if ("rect" === baseMark.type) {
             const {x: x, x1: x1, y: y, y1: y1} = attribute;
             return pointInRect({
@@ -419,17 +425,10 @@ export class LabelBase extends AnimateComponent {
         if (baseMarkGroupName) return this.getRootNode().find((node => node.name === baseMarkGroupName), !0);
     }
     getGraphicBounds(graphic, point = {}, position) {
-        var _a;
         if (graphic) {
-            if (!1 !== graphic.attribute.visible) {
-                if ((null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.animationState) || this.hasGraphicContextFinalLayoutAttributes(graphic)) {
-                    const clonedGraphic = graphic.clone();
-                    return Object.assign(clonedGraphic.attribute, this.getGraphicFinalLayoutAttributes(graphic)), 
-                    clonedGraphic.AABBBounds;
-                }
-                return graphic.AABBBounds;
-            }
-            const {x: x, y: y} = graphic.attribute;
+            const graphicAttrs = this.shouldUseGraphicFinalLayoutAttributes(graphic) ? this.getGraphicFinalLayoutAttributes(graphic) : graphic.attribute;
+            if (!1 !== graphicAttrs.visible) return this.getGraphicFinalLayoutBounds(graphic);
+            const {x: x, y: y} = graphicAttrs;
             return {
                 x1: x,
                 x2: x,
@@ -570,7 +569,7 @@ export class LabelBase extends AnimateComponent {
                 const firstStopColor = null === (_g = null === (_f = backgroundColor.stops) || void 0 === _f ? void 0 : _f[0]) || void 0 === _g ? void 0 : _g.color;
                 firstStopColor && (backgroundColor = firstStopColor, foregroundColor = firstStopColor);
             }
-            const invertColor = labelSmartInvert(foregroundColor, backgroundColor, textType, contrastRatiosThreshold, alternativeColors, mode), similarColor = contrastAccessibilityChecker(invertColor, brightColor) ? brightColor : darkColor, isInside = this._canPlaceInside(label.AABBBounds, baseMark.AABBBounds), isIntersect = !isInside && label.AABBBounds && baseMark.AABBBounds && baseMark.AABBBounds.intersects(label.AABBBounds);
+            const invertColor = labelSmartInvert(foregroundColor, backgroundColor, textType, contrastRatiosThreshold, alternativeColors, mode), similarColor = contrastAccessibilityChecker(invertColor, brightColor) ? brightColor : darkColor, baseMarkBounds = this.getGraphicFinalLayoutBounds(baseMark), isInside = this._canPlaceInside(label.AABBBounds, baseMarkBounds), isIntersect = !isInside && label.AABBBounds && baseMarkBounds && baseMarkBounds.intersects(label.AABBBounds);
             if (isInside || outsideEnable || isIntersect && "inside" === interactInvertType) {
                 const fill = smartInvertStrategy(fillStrategy, backgroundColor, invertColor, similarColor);
                 if (fill && label.setAttributes({