@visactor/vchart 0.0.1-alpha.0

package/esm/component/title/title.js

@@ -0,0 +1,130 @@
+import { BaseComponent } from "../base";
+
+import { ComponentTypeEnum } from "../interface";
+
+import { isArray, merge, isValidNumber, isValidOrient } from "../../util";
+
+import { Title as TitleComponents } from "@visactor/vrender-components";
+
+import { transformFillAndStroke } from "./utils";
+
+import { isEqual } from "@visactor/vutils";
+
+import { LayoutLevel, LayoutZIndex } from "../../constant";
+
+export class Title extends BaseComponent {
+    get orient() {
+        return this._orient;
+    }
+    get layoutOrient() {
+        return this._layoutOrient;
+    }
+    set layoutOrient(v) {
+        this._orient = v, this._layoutOrient = v;
+    }
+    constructor(spec, options) {
+        super(spec, Object.assign({}, options)), this.layoutType = "normal", this.layoutZIndex = LayoutZIndex.Title, 
+        this.layoutLevel = LayoutLevel.Title, this._orient = "top", this._orient = isValidOrient(spec.orient) ? spec.orient : "top", 
+        this._layoutOrient = this._orient;
+    }
+    static createComponent(spec, options) {
+        const titleSpec = spec.title;
+        if (!titleSpec || !1 === titleSpec.visible) return null;
+        if (!isArray(titleSpec)) return new Title(titleSpec, Object.assign(Object.assign({}, options), {
+            specKey: "title"
+        }));
+        const titles = [];
+        return titleSpec.forEach(((s, i) => {
+            !1 !== s.visible && titles.push(new Title(s, Object.assign(Object.assign({}, options), {
+                specIndex: i,
+                specKey: "title"
+            })));
+        })), titles;
+    }
+    _initTheme(theme) {
+        super._initTheme(theme), this._spec = merge({}, this._theme, this._originalSpec);
+    }
+    onRender(ctx) {}
+    updateSpec(spec) {
+        const originalSpec = this._originalSpec, result = super.updateSpec(spec);
+        return originalSpec.orient !== spec.orient && (result.reMake = !0), result.change = !0, 
+        result.reRender = !0, result;
+    }
+    changeRegions(regions) {}
+    update(ctx) {}
+    resize(ctx) {}
+    setLayoutStartPosition(pos) {
+        const {x: x, y: y} = pos;
+        isValidNumber(x) && this._titleComponent && this._titleComponent.setAttribute("x", x), 
+        isValidNumber(y) && this._titleComponent && this._titleComponent.setAttribute("y", y), 
+        super.setLayoutStartPosition({
+            x: x,
+            y: y
+        });
+    }
+    boundsInRect(rect) {
+        let result = {};
+        this.setLayoutRect(rect);
+        const attrs = this._getTitleAttrs();
+        this._createOrUpdateTitleComponent(attrs), result = this._getTitleLayoutRect();
+        const {x: x, y: y} = this.getLayoutStartPoint();
+        return {
+            x1: x,
+            y1: y,
+            x2: x + result.width,
+            y2: y + result.height
+        };
+    }
+    _getTitleLayoutRect() {
+        const titleBounds = this._titleComponent.AABBBounds;
+        return {
+            width: this._spec.width ? this._spec.width : isValidNumber(titleBounds.width()) ? titleBounds.width() : 0,
+            height: this._spec.height ? this._spec.height : isValidNumber(titleBounds.height()) ? titleBounds.height() : 0
+        };
+    }
+    _getTitleAttrs() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const realWidth = null !== (_a = this._spec.width) && void 0 !== _a ? _a : this.getLayoutRect().width;
+        return {
+            text: null !== (_b = this._spec.text) && void 0 !== _b ? _b : "",
+            subtext: null !== (_c = this._spec.subtext) && void 0 !== _c ? _c : "",
+            x: null !== (_d = this._spec.x) && void 0 !== _d ? _d : 0,
+            y: null !== (_e = this._spec.y) && void 0 !== _e ? _e : 0,
+            width: realWidth,
+            height: this._spec.height,
+            minWidth: this._spec.minWidth,
+            maxWidth: this._spec.maxWidth,
+            minHeight: this._spec.minHeight,
+            maxHeight: this._spec.maxHeight,
+            padding: this._spec.innerPadding,
+            align: null !== (_f = this._spec.align) && void 0 !== _f ? _f : "left",
+            verticalAlign: null !== (_g = this._spec.verticalAlign) && void 0 !== _g ? _g : "top",
+            textStyle: Object.assign({
+                width: realWidth
+            }, transformFillAndStroke({
+                style: merge({}, this._spec.textStyle)
+            }).style),
+            subtextStyle: Object.assign({
+                width: realWidth
+            }, transformFillAndStroke({
+                style: merge({}, this._spec.subtextStyle)
+            }).style)
+        };
+    }
+    _createOrUpdateTitleComponent(attrs) {
+        if (this._titleComponent) isEqual(attrs, this._cacheAttrs) || this._titleComponent.setAttributes(attrs); else {
+            const container = this.getContainer(), title = new TitleComponents(attrs);
+            title.name = "title", container.add(title), this._titleComponent = title, title.on("*", ((event, type) => this._delegateEvent(title, event, type)));
+        }
+        return this._cacheAttrs = attrs, this._titleComponent;
+    }
+    clear() {
+        super.clear(), this._titleComponent = null, this._cacheAttrs = null;
+    }
+    reInit() {
+        super.reInit(), this._initTheme();
+    }
+}
+
+Title.type = ComponentTypeEnum.title;
+//# sourceMappingURL=title.js.map

package/esm/component/title/title.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/title/title.ts"],"names":[],"mappings":"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","file":"title.js","sourcesContent":["import { BaseComponent } from '../base';\nimport { ComponentTypeEnum } from '../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IComponentOption } from '../interface';\nimport { isArray, merge, isValidNumber, isValidOrient } from '../../util';\nimport type { ITitle, ITitleSpec, ITitleTheme } from './interface';\nimport type { IRegion } from '../../region/interface';\nimport type { ILayoutRect } from '../../model/interface';\nimport { Title as TitleComponents } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport type { TitleAttrs } from '@visactor/vrender-components';\nimport type { INode } from '@visactor/vrender';\nimport type { IPoint, IOrientType } from '../../typings';\nimport { transformFillAndStroke } from './utils';\nimport { isEqual } from '@visactor/vutils';\nimport type { LayoutItem } from '../../model/layout-item';\nimport { LayoutLevel, LayoutZIndex } from '../../constant';\n\nexport class Title extends BaseComponent implements ITitle {\n  static type = ComponentTypeEnum.title;\n\n  layoutType: LayoutItem['layoutType'] = 'normal';\n  layoutZIndex: LayoutItem['layoutZIndex'] = LayoutZIndex.Title;\n  layoutLevel: number = LayoutLevel.Title;\n\n  protected declare _spec: ITitleSpec;\n  protected declare _theme: ITitleTheme;\n\n  protected _orient: IOrientType = 'top';\n\n  private _titleComponent: TitleComponents;\n  private _cacheAttrs: TitleAttrs;\n\n  get orient() {\n    return this._orient;\n  }\n\n  get layoutOrient() {\n    return this._layoutOrient;\n  }\n\n  set layoutOrient(v: IOrientType) {\n    this._orient = v;\n    this._layoutOrient = v;\n  }\n\n  constructor(spec: ITitleSpec, options: IComponentOption) {\n    super(spec, {\n      ...options\n    });\n    this._orient = isValidOrient(spec.orient) ? spec.orient : 'top';\n    this._layoutOrient = this._orient;\n  }\n\n  static createComponent(spec: any, options: IComponentOption) {\n    const titleSpec = spec.title;\n    if (!titleSpec || titleSpec.visible === false) {\n      return null;\n    }\n    if (!isArray(titleSpec)) {\n      return new Title(titleSpec, { ...options, specKey: 'title' });\n    }\n    const titles: Title[] = [];\n    titleSpec.forEach((s: any, i: number) => {\n      if (s.visible !== false) {\n        titles.push(new Title(s, { ...options, specIndex: i, specKey: 'title' }));\n      }\n    });\n    return titles;\n  }\n\n  protected _initTheme(theme?: any) {\n    super._initTheme(theme);\n    this._spec = merge({}, this._theme, this._originalSpec);\n  }\n\n  onRender(ctx: any): void {\n    // do nothing\n  }\n\n  /**\n   * updateSpec\n   */\n  updateSpec(spec: any) {\n    const originalSpec = this._originalSpec;\n    const result = super.updateSpec(spec);\n    if (originalSpec.orient !== spec.orient) {\n      result.reMake = true;\n    }\n\n    result.change = true;\n    result.reRender = true;\n    return result;\n  }\n\n  // region\n  changeRegions(regions: IRegion[]): void {\n    // do nothing\n  }\n\n  update(ctx: IComponentOption) {\n    // TODO\n  }\n\n  resize(ctx: IComponentOption) {\n    // TODO\n  }\n\n  setLayoutStartPosition(pos: Partial<IPoint>): void {\n    const { x, y } = pos;\n    if (isValidNumber(x)) {\n      this._titleComponent && this._titleComponent.setAttribute('x', x);\n    }\n    if (isValidNumber(y)) {\n      this._titleComponent && this._titleComponent.setAttribute('y', y);\n    }\n    super.setLayoutStartPosition({ x, y });\n  }\n\n  boundsInRect(rect: ILayoutRect) {\n    let result: Partial<ILayoutRect> = {};\n    this.setLayoutRect(rect);\n\n    const attrs = this._getTitleAttrs();\n    this._createOrUpdateTitleComponent(attrs);\n\n    result = this._getTitleLayoutRect();\n    const { x, y } = this.getLayoutStartPoint();\n    return {\n      x1: x,\n      y1: y,\n      x2: x + result.width,\n      y2: y + result.height\n    };\n  }\n\n  private _getTitleLayoutRect() {\n    const titleBounds = this._titleComponent.AABBBounds;\n    const width = this._spec.width ? this._spec.width : isValidNumber(titleBounds.width()) ? titleBounds.width() : 0;\n    const height = this._spec.height\n      ? this._spec.height\n      : isValidNumber(titleBounds.height())\n      ? titleBounds.height()\n      : 0;\n    return {\n      width,\n      height\n    };\n  }\n\n  private _getTitleAttrs() {\n    const realWidth = this._spec.width ?? this.getLayoutRect().width;\n    return {\n      text: this._spec.text ?? '',\n      subtext: this._spec.subtext ?? '',\n      x: this._spec.x ?? 0,\n      y: this._spec.y ?? 0,\n      width: realWidth,\n      height: this._spec.height,\n      minWidth: this._spec.minWidth,\n      maxWidth: this._spec.maxWidth,\n      minHeight: this._spec.minHeight,\n      maxHeight: this._spec.maxHeight,\n      padding: this._spec.innerPadding,\n      align: this._spec.align ?? 'left',\n      verticalAlign: this._spec.verticalAlign ?? 'top',\n      textStyle: {\n        width: realWidth,\n        ...transformFillAndStroke({\n          style: merge({}, this._spec.textStyle)\n        }).style\n      },\n      subtextStyle: {\n        width: realWidth,\n        ...transformFillAndStroke({\n          style: merge({}, this._spec.subtextStyle)\n        }).style\n      }\n    } as TitleAttrs;\n  }\n\n  private _createOrUpdateTitleComponent(attrs: TitleAttrs): TitleComponents {\n    if (this._titleComponent) {\n      if (!isEqual(attrs, this._cacheAttrs)) {\n        this._titleComponent.setAttributes(attrs);\n      }\n    } else {\n      const container = this.getContainer();\n      const title = new TitleComponents(attrs);\n      title.name = 'title';\n      container.add(title as unknown as INode);\n      this._titleComponent = title;\n      // 代理 title 组件上的事件\n      title.on('*', (event: any, type: string) => this._delegateEvent(title as unknown as INode, event, type));\n    }\n    this._cacheAttrs = attrs;\n    return this._titleComponent;\n  }\n\n  clear(): void {\n    super.clear();\n    this._titleComponent = null;\n    this._cacheAttrs = null;\n  }\n\n  reInit() {\n    super.reInit();\n    this._initTheme();\n  }\n}\n"]}

package/esm/component/title/utils.d.ts

@@ -0,0 +1,3 @@
+import type { IPadding } from '../../typings';
+export declare function transformPadding(padding: number | IPadding): number | number[];
+export declare function transformFillAndStroke(cfg: any): any;

package/esm/component/title/utils.js

@@ -0,0 +1,14 @@
+import { isNumber, isValid } from "@visactor/vutils";
+
+export function transformPadding(padding) {
+    if (isNumber(padding)) return padding;
+    return [ padding.top ? padding.top : 0, padding.right ? padding.right : 0, padding.bottom ? padding.bottom : 0, padding.left ? padding.left : 0 ];
+}
+
+export function transformFillAndStroke(cfg) {
+    const style = cfg.style;
+    return style && (style.stroke && (style.strokeColor = style.stroke, style.stroke = !0), 
+    isValid(style.strokeWidth) && (style.lineWidth = style.strokeWidth), style.fill && (style.fillColor = style.fill, 
+    style.fill = !0)), cfg;
+}
+//# sourceMappingURL=utils.js.map

package/esm/component/title/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/title/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,UAAU,gBAAgB,CAAC,OAA0B;IACzD,IAAI,QAAQ,CAAC,OAAO,CAAC,EAAE;QACrB,OAAO,OAAO,CAAC;KAChB;IAED,MAAM,MAAM,GAAa;QACvB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC7B,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACjC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACnC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;KAChC,CAAC;IACF,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,GAAQ;IAC7C,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC;IACxB,IAAI,KAAK,EAAE;QACT,IAAI,KAAK,CAAC,MAAM,EAAE;YAChB,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC;YACjC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;SACrB;QACD,IAAI,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE;YAC9B,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC;SACrC;QACD,IAAI,KAAK,CAAC,IAAI,EAAE;YACd,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC;YAC7B,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;SACnB;KACF;IAED,OAAO,GAAG,CAAC;AACb,CAAC","file":"utils.js","sourcesContent":["import type { IPadding } from '../../typings';\nimport { isNumber, isValid } from '@visactor/vutils';\n\nexport function transformPadding(padding: number | IPadding) {\n  if (isNumber(padding)) {\n    return padding;\n  }\n\n  const result: number[] = [\n    padding.top ? padding.top : 0,\n    padding.right ? padding.right : 0,\n    padding.bottom ? padding.bottom : 0,\n    padding.left ? padding.left : 0\n  ];\n  return result;\n}\n\nexport function transformFillAndStroke(cfg: any) {\n  const style = cfg.style;\n  if (style) {\n    if (style.stroke) {\n      style.strokeColor = style.stroke;\n      style.stroke = true;\n    }\n    if (isValid(style.strokeWidth)) {\n      style.lineWidth = style.strokeWidth;\n    }\n    if (style.fill) {\n      style.fillColor = style.fill;\n      style.fill = true;\n    }\n  }\n\n  return cfg;\n}\n"]}

package/esm/component/tooltip/config.d.ts

@@ -0,0 +1,2 @@
+import type { ITooltipSpec } from './interface';
+export declare const defaultTooltipSpec: Partial<ITooltipSpec>;

package/esm/component/tooltip/config.js

@@ -0,0 +1,8 @@
+export const defaultTooltipSpec = {
+    maxWidth: 440,
+    offset: {
+        x: 10,
+        y: 10
+    }
+};
+//# sourceMappingURL=config.js.map

package/esm/component/tooltip/config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/config.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,kBAAkB,GAA0B;IACvD,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE;QACN,CAAC,EAAE,EAAE;QACL,CAAC,EAAE,EAAE;KACN;CACF,CAAC","file":"config.js","sourcesContent":["import type { ITooltipSpec } from './interface';\n\nexport const defaultTooltipSpec: Partial<ITooltipSpec> = {\n  maxWidth: 440,\n  offset: {\n    x: 10,\n    y: 10\n  }\n};\n"]}

package/esm/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/esm/component/tooltip/handler/base.js

@@ -0,0 +1,223 @@
+import { DEFAULT_CHART_WIDTH, DEFAULT_CHART_HEIGHT } from "../../../constant/base";
+
+import { DEFAULT_OPTIONS } from "./constants";
+
+import { isTrueBrowser, isValid, throttle, isNil } from "../../../util";
+
+import { TooltipFixedPosition } from "../../../typings/tooltip";
+
+import { getShowContent, getTooltipSpecForShow, getActualTooltipPositionValue } from "./utils";
+
+import { TooltipResult } from "../interface";
+
+import { getTextAttributes } from "./utils/style";
+
+import { getElementAbsolutePosition, getElementAbsoluteScrollOffset, isNumber, isObject, isValidNumber } from "@visactor/vutils";
+
+import { getTooltipAttributes } from "./utils/attribute";
+
+export 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), 
+                TooltipResult.success) : (this._updateTooltip(!1, params), TooltipResult.success);
+            }
+            if (isNil(activeType) || isNil(data)) return TooltipResult.failed;
+            const event = params.event;
+            let spec;
+            if (changePositionOnly && this._cacheViewSpec ? spec = this._cacheViewSpec : (spec = getTooltipSpecForShow(activeType, this._tooltipSpec, params.model, params.dimensionInfo), 
+            this._cacheViewSpec = spec), !1 === spec.visible) return 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 : TooltipResult.success;
+            const pattern = spec[activeType];
+            if (!pattern) return 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))), 
+            isNil(null === (_f = actualTooltip.title) || void 0 === _f ? void 0 : _f.key) && isNil(null === (_g = actualTooltip.title) || void 0 === _g ? void 0 : _g.value) && !(null === (_h = actualTooltip.content) || void 0 === _h ? void 0 : _h.length) ? 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 : TooltipResult.success;
+            const pattern = spec[activeType];
+            if (!pattern) return 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), TooltipResult.success;
+        }, this._getActualTooltipContent = (pattern, data, event) => {
+            let tooltipContent = null;
+            tooltipContent = getShowContent(pattern, data, event);
+            return Object.assign(Object.assign({}, tooltipContent), {
+                visible: !!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 : DEFAULT_CHART_WIDTH, canvasHeight = null !== (_d = null == canvasRect ? void 0 : canvasRect.height) && void 0 !== _d ? _d : DEFAULT_CHART_HEIGHT;
+            let left, top, right, bottom, x, y;
+            if (isObject(position)) {
+                const {left: posLeft, right: posRight, top: posTop, bottom: posBottom} = position;
+                left = getActualTooltipPositionValue(posLeft, event), top = getActualTooltipPositionValue(posTop, event), 
+                right = getActualTooltipPositionValue(posRight, event), bottom = getActualTooltipPositionValue(posBottom, event);
+            } else if (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 TooltipFixedPosition.left:
+                        left = x1 - tooltipBoxWidth - offsetX, top = (y1 + y2) / 2 - tooltipBoxHeight / 2;
+                        break;
+
+                      case TooltipFixedPosition.right:
+                        left = x2 + offsetX, top = (y1 + y2) / 2 - tooltipBoxHeight / 2;
+                        break;
+
+                      case TooltipFixedPosition.top:
+                        left = (x1 + x2) / 2 - tooltipBoxWidth / 2, top = y1 - tooltipBoxHeight - offsetY;
+                        break;
+
+                      case TooltipFixedPosition.bottom:
+                        left = (x1 + x2) / 2 - tooltipBoxWidth / 2, top = y2 + offsetY;
+                        break;
+
+                      case 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 (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 = getElementAbsolutePosition(parentElement), parentElementScrollOffset = getElementAbsoluteScrollOffset(parentElement);
+                    const chartPosOffset = getElementAbsolutePosition(chartRenderer), chartScrollOffset = 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 = isValidNumber(left) ? left : isValidNumber(right) ? canvasWidth - tooltipBoxWidth - right : canvasX - scrollOffset.x + offsetX, 
+            y = isValidNumber(top) ? top : isValidNumber(bottom) ? canvasHeight - tooltipBoxHeight - bottom : canvasY - scrollOffset.y + offsetY, 
+            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 = isNumber(this._tooltipSpec.throttleInterval) ? this._tooltipSpec.throttleInterval : "html" === this._tooltipSpec.renderMode && this._tooltipSpec.transitionDuration ? 50 : 10, 
+        throttle(callback, wait);
+    }
+    _getDefaultOption() {
+        var _a, _b;
+        const {offset: offset} = this._tooltipSpec;
+        return Object.assign(Object.assign({}, DEFAULT_OPTIONS), {
+            offsetX: null !== (_a = null == offset ? void 0 : offset.x) && void 0 !== _a ? _a : DEFAULT_OPTIONS.offsetX,
+            offsetY: null !== (_b = null == offset ? void 0 : offset.y) && void 0 !== _b ? _b : DEFAULT_OPTIONS.offsetY
+        });
+    }
+    _getTooltipBoxSize(actualTooltip, changePositionOnly) {
+        return changePositionOnly && !isNil(this._attributeCache) || (this._attributeCache = 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), 
+        isValid(null == border ? void 0 : border.radius) && (panelStyle.borderRadius = [ border.radius, border.radius, border.radius, border.radius ]), 
+        {
+            panel: panelStyle,
+            title: 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: getTextAttributes(keyLabel),
+            value: getTextAttributes(valueLabel),
+            padding: padding,
+            minWidth: minWidth,
+            maxWidth: maxWidth,
+            spaceRow: spaceRow,
+            enterable: enterable,
+            transitionDuration: transitionDuration
+        };
+    }
+    _getParentElement(spec) {
+        return spec.parentElement;
+    }
+    getTooltipContainer() {
+        return this._container;
+    }
+}
+//# sourceMappingURL=base.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["component/tooltip/handler/base.ts"],"names":[],"mappings":"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","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/esm/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/esm/component/tooltip/handler/canvas/canvas-tooltip-handler.js

@@ -0,0 +1,46 @@
+import { BaseTooltipHandler } from "../base";
+
+import { Tooltip } from "@visactor/vrender-components";
+
+import { isValid } from "@visactor/vutils";
+
+export class CanvasTooltipHandler extends 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 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 ? 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();
+    }
+}
+//# sourceMappingURL=canvas-tooltip-handler.js.map