@visactor/vchart 1.3.1-test.2 → 1.3.1-test.3

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(tooltipId, component) {
+        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, _j;
+            if (!visible) {
+                this._cacheViewSpec = void 0, this._cacheActualTooltip = void 0;
+                const spec = this._component.getSpec();
+                return spec.handler ? null !== (_c = null === (_b = (_a = spec.handler).hideTooltip) || void 0 === _b ? void 0 : _b.call(_a, params)) && void 0 !== _c ? _c : 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;
+            let spec;
+            if (changePositionOnly && this._cacheViewSpec ? spec = this._cacheViewSpec : (spec = (0, 
+            utils_1.getTooltipSpecForShow)(activeType, this._component.getSpec(), params.model, params.dimensionInfo), 
+            this._cacheViewSpec = spec), !1 === spec.visible) return interface_1.TooltipResult.failed;
+            if (spec.handler) return null !== (_f = null === (_e = (_d = spec.handler).showTooltip) || void 0 === _e ? void 0 : _e.call(_d, activeType, data, params)) && void 0 !== _f ? _f : 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, params), 
+            pattern.updateTitle && (actualTooltip.title = pattern.updateTitle(actualTooltip.title, data, params)), 
+            pattern.updateContent && (actualTooltip.content = pattern.updateContent(actualTooltip.content, data, params))), 
+            (0, util_1.isNil)(null === (_g = actualTooltip.title) || void 0 === _g ? void 0 : _g.key) && (0, 
+            util_1.isNil)(null === (_h = actualTooltip.title) || void 0 === _h ? void 0 : _h.value) && !(null === (_j = actualTooltip.content) || void 0 === _j ? void 0 : _j.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, _c;
+            const event = params.event;
+            if (spec.handler) return null !== (_c = null === (_b = (_a = spec.handler).showTooltip) || void 0 === _b ? void 0 : _b.call(_a, activeType, data, params)) && void 0 !== _c ? _c : interface_1.TooltipResult.success;
+            const pattern = spec[activeType];
+            if (!pattern) return interface_1.TooltipResult.failed;
+            const position = this._getActualTooltipPosition(actualTooltip, (0, utils_1.getTooltipPatternValue)(pattern.position, data, params), params, this._getParentElement(spec), changePositionOnly);
+            actualTooltip.position = position, pattern.updatePosition && (actualTooltip.position = pattern.updatePosition(actualTooltip.position, data, params));
+            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, params) => {
+            const patternVisible = (0, utils_1.getTooltipPatternValue)(pattern.visible, data, params);
+            let tooltipContent = null;
+            tooltipContent = (0, utils_1.getShowContent)(pattern, data, params);
+            return Object.assign(Object.assign({}, tooltipContent), {
+                visible: !!(0, util_1.isValid)(tooltipContent) && !1 !== patternVisible,
+                activeType: pattern.activeType
+            });
+        }, this._getActualTooltipPosition = (actualTooltip, position, params, tooltipParentElement, changePositionOnly) => {
+            var _a, _b, _c, _d, _e, _f;
+            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, tooltipSpec = this._component.getSpec(), isCanvas = "canvas" === 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, isFixedPosition = !1;
+            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) {
+                isFixedPosition = !0;
+                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
+            }, getDefaultPointValue = (defaultValue = 0) => ({
+                x: defaultValue,
+                y: defaultValue
+            });
+            let relativePosOffset = getDefaultPointValue(), tooltipParentElementRect = getDefaultPointValue(), chartElementScale = 1, tooltipParentElementScale = 1;
+            if ((0, util_1.isTrueBrowser)(this._env) && !tooltipSpec.confine) {
+                if (containerSize.width = window.innerWidth, containerSize.height = window.innerHeight, 
+                !isCanvas) {
+                    tooltipParentElementRect = null !== (_e = null == tooltipParentElement ? void 0 : tooltipParentElement.getBoundingClientRect()) && void 0 !== _e ? _e : {
+                        x: 1 / 0,
+                        y: 1 / 0
+                    };
+                    const chartElement = null !== (_f = this._compiler.getCanvas()) && void 0 !== _f ? _f : this._chartContainer, chartElementRect = null == chartElement ? void 0 : chartElement.getBoundingClientRect();
+                    relativePosOffset = {
+                        x: chartElementRect.x - tooltipParentElementRect.x,
+                        y: chartElementRect.y - tooltipParentElementRect.y
+                    }, chartElementScale = (0, utils_1.getScale)(chartElement, chartElementRect), tooltipParentElementScale = (0, 
+                    utils_1.getScale)(tooltipParentElement, tooltipParentElementRect);
+                }
+            } 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 + offsetX, 
+            y = (0, vutils_1.isValidNumber)(top) ? top : (0, vutils_1.isValidNumber)(bottom) ? canvasHeight - tooltipBoxHeight - bottom : canvasY + offsetY, 
+            x *= chartElementScale, y *= chartElementScale, (0, util_1.isTrueBrowser)(this._env) && (x += relativePosOffset.x, 
+            y += relativePosOffset.y), x /= tooltipParentElementScale, y /= tooltipParentElementScale;
+            const {width: containerWidth, height: containerHeight} = containerSize;
+            return (x + tooltipBoxWidth) * tooltipParentElementScale + tooltipParentElementRect.x > containerWidth && (isFixedPosition ? x = (containerWidth - tooltipParentElementRect.x) / tooltipParentElementScale - tooltipBoxWidth : x -= 2 * offsetX + tooltipBoxWidth), 
+            (y + tooltipBoxHeight) * tooltipParentElementScale + tooltipParentElementRect.y > containerHeight && (isFixedPosition ? y = (containerHeight - tooltipParentElementRect.y) / tooltipParentElementScale - tooltipBoxHeight : y -= 2 * offsetY + tooltipBoxHeight), 
+            x * tooltipParentElementScale + tooltipParentElementRect.x < 0 && (x = 0 - tooltipParentElementRect.x / tooltipParentElementScale), 
+            y * tooltipParentElementScale + tooltipParentElementRect.y < 0 && (y = 0 - tooltipParentElementRect.y / tooltipParentElementScale), 
+            {
+                x: x,
+                y: y
+            };
+        }, this._component = component, this._chartOption = component.getOption(), this._env = this._chartOption.mode, 
+        this._chartContainer = this._chartOption.globalInstance.getContainer(), this._compiler = component.getCompiler(), 
+        this._id = tooltipId, this._initFromSpec();
+    }
+    hideTooltip(params) {
+        return this.changeTooltip(!1, params);
+    }
+    release() {
+        var _a, _b, _c;
+        this._cacheViewSpec = void 0, this._cacheActualTooltip = void 0;
+        const spec = null !== (_a = this._component.getSpec()) && void 0 !== _a ? _a : {};
+        spec.handler ? null === (_c = (_b = spec.handler).release) || void 0 === _c || _c.call(_b) : this._removeTooltip();
+    }
+    _throttle(callback) {
+        const tooltipSpec = this._component.getSpec();
+        let wait;
+        return wait = (0, vutils_1.isNumber)(tooltipSpec.throttleInterval) ? tooltipSpec.throttleInterval : "html" === tooltipSpec.renderMode && tooltipSpec.transitionDuration ? 50 : 10, 
+        (0, util_1.throttle)(callback, wait);
+    }
+    _getDefaultOption() {
+        var _a, _b;
+        const {offset: offset} = this._component.getSpec();
+        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) {
+        var _a, _b, _c, _d;
+        return changePositionOnly && !(0, util_1.isNil)(this._attributeCache) || (this._attributeCache = (0, 
+        attribute_1.getTooltipAttributes)(actualTooltip, this._style)), {
+            width: null === (_b = null === (_a = this._attributeCache) || void 0 === _a ? void 0 : _a.panel) || void 0 === _b ? void 0 : _b.width,
+            height: null === (_d = null === (_c = this._attributeCache) || void 0 === _c ? void 0 : _c.panel) || void 0 === _d ? void 0 : _d.height
+        };
+    }
+    _getStyle() {
+        var _a, _b, _c, _d, _e;
+        const tooltipSpec = this._component.getSpec(), {style: style = {}, enterable: enterable, transitionDuration: transitionDuration} = 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
+        };
+        (null == border ? void 0 : border.color) && (panelStyle.stroke = border.color), 
+        backgroundColor && (panelStyle.fill = backgroundColor), shadow && (panelStyle.shadowColor = shadow.color, 
+        panelStyle.shadowBlur = shadow.blur, panelStyle.shadowOffsetX = shadow.x, panelStyle.shadowOffsetY = shadow.y, 
+        panelStyle.shadowSpread = shadow.spread);
+        const {radius: radius} = null != border ? border : {};
+        (0, util_1.isValid)(radius) && (panelStyle.cornerRadius = [ radius, radius, radius, radius ]);
+        const globalTheme = null === (_c = (_b = this._chartOption).getTheme) || void 0 === _c ? void 0 : _c.call(_b);
+        return {
+            panel: panelStyle,
+            title: (0, style_1.getTextAttributes)(titleLabel, globalTheme),
+            shape: {
+                fill: !0,
+                size: null !== (_d = null == shape ? void 0 : shape.size) && void 0 !== _d ? _d : 8,
+                spacing: null !== (_e = null == shape ? void 0 : shape.spacing) && void 0 !== _e ? _e : 6
+            },
+            key: (0, style_1.getTextAttributes)(keyLabel, globalTheme),
+            value: (0, style_1.getTextAttributes)(valueLabel, globalTheme),
+            padding: padding,
+            spaceRow: spaceRow,
+            enterable: enterable,
+            transitionDuration: transitionDuration
+        };
+    }
+    _getParentElement(spec) {
+        return spec.parentElement;
+    }
+    getTooltipContainer() {
+        return this._container;
+    }
+    _initFromSpec() {
+        this._option = this._getDefaultOption(), this._style = this._getStyle(), this.changeTooltip = this._throttle(this._changeTooltip), 
+        this.changeTooltipPosition = this._throttle(this._changeTooltipPosition);
+    }
+    reInit() {
+        this._initFromSpec();
+    }
+}
+
+exports.BaseTooltipHandler = BaseTooltipHandler;
+//# sourceMappingURL=base.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/tooltip/handler/base.ts"],"names":[],"mappings":"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","file":"base.js","sourcesContent":["import { 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 {\n  getShowContent,\n  getTooltipSpecForShow,\n  getActualTooltipPositionValue,\n  getTooltipPatternValue,\n  getScale\n} from './utils';\nimport type { Tooltip, TooltipActualTitleContent } 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 { ITooltipPanelStyle, 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 { isNumber, isObject, isValidNumber } 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';\nimport type { IChartOption } from '../../../chart/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  readonly type: string;\n\n  /** 是否可见 */\n  protected _visible = true;\n\n  // protected _style: ITooltipStyle = {};\n\n  protected _option: Options;\n\n  protected _chartOption: IChartOption;\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 _component: Tooltip;\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!: Maybe<IGroup | HTMLElement>;\n\n  /**\n   * Create the tooltip handler.\n   */\n  constructor(tooltipId: string, component: Tooltip) {\n    this._component = component;\n    this._chartOption = component.getOption() as any;\n    this._env = this._chartOption.mode;\n    this._chartContainer = this._chartOption.globalInstance.getContainer();\n    this._compiler = component.getCompiler();\n    this._id = tooltipId; // 可能有多个 tooltip\n    this._initFromSpec();\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._component.getSpec() as ITooltipSpec;\n      /** 用户自定义逻辑 */\n      if (spec.handler) {\n        return spec.handler.hideTooltip?.(params) ?? 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    /** spec 预处理 */\n    let spec: ITooltipSpec | undefined;\n    if (changePositionOnly && this._cacheViewSpec) {\n      spec = this._cacheViewSpec;\n    } else {\n      spec = getTooltipSpecForShow(\n        activeType!,\n        this._component.getSpec(),\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) {\n      return spec.handler.showTooltip?.(activeType!, data!, params) ?? TooltipResult.success;\n    }\n\n    /** 默认逻辑 */\n    const pattern = spec[activeType!] as ITooltipPattern;\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!, params);\n      if (pattern.updateTitle) {\n        actualTooltip.title = pattern.updateTitle(actualTooltip.title, data, params);\n      }\n      if (pattern.updateContent) {\n        actualTooltip.content = pattern.updateContent(actualTooltip.content, data, params);\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) {\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      getTooltipPatternValue(pattern.position, data, params),\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, params);\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): TooltipResult {\n    return this.changeTooltip(false, params);\n  }\n\n  release(): void {\n    this._cacheViewSpec = undefined;\n    this._cacheActualTooltip = undefined;\n\n    const spec = this._component.getSpec() ?? {};\n    /** 用户自定义逻辑 */\n    if (spec.handler) {\n      spec.handler.release?.();\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    const tooltipSpec = this._component.getSpec();\n    let wait: number;\n    if (isNumber(tooltipSpec.throttleInterval)) {\n      wait = tooltipSpec.throttleInterval;\n    } else {\n      if (tooltipSpec.renderMode !== 'html' || !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._component.getSpec();\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    params: TooltipHandlerParams\n  ): IToolTipActual => {\n    // 可见性\n    const patternVisible = getTooltipPatternValue(pattern.visible, data, params);\n\n    // 数据\n    let tooltipContent: TooltipActualTitleContent | null = null;\n    tooltipContent = getShowContent(pattern, data, params);\n\n    const actualTooltip: IToolTipActual = {\n      ...tooltipContent,\n      visible: isValid(tooltipContent) ? patternVisible !== 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    tooltipParentElement: 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    const tooltipSpec = this._component.getSpec();\n\n    const isCanvas = 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    let isFixedPosition = false;\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      isFixedPosition = true;\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 getDefaultPointValue = (defaultValue = 0): IPoint => ({ x: defaultValue, y: defaultValue });\n    let relativePosOffset = getDefaultPointValue();\n    let tooltipParentElementRect: IPoint | DOMRect = getDefaultPointValue();\n    let chartElementScale = 1;\n    let tooltipParentElementScale = 1;\n\n    if (isTrueBrowser(this._env) && !tooltipSpec.confine) {\n      // 只有在 browser 模式下才可以获取到 window 对象\n      containerSize.width = window.innerWidth;\n      containerSize.height = window.innerHeight;\n\n      if (!isCanvas) {\n        tooltipParentElementRect = tooltipParentElement?.getBoundingClientRect() ?? {\n          x: Infinity,\n          y: Infinity\n        };\n        const chartElement = (this._compiler.getCanvas() ?? this._chartContainer) as HTMLElement;\n        const chartElementRect = chartElement?.getBoundingClientRect();\n        relativePosOffset = {\n          x: chartElementRect.x - tooltipParentElementRect.x,\n          y: chartElementRect.y - tooltipParentElementRect.y\n        };\n        chartElementScale = getScale(chartElement, chartElementRect);\n        tooltipParentElementScale = getScale(tooltipParentElement, tooltipParentElementRect as DOMRect);\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 + offsetX;\n    }\n    if (isValidNumber(top)) {\n      y = top;\n    } else if (isValidNumber(bottom)) {\n      y = canvasHeight - tooltipBoxHeight - bottom;\n    } else {\n      y = canvasY + offsetY;\n    }\n\n    x *= chartElementScale;\n    y *= chartElementScale;\n    if (isTrueBrowser(this._env)) {\n      x += relativePosOffset.x;\n      y += relativePosOffset.y;\n    }\n    x /= tooltipParentElementScale;\n    y /= tooltipParentElementScale;\n\n    /* 三、确保tooltip在视区内 */\n    const { width: containerWidth, height: containerHeight } = containerSize;\n\n    if ((x + tooltipBoxWidth) * tooltipParentElementScale + tooltipParentElementRect.x > containerWidth) {\n      // 位置不超出视区右界\n      if (isFixedPosition) {\n        x = (containerWidth - tooltipParentElementRect.x) / tooltipParentElementScale - tooltipBoxWidth;\n      } else {\n        x -= offsetX * 2 + tooltipBoxWidth;\n      }\n    }\n    if ((y + tooltipBoxHeight) * tooltipParentElementScale + tooltipParentElementRect.y > containerHeight) {\n      // 位置不超出视区下界\n      if (isFixedPosition) {\n        y = (containerHeight - tooltipParentElementRect.y) / tooltipParentElementScale - tooltipBoxHeight;\n      } else {\n        y -= offsetY * 2 + tooltipBoxHeight;\n      }\n    }\n    if (x * tooltipParentElementScale + tooltipParentElementRect.x < 0) {\n      // 位置不超出视区左界\n      x = 0 - tooltipParentElementRect.x / tooltipParentElementScale;\n    }\n    if (y * tooltipParentElementScale + tooltipParentElementRect.y < 0) {\n      // 位置不超出视区上界\n      y = 0 - tooltipParentElementRect.y / tooltipParentElementScale;\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 tooltipSpec = this._component.getSpec();\n    const { style = {}, enterable, transitionDuration } = tooltipSpec as ITooltipSpec;\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: ITooltipPanelStyle = {\n      lineWidth: border?.width ?? 0,\n      shadow: !!shadow\n    };\n    if (border?.color) {\n      panelStyle.stroke = border.color as string;\n    }\n    if (backgroundColor) {\n      panelStyle.fill = backgroundColor as string;\n    }\n\n    if (shadow) {\n      panelStyle.shadowColor = shadow.color as string;\n      panelStyle.shadowBlur = shadow.blur;\n      panelStyle.shadowOffsetX = shadow.x;\n      panelStyle.shadowOffsetY = shadow.y;\n      panelStyle.shadowSpread = shadow.spread;\n    }\n    const { radius } = border ?? {};\n    if (isValid(radius)) {\n      panelStyle.cornerRadius = [radius, radius, radius, radius];\n    }\n\n    const globalTheme = this._chartOption.getTheme?.();\n\n    return {\n      panel: panelStyle,\n      title: getTextAttributes(titleLabel, globalTheme),\n      shape: {\n        fill: true,\n        size: shape?.size ?? 8,\n        spacing: shape?.spacing ?? 6\n      },\n      key: getTextAttributes(keyLabel, globalTheme),\n      value: getTextAttributes(valueLabel, globalTheme),\n      padding,\n      spaceRow,\n      enterable,\n      transitionDuration\n    };\n  }\n\n  protected _getParentElement(spec: ITooltipSpec): HTMLElement {\n    return spec.parentElement as any;\n  }\n\n  getTooltipContainer() {\n    return this._container;\n  }\n\n  protected _initFromSpec() {\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  reInit() {\n    this._initFromSpec();\n  }\n}\n"]}

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

@@ -0,0 +1,19 @@
+import type { IToolTipActual } from '../../../../typings/tooltip';
+import type { TooltipHandlerParams } from '../../interface';
+import { BaseTooltipHandler } from '../base';
+import { Tooltip as TooltipComponent } from '@visactor/vrender-components';
+import type { Tooltip } from '../../tooltip';
+export declare class CanvasTooltipHandler extends BaseTooltipHandler {
+    type: string;
+    private _layer;
+    protected _el?: HTMLCanvasElement;
+    protected _tooltipCanvasId?: string;
+    protected _tooltipComponent: TooltipComponent;
+    constructor(tooltipId: string, component: Tooltip);
+    private _initTooltipComponent;
+    private _getLayer;
+    protected _removeTooltip(): void;
+    protected _updateTooltip(visible: boolean, params: TooltipHandlerParams, actualTooltip: IToolTipActual): void;
+    isTooltipShown(): boolean;
+    release(): void;
+}

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

@@ -0,0 +1,58 @@
+"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"), constants_1 = require("../constants");
+
+class CanvasTooltipHandler extends base_1.BaseTooltipHandler {
+    constructor(tooltipId, component) {
+        var _a;
+        super(tooltipId, component), this.type = constants_1.TooltipHandlerType.canvas, 
+        this._tooltipCanvasId = null === (_a = this._chartOption.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(), 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(), 
+        this._tooltipComponent.setAttributes({
+            visibleAll: !1
+        })));
+        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({}, this._attributeCache), pos)), 
+        this._tooltipComponent.attribute.visible || (this._tooltipComponent.showAll(), this._tooltipComponent.setAttributes({
+            visibleAll: !0
+        }));
+    }
+    isTooltipShown() {
+        var _a;
+        return null === (_a = this._tooltipComponent) || void 0 === _a ? void 0 : _a.attribute.visibleAll;
+    }
+    release() {
+        var _a;
+        super.release(), 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":["../src/component/tooltip/handler/canvas/canvas-tooltip-handler.ts"],"names":[],"mappings":"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","file":"canvas-tooltip-handler.js","sourcesContent":["import type { ILayer, INode, Stage } from '@visactor/vrender';\nimport type { IToolTipActual } from '../../../../typings/tooltip';\nimport type { TooltipHandlerParams } from '../../interface';\nimport { BaseTooltipHandler } from '../base';\nimport { Tooltip as TooltipComponent } from '@visactor/vrender-components';\nimport { isValid } from '@visactor/vutils';\nimport { TooltipHandlerType } from '../constants';\nimport type { Tooltip } from '../../tooltip';\n\n/**\n * The tooltip handler class.\n */\nexport class CanvasTooltipHandler extends BaseTooltipHandler {\n  type = TooltipHandlerType.canvas;\n\n  private _layer: ILayer;\n  protected _el?: HTMLCanvasElement;\n  protected _tooltipCanvasId?: string;\n  protected _tooltipComponent: TooltipComponent;\n\n  constructor(tooltipId: string, component: Tooltip) {\n    super(tooltipId, component);\n    this._tooltipCanvasId = (this._chartOption.modeParams as any)?.tooltipCanvasId;\n  }\n\n  private _initTooltipComponent(stage: Stage) {\n    const layer = this._getLayer(stage);\n    this._tooltipComponent = new TooltipComponent({\n      autoCalculatePosition: false,\n      autoMeasure: false\n    });\n    layer.add(this._tooltipComponent as unknown as INode);\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();\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        this._tooltipComponent.setAttributes({\n          visibleAll: false\n        });\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        ...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      this._tooltipComponent.setAttributes({\n        visibleAll: true\n      });\n    }\n  }\n\n  isTooltipShown() {\n    return this._tooltipComponent?.attribute.visibleAll;\n  }\n\n  release() {\n    super.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":["../src/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,17 @@
+import type { IToolTipLineActual } from '../../../typings';
+import { escapeHTML } from './utils/common';
+export declare const TOOLTIP_EL_CLASS_NAME = "vchart-tooltip-element";
+export declare const TOOLTIP_CONTAINER_EL_CLASS_NAME = "vchart-tooltip-container";
+export declare const TOOLTIP_MAX_LINE_COUNT = 20;
+export declare const TOOLTIP_EMPTY_STRING = "";
+export declare const TOOLTIP_OTHERS_LINE: IToolTipLineActual;
+export declare const DEFAULT_OPTIONS: {
+    offsetX: number;
+    offsetY: number;
+    sanitize: typeof escapeHTML;
+};
+export type Options = typeof DEFAULT_OPTIONS;
+export declare class TooltipHandlerType {
+    static dom: string;
+    static canvas: string;
+}

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

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.TooltipHandlerType = exports.DEFAULT_OPTIONS = exports.TOOLTIP_OTHERS_LINE = exports.TOOLTIP_EMPTY_STRING = exports.TOOLTIP_MAX_LINE_COUNT = exports.TOOLTIP_CONTAINER_EL_CLASS_NAME = exports.TOOLTIP_EL_CLASS_NAME = void 0;
+
+const constant_1 = require("../../../constant"), common_1 = require("./utils/common");
+
+exports.TOOLTIP_EL_CLASS_NAME = "vchart-tooltip-element", exports.TOOLTIP_CONTAINER_EL_CLASS_NAME = "vchart-tooltip-container", 
+exports.TOOLTIP_MAX_LINE_COUNT = 20, exports.TOOLTIP_EMPTY_STRING = "", exports.TOOLTIP_OTHERS_LINE = {
+    key: "其他",
+    value: "..."
+}, exports.DEFAULT_OPTIONS = {
+    offsetX: 10,
+    offsetY: 10,
+    sanitize: common_1.escapeHTML
+};
+
+class TooltipHandlerType {}
+
+exports.TooltipHandlerType = TooltipHandlerType, TooltipHandlerType.dom = `${constant_1.PREFIX}_TOOLTIP_HANDLER_DOM`, 
+TooltipHandlerType.canvas = `${constant_1.PREFIX}_TOOLTIP_HANDLER_CANVAS`;
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/tooltip/handler/constants.ts"],"names":[],"mappings":";;;AAAA,gDAA2C;AAE3C,2CAA4C;AAE/B,QAAA,qBAAqB,GAAG,wBAAwB,CAAC;AACjD,QAAA,+BAA+B,GAAG,0BAA0B,CAAC;AAC7D,QAAA,sBAAsB,GAAG,EAAE,CAAC;AAC5B,QAAA,oBAAoB,GAAG,EAAE,CAAC;AAE1B,QAAA,mBAAmB,GAAG;IAEjC,GAAG,EAAE,IAAI;IACT,KAAK,EAAE,KAAK;CACS,CAAC;AAEX,QAAA,eAAe,GAAG;IAI7B,OAAO,EAAE,EAAE;IAKX,OAAO,EAAE,EAAE;IAOX,QAAQ,EAAE,mBAAU;CACrB,CAAC;AAMF,MAAa,kBAAkB;;AAA/B,gDAGC;AAFQ,sBAAG,GAAG,GAAG,iBAAM,sBAAsB,CAAC;AACtC,yBAAM,GAAG,GAAG,iBAAM,yBAAyB,CAAC","file":"constants.js","sourcesContent":["import { PREFIX } from '../../../constant';\nimport type { IToolTipLineActual } from '../../../typings';\nimport { escapeHTML } from './utils/common';\n\nexport const TOOLTIP_EL_CLASS_NAME = 'vchart-tooltip-element';\nexport const TOOLTIP_CONTAINER_EL_CLASS_NAME = 'vchart-tooltip-container';\nexport const TOOLTIP_MAX_LINE_COUNT = 20;\nexport const TOOLTIP_EMPTY_STRING = '';\n\nexport const TOOLTIP_OTHERS_LINE = {\n  // TODO: i18n\n  key: '其他',\n  value: '...'\n} as IToolTipLineActual;\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\n/** 内置 handler 类型 */\nexport class TooltipHandlerType {\n  static dom = `${PREFIX}_TOOLTIP_HANDLER_DOM`; // 模拟 enum\n  static canvas = `${PREFIX}_TOOLTIP_HANDLER_CANVAS`;\n}\n"]}

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

@@ -0,0 +1,25 @@
+import type { IToolTipActual } from '../../../../typings/tooltip';
+import type { ITooltipSpec, TooltipHandlerParams } from '../../interface';
+import { BaseTooltipHandler } from '../base';
+import type { IDomTooltipStyle } from './interface';
+import { TooltipModel } from './model/tooltip-model';
+import type { Tooltip } from '../../tooltip';
+import type { Maybe } from '@visactor/vutils';
+export declare class DomTooltipHandler extends BaseTooltipHandler {
+    type: string;
+    protected _tooltipContainer: HTMLElement;
+    protected _domStyle: IDomTooltipStyle;
+    protected _tooltipActual?: IToolTipActual;
+    protected _container: Maybe<HTMLDivElement>;
+    protected model: TooltipModel;
+    getVisibility(): boolean;
+    setVisibility(_value: boolean): void;
+    constructor(tooltipId: string, component: Tooltip);
+    initEl(): void;
+    protected _removeTooltip(): void;
+    protected _updateTooltip(visible: boolean, params: TooltipHandlerParams, actualTooltip: IToolTipActual): void;
+    protected _initStyle(): void;
+    protected _getParentElement(spec: ITooltipSpec): HTMLElement;
+    isTooltipShown(): boolean;
+    reInit(): void;
+}

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

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DomTooltipHandler = void 0;
+
+const base_1 = require("../base"), util_1 = require("./util"), tooltip_model_1 = require("./model/tooltip-model"), constants_1 = require("../constants"), env_1 = require("../../../../util/env");
+
+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(tooltipId, component) {
+        super(tooltipId, component), this.type = constants_1.TooltipHandlerType.dom, this._tooltipContainer = null === env_1.domDocument || void 0 === env_1.domDocument ? void 0 : env_1.domDocument.body, 
+        this._initStyle(), this.initEl();
+    }
+    initEl() {
+        const tooltipSpec = this._component.getSpec(), parentElement = tooltipSpec.parentElement;
+        if (env_1.domDocument && parentElement) {
+            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 = env_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,
+                getTooltipStyle: () => this._domStyle,
+                getTooltipActual: () => this._tooltipActual,
+                getTooltipAttributes: () => this._attributeCache
+            }, [ tooltipSpec.className ], this.id);
+        }
+    }
+    _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._tooltipActual = actualTooltip, this._initStyle(), 
+            this.model.initAll(), this.model.setStyle(), this.model.setContent()), this.setVisibility(visible);
+            const {x: x = 0, y: y = 0} = null !== (_a = actualTooltip.position) && void 0 !== _a ? _a : {}, el = this.model.product;
+            el && (el.style.transform = `translate3d(${x}px, ${y}px, 0)`);
+        } else this.setVisibility(visible);
+    }
+    _initStyle() {
+        this._domStyle = (0, util_1.getDomStyles)(this._style, this._attributeCache);
+    }
+    _getParentElement(spec) {
+        var _a;
+        return null !== (_a = this._container) && void 0 !== _a ? _a : super._getParentElement(spec);
+    }
+    isTooltipShown() {
+        return this.getVisibility();
+    }
+    reInit() {
+        super.reInit(), this._initStyle();
+    }
+}
+
+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":["../src/component/tooltip/handler/dom/dom-tooltip-handler.ts"],"names":[],"mappings":"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","file":"dom-tooltip-handler.js","sourcesContent":["import type { IToolTipActual } from '../../../../typings/tooltip';\nimport type { ITooltipSpec, TooltipHandlerParams } from '../../interface';\nimport { BaseTooltipHandler } from '../base';\nimport { getDomStyles } from './util';\nimport type { IDomTooltipStyle } from './interface';\nimport { TooltipModel } from './model/tooltip-model';\nimport { TOOLTIP_CONTAINER_EL_CLASS_NAME, TooltipHandlerType } from '../constants';\nimport type { Tooltip } from '../../tooltip';\nimport type { Maybe } from '@visactor/vutils';\nimport { domDocument } from '../../../../util/env';\n\n/**\n * The tooltip handler class.\n */\nexport class DomTooltipHandler extends BaseTooltipHandler {\n  type = TooltipHandlerType.dom;\n\n  protected _tooltipContainer: HTMLElement = domDocument?.body;\n  protected _domStyle: IDomTooltipStyle;\n  protected _tooltipActual?: IToolTipActual;\n  protected declare _container: Maybe<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(tooltipId: string, component: Tooltip) {\n    super(tooltipId, component);\n    this._initStyle();\n    this.initEl();\n  }\n\n  initEl() {\n    const tooltipSpec = this._component.getSpec();\n    const parentElement = tooltipSpec.parentElement as HTMLElement | HTMLCanvasElement;\n    if (domDocument && parentElement) {\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        {\n          valueToHtml: this._option.sanitize,\n          getTooltipStyle: () => this._domStyle,\n          getTooltipActual: () => this._tooltipActual,\n          getTooltipAttributes: () => this._attributeCache\n        },\n        [tooltipSpec.className],\n        this.id\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._tooltipActual = actualTooltip;\n        this._initStyle();\n\n        this.model.initAll();\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      if (el) {\n        // https://stackoverflow.com/questions/22111256/translate3d-vs-translate-performance\n        el.style.transform = `translate3d(${x}px, ${y}px, 0)`;\n      }\n    }\n  }\n\n  protected _initStyle() {\n    this._domStyle = getDomStyles(this._style, this._attributeCache);\n  }\n\n  protected _getParentElement(spec: ITooltipSpec): HTMLElement {\n    return this._container ?? super._getParentElement(spec);\n  }\n\n  isTooltipShown() {\n    return this.getVisibility();\n  }\n\n  reInit() {\n    super.reInit();\n    this._initStyle();\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":["../src/component/tooltip/handler/dom/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wDAAsC","file":"index.js","sourcesContent":["export * from './dom-tooltip-handler';\n"]}