@visactor/vchart 0.0.1-alpha.0

package/cjs/component/tooltip/handler/base.d.ts

@@ -0,0 +1,47 @@
+import type { RenderMode } from '../../../typings/spec/common';
+import type { Options } from './constants';
+import type { Maybe } from '../../../typings';
+import type { TooltipData, IToolTipActual, TooltipActiveType, ITooltipHandler, ITooltipPattern, ITooltipPositionActual, TooltipPosition } from '../../../typings/tooltip';
+import type { ITooltipSpec, TooltipHandlerParams } from '../interface';
+import { TooltipResult } from '../interface';
+import type { ITooltipStyle } from './interface';
+import type { IGroup } from '@visactor/vrender';
+import type { Compiler } from '../../../compile/compiler';
+import type { IContainerSize, TooltipAttributes } from '@visactor/vrender-components';
+type ChangeTooltipFunc = (visible: boolean, params: TooltipHandlerParams, changePositionOnly?: boolean, activeType?: TooltipActiveType, data?: TooltipData) => TooltipResult;
+type ChangeTooltipPositionFunc = (changePositionOnly: boolean, actualTooltip: IToolTipActual, spec: ITooltipSpec, activeType: TooltipActiveType, data: TooltipData, params: TooltipHandlerParams) => TooltipResult;
+export declare abstract class BaseTooltipHandler implements ITooltipHandler {
+    protected _tooltipSpec: ITooltipSpec;
+    protected _visible: boolean;
+    protected _option: Options;
+    protected _id: string;
+    get id(): string;
+    protected _env: "desktop-browser" | "mobile-browser" | "node" | "worker" | "miniApp" | "desktop-miniApp" | "lynx";
+    get env(): "desktop-browser" | "mobile-browser" | "node" | "worker" | "miniApp" | "desktop-miniApp" | "lynx";
+    protected _chartContainer: Maybe<HTMLElement>;
+    protected _compiler: Compiler;
+    private _cacheViewSpec;
+    private _cacheActualTooltip;
+    protected _attributeCache?: TooltipAttributes | null;
+    protected _style: ITooltipStyle;
+    protected _container: IGroup | HTMLElement;
+    constructor(tooltipSpec: ITooltipSpec, tooltipId: string, envMode: RenderMode, chartContainer: Maybe<HTMLElement>, compiler: Compiler, options?: any);
+    showTooltip: (activeType: TooltipActiveType, data: TooltipData, params: TooltipHandlerParams) => TooltipResult;
+    protected changeTooltip: ChangeTooltipFunc;
+    protected _changeTooltip: ChangeTooltipFunc;
+    protected changeTooltipPosition: ChangeTooltipPositionFunc;
+    protected _changeTooltipPosition: ChangeTooltipPositionFunc;
+    hideTooltip(params: TooltipHandlerParams): void;
+    removeTooltip(): void;
+    protected abstract _updateTooltip(visible: boolean, params: TooltipHandlerParams, domData?: IToolTipActual): void;
+    protected abstract _removeTooltip(): void;
+    protected _throttle(callback: any): (...args: unknown[]) => unknown;
+    protected _getDefaultOption(): Options;
+    protected _getActualTooltipContent: (pattern: ITooltipPattern, data: TooltipData, event: MouseEvent) => IToolTipActual;
+    protected _getActualTooltipPosition: (actualTooltip: IToolTipActual, position: TooltipPosition | undefined, params: TooltipHandlerParams, parentElement: HTMLElement, changePositionOnly: boolean) => ITooltipPositionActual;
+    protected _getTooltipBoxSize(actualTooltip: IToolTipActual, changePositionOnly: boolean): IContainerSize | undefined;
+    protected _getStyle(): ITooltipStyle;
+    protected _getParentElement(spec: ITooltipSpec): HTMLElement;
+    getTooltipContainer(): IGroup | HTMLElement;
+}
+export {};

package/cjs/component/tooltip/handler/base.js

@@ -0,0 +1,220 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BaseTooltipHandler = void 0;
+
+const base_1 = require("../../../constant/base"), constants_1 = require("./constants"), util_1 = require("../../../util"), tooltip_1 = require("../../../typings/tooltip"), utils_1 = require("./utils"), interface_1 = require("../interface"), style_1 = require("./utils/style"), vutils_1 = require("@visactor/vutils"), attribute_1 = require("./utils/attribute");
+
+class BaseTooltipHandler {
+    get id() {
+        return this._id;
+    }
+    get env() {
+        return this._env;
+    }
+    constructor(tooltipSpec, tooltipId, envMode, chartContainer, compiler, options) {
+        this._visible = !0, this._id = "", this._attributeCache = null, this.showTooltip = (activeType, data, params) => {
+            var _a;
+            let changePositionOnly = !!params.changePositionOnly;
+            return params.changePositionOnly && (null === (_a = this._cacheActualTooltip) || void 0 === _a ? void 0 : _a.activeType) === activeType || (changePositionOnly = !1, 
+            this._cacheViewSpec = void 0, this._cacheActualTooltip = void 0), changePositionOnly && this._cacheViewSpec && this._cacheActualTooltip ? this.changeTooltipPosition(changePositionOnly, this._cacheActualTooltip, this._cacheViewSpec, activeType, data, params) : this.changeTooltip(!0, params, changePositionOnly, activeType, data);
+        }, this._changeTooltip = (visible, params, changePositionOnly, activeType, data) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            if (!visible) {
+                this._cacheViewSpec = void 0, this._cacheActualTooltip = void 0;
+                const spec = this._tooltipSpec;
+                return (null === (_a = spec.handler) || void 0 === _a ? void 0 : _a.hideTooltip) ? (null === (_b = spec.handler) || void 0 === _b || _b.hideTooltip(params), 
+                interface_1.TooltipResult.success) : (this._updateTooltip(!1, params), interface_1.TooltipResult.success);
+            }
+            if ((0, util_1.isNil)(activeType) || (0, util_1.isNil)(data)) return interface_1.TooltipResult.failed;
+            const event = params.event;
+            let spec;
+            if (changePositionOnly && this._cacheViewSpec ? spec = this._cacheViewSpec : (spec = (0, 
+            utils_1.getTooltipSpecForShow)(activeType, this._tooltipSpec, params.model, params.dimensionInfo), 
+            this._cacheViewSpec = spec), !1 === spec.visible) return interface_1.TooltipResult.failed;
+            if (null === (_c = spec.handler) || void 0 === _c ? void 0 : _c.showTooltip) return null !== (_e = null === (_d = spec.handler) || void 0 === _d ? void 0 : _d.showTooltip(activeType, data, params)) && void 0 !== _e ? _e : interface_1.TooltipResult.success;
+            const pattern = spec[activeType];
+            if (!pattern) return interface_1.TooltipResult.failed;
+            let actualTooltip;
+            return changePositionOnly && this._cacheActualTooltip ? actualTooltip = this._cacheActualTooltip : (actualTooltip = this._getActualTooltipContent(pattern, data, event), 
+            pattern.updateTitle && (actualTooltip.title = pattern.updateTitle(actualTooltip.title, data)), 
+            pattern.updateContent && (actualTooltip.content = pattern.updateContent(actualTooltip.content, data))), 
+            (0, util_1.isNil)(null === (_f = actualTooltip.title) || void 0 === _f ? void 0 : _f.key) && (0, 
+            util_1.isNil)(null === (_g = actualTooltip.title) || void 0 === _g ? void 0 : _g.value) && !(null === (_h = actualTooltip.content) || void 0 === _h ? void 0 : _h.length) ? interface_1.TooltipResult.failed : (this._cacheActualTooltip = actualTooltip, 
+            this._changeTooltipPosition(!!changePositionOnly, actualTooltip, spec, activeType, data, params));
+        }, this._changeTooltipPosition = (changePositionOnly, actualTooltip, spec, activeType, data, params) => {
+            var _a, _b;
+            const event = params.event;
+            if (null === (_a = spec.handler) || void 0 === _a ? void 0 : _a.showTooltip) return null !== (_b = spec.handler.showTooltip(activeType, data, params)) && void 0 !== _b ? _b : interface_1.TooltipResult.success;
+            const pattern = spec[activeType];
+            if (!pattern) return interface_1.TooltipResult.failed;
+            const position = this._getActualTooltipPosition(actualTooltip, pattern.position, params, this._getParentElement(spec), changePositionOnly);
+            actualTooltip.position = position, pattern.updatePosition && (actualTooltip.position = pattern.updatePosition(actualTooltip.position, data));
+            let tooltipVisible = !1 !== (null == pattern ? void 0 : pattern.visible);
+            return data && "mouseout" !== event.type && actualTooltip.visible && (actualTooltip.title || actualTooltip.content) || (tooltipVisible = !1), 
+            this._updateTooltip(tooltipVisible, Object.assign(Object.assign({}, params), {
+                changePositionOnly: changePositionOnly
+            }), actualTooltip), interface_1.TooltipResult.success;
+        }, this._getActualTooltipContent = (pattern, data, event) => {
+            let tooltipContent = null;
+            tooltipContent = (0, utils_1.getShowContent)(pattern, data, event);
+            return Object.assign(Object.assign({}, tooltipContent), {
+                visible: !!(0, util_1.isValid)(tooltipContent) && !1 !== pattern.visible,
+                activeType: pattern.activeType
+            });
+        }, this._getActualTooltipPosition = (actualTooltip, position, params, parentElement, changePositionOnly) => {
+            var _a, _b, _c, _d, _e;
+            const event = params.event, {width: tooltipBoxWidth = 0, height: tooltipBoxHeight = 0} = null !== (_a = this._getTooltipBoxSize(actualTooltip, changePositionOnly)) && void 0 !== _a ? _a : {}, {offsetX: offsetX, offsetY: offsetY} = this._option, isCanvas = "canvas" === this._tooltipSpec.renderMode, canvasRect = null === (_b = null == params ? void 0 : params.chart) || void 0 === _b ? void 0 : _b.getCanvasRect(), canvasWidth = null !== (_c = null == canvasRect ? void 0 : canvasRect.width) && void 0 !== _c ? _c : base_1.DEFAULT_CHART_WIDTH, canvasHeight = null !== (_d = null == canvasRect ? void 0 : canvasRect.height) && void 0 !== _d ? _d : base_1.DEFAULT_CHART_HEIGHT;
+            let left, top, right, bottom, x, y;
+            if ((0, vutils_1.isObject)(position)) {
+                const {left: posLeft, right: posRight, top: posTop, bottom: posBottom} = position;
+                left = (0, utils_1.getActualTooltipPositionValue)(posLeft, event), top = (0, utils_1.getActualTooltipPositionValue)(posTop, event), 
+                right = (0, utils_1.getActualTooltipPositionValue)(posRight, event), bottom = (0, 
+                utils_1.getActualTooltipPositionValue)(posBottom, event);
+            } else if ((0, util_1.isValid)(position) && "mark" === actualTooltip.activeType) {
+                const element = params.item, model = params.model, bounds = null == element ? void 0 : element.getBounds(), startPoint = null == model ? void 0 : model.getLayoutStartPoint();
+                if (bounds && startPoint) {
+                    let {x1: x1, y1: y1, x2: x2, y2: y2} = bounds;
+                    switch (x1 += startPoint.x, x2 += startPoint.x, y1 += startPoint.y, y2 += startPoint.y, 
+                    position) {
+                      case tooltip_1.TooltipFixedPosition.left:
+                        left = x1 - tooltipBoxWidth - offsetX, top = (y1 + y2) / 2 - tooltipBoxHeight / 2;
+                        break;
+
+                      case tooltip_1.TooltipFixedPosition.right:
+                        left = x2 + offsetX, top = (y1 + y2) / 2 - tooltipBoxHeight / 2;
+                        break;
+
+                      case tooltip_1.TooltipFixedPosition.top:
+                        left = (x1 + x2) / 2 - tooltipBoxWidth / 2, top = y1 - tooltipBoxHeight - offsetY;
+                        break;
+
+                      case tooltip_1.TooltipFixedPosition.bottom:
+                        left = (x1 + x2) / 2 - tooltipBoxWidth / 2, top = y2 + offsetY;
+                        break;
+
+                      case tooltip_1.TooltipFixedPosition.inside:
+                        left = (x1 + x2) / 2 - tooltipBoxWidth / 2, top = (y1 + y2) / 2 - tooltipBoxHeight / 2;
+                    }
+                }
+            }
+            const containerSize = {
+                width: 0,
+                height: 0
+            };
+            let absolutePosOffset = {
+                x: 0,
+                y: 0
+            }, scrollOffset = {
+                x: 0,
+                y: 0
+            }, parentElementScrollOffset = {
+                x: 0,
+                y: 0
+            }, parentElementPosOffset = {
+                x: 0,
+                y: 0
+            };
+            if ((0, util_1.isTrueBrowser)(this._env) && !this._tooltipSpec.confine) {
+                if (containerSize.width = window.innerWidth, containerSize.height = window.innerHeight, 
+                !isCanvas) {
+                    const chartRenderer = null !== (_e = this._compiler.getCanvas()) && void 0 !== _e ? _e : this._chartContainer;
+                    parentElementPosOffset = (0, vutils_1.getElementAbsolutePosition)(parentElement), 
+                    parentElementScrollOffset = (0, vutils_1.getElementAbsoluteScrollOffset)(parentElement);
+                    const chartPosOffset = (0, vutils_1.getElementAbsolutePosition)(chartRenderer), chartScrollOffset = (0, 
+                    vutils_1.getElementAbsoluteScrollOffset)(chartRenderer);
+                    absolutePosOffset = {
+                        x: chartPosOffset.x - parentElementPosOffset.x,
+                        y: chartPosOffset.y - parentElementPosOffset.y
+                    }, scrollOffset = {
+                        x: chartScrollOffset.x - parentElementScrollOffset.x,
+                        y: chartScrollOffset.y - parentElementScrollOffset.y
+                    };
+                }
+            } else containerSize.width = canvasWidth, containerSize.height = canvasHeight;
+            const {canvasX: canvasX, canvasY: canvasY} = event;
+            x = (0, vutils_1.isValidNumber)(left) ? left : (0, vutils_1.isValidNumber)(right) ? canvasWidth - tooltipBoxWidth - right : canvasX - scrollOffset.x + offsetX, 
+            y = (0, vutils_1.isValidNumber)(top) ? top : (0, vutils_1.isValidNumber)(bottom) ? canvasHeight - tooltipBoxHeight - bottom : canvasY - scrollOffset.y + offsetY, 
+            (0, util_1.isTrueBrowser)(this._env) && (x += absolutePosOffset.x, y += absolutePosOffset.y);
+            const {width: containerWidth, height: containerHeight} = containerSize, parentElementTotalOffset_x = parentElementPosOffset.x - parentElementScrollOffset.x, parentElementTotalOffset_y = parentElementPosOffset.y - parentElementScrollOffset.y;
+            return x + tooltipBoxWidth + parentElementTotalOffset_x > containerWidth && (x -= 2 * offsetX + tooltipBoxWidth), 
+            y + tooltipBoxHeight + parentElementTotalOffset_y > containerHeight && (y -= 2 * offsetY + tooltipBoxHeight), 
+            x + parentElementTotalOffset_x < 0 && (x = 0 - parentElementTotalOffset_x), y + parentElementTotalOffset_y < 0 && (y = 0 - parentElementTotalOffset_y), 
+            {
+                x: x,
+                y: y
+            };
+        }, this._tooltipSpec = tooltipSpec, this._env = envMode, this._chartContainer = chartContainer, 
+        this._compiler = compiler, this._id = tooltipId, this._option = this._getDefaultOption(), 
+        this._style = this._getStyle(), this.changeTooltip = this._throttle(this._changeTooltip), 
+        this.changeTooltipPosition = this._throttle(this._changeTooltipPosition);
+    }
+    hideTooltip(params) {
+        this.changeTooltip(!1, params);
+    }
+    removeTooltip() {
+        var _a, _b;
+        this._cacheViewSpec = void 0, this._cacheActualTooltip = void 0;
+        const spec = this._tooltipSpec;
+        (null === (_a = spec.handler) || void 0 === _a ? void 0 : _a.removeTooltip) ? null === (_b = spec.handler) || void 0 === _b || _b.removeTooltip() : this._removeTooltip();
+    }
+    _throttle(callback) {
+        let wait;
+        return wait = (0, vutils_1.isNumber)(this._tooltipSpec.throttleInterval) ? this._tooltipSpec.throttleInterval : "html" === this._tooltipSpec.renderMode && this._tooltipSpec.transitionDuration ? 50 : 10, 
+        (0, util_1.throttle)(callback, wait);
+    }
+    _getDefaultOption() {
+        var _a, _b;
+        const {offset: offset} = this._tooltipSpec;
+        return Object.assign(Object.assign({}, constants_1.DEFAULT_OPTIONS), {
+            offsetX: null !== (_a = null == offset ? void 0 : offset.x) && void 0 !== _a ? _a : constants_1.DEFAULT_OPTIONS.offsetX,
+            offsetY: null !== (_b = null == offset ? void 0 : offset.y) && void 0 !== _b ? _b : constants_1.DEFAULT_OPTIONS.offsetY
+        });
+    }
+    _getTooltipBoxSize(actualTooltip, changePositionOnly) {
+        return changePositionOnly && !(0, util_1.isNil)(this._attributeCache) || (this._attributeCache = (0, 
+        attribute_1.getTooltipAttributes)(actualTooltip, this._style)), {
+            width: this._attributeCache.panel.width,
+            height: this._attributeCache.panel.height
+        };
+    }
+    _getStyle() {
+        var _a, _b, _c;
+        const {style: style = {}, maxWidth: maxWidth, minWidth: minWidth, enterable: enterable, transitionDuration: transitionDuration} = this._tooltipSpec, {panel: {backgroundColor: backgroundColor, border: border, shadow: shadow, padding: padding}, titleLabel: titleLabel, shape: shape, keyLabel: keyLabel, valueLabel: valueLabel, spaceRow: spaceRow} = style, panelStyle = {
+            lineWidth: null !== (_a = null == border ? void 0 : border.width) && void 0 !== _a ? _a : 0,
+            shadow: !!shadow
+        };
+        return (null == border ? void 0 : border.color) && (panelStyle.stroke = !0, panelStyle.strokeColor = border.color), 
+        backgroundColor && (panelStyle.fill = !0, panelStyle.fillColor = backgroundColor), 
+        shadow && (panelStyle.shadowColor = shadow.color, panelStyle.shadowBlur = shadow.blur, 
+        panelStyle.shadowOffsetX = shadow.x, panelStyle.shadowOffsetY = shadow.y, panelStyle.shadowSpread = shadow.spread), 
+        (0, util_1.isValid)(null == border ? void 0 : border.radius) && (panelStyle.borderRadius = [ border.radius, border.radius, border.radius, border.radius ]), 
+        {
+            panel: panelStyle,
+            title: (0, style_1.getTextAttributes)(titleLabel),
+            shape: {
+                fill: !0,
+                size: null !== (_b = null == shape ? void 0 : shape.size) && void 0 !== _b ? _b : 8,
+                spacing: null !== (_c = null == shape ? void 0 : shape.spacing) && void 0 !== _c ? _c : 6
+            },
+            key: (0, style_1.getTextAttributes)(keyLabel),
+            value: (0, style_1.getTextAttributes)(valueLabel),
+            padding: padding,
+            minWidth: minWidth,
+            maxWidth: maxWidth,
+            spaceRow: spaceRow,
+            enterable: enterable,
+            transitionDuration: transitionDuration
+        };
+    }
+    _getParentElement(spec) {
+        return spec.parentElement;
+    }
+    getTooltipContainer() {
+        return this._container;
+    }
+}
+
+exports.BaseTooltipHandler = BaseTooltipHandler;
+//# sourceMappingURL=base.js.map

package/cjs/component/tooltip/handler/base.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/handler/base.ts"],"names":[],"mappings":";;;AACA,iDAAmF;AAGnF,2CAA8C;AAG9C,wCAAwE;AAYxE,sDAAgE;AAEhE,mCAA+F;AAK/F,4CAA6C;AAG7C,yCAAkD;AAGlD,6CAM0B;AAK1B,iDAAyD;AAuBzD,MAAsB,kBAAkB;IAWtC,IAAW,EAAE;QACX,OAAO,IAAI,CAAC,GAAG,CAAC;IAClB,CAAC;IAGD,IAAW,GAAG;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAkBD,YACE,WAAyB,EACzB,SAAiB,EACjB,OAAmB,EACnB,cAAkC,EAClC,QAAkB,EAClB,OAAa;QAtCL,aAAQ,GAAG,IAAI,CAAC;QAMhB,QAAG,GAAG,EAAE,CAAC;QAgBT,oBAAe,GAA8B,IAAI,CAAC;QA+B5D,gBAAW,GAAG,CAAC,UAA6B,EAAE,IAAiB,EAAE,MAA4B,EAAE,EAAE;;YAC/F,IAAI,kBAAkB,GAAG,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC;YACrD,IAAI,CAAC,MAAM,CAAC,kBAAkB,IAAI,CAAA,MAAA,IAAI,CAAC,mBAAmB,0CAAE,UAAU,MAAK,UAAU,EAAE;gBACrF,kBAAkB,GAAG,KAAK,CAAC;gBAC3B,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;gBAChC,IAAI,CAAC,mBAAmB,GAAG,SAAS,CAAC;aACtC;YAED,IAAI,kBAAkB,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,mBAAmB,EAAE;gBACzE,OAAO,IAAI,CAAC,qBAAqB,CAC/B,kBAAkB,EAClB,IAAI,CAAC,mBAAmB,EACxB,IAAI,CAAC,cAAc,EACnB,UAAU,EACV,IAAI,EACJ,MAAM,CACP,CAAC;aACH;YACD,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,kBAAkB,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;QAChF,CAAC,CAAC;QAMQ,mBAAc,GAAsB,CAC5C,OAAgB,EAChB,MAA4B,EAC5B,kBAA4B,EAC5B,UAA8B,EAC9B,IAAkB,EAClB,EAAE;;YAEF,IAAI,CAAC,OAAO,EAAE;gBACZ,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;gBAChC,IAAI,CAAC,mBAAmB,GAAG,SAAS,CAAC;gBAErC,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC;gBAE/B,IAAI,MAAA,IAAI,CAAC,OAAO,0CAAE,WAAW,EAAE;oBAC7B,MAAA,IAAI,CAAC,OAAO,0CAAE,WAAW,CAAC,MAAM,CAAC,CAAC;oBAClC,OAAO,yBAAa,CAAC,OAAO,CAAC;iBAC9B;gBAED,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;gBACnC,OAAO,yBAAa,CAAC,OAAO,CAAC;aAC9B;YAED,IAAI,IAAA,YAAK,EAAC,UAAU,CAAC,IAAI,IAAA,YAAK,EAAC,IAAI,CAAC,EAAE;gBACpC,OAAO,yBAAa,CAAC,MAAM,CAAC;aAC7B;YAED,MAAM,KAAK,GAAG,MAAM,CAAC,KAAmB,CAAC;YAGzC,IAAI,IAA8B,CAAC;YACnC,IAAI,kBAAkB,IAAI,IAAI,CAAC,cAAc,EAAE;gBAC7C,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC;aAC5B;iBAAM;gBACL,IAAI,GAAG,IAAA,6BAAqB,EAC1B,UAAU,EACV,IAAI,CAAC,YAAY,EAChB,MAA0B,CAAC,KAAgB,EAC3C,MAA+B,CAAC,aAAa,CAC/C,CAAC;gBACF,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;aAC5B;YAED,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE;gBAC1B,OAAO,yBAAa,CAAC,MAAM,CAAC;aAC7B;YAGD,IAAI,MAAA,IAAI,CAAC,OAAO,0CAAE,WAAW,EAAE;gBAC7B,OAAO,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,WAAW,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,mCAAI,yBAAa,CAAC,OAAO,CAAC;aACrF;YAGD,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC;YACjC,IAAI,CAAC,OAAO,EAAE;gBACZ,OAAO,yBAAa,CAAC,MAAM,CAAC;aAC7B;YAGD,IAAI,aAAyC,CAAC;YAC9C,IAAI,kBAAkB,IAAI,IAAI,CAAC,mBAAmB,EAAE;gBAClD,aAAa,GAAG,IAAI,CAAC,mBAAmB,CAAC;aAC1C;iBAAM;gBACL,aAAa,GAAG,IAAI,CAAC,wBAAwB,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;gBACpE,IAAI,OAAO,CAAC,WAAW,EAAE;oBACvB,aAAa,CAAC,KAAK,GAAG,OAAO,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;iBACtE;gBACD,IAAI,OAAO,CAAC,aAAa,EAAE;oBACzB,aAAa,CAAC,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC,aAAa,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;iBAC5E;aACF;YAGD,IAAI,IAAA,YAAK,EAAC,MAAA,aAAa,CAAC,KAAK,0CAAE,GAAG,CAAC,IAAI,IAAA,YAAK,EAAC,MAAA,aAAa,CAAC,KAAK,0CAAE,KAAK,CAAC,IAAI,CAAC,CAAA,MAAA,aAAa,CAAC,OAAO,0CAAE,MAAM,CAAA,EAAE;gBAC1G,OAAO,yBAAa,CAAC,MAAM,CAAC;aAC7B;YAED,IAAI,CAAC,mBAAmB,GAAG,aAAa,CAAC;YACzC,OAAO,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,kBAAkB,EAAE,aAAa,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;QAC1G,CAAC,CAAC;QAMQ,2BAAsB,GAA8B,CAC5D,kBAA2B,EAC3B,aAA6B,EAC7B,IAAkB,EAClB,UAA6B,EAC7B,IAAiB,EACjB,MAA4B,EAC5B,EAAE;;YACF,MAAM,KAAK,GAAG,MAAM,CAAC,KAAmB,CAAC;YAGzC,IAAI,MAAA,IAAI,CAAC,OAAO,0CAAE,WAAW,EAAE;gBAC7B,OAAO,MAAA,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,mCAAI,yBAAa,CAAC,OAAO,CAAC;aACpF;YAGD,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC;YACjC,IAAI,CAAC,OAAO,EAAE;gBACZ,OAAO,yBAAa,CAAC,MAAM,CAAC;aAC7B;YAGD,MAAM,QAAQ,GAAG,IAAI,CAAC,yBAAyB,CAC7C,aAAa,EACb,OAAO,CAAC,QAAQ,EAChB,MAAM,EACN,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAC5B,kBAAkB,CACnB,CAAC;YACF,aAAa,CAAC,QAAQ,GAAG,QAAQ,CAAC;YAClC,IAAI,OAAO,CAAC,cAAc,EAAE;gBAC1B,aAAa,CAAC,QAAQ,GAAG,OAAO,CAAC,cAAc,CAAC,aAAa,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;aAC/E;YAGD,IAAI,cAAc,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,MAAK,KAAK,CAAC;YAChD,IACE,CAAC,IAAI;gBACL,KAAK,CAAC,IAAI,KAAK,UAAU;gBACzB,CAAC,aAAa,CAAC,OAAO;gBACtB,CAAC,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,EAChD;gBACA,cAAc,GAAG,KAAK,CAAC;aACxB;YAED,IAAI,CAAC,cAAc,CACjB,cAAc,kCAET,MAAM,KACT,kBAAkB,KAEpB,aAAa,CACd,CAAC;YACF,OAAO,yBAAa,CAAC,OAAO,CAAC;QAC/B,CAAC,CAAC;QAwDQ,6BAAwB,GAAG,CACnC,OAAwB,EACxB,IAAiB,EACjB,KAAiB,EACD,EAAE;YAElB,IAAI,cAAc,GAA0B,IAAI,CAAC;YACjD,cAAc,GAAG,IAAA,sBAAc,EAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;YAEtD,MAAM,aAAa,mCACd,cAAc,KACjB,OAAO,EAAE,IAAA,cAAO,EAAC,cAAc,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,EACpE,UAAU,EAAE,OAAO,CAAC,UAAU,GAC/B,CAAC;YAEF,OAAO,aAAa,CAAC;QACvB,CAAC,CAAC;QASQ,8BAAyB,GAAG,CACpC,aAA6B,EAC7B,QAAqC,EACrC,MAA4B,EAC5B,aAA0B,EAC1B,kBAA2B,EACH,EAAE;;YAC1B,MAAM,KAAK,GAAG,MAAM,CAAC,KAAmB,CAAC;YACzC,MAAM,EAAE,KAAK,EAAE,eAAe,GAAG,CAAC,EAAE,MAAM,EAAE,gBAAgB,GAAG,CAAC,EAAE,GAChE,MAAA,IAAI,CAAC,kBAAkB,CAAC,aAAa,EAAE,kBAAkB,CAAC,mCAAI,EAAE,CAAC;YAEnE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;YAE1C,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,KAAK,QAAQ,CAAC;YAC3D,MAAM,UAAU,GAAG,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,aAAa,EAAE,CAAC;YAClD,MAAM,WAAW,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,mCAAI,0BAAmB,CAAC;YAC7D,MAAM,YAAY,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,mCAAI,2BAAoB,CAAC;YAGhE,IAAI,IAAwB,CAAC;YAC7B,IAAI,GAAuB,CAAC;YAC5B,IAAI,KAAyB,CAAC;YAC9B,IAAI,MAA0B,CAAC;YAC/B,IAAI,IAAA,iBAAQ,EAAC,QAAQ,CAAC,EAAE;gBACtB,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,QAAmC,CAAC;gBAC/G,IAAI,GAAG,IAAA,qCAA6B,EAAC,OAAO,EAAE,KAAK,CAAC,CAAC;gBACrD,GAAG,GAAG,IAAA,qCAA6B,EAAC,MAAM,EAAE,KAAK,CAAC,CAAC;gBACnD,KAAK,GAAG,IAAA,qCAA6B,EAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;gBACvD,MAAM,GAAG,IAAA,qCAA6B,EAAC,SAAS,EAAE,KAAK,CAAC,CAAC;aAC1D;iBAAM,IAAI,IAAA,cAAO,EAAC,QAAQ,CAAC,IAAI,aAAa,CAAC,UAAU,KAAK,MAAM,EAAE;gBACnE,MAAM,OAAO,GAAG,MAAM,CAAC,IAAgB,CAAC;gBACxC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAe,CAAC;gBACrC,MAAM,MAAM,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,EAAgB,CAAC;gBAClD,MAAM,UAAU,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,mBAAmB,EAAE,CAAC;gBAChD,IAAI,MAAM,IAAI,UAAU,EAAE;oBACxB,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,MAAM,CAAC;oBAChC,EAAE,IAAI,UAAU,CAAC,CAAC,CAAC;oBACnB,EAAE,IAAI,UAAU,CAAC,CAAC,CAAC;oBACnB,EAAE,IAAI,UAAU,CAAC,CAAC,CAAC;oBACnB,EAAE,IAAI,UAAU,CAAC,CAAC,CAAC;oBACnB,QAAQ,QAAQ,EAAE;wBAChB,KAAK,8BAAoB,CAAC,IAAI;4BAC5B,IAAI,GAAG,EAAE,GAAG,eAAe,GAAG,OAAO,CAAC;4BACtC,GAAG,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,gBAAgB,GAAG,CAAC,CAAC;4BAC3C,MAAM;wBACR,KAAK,8BAAoB,CAAC,KAAK;4BAC7B,IAAI,GAAG,EAAE,GAAG,OAAO,CAAC;4BACpB,GAAG,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,gBAAgB,GAAG,CAAC,CAAC;4BAC3C,MAAM;wBACR,KAAK,8BAAoB,CAAC,GAAG;4BAC3B,IAAI,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,eAAe,GAAG,CAAC,CAAC;4BAC3C,GAAG,GAAG,EAAE,GAAG,gBAAgB,GAAG,OAAO,CAAC;4BACtC,MAAM;wBACR,KAAK,8BAAoB,CAAC,MAAM;4BAC9B,IAAI,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,eAAe,GAAG,CAAC,CAAC;4BAC3C,GAAG,GAAG,EAAE,GAAG,OAAO,CAAC;4BACnB,MAAM;wBACR,KAAK,8BAAoB,CAAC,MAAM;4BAC9B,IAAI,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,eAAe,GAAG,CAAC,CAAC;4BAC3C,GAAG,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,gBAAgB,GAAG,CAAC,CAAC;4BAC3C,MAAM;qBACT;iBACF;aACF;YAGD,IAAI,CAAS,CAAC;YACd,IAAI,CAAS,CAAC;YAEd,MAAM,aAAa,GAAG;gBACpB,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,CAAC;aACV,CAAC;YACF,MAAM,gBAAgB,GAAG,GAAW,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YACxD,IAAI,iBAAiB,GAAG,gBAAgB,EAAE,CAAC;YAC3C,IAAI,YAAY,GAAG,gBAAgB,EAAE,CAAC;YACtC,IAAI,yBAAyB,GAAG,gBAAgB,EAAE,CAAC;YACnD,IAAI,sBAAsB,GAAG,gBAAgB,EAAE,CAAC;YAEhD,IAAI,IAAA,oBAAa,EAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;gBAE1D,aAAa,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC;gBACxC,aAAa,CAAC,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC;gBAE1C,IAAI,CAAC,QAAQ,EAAE;oBACb,MAAM,aAAa,GAAG,MAAA,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,mCAAI,IAAI,CAAC,eAAe,CAAC;oBACzE,sBAAsB,GAAG,IAAA,mCAA0B,EAAC,aAAa,CAAC,CAAC;oBACnE,yBAAyB,GAAG,IAAA,uCAA8B,EAAC,aAAa,CAAC,CAAC;oBAC1E,MAAM,cAAc,GAAG,IAAA,mCAA0B,EAAC,aAAa,CAAC,CAAC;oBACjE,MAAM,iBAAiB,GAAG,IAAA,uCAA8B,EAAC,aAAa,CAAC,CAAC;oBACxE,iBAAiB,GAAG;wBAClB,CAAC,EAAE,cAAc,CAAC,CAAC,GAAG,sBAAsB,CAAC,CAAC;wBAC9C,CAAC,EAAE,cAAc,CAAC,CAAC,GAAG,sBAAsB,CAAC,CAAC;qBAC/C,CAAC;oBACF,YAAY,GAAG;wBACb,CAAC,EAAE,iBAAiB,CAAC,CAAC,GAAG,yBAAyB,CAAC,CAAC;wBACpD,CAAC,EAAE,iBAAiB,CAAC,CAAC,GAAG,yBAAyB,CAAC,CAAC;qBACrD,CAAC;iBACH;aACF;iBAAM;gBACL,aAAa,CAAC,KAAK,GAAG,WAAW,CAAC;gBAClC,aAAa,CAAC,MAAM,GAAG,YAAY,CAAC;aACrC;YAED,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAY,CAAC;YAC1C,IAAI,IAAA,sBAAa,EAAC,IAAI,CAAC,EAAE;gBACvB,CAAC,GAAG,IAAI,CAAC;aACV;iBAAM,IAAI,IAAA,sBAAa,EAAC,KAAK,CAAC,EAAE;gBAC/B,CAAC,GAAG,WAAW,GAAG,eAAe,GAAG,KAAK,CAAC;aAC3C;iBAAM;gBACL,CAAC,GAAG,OAAO,GAAG,YAAY,CAAC,CAAC,GAAG,OAAO,CAAC;aACxC;YACD,IAAI,IAAA,sBAAa,EAAC,GAAG,CAAC,EAAE;gBACtB,CAAC,GAAG,GAAG,CAAC;aACT;iBAAM,IAAI,IAAA,sBAAa,EAAC,MAAM,CAAC,EAAE;gBAChC,CAAC,GAAG,YAAY,GAAG,gBAAgB,GAAG,MAAM,CAAC;aAC9C;iBAAM;gBACL,CAAC,GAAG,OAAO,GAAG,YAAY,CAAC,CAAC,GAAG,OAAO,CAAC;aACxC;YAED,IAAI,IAAA,oBAAa,EAAC,IAAI,CAAC,IAAI,CAAC,EAAE;gBAC5B,CAAC,IAAI,iBAAiB,CAAC,CAAC,CAAC;gBACzB,CAAC,IAAI,iBAAiB,CAAC,CAAC,CAAC;aAC1B;YAGD,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,eAAe,EAAE,GAAG,aAAa,CAAC;YAEzE,MAAM,wBAAwB,GAAG;gBAC/B,CAAC,EAAE,sBAAsB,CAAC,CAAC,GAAG,yBAAyB,CAAC,CAAC;gBACzD,CAAC,EAAE,sBAAsB,CAAC,CAAC,GAAG,yBAAyB,CAAC,CAAC;aAC1D,CAAC;YAEF,IAAI,CAAC,GAAG,eAAe,GAAG,wBAAwB,CAAC,CAAC,GAAG,cAAc,EAAE;gBAErE,CAAC,IAAI,OAAO,GAAG,CAAC,GAAG,eAAe,CAAC;aACpC;YACD,IAAI,CAAC,GAAG,gBAAgB,GAAG,wBAAwB,CAAC,CAAC,GAAG,eAAe,EAAE;gBAEvE,CAAC,IAAI,OAAO,GAAG,CAAC,GAAG,gBAAgB,CAAC;aACrC;YACD,IAAI,CAAC,GAAG,wBAAwB,CAAC,CAAC,GAAG,CAAC,EAAE;gBAEtC,CAAC,GAAG,CAAC,GAAG,wBAAwB,CAAC,CAAC,CAAC;aACpC;YACD,IAAI,CAAC,GAAG,wBAAwB,CAAC,CAAC,GAAG,CAAC,EAAE;gBAEtC,CAAC,GAAG,CAAC,GAAG,wBAAwB,CAAC,CAAC,CAAC;aACpC;YAED,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;QAClB,CAAC,CAAC;QAzZA,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC;QAChC,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC;QACpB,IAAI,CAAC,eAAe,GAAG,cAAc,CAAC;QACtC,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAE1B,IAAI,CAAC,GAAG,GAAG,SAAS,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACxC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAE/B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAQ,CAAC;QAChE,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,sBAAsB,CAAQ,CAAC;IAClF,CAAC;IAwKD,WAAW,CAAC,MAA4B;QACtC,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACpC,CAAC;IAED,aAAa;;QACX,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;QAChC,IAAI,CAAC,mBAAmB,GAAG,SAAS,CAAC;QAErC,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC;QAE/B,IAAI,MAAA,IAAI,CAAC,OAAO,0CAAE,aAAa,EAAE;YAC/B,MAAA,IAAI,CAAC,OAAO,0CAAE,aAAa,EAAE,CAAC;YAC9B,OAAO;SACR;QAED,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IASS,SAAS,CAAC,QAAa;QAC/B,IAAI,IAAY,CAAC;QACjB,IAAI,IAAA,iBAAQ,EAAC,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,EAAE;YAChD,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC;SAC3C;aAAM;YACL,IAAI,IAAI,CAAC,YAAY,CAAC,UAAU,KAAK,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,EAAE;gBACpF,IAAI,GAAG,EAAE,CAAC;aACX;iBAAM;gBACL,IAAI,GAAG,EAAE,CAAC;aACX;SACF;QACD,OAAO,IAAA,eAAQ,EAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IAClC,CAAC;IAES,iBAAiB;;QACzB,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC;QACrC,uCACK,2BAAe,KAClB,OAAO,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,CAAC,mCAAI,2BAAe,CAAC,OAAO,EAC7C,OAAO,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,CAAC,mCAAI,2BAAe,CAAC,OAAO,IAC7C;IACJ,CAAC;IA2LS,kBAAkB,CAAC,aAA6B,EAAE,kBAA2B;QACrF,IAAI,CAAC,kBAAkB,IAAI,IAAA,YAAK,EAAC,IAAI,CAAC,eAAe,CAAC,EAAE;YACtD,IAAI,CAAC,eAAe,GAAG,IAAA,gCAAoB,EAAC,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;SACzE;QACD,OAAO;YACL,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,KAAK;YACvC,MAAM,EAAE,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,MAAM;SAC1C,CAAC;IACJ,CAAC;IAES,SAAS;;QACjB,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC;QAE5F,MAAM,EACJ,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,EACnD,UAAU,EACV,KAAK,EACL,QAAQ,EACR,UAAU,EACV,QAAQ,EACT,GAAG,KAAK,CAAC;QAGV,MAAM,UAAU,GAAgB;YAC9B,SAAS,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,mCAAI,CAAC;YAC7B,MAAM,EAAE,CAAC,CAAC,MAAM;SACjB,CAAC;QACF,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,EAAE;YACjB,UAAU,CAAC,MAAM,GAAG,IAAI,CAAC;YACzB,UAAU,CAAC,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC;SACvC;QACD,IAAI,eAAe,EAAE;YACnB,UAAU,CAAC,IAAI,GAAG,IAAI,CAAC;YACvB,UAAU,CAAC,SAAS,GAAG,eAAe,CAAC;SACxC;QAED,IAAI,MAAM,EAAE;YACV,UAAU,CAAC,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC;YACtC,UAAU,CAAC,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC;YACpC,UAAU,CAAC,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC;YACpC,UAAU,CAAC,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC;YACpC,UAAU,CAAC,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC;SACzC;QACD,IAAI,IAAA,cAAO,EAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,EAAE;YAC3B,UAAU,CAAC,YAAY,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;SACxF;QAED,OAAO;YACL,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,IAAA,yBAAiB,EAAC,UAAU,CAAC;YACpC,KAAK,EAAE;gBACL,IAAI,EAAE,IAAI;gBACV,IAAI,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,mCAAI,CAAC;gBACtB,OAAO,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,mCAAI,CAAC;aAC7B;YACD,GAAG,EAAE,IAAA,yBAAiB,EAAC,QAAQ,CAAC;YAChC,KAAK,EAAE,IAAA,yBAAiB,EAAC,UAAU,CAAC;YACpC,OAAO;YACP,QAAQ;YACR,QAAQ;YACR,QAAQ;YACR,SAAS;YACT,kBAAkB;SACnB,CAAC;IACJ,CAAC;IAES,iBAAiB,CAAC,IAAkB;QAC5C,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;IAED,mBAAmB;QACjB,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;CACF;AAjhBD,gDAihBC","file":"base.js","sourcesContent":["import type { RenderMode } from '../../../typings/spec/common';\nimport { DEFAULT_CHART_WIDTH, DEFAULT_CHART_HEIGHT } from '../../../constant/base';\nimport type { Options } from './constants';\n// eslint-disable-next-line no-duplicate-imports\nimport { DEFAULT_OPTIONS } from './constants';\nimport type { Maybe, IPoint } from '../../../typings';\n// eslint-disable-next-line no-duplicate-imports\nimport { isTrueBrowser, isValid, throttle, isNil } from '../../../util';\nimport type {\n  TooltipData,\n  IToolTipActual,\n  TooltipActiveType,\n  ITooltipHandler,\n  ITooltipPattern,\n  ITooltipPositionActual,\n  TooltipPosition,\n  ITooltipPositionPattern\n} from '../../../typings/tooltip';\n// eslint-disable-next-line no-duplicate-imports\nimport { TooltipFixedPosition } from '../../../typings/tooltip';\nimport type { BaseEventParams } from '../../../event/interface';\nimport { getShowContent, getTooltipSpecForShow, getActualTooltipPositionValue } from './utils';\nimport type { TooltipContent } from '../tooltip';\nimport type { ISeries } from '../../../series/interface';\nimport type { ITooltipSpec, TooltipHandlerParams } from '../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { TooltipResult } from '../interface';\nimport type { IPanelStyle, ITooltipStyle } from './interface';\nimport type { IGroup } from '@visactor/vrender';\nimport { getTextAttributes } from './utils/style';\nimport type { AABBBounds } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport {\n  getElementAbsolutePosition,\n  getElementAbsoluteScrollOffset,\n  isNumber,\n  isObject,\n  isValidNumber\n} from '@visactor/vutils';\nimport type { IElement } from '@visactor/vgrammar';\nimport type { IModel } from '../../../model/interface';\nimport type { Compiler } from '../../../compile/compiler';\nimport type { IContainerSize, TooltipAttributes } from '@visactor/vrender-components';\nimport { getTooltipAttributes } from './utils/attribute';\nimport type { DimensionEventParams } from '../../../event/events/dimension/interface';\n\ntype ChangeTooltipFunc = (\n  visible: boolean,\n  params: TooltipHandlerParams,\n  changePositionOnly?: boolean,\n  activeType?: TooltipActiveType,\n  data?: TooltipData\n) => TooltipResult;\n\ntype ChangeTooltipPositionFunc = (\n  changePositionOnly: boolean,\n  actualTooltip: IToolTipActual,\n  spec: ITooltipSpec,\n  activeType: TooltipActiveType,\n  data: TooltipData,\n  params: TooltipHandlerParams\n) => TooltipResult;\n\n/**\n * The tooltip handler class.\n */\nexport abstract class BaseTooltipHandler implements ITooltipHandler {\n  protected _tooltipSpec: ITooltipSpec;\n\n  /** 是否可见 */\n  protected _visible = true;\n\n  // protected _style: ITooltipStyle = {};\n\n  protected _option: Options;\n\n  protected _id = '';\n  public get id() {\n    return this._id;\n  }\n\n  protected _env;\n  public get env() {\n    return this._env;\n  }\n\n  protected _chartContainer: Maybe<HTMLElement>;\n  protected _compiler: Compiler;\n\n  private _cacheViewSpec: ITooltipSpec | undefined;\n  private _cacheActualTooltip: IToolTipActual | undefined;\n\n  protected _attributeCache?: TooltipAttributes | null = null;\n\n  protected _style: ITooltipStyle;\n\n  // tooltip 容器\n  protected _container!: IGroup | HTMLElement;\n\n  /**\n   * Create the tooltip handler.\n   */\n  constructor(\n    tooltipSpec: ITooltipSpec,\n    tooltipId: string,\n    envMode: RenderMode,\n    chartContainer: Maybe<HTMLElement>,\n    compiler: Compiler,\n    options?: any\n  ) {\n    this._tooltipSpec = tooltipSpec;\n    this._env = envMode;\n    this._chartContainer = chartContainer;\n    this._compiler = compiler;\n    // 可能有多个 tooltip\n    this._id = tooltipId;\n    this._option = this._getDefaultOption();\n    this._style = this._getStyle();\n    // 为方法加防抖\n    this.changeTooltip = this._throttle(this._changeTooltip) as any;\n    this.changeTooltipPosition = this._throttle(this._changeTooltipPosition) as any;\n  }\n\n  showTooltip = (activeType: TooltipActiveType, data: TooltipData, params: TooltipHandlerParams) => {\n    let changePositionOnly = !!params.changePositionOnly;\n    if (!params.changePositionOnly || this._cacheActualTooltip?.activeType !== activeType) {\n      changePositionOnly = false;\n      this._cacheViewSpec = undefined;\n      this._cacheActualTooltip = undefined;\n    }\n\n    if (changePositionOnly && this._cacheViewSpec && this._cacheActualTooltip) {\n      return this.changeTooltipPosition(\n        changePositionOnly,\n        this._cacheActualTooltip,\n        this._cacheViewSpec,\n        activeType,\n        data,\n        params\n      );\n    }\n    return this.changeTooltip(true, params, changePositionOnly, activeType, data);\n  };\n\n  /** 改变 tooltip 内容和位置（带 throttle 版本），返回是否遇到异常 */\n  protected changeTooltip: ChangeTooltipFunc;\n\n  /** 改变 tooltip 内容和位置（不带 throttle 版本），返回是否遇到异常 */\n  protected _changeTooltip: ChangeTooltipFunc = (\n    visible: boolean,\n    params: TooltipHandlerParams,\n    changePositionOnly?: boolean,\n    activeType?: TooltipActiveType,\n    data?: TooltipData\n  ) => {\n    /** 关闭tooltip */\n    if (!visible) {\n      this._cacheViewSpec = undefined;\n      this._cacheActualTooltip = undefined;\n\n      const spec = this._tooltipSpec;\n      /** 用户自定义逻辑 */\n      if (spec.handler?.hideTooltip) {\n        spec.handler?.hideTooltip(params);\n        return TooltipResult.success;\n      }\n      /** 默认逻辑 */\n      this._updateTooltip(false, params);\n      return TooltipResult.success;\n    }\n\n    if (isNil(activeType) || isNil(data)) {\n      return TooltipResult.failed;\n    }\n\n    const event = params.event as MouseEvent;\n\n    /** spec预处理 */\n    let spec: ITooltipSpec | undefined;\n    if (changePositionOnly && this._cacheViewSpec) {\n      spec = this._cacheViewSpec;\n    } else {\n      spec = getTooltipSpecForShow(\n        activeType,\n        this._tooltipSpec,\n        (params as BaseEventParams).model as ISeries,\n        (params as DimensionEventParams).dimensionInfo\n      );\n      this._cacheViewSpec = spec;\n    }\n\n    if (spec.visible === false) {\n      return TooltipResult.failed;\n    }\n\n    /** 用户自定义逻辑 */\n    if (spec.handler?.showTooltip) {\n      return spec.handler?.showTooltip(activeType, data, params) ?? TooltipResult.success;\n    }\n\n    /** 默认逻辑 */\n    const pattern = spec[activeType];\n    if (!pattern) {\n      return TooltipResult.failed;\n    }\n\n    // 合成tooltip内容\n    let actualTooltip: IToolTipActual | undefined;\n    if (changePositionOnly && this._cacheActualTooltip) {\n      actualTooltip = this._cacheActualTooltip;\n    } else {\n      actualTooltip = this._getActualTooltipContent(pattern, data, event);\n      if (pattern.updateTitle) {\n        actualTooltip.title = pattern.updateTitle(actualTooltip.title, data);\n      }\n      if (pattern.updateContent) {\n        actualTooltip.content = pattern.updateContent(actualTooltip.content, data);\n      }\n    }\n\n    // 判断tooltip是否为空\n    if (isNil(actualTooltip.title?.key) && isNil(actualTooltip.title?.value) && !actualTooltip.content?.length) {\n      return TooltipResult.failed;\n    }\n\n    this._cacheActualTooltip = actualTooltip;\n    return this._changeTooltipPosition(!!changePositionOnly, actualTooltip, spec, activeType, data, params);\n  };\n\n  /** 改变 tooltip 位置（带 throttle 版本），返回是否遇到异常 */\n  protected changeTooltipPosition: ChangeTooltipPositionFunc;\n\n  /** 改变 tooltip 位置（不带 throttle 版本），返回是否遇到异常 */\n  protected _changeTooltipPosition: ChangeTooltipPositionFunc = (\n    changePositionOnly: boolean,\n    actualTooltip: IToolTipActual,\n    spec: ITooltipSpec,\n    activeType: TooltipActiveType,\n    data: TooltipData,\n    params: TooltipHandlerParams\n  ) => {\n    const event = params.event as MouseEvent;\n\n    /** 用户自定义逻辑 */\n    if (spec.handler?.showTooltip) {\n      return spec.handler.showTooltip(activeType, data, params) ?? TooltipResult.success;\n    }\n\n    /** 默认逻辑 */\n    const pattern = spec[activeType];\n    if (!pattern) {\n      return TooltipResult.failed;\n    }\n\n    // 计算tooltip位置\n    const position = this._getActualTooltipPosition(\n      actualTooltip,\n      pattern.position,\n      params,\n      this._getParentElement(spec),\n      changePositionOnly\n    );\n    actualTooltip.position = position;\n    if (pattern.updatePosition) {\n      actualTooltip.position = pattern.updatePosition(actualTooltip.position, data);\n    }\n\n    // 判断tooltip可见性\n    let tooltipVisible = pattern?.visible !== false;\n    if (\n      !data ||\n      event.type === 'mouseout' ||\n      !actualTooltip.visible ||\n      (!actualTooltip.title && !actualTooltip.content)\n    ) {\n      tooltipVisible = false;\n    }\n\n    this._updateTooltip(\n      tooltipVisible,\n      {\n        ...params,\n        changePositionOnly\n      },\n      actualTooltip\n    );\n    return TooltipResult.success;\n  };\n\n  hideTooltip(params: TooltipHandlerParams): void {\n    this.changeTooltip(false, params);\n  }\n\n  removeTooltip(): void {\n    this._cacheViewSpec = undefined;\n    this._cacheActualTooltip = undefined;\n\n    const spec = this._tooltipSpec;\n    /** 用户自定义逻辑 */\n    if (spec.handler?.removeTooltip) {\n      spec.handler?.removeTooltip();\n      return;\n    }\n    /** 默认逻辑 */\n    this._removeTooltip();\n  }\n\n  /* -----需要子类继承的方法开始----- */\n\n  protected abstract _updateTooltip(visible: boolean, params: TooltipHandlerParams, domData?: IToolTipActual): void;\n  protected abstract _removeTooltip(): void;\n\n  /* -----需要子类继承的方法结束----- */\n\n  protected _throttle(callback: any) {\n    let wait: number;\n    if (isNumber(this._tooltipSpec.throttleInterval)) {\n      wait = this._tooltipSpec.throttleInterval;\n    } else {\n      if (this._tooltipSpec.renderMode !== 'html' || !this._tooltipSpec.transitionDuration) {\n        wait = 10;\n      } else {\n        wait = 50;\n      }\n    }\n    return throttle(callback, wait);\n  }\n\n  protected _getDefaultOption(): Options {\n    const { offset } = this._tooltipSpec;\n    return {\n      ...DEFAULT_OPTIONS,\n      offsetX: offset?.x ?? DEFAULT_OPTIONS.offsetX,\n      offsetY: offset?.y ?? DEFAULT_OPTIONS.offsetY\n    };\n  }\n\n  /**\n   * 计算实际的tooltip内容\n   * @param pattern\n   * @param data\n   * @param event\n   */\n  protected _getActualTooltipContent = (\n    pattern: ITooltipPattern,\n    data: TooltipData,\n    event: MouseEvent\n  ): IToolTipActual => {\n    // 数据\n    let tooltipContent: TooltipContent | null = null;\n    tooltipContent = getShowContent(pattern, data, event);\n\n    const actualTooltip: IToolTipActual = {\n      ...tooltipContent,\n      visible: isValid(tooltipContent) ? pattern.visible !== false : false, // 最终展示数据为 null 则不展示\n      activeType: pattern.activeType\n    };\n\n    return actualTooltip;\n  };\n\n  /**\n   * 计算实际的tooltip位置\n   * @param actualTooltip\n   * @param position\n   * @param event\n   * @returns\n   */\n  protected _getActualTooltipPosition = (\n    actualTooltip: IToolTipActual,\n    position: TooltipPosition | undefined,\n    params: TooltipHandlerParams,\n    parentElement: HTMLElement,\n    changePositionOnly: boolean\n  ): ITooltipPositionActual => {\n    const event = params.event as MouseEvent;\n    const { width: tooltipBoxWidth = 0, height: tooltipBoxHeight = 0 } =\n      this._getTooltipBoxSize(actualTooltip, changePositionOnly) ?? {};\n\n    const { offsetX, offsetY } = this._option;\n\n    const isCanvas = this._tooltipSpec.renderMode === 'canvas';\n    const canvasRect = params?.chart?.getCanvasRect();\n    const canvasWidth = canvasRect?.width ?? DEFAULT_CHART_WIDTH;\n    const canvasHeight = canvasRect?.height ?? DEFAULT_CHART_HEIGHT;\n\n    /* 一、计算left、top、right、bottom */\n    let left: number | undefined;\n    let top: number | undefined;\n    let right: number | undefined;\n    let bottom: number | undefined;\n    if (isObject(position)) {\n      const { left: posLeft, right: posRight, top: posTop, bottom: posBottom } = position as ITooltipPositionPattern;\n      left = getActualTooltipPositionValue(posLeft, event);\n      top = getActualTooltipPositionValue(posTop, event);\n      right = getActualTooltipPositionValue(posRight, event);\n      bottom = getActualTooltipPositionValue(posBottom, event);\n    } else if (isValid(position) && actualTooltip.activeType === 'mark') {\n      const element = params.item as IElement;\n      const model = params.model as IModel;\n      const bounds = element?.getBounds() as AABBBounds;\n      const startPoint = model?.getLayoutStartPoint();\n      if (bounds && startPoint) {\n        let { x1, y1, x2, y2 } = bounds;\n        x1 += startPoint.x;\n        x2 += startPoint.x;\n        y1 += startPoint.y;\n        y2 += startPoint.y;\n        switch (position) {\n          case TooltipFixedPosition.left:\n            left = x1 - tooltipBoxWidth - offsetX;\n            top = (y1 + y2) / 2 - tooltipBoxHeight / 2;\n            break;\n          case TooltipFixedPosition.right:\n            left = x2 + offsetX;\n            top = (y1 + y2) / 2 - tooltipBoxHeight / 2;\n            break;\n          case TooltipFixedPosition.top:\n            left = (x1 + x2) / 2 - tooltipBoxWidth / 2;\n            top = y1 - tooltipBoxHeight - offsetY;\n            break;\n          case TooltipFixedPosition.bottom:\n            left = (x1 + x2) / 2 - tooltipBoxWidth / 2;\n            top = y2 + offsetY;\n            break;\n          case TooltipFixedPosition.inside:\n            left = (x1 + x2) / 2 - tooltipBoxWidth / 2;\n            top = (y1 + y2) / 2 - tooltipBoxHeight / 2;\n            break;\n        }\n      }\n    }\n\n    /* 二、换算成x和y */\n    let x: number;\n    let y: number;\n\n    const containerSize = {\n      width: 0,\n      height: 0\n    };\n    const getDefaultOffest = (): IPoint => ({ x: 0, y: 0 });\n    let absolutePosOffset = getDefaultOffest();\n    let scrollOffset = getDefaultOffest();\n    let parentElementScrollOffset = getDefaultOffest();\n    let parentElementPosOffset = getDefaultOffest();\n\n    if (isTrueBrowser(this._env) && !this._tooltipSpec.confine) {\n      // 只有在 browser 模式下才可以获取到 window 对象\n      containerSize.width = window.innerWidth;\n      containerSize.height = window.innerHeight;\n\n      if (!isCanvas) {\n        const chartRenderer = this._compiler.getCanvas() ?? this._chartContainer;\n        parentElementPosOffset = getElementAbsolutePosition(parentElement);\n        parentElementScrollOffset = getElementAbsoluteScrollOffset(parentElement);\n        const chartPosOffset = getElementAbsolutePosition(chartRenderer);\n        const chartScrollOffset = getElementAbsoluteScrollOffset(chartRenderer);\n        absolutePosOffset = {\n          x: chartPosOffset.x - parentElementPosOffset.x,\n          y: chartPosOffset.y - parentElementPosOffset.y\n        };\n        scrollOffset = {\n          x: chartScrollOffset.x - parentElementScrollOffset.x,\n          y: chartScrollOffset.y - parentElementScrollOffset.y\n        };\n      }\n    } else {\n      containerSize.width = canvasWidth;\n      containerSize.height = canvasHeight;\n    }\n\n    const { canvasX, canvasY } = event as any;\n    if (isValidNumber(left)) {\n      x = left;\n    } else if (isValidNumber(right)) {\n      x = canvasWidth - tooltipBoxWidth - right;\n    } else {\n      x = canvasX - scrollOffset.x + offsetX;\n    }\n    if (isValidNumber(top)) {\n      y = top;\n    } else if (isValidNumber(bottom)) {\n      y = canvasHeight - tooltipBoxHeight - bottom;\n    } else {\n      y = canvasY - scrollOffset.y + offsetY;\n    }\n\n    if (isTrueBrowser(this._env)) {\n      x += absolutePosOffset.x;\n      y += absolutePosOffset.y;\n    }\n\n    /* 三、确保tooltip在视区内 */\n    const { width: containerWidth, height: containerHeight } = containerSize;\n\n    const parentElementTotalOffset = {\n      x: parentElementPosOffset.x - parentElementScrollOffset.x,\n      y: parentElementPosOffset.y - parentElementScrollOffset.y\n    };\n\n    if (x + tooltipBoxWidth + parentElementTotalOffset.x > containerWidth) {\n      // 位置不超出视区右界\n      x -= offsetX * 2 + tooltipBoxWidth;\n    }\n    if (y + tooltipBoxHeight + parentElementTotalOffset.y > containerHeight) {\n      // 位置不超出视区下界\n      y -= offsetY * 2 + tooltipBoxHeight;\n    }\n    if (x + parentElementTotalOffset.x < 0) {\n      // 位置不超出视区左界\n      x = 0 - parentElementTotalOffset.x;\n    }\n    if (y + parentElementTotalOffset.y < 0) {\n      // 位置不超出视区上界\n      y = 0 - parentElementTotalOffset.y;\n    }\n\n    return { x, y };\n  };\n\n  // 计算 tooltip 内容区域的宽高，并缓存结果\n  protected _getTooltipBoxSize(actualTooltip: IToolTipActual, changePositionOnly: boolean): IContainerSize | undefined {\n    if (!changePositionOnly || isNil(this._attributeCache)) {\n      this._attributeCache = getTooltipAttributes(actualTooltip, this._style);\n    }\n    return {\n      width: this._attributeCache.panel.width,\n      height: this._attributeCache.panel.height\n    };\n  }\n\n  protected _getStyle(): ITooltipStyle {\n    const { style = {}, maxWidth, minWidth, enterable, transitionDuration } = this._tooltipSpec;\n\n    const {\n      panel: { backgroundColor, border, shadow, padding },\n      titleLabel,\n      shape,\n      keyLabel,\n      valueLabel,\n      spaceRow\n    } = style;\n\n    // tooltip background style\n    const panelStyle: IPanelStyle = {\n      lineWidth: border?.width ?? 0,\n      shadow: !!shadow\n    };\n    if (border?.color) {\n      panelStyle.stroke = true;\n      panelStyle.strokeColor = border.color;\n    }\n    if (backgroundColor) {\n      panelStyle.fill = true;\n      panelStyle.fillColor = backgroundColor;\n    }\n\n    if (shadow) {\n      panelStyle.shadowColor = shadow.color;\n      panelStyle.shadowBlur = shadow.blur;\n      panelStyle.shadowOffsetX = shadow.x;\n      panelStyle.shadowOffsetY = shadow.y;\n      panelStyle.shadowSpread = shadow.spread;\n    }\n    if (isValid(border?.radius)) {\n      panelStyle.borderRadius = [border.radius, border.radius, border.radius, border.radius];\n    }\n\n    return {\n      panel: panelStyle,\n      title: getTextAttributes(titleLabel),\n      shape: {\n        fill: true,\n        size: shape?.size ?? 8,\n        spacing: shape?.spacing ?? 6\n      },\n      key: getTextAttributes(keyLabel),\n      value: getTextAttributes(valueLabel),\n      padding,\n      minWidth,\n      maxWidth,\n      spaceRow,\n      enterable,\n      transitionDuration\n    };\n  }\n\n  protected _getParentElement(spec: ITooltipSpec): HTMLElement {\n    return spec.parentElement;\n  }\n\n  getTooltipContainer() {\n    return this._container;\n  }\n}\n"]}

package/cjs/component/tooltip/handler/canvas/canvas-tooltip-handler.d.ts

@@ -0,0 +1,18 @@
+import type { IToolTipActual } from '../../../../typings/tooltip';
+import type { ITooltipSpec, TooltipHandlerParams } from '../../interface';
+import { BaseTooltipHandler } from '../base';
+import type { Maybe, RenderMode } from '../../../../typings';
+import { Tooltip } from '@visactor/vrender-components';
+import type { Compiler } from '../../../../compile/compiler';
+export declare class CanvasTooltipHandler extends BaseTooltipHandler {
+    private _layer;
+    protected _el?: HTMLCanvasElement;
+    protected _tooltipCanvasId?: string;
+    protected _tooltipComponent: Tooltip;
+    constructor(tooltipSpec: ITooltipSpec, tooltipId: string, envMode: RenderMode, chartContainer: Maybe<HTMLElement>, compiler: Compiler, options?: any);
+    private _initTooltipComponent;
+    private _getLayer;
+    protected _removeTooltip(): void;
+    protected _updateTooltip(visible: boolean, params: TooltipHandlerParams, actualTooltip: IToolTipActual): void;
+    release(): void;
+}

package/cjs/component/tooltip/handler/canvas/canvas-tooltip-handler.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.CanvasTooltipHandler = void 0;
+
+const base_1 = require("../base"), vrender_components_1 = require("@visactor/vrender-components"), vutils_1 = require("@visactor/vutils");
+
+class CanvasTooltipHandler extends base_1.BaseTooltipHandler {
+    constructor(tooltipSpec, tooltipId, envMode, chartContainer, compiler, options) {
+        var _a;
+        super(tooltipSpec, tooltipId, envMode, chartContainer, compiler, options), this._tooltipCanvasId = null === (_a = null == options ? void 0 : options.modeParams) || void 0 === _a ? void 0 : _a.tooltipCanvasId;
+    }
+    _initTooltipComponent(stage) {
+        const layer = this._getLayer(stage);
+        this._tooltipComponent = new vrender_components_1.Tooltip({
+            autoCalculatePosition: !1,
+            autoMeasure: !1
+        }), layer.add(this._tooltipComponent);
+    }
+    _getLayer(stage) {
+        if (this._layer) return this._layer;
+        this._layer = stage.createLayer(this._tooltipCanvasId);
+        const layerCanvas = this._layer.layerHandler.canvas.nativeCanvas;
+        return layerCanvas && layerCanvas.style && (layerCanvas.style.touchAction = "none", 
+        layerCanvas.style.pointerEvents = "none"), this._layer;
+    }
+    _removeTooltip() {
+        this._layer && this._layer.removeAllChild(!1), this._attributeCache = null;
+    }
+    _updateTooltip(visible, params, actualTooltip) {
+        this._visible = visible;
+        const stage = this._compiler.getStage();
+        if (!stage) return;
+        if (!visible) return void (this._tooltipComponent && this._tooltipComponent.attribute.visible && (this._tooltipComponent.hideAll(), 
+        stage.renderNextFrame()));
+        this._tooltipComponent || this._initTooltipComponent(stage);
+        const pos = null == actualTooltip ? void 0 : actualTooltip.position;
+        params.changePositionOnly ? (0, vutils_1.isValid)(pos) && this._tooltipComponent.setAttributes(pos) : this._tooltipComponent.setAttributes(Object.assign(Object.assign({
+            visible: !0
+        }, this._attributeCache), pos)), this._tooltipComponent.attribute.visible || this._tooltipComponent.showAll();
+    }
+    release() {
+        var _a;
+        null === (_a = this._layer) || void 0 === _a || _a.release();
+    }
+}
+
+exports.CanvasTooltipHandler = CanvasTooltipHandler;
+//# sourceMappingURL=canvas-tooltip-handler.js.map

package/cjs/component/tooltip/handler/canvas/canvas-tooltip-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/handler/canvas/canvas-tooltip-handler.ts"],"names":[],"mappings":"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","file":"canvas-tooltip-handler.js","sourcesContent":["import type { Stage } from '@visactor/vrender';\nimport type { IToolTipActual } from '../../../../typings/tooltip';\nimport type { ITooltipSpec, TooltipHandlerParams } from '../../interface';\nimport { BaseTooltipHandler } from '../base';\nimport type { Maybe, RenderMode } from '../../../../typings';\nimport { Tooltip } from '@visactor/vrender-components';\nimport type { Compiler } from '../../../../compile/compiler';\nimport { isValid } from '@visactor/vutils';\n\n/**\n * The tooltip handler class.\n */\nexport class CanvasTooltipHandler extends BaseTooltipHandler {\n  private _layer: any;\n  protected _el?: HTMLCanvasElement;\n  protected _tooltipCanvasId?: string;\n  protected _tooltipComponent: Tooltip;\n\n  constructor(\n    tooltipSpec: ITooltipSpec,\n    tooltipId: string,\n    envMode: RenderMode,\n    chartContainer: Maybe<HTMLElement>,\n    compiler: Compiler,\n    options?: any\n  ) {\n    super(tooltipSpec, tooltipId, envMode, chartContainer, compiler, options);\n    this._tooltipCanvasId = options?.modeParams?.tooltipCanvasId;\n  }\n\n  private _initTooltipComponent(stage: Stage) {\n    const layer = this._getLayer(stage);\n    this._tooltipComponent = new Tooltip({\n      autoCalculatePosition: false,\n      autoMeasure: false\n    });\n    layer.add(this._tooltipComponent);\n  }\n\n  private _getLayer(stage: Stage) {\n    if (this._layer) {\n      return this._layer;\n    }\n\n    this._layer = stage.createLayer(this._tooltipCanvasId);\n\n    // 需要关闭 layer 对应的 canvas 的事件\n    const layerCanvas = this._layer.layerHandler.canvas.nativeCanvas as HTMLCanvasElement;\n    // TODO：待 vrender 支持\n    if (layerCanvas && layerCanvas.style) {\n      layerCanvas.style.touchAction = 'none';\n      layerCanvas.style.pointerEvents = 'none';\n    }\n\n    return this._layer;\n  }\n\n  protected _removeTooltip() {\n    if (this._layer) {\n      this._layer.removeAllChild(false);\n      // this._layer.render();\n    }\n    this._attributeCache = null;\n  }\n\n  protected _updateTooltip(visible: boolean, params: TooltipHandlerParams, actualTooltip: IToolTipActual) {\n    this._visible = visible;\n\n    const stage = this._compiler.getStage();\n    if (!stage) {\n      return;\n    }\n\n    if (!visible) {\n      if (this._tooltipComponent && this._tooltipComponent.attribute.visible) {\n        this._tooltipComponent.hideAll();\n        stage.renderNextFrame();\n      }\n      return;\n    }\n\n    if (!this._tooltipComponent) {\n      this._initTooltipComponent(stage);\n    }\n\n    const pos = actualTooltip?.position;\n    if (!params.changePositionOnly) {\n      this._tooltipComponent.setAttributes({\n        visible: true,\n        ...this._attributeCache,\n        ...pos\n      });\n    } else if (isValid(pos)) {\n      this._tooltipComponent.setAttributes(pos);\n    }\n\n    if (!this._tooltipComponent.attribute.visible) {\n      this._tooltipComponent.showAll();\n    }\n  }\n\n  release() {\n    this._layer?.release();\n  }\n}\n"]}

package/cjs/component/tooltip/handler/canvas/index.d.ts

@@ -0,0 +1 @@
+export * from './canvas-tooltip-handler';

package/cjs/component/tooltip/handler/canvas/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./canvas-tooltip-handler"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/component/tooltip/handler/canvas/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/handler/canvas/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2DAAyC","file":"index.js","sourcesContent":["export * from './canvas-tooltip-handler';\n"]}

package/cjs/component/tooltip/handler/constants.d.ts

@@ -0,0 +1,9 @@
+import { escapeHTML } from './utils';
+export declare const TOOLTIP_EL_CLASS_NAME = "vchart-tooltip-element";
+export declare const TOOLTIP_CONTAINER_EL_CLASS_NAME = "vchart-tooltip-container";
+export declare const DEFAULT_OPTIONS: {
+    offsetX: number;
+    offsetY: number;
+    sanitize: typeof escapeHTML;
+};
+export type Options = typeof DEFAULT_OPTIONS;

package/cjs/component/tooltip/handler/constants.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DEFAULT_OPTIONS = exports.TOOLTIP_CONTAINER_EL_CLASS_NAME = exports.TOOLTIP_EL_CLASS_NAME = void 0;
+
+const utils_1 = require("./utils");
+
+exports.TOOLTIP_EL_CLASS_NAME = "vchart-tooltip-element", exports.TOOLTIP_CONTAINER_EL_CLASS_NAME = "vchart-tooltip-container", 
+exports.DEFAULT_OPTIONS = {
+    offsetX: 10,
+    offsetY: 10,
+    sanitize: utils_1.escapeHTML
+};
+//# sourceMappingURL=constants.js.map

package/cjs/component/tooltip/handler/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/handler/constants.ts"],"names":[],"mappings":";;;AAAA,mCAAqC;AAExB,QAAA,qBAAqB,GAAG,wBAAwB,CAAC;AACjD,QAAA,+BAA+B,GAAG,0BAA0B,CAAC;AAE7D,QAAA,eAAe,GAAG;IAI7B,OAAO,EAAE,EAAE;IAKX,OAAO,EAAE,EAAE;IAOX,QAAQ,EAAE,kBAAU;CACrB,CAAC","file":"constants.js","sourcesContent":["import { escapeHTML } from './utils';\n\nexport const TOOLTIP_EL_CLASS_NAME = 'vchart-tooltip-element';\nexport const TOOLTIP_CONTAINER_EL_CLASS_NAME = 'vchart-tooltip-container';\n\nexport const DEFAULT_OPTIONS = {\n  /**\n   * X offset.\n   */\n  offsetX: 10,\n\n  /**\n   * Y offset.\n   */\n  offsetY: 10,\n\n  /**\n   * HTML sanitizer function that removes dangerous HTML to prevent XSS.\n   *\n   * This should be a function from string to string. You may replace it with a formatter such as a markdown formatter.\n   */\n  sanitize: escapeHTML\n};\n\n// FIXME: 命名规范\nexport type Options = typeof DEFAULT_OPTIONS;\n"]}

package/cjs/component/tooltip/handler/dom/dom-tooltip-handler.d.ts

@@ -0,0 +1,21 @@
+import type { RenderMode } from '../../../../typings/spec/common';
+import type { IToolTipActual } from '../../../../typings/tooltip';
+import type { ITooltipSpec, TooltipHandlerParams } from '../../interface';
+import { BaseTooltipHandler } from '../base';
+import type { IDomTooltipStyle } from './interface';
+import type { Maybe } from '../../../../typings';
+import { TooltipModel } from './model/tooltip-model';
+import type { Compiler } from '../../../../compile/compiler';
+export declare class DomTooltipHandler extends BaseTooltipHandler {
+    protected _tooltipContainer: HTMLElement;
+    protected _domStyle: IDomTooltipStyle;
+    protected _container: HTMLDivElement;
+    protected model: TooltipModel;
+    getVisibility(): boolean;
+    setVisibility(_value: boolean): void;
+    constructor(tooltipSpec: ITooltipSpec, tooltipId: string, envMode: RenderMode, chartContainer: Maybe<HTMLElement>, compiler: Compiler);
+    initEl(): void;
+    protected _removeTooltip(): void;
+    protected _updateTooltip(visible: boolean, params: TooltipHandlerParams, actualTooltip: IToolTipActual): void;
+    protected _getParentElement(spec: ITooltipSpec): HTMLElement;
+}

package/cjs/component/tooltip/handler/dom/dom-tooltip-handler.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DomTooltipHandler = void 0;
+
+const base_1 = require("../base"), style_1 = require("./utils/style"), tooltip_model_1 = require("./model/tooltip-model"), base_tooltip_model_1 = require("./model/base-tooltip-model"), constants_1 = require("../constants");
+
+class DomTooltipHandler extends base_1.BaseTooltipHandler {
+    getVisibility() {
+        var _a;
+        return !!(null === (_a = this.model) || void 0 === _a ? void 0 : _a.getVisibility());
+    }
+    setVisibility(_value) {
+        var _a;
+        _value !== this.getVisibility() && (null === (_a = this.model) || void 0 === _a || _a.setVisibility(_value));
+    }
+    constructor(tooltipSpec, tooltipId, envMode, chartContainer, compiler) {
+        var _a;
+        super(tooltipSpec, tooltipId, envMode, chartContainer, compiler), this._tooltipContainer = null === (_a = globalThis.document) || void 0 === _a ? void 0 : _a.body, 
+        this._domStyle = (0, style_1.getDomStyles)(this._style), this.initEl();
+    }
+    initEl() {
+        if (base_tooltip_model_1.domDocument) {
+            const {parentElement: parentElement} = this._tooltipSpec;
+            for (let i = 0; i < parentElement.children.length; i++) if (parentElement.children[i].classList.contains(constants_1.TOOLTIP_CONTAINER_EL_CLASS_NAME)) {
+                this._container = parentElement.children[i];
+                break;
+            }
+            this._container || (this._container = base_tooltip_model_1.domDocument.createElement("div"), 
+            this._container.style.position = "relative", this._container.classList.add(constants_1.TOOLTIP_CONTAINER_EL_CLASS_NAME), 
+            parentElement.appendChild(this._container)), this.model = new tooltip_model_1.TooltipModel(this._container, {
+                valueToHtml: this._option.sanitize
+            }, [ this._tooltipSpec.className ], this.id, this._domStyle);
+        }
+    }
+    _removeTooltip() {
+        var _a;
+        null === (_a = this.model) || void 0 === _a || _a.release(), this._container = null;
+    }
+    _updateTooltip(visible, params, actualTooltip) {
+        var _a;
+        if (visible && this.model) {
+            params.changePositionOnly || (this.model.setTooltipActual(actualTooltip), this.model.setStyle(), 
+            this.model.setContent()), this.setVisibility(visible);
+            const {x: x = 0, y: y = 0} = null !== (_a = actualTooltip.position) && void 0 !== _a ? _a : {};
+            this.model.product.style.transform = `translate3d(${x}px, ${y}px, 0)`;
+        } else this.setVisibility(visible);
+    }
+    _getParentElement(spec) {
+        var _a;
+        return null !== (_a = this._container) && void 0 !== _a ? _a : super._getParentElement(spec);
+    }
+}
+
+exports.DomTooltipHandler = DomTooltipHandler;
+//# sourceMappingURL=dom-tooltip-handler.js.map

package/cjs/component/tooltip/handler/dom/dom-tooltip-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/handler/dom/dom-tooltip-handler.ts"],"names":[],"mappings":"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","file":"dom-tooltip-handler.js","sourcesContent":["import type { RenderMode } from '../../../../typings/spec/common';\nimport type { IToolTipActual } from '../../../../typings/tooltip';\nimport type { ITooltipSpec, TooltipHandlerParams } from '../../interface';\nimport { BaseTooltipHandler } from '../base';\nimport { getDomStyles } from './utils/style';\nimport type { IDomTooltipStyle } from './interface';\nimport type { Maybe } from '../../../../typings';\nimport { TooltipModel } from './model/tooltip-model';\nimport { domDocument } from './model/base-tooltip-model';\nimport { TOOLTIP_CONTAINER_EL_CLASS_NAME } from '../constants';\nimport type { Compiler } from '../../../../compile/compiler';\n\n/**\n * The tooltip handler class.\n */\nexport class DomTooltipHandler extends BaseTooltipHandler {\n  protected _tooltipContainer: HTMLElement = globalThis.document?.body;\n  protected _domStyle: IDomTooltipStyle;\n  protected declare _container: HTMLDivElement;\n\n  protected model: TooltipModel;\n\n  getVisibility() {\n    return !!this.model?.getVisibility();\n  }\n\n  setVisibility(_value: boolean) {\n    // 这里做个节流\n    if (_value !== this.getVisibility()) {\n      this.model?.setVisibility(_value);\n    }\n  }\n\n  constructor(\n    tooltipSpec: ITooltipSpec,\n    tooltipId: string,\n    envMode: RenderMode,\n    chartContainer: Maybe<HTMLElement>,\n    compiler: Compiler\n  ) {\n    super(tooltipSpec, tooltipId, envMode, chartContainer, compiler);\n\n    this._domStyle = getDomStyles(this._style);\n    this.initEl();\n  }\n\n  initEl() {\n    if (domDocument) {\n      const { parentElement } = this._tooltipSpec;\n      for (let i = 0; i < parentElement.children.length; i++) {\n        if (parentElement.children[i].classList.contains(TOOLTIP_CONTAINER_EL_CLASS_NAME)) {\n          this._container = parentElement.children[i] as HTMLDivElement;\n          break;\n        }\n      }\n      if (!this._container) {\n        this._container = domDocument.createElement('div');\n        this._container.style.position = 'relative';\n        this._container.classList.add(TOOLTIP_CONTAINER_EL_CLASS_NAME);\n        parentElement.appendChild(this._container);\n      }\n      this.model = new TooltipModel(\n        this._container,\n        { valueToHtml: this._option.sanitize },\n        [this._tooltipSpec.className],\n        this.id,\n        this._domStyle\n      );\n    }\n  }\n\n  protected _removeTooltip() {\n    this.model?.release();\n    this._container = null;\n  }\n\n  protected _updateTooltip(visible: boolean, params: TooltipHandlerParams, actualTooltip: IToolTipActual) {\n    if (!visible || !this.model) {\n      this.setVisibility(visible);\n    } else {\n      if (!params.changePositionOnly) {\n        this.model.setTooltipActual(actualTooltip);\n        this.model.setStyle();\n        this.model.setContent();\n      }\n      this.setVisibility(visible);\n\n      // 位置\n      const { x = 0, y = 0 } = actualTooltip.position ?? {};\n      const el = this.model.product;\n      // https://stackoverflow.com/questions/22111256/translate3d-vs-translate-performance\n      el.style.transform = `translate3d(${x}px, ${y}px, 0)`;\n    }\n  }\n\n  protected _getParentElement(spec: ITooltipSpec): HTMLElement {\n    return this._container ?? super._getParentElement(spec);\n  }\n}\n"]}

package/cjs/component/tooltip/handler/dom/index.d.ts

@@ -0,0 +1 @@
+export * from './dom-tooltip-handler';

package/cjs/component/tooltip/handler/dom/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./dom-tooltip-handler"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/component/tooltip/handler/dom/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/handler/dom/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wDAAsC","file":"index.js","sourcesContent":["export * from './dom-tooltip-handler';\n"]}