@visactor/vchart 0.0.1-alpha.0

package/esm/component/brush/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/brush/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { SymbolType } from '@visactor/vrender';\nimport type { IMarkSpec, IPolygonMarkSpec } from '../../typings';\nimport type { IComponent } from '../interface';\n\nexport type IBrush = IComponent;\n\nexport interface IBrushStyle {\n  brush?: IMarkSpec<IPolygonMarkSpec>;\n}\n\nexport interface IBrushSpec {\n  /**\n   * 组件可见性\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * 可刷取的regionIndex\n   */\n  regionIndex?: number | number[]; // 默认为所有region\n  /**\n   * 可刷取的regionId\n   */\n  regionId?: string | string[]; // 默认为所有region\n  /**\n   * 可刷取的seriesIndex\n   */\n  seriesIndex?: number | number[]; // 默认为所有系列\n  /**\n   * 可刷取的seriesId\n   */\n  seriesId?: string | string[]; // 默认为所有系列\n  /**\n   * 刷取联动的seriesIndex\n   */\n  brushLinkSeriesIndex?: number | number[]; // 默认无系列\n  /**\n   * 刷取联动的seriesId\n   */\n  brushLinkSeriesId?: string | string[]; // 默认无系列\n\n  /**\n   * 框选范围内的图元样式\n   */\n  inBrush?: selectedItemStyle;\n  /**\n   * 框选范围外的图元样式\n   */\n  outOfBrush?: selectedItemStyle;\n  /**\n   * 框选模式\n   * @default 'single'\n   */\n  brushMode?: IBrushMode;\n  /**\n   * 框选类型\n   * @default 'rect'\n   */\n  brushType?: IBrushType;\n  /**\n   * 是否可被平移\n   * @default true\n   */\n  brushMoved?: boolean;\n  /**\n   * brushMode为'single'时，是否单击清除选框\n   * @default true\n   */\n  removeOnClick?: boolean;\n  /**\n   * 事件触发延迟类型\n   * @default 'throttle'\n   */\n  delayType?: IDelayType;\n  /**\n   * 事件触发延迟时长\n   * @default 10\n   */\n  delayTime?: number;\n}\n\nexport type IBrushType = 'x' | 'y' | 'rect' | 'polygon';\nexport type IBrushMode = 'single' | 'multiple';\n\nexport type IDelayType = 'debounce' | 'throttle';\n\nexport type selectedItemStyle = {\n  /**\n   * 图元的图形类别\n   */\n  symbol?: SymbolType;\n  /**\n   * 图元的大小\n   */\n  symbolSize?: number;\n  /**\n   * 图元的颜色\n   */\n  color?: string;\n  /**\n   * 图元的颜色透明度\n   */\n  colorAlpha?: number;\n} & IMarkSpec<IPolygonMarkSpec>;\n\nexport type IBrushTheme = IBrushStyle;\n"]}

package/esm/component/common/trigger/config.d.ts

@@ -0,0 +1,54 @@
+import { DeskTopTrigger } from './desktop';
+import { MobileTrigger } from './mobile';
+export declare const defaultTriggerEvent: {
+    "desktop-browser": {
+        start: string;
+        move: string;
+        end: string;
+        zoom: string;
+        zoomEnd: string;
+        scroll: string;
+        scrollEnd: string;
+        trigger: typeof DeskTopTrigger;
+    };
+    "desktop-miniApp": {
+        start: string;
+        move: string;
+        end: string;
+        zoom: string;
+        zoomEnd: string;
+        scroll: string;
+        scrollEnd: string;
+        trigger: typeof DeskTopTrigger;
+    };
+    "mobile-browser": {
+        start: string;
+        move: string;
+        end: string;
+        zoom: string;
+        zoomEnd: string;
+        scroll: string;
+        scrollEnd: string;
+        trigger: typeof MobileTrigger;
+    };
+    miniApp: {
+        start: string;
+        move: string;
+        end: string;
+        zoom: string;
+        zoomEnd: string;
+        scroll: string;
+        scrollEnd: string;
+        trigger: typeof MobileTrigger;
+    };
+    lynx: {
+        start: string;
+        move: string;
+        end: string;
+        zoom: string;
+        zoomEnd: string;
+        scroll: string;
+        scrollEnd: string;
+        trigger: typeof MobileTrigger;
+    };
+};

package/esm/component/common/trigger/config.js

@@ -0,0 +1,59 @@
+import { RenderModeEnum } from "../../../typings/spec";
+
+import { DeskTopTrigger } from "./desktop";
+
+import { MobileTrigger } from "./mobile";
+
+export const defaultTriggerEvent = {
+    [RenderModeEnum["desktop-browser"]]: {
+        start: "pointerdown",
+        move: "pointermove",
+        end: "pointerup",
+        zoom: "wheel",
+        zoomEnd: "pointerup",
+        scroll: "wheel",
+        scrollEnd: "pointerup",
+        trigger: DeskTopTrigger
+    },
+    [RenderModeEnum["desktop-miniApp"]]: {
+        start: "pointerdown",
+        move: "pointermove",
+        end: "pointerup",
+        zoom: "wheel",
+        zoomEnd: "pointerup",
+        scroll: "wheel",
+        scrollEnd: "pointerup",
+        trigger: DeskTopTrigger
+    },
+    [RenderModeEnum["mobile-browser"]]: {
+        start: "pointerdown",
+        move: "pointermove",
+        end: "pointerup",
+        zoom: "pinch",
+        zoomEnd: "pinchend",
+        scroll: "pan",
+        scrollEnd: "panend",
+        trigger: MobileTrigger
+    },
+    [RenderModeEnum.miniApp]: {
+        start: "pointerdown",
+        move: "pointermove",
+        end: "pointerup",
+        zoom: "pinch",
+        zoomEnd: "pinchend",
+        scroll: "pan",
+        scrollEnd: "panend",
+        trigger: MobileTrigger
+    },
+    [RenderModeEnum.lynx]: {
+        start: "pointerdown",
+        move: "pointermove",
+        end: "pointerup",
+        zoom: "pinch",
+        zoomEnd: "pinchend",
+        scroll: "pan",
+        scrollEnd: "panend",
+        trigger: MobileTrigger
+    }
+};
+//# sourceMappingURL=config.js.map

package/esm/component/common/trigger/config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/common/trigger/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC,EAAE;QACnC,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,aAAa;QACnB,GAAG,EAAE,WAAW;QAChB,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,WAAW;QACpB,MAAM,EAAE,OAAO;QACf,SAAS,EAAE,WAAW;QACtB,OAAO,EAAE,cAAc;KACxB;IACD,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC,EAAE;QACnC,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,aAAa;QACnB,GAAG,EAAE,WAAW;QAChB,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,WAAW;QACpB,MAAM,EAAE,OAAO;QACf,SAAS,EAAE,WAAW;QACtB,OAAO,EAAE,cAAc;KACxB;IACD,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,EAAE;QAClC,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,aAAa;QACnB,GAAG,EAAE,WAAW;QAChB,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,UAAU;QACnB,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,QAAQ;QACnB,OAAO,EAAE,aAAa;KACvB;IACD,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;QACxB,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,aAAa;QACnB,GAAG,EAAE,WAAW;QAChB,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,UAAU;QACnB,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,QAAQ;QACnB,OAAO,EAAE,aAAa;KACvB;IACD,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE;QACrB,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,aAAa;QACnB,GAAG,EAAE,WAAW;QAChB,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,UAAU;QACnB,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,QAAQ;QACnB,OAAO,EAAE,aAAa;KACvB;CACF,CAAC","file":"config.js","sourcesContent":["import { RenderModeEnum } from '../../../typings/spec';\nimport { DeskTopTrigger } from './desktop';\nimport { MobileTrigger } from './mobile';\n\nexport const defaultTriggerEvent = {\n  [RenderModeEnum['desktop-browser']]: {\n    start: 'pointerdown',\n    move: 'pointermove',\n    end: 'pointerup',\n    zoom: 'wheel',\n    zoomEnd: 'pointerup',\n    scroll: 'wheel',\n    scrollEnd: 'pointerup',\n    trigger: DeskTopTrigger\n  },\n  [RenderModeEnum['desktop-miniApp']]: {\n    start: 'pointerdown',\n    move: 'pointermove',\n    end: 'pointerup',\n    zoom: 'wheel',\n    zoomEnd: 'pointerup',\n    scroll: 'wheel',\n    scrollEnd: 'pointerup',\n    trigger: DeskTopTrigger\n  },\n  [RenderModeEnum['mobile-browser']]: {\n    start: 'pointerdown',\n    move: 'pointermove',\n    end: 'pointerup',\n    zoom: 'pinch',\n    zoomEnd: 'pinchend',\n    scroll: 'pan',\n    scrollEnd: 'panend',\n    trigger: MobileTrigger\n  },\n  [RenderModeEnum.miniApp]: {\n    start: 'pointerdown',\n    move: 'pointermove',\n    end: 'pointerup',\n    zoom: 'pinch',\n    zoomEnd: 'pinchend',\n    scroll: 'pan',\n    scrollEnd: 'panend',\n    trigger: MobileTrigger\n  },\n  [RenderModeEnum.lynx]: {\n    start: 'pointerdown',\n    move: 'pointermove',\n    end: 'pointerup',\n    zoom: 'pinch',\n    zoomEnd: 'pinchend',\n    scroll: 'pan',\n    scrollEnd: 'panend',\n    trigger: MobileTrigger\n  }\n};\n"]}

package/esm/component/common/trigger/desktop.d.ts

@@ -0,0 +1,9 @@
+import type { IZoomTrigger } from './interface';
+export declare class DeskTopTrigger implements IZoomTrigger {
+    pointerId: number;
+    parserScrollEvent(e: any): any;
+    parserZoomEvent(e: any): any;
+    clearZoom(): void;
+    clearScroll(): void;
+    parserDragEvent(): boolean;
+}

package/esm/component/common/trigger/desktop.js

@@ -0,0 +1,17 @@
+export class DeskTopTrigger {
+    parserScrollEvent(e) {
+        return e ? !(e.ctrlKey || 0 === e.deltaY && 0 === e.deltaX) && (e.scrollX = e.deltaX, 
+        e.scrollY = e.deltaY, e) : e;
+    }
+    parserZoomEvent(e) {
+        if (!e || !e.ctrlKey) return e;
+        const zoom = Math.pow(1.0005, -e.deltaY * Math.pow(16, e.deltaMode));
+        return e.zoomDelta = zoom, e.zoomX = e.canvasX, e.zoomY = e.canvasY, e;
+    }
+    clearZoom() {}
+    clearScroll() {}
+    parserDragEvent() {
+        return !0;
+    }
+}
+//# sourceMappingURL=desktop.js.map

package/esm/component/common/trigger/desktop.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/common/trigger/desktop.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,cAAc;IAGzB,iBAAiB,CAAC,CAAM;QACtB,IAAI,CAAC,CAAC,EAAE;YACN,OAAO,CAAC,CAAC;SACV;QAGD,IAAI,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,EAAE;YACpD,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC;YACrB,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC;YACrB,OAAO,CAAC,CAAC;SACV;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IAED,eAAe,CAAC,CAAM;QACpB,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE;YACpB,OAAO,CAAC,CAAC;SACV;QAED,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;QACrE,CAAC,CAAC,SAAS,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,OAAO,CAAC;QACpB,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,OAAO,CAAC;QACpB,OAAO,CAAC,CAAC;IACX,CAAC;IACD,SAAS;IAET,CAAC;IAED,WAAW;IAEX,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC;IACd,CAAC;CACF","file":"desktop.js","sourcesContent":["import type { IZoomTrigger } from './interface';\n\nexport class DeskTopTrigger implements IZoomTrigger {\n  pointerId: number;\n\n  parserScrollEvent(e: any) {\n    if (!e) {\n      return e;\n    }\n\n    // 经过测试ctrlKey这个字段只有在双指方向不一致时，才会为true，根据这个判断是否触发scroll事件\n    if (!e.ctrlKey && (e.deltaY !== 0 || e.deltaX !== 0)) {\n      e.scrollX = e.deltaX;\n      e.scrollY = e.deltaY;\n      return e;\n    }\n\n    return false;\n  }\n\n  parserZoomEvent(e: any) {\n    if (!e || !e.ctrlKey) {\n      return e;\n    }\n    // @see https://vega.github.io/vega/examples/zoomable-world-map/\n    const zoom = Math.pow(1.0005, -e.deltaY * Math.pow(16, e.deltaMode));\n    e.zoomDelta = zoom;\n    e.zoomX = e.canvasX;\n    e.zoomY = e.canvasY;\n    return e;\n  }\n  clearZoom(): void {\n    // do nothing\n  }\n\n  clearScroll(): void {\n    // do nothing\n  }\n  parserDragEvent(): boolean {\n    return true;\n  }\n}\n"]}

package/esm/component/common/trigger/interface.d.ts

@@ -0,0 +1,8 @@
+export interface IZoomTrigger {
+    pointerId: number;
+    parserZoomEvent: (e: any) => any;
+    parserDragEvent: (event: any) => boolean;
+    parserScrollEvent: (event: any) => any;
+    clearZoom: () => void;
+    clearScroll: () => void;
+}

package/esm/component/common/trigger/interface.js

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=interface.js.map

package/esm/component/common/trigger/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/common/trigger/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["export interface IZoomTrigger {\n  pointerId: number;\n  parserZoomEvent: (e: any) => any;\n  parserDragEvent: (event: any) => boolean;\n  parserScrollEvent: (event: any) => any;\n  clearZoom: () => void;\n  clearScroll: () => void;\n}\n"]}

package/esm/component/common/trigger/mobile.d.ts

@@ -0,0 +1,10 @@
+import type { IZoomTrigger } from './interface';
+export declare class MobileTrigger implements IZoomTrigger {
+    private _lastScale;
+    pointerId: number;
+    clearZoom(): void;
+    parserDragEvent(event: any): boolean;
+    parserZoomEvent(event: any): any;
+    parserScrollEvent(event: any): any;
+    clearScroll(): void;
+}

package/esm/component/common/trigger/mobile.js

@@ -0,0 +1,25 @@
+export class MobileTrigger {
+    constructor() {
+        this._lastScale = 0;
+    }
+    clearZoom() {
+        this._lastScale = 0, this.pointerId = null;
+    }
+    parserDragEvent(event) {
+        return this.pointerId ? this.pointerId === event.pointerId : (this.pointerId = event.pointerId, 
+        !0);
+    }
+    parserZoomEvent(event) {
+        const scale = event.scale;
+        if (0 === this._lastScale) return this._lastScale = scale, event;
+        event.zoomDelta = scale / this._lastScale;
+        const center = event.center;
+        return event.zoomX = center.x, event.zoomY = center.y, this._lastScale = scale, 
+        event;
+    }
+    parserScrollEvent(event) {
+        return event;
+    }
+    clearScroll() {}
+}
+//# sourceMappingURL=mobile.js.map

package/esm/component/common/trigger/mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/common/trigger/mobile.ts"],"names":[],"mappings":"AACA,MAAM,OAAO,aAAa;IAA1B;QACU,eAAU,GAAG,CAAC,CAAC;IAwCzB,CAAC;IArCC,SAAS;QACP,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;QACpB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;IACxB,CAAC;IAED,eAAe,CAAC,KAAU;QACxB,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,OAAO,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;SAC3C;QACD,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,eAAe,CAAC,KAAU;QACxB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QAC1B,IAAI,IAAI,CAAC,UAAU,KAAK,CAAC,EAAE;YACzB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,OAAO,KAAK,CAAC;SACd;QACD,KAAK,CAAC,SAAS,GAAG,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC;QAE1C,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAC5B,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC;QACvB,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC;QACvB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAExB,OAAO,KAAK,CAAC;IACf,CAAC;IAED,iBAAiB,CAAC,KAAU;QAE1B,OAAO,KAAK,CAAC;IACf,CAAC;IAED,WAAW;IAEX,CAAC;CACF","file":"mobile.js","sourcesContent":["import type { IZoomTrigger } from './interface';\nexport class MobileTrigger implements IZoomTrigger {\n  private _lastScale = 0;\n  pointerId: number;\n\n  clearZoom(): void {\n    this._lastScale = 0;\n    this.pointerId = null;\n  }\n\n  parserDragEvent(event: any): boolean {\n    if (this.pointerId) {\n      return this.pointerId === event.pointerId;\n    }\n    this.pointerId = event.pointerId;\n    return true;\n  }\n\n  parserZoomEvent(event: any) {\n    const scale = event.scale;\n    if (this._lastScale === 0) {\n      this._lastScale = scale;\n      return event;\n    }\n    event.zoomDelta = scale / this._lastScale;\n\n    const center = event.center;\n    event.zoomX = center.x;\n    event.zoomY = center.y;\n    this._lastScale = scale;\n\n    return event;\n  }\n\n  parserScrollEvent(event: any) {\n    // todo\n    return event;\n  }\n\n  clearScroll(): void {\n    // do nothing\n  }\n}\n"]}

package/esm/component/crosshair/base.d.ts

@@ -0,0 +1,79 @@
+import type { Dict, IBoundsLike } from '@visactor/vutils';
+import type { IModelLayoutOption, IModelRenderOption } from '../../model/interface';
+import type { IRegion } from '../../region/interface';
+import { BaseComponent } from '../base';
+import type { IPadding, Maybe, StringOrNumber } from '../../typings';
+import type { LayoutItem } from '../../model/layout-item';
+import type { IComponentOption } from '../interface';
+import type { ICrossHair, CrossHairTrigger, ICartesianCrosshairSpec, IPolarCrosshairSpec, ICrosshairTheme, ICrosshairXFieldSpec } from './interface';
+import type { IAxis } from '../axis/interface';
+type IBound = {
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+};
+type IAxisInfo<T> = Map<number, IBound & {
+    axis: T;
+}>;
+export interface IHair {
+    visible: boolean;
+    type: 'rect' | 'line';
+    style?: Dict<any>;
+    label?: {
+        visible: boolean;
+        formatMethod?: (text: StringOrNumber | string[], position: string) => string | string[];
+        textStyle?: Dict<any>;
+        minWidth?: number;
+        maxWidth?: number;
+        padding?: IPadding | number | number[];
+        panel?: Dict<any>;
+        zIndex?: number;
+    };
+}
+export declare abstract class BaseCrossHair extends BaseComponent implements ICrossHair {
+    layoutType: LayoutItem['layoutType'];
+    gridZIndex: LayoutItem['layoutZIndex'];
+    labelZIndex: LayoutItem['layoutZIndex'];
+    trigger: CrossHairTrigger;
+    enable: boolean;
+    showDefault: boolean;
+    triggerOff: CrossHairTrigger | 'none';
+    protected _theme: Maybe<ICrosshairTheme>;
+    get enableRemain(): boolean;
+    protected crosshairConfig: ICartesianCrosshairSpec | IPolarCrosshairSpec;
+    private _limitBounds;
+    constructor(spec: ICartesianCrosshairSpec | IPolarCrosshairSpec, options: IComponentOption);
+    protected abstract showDefaultCrosshair(): void;
+    protected abstract layoutCrosshair(x: number, y: number): void;
+    protected abstract parseFieldInfo(): void;
+    protected abstract hide(): void;
+    protected _initTheme(theme?: any): void;
+    protected getLimitBounds(): IBoundsLike;
+    setAttrFromSpec(): void;
+    created(): void;
+    updateSpec(spec: any): {
+        change: boolean;
+        reMake: boolean;
+        reRender: boolean;
+        reSize: boolean;
+        reCompile: boolean;
+    };
+    reInit(): void;
+    protected initEvent(): void;
+    private _registerEvent;
+    private _releaseEvent;
+    updateLayoutAttribute(): void;
+    private handleEvent;
+    private getTriggerEvent;
+    protected _getAxisInfoByField<T = IAxis>(field: 'x' | 'y' | 'category' | 'value'): IAxisInfo<T>;
+    changeRegions(regions: IRegion[]): void;
+    onLayoutEnd(ctx: IModelLayoutOption): void;
+    onRender(ctx: IModelRenderOption): void;
+    protected releaseEvent(): void;
+    protected firstSeries<T>(): T | null;
+    protected parseCrosshairSpec(): void;
+    protected _parseField(field: ICrosshairXFieldSpec, fieldName: string): any;
+    protected _filterAxisByPoint<T>(axisMap: IAxisInfo<T>, relativeX: number, relativeY: number): IAxisInfo<T>;
+}
+export {};

package/esm/component/crosshair/base.js

@@ -0,0 +1,222 @@
+var __rest = this && this.__rest || function(s, e) {
+    var t = {};
+    for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+    if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+    }
+    return t;
+};
+
+import { throttle, PointService } from "@visactor/vutils";
+
+import { RenderModeEnum } from "../../typings/spec/common";
+
+import { BaseComponent } from "../base";
+
+import { isArray, merge, outOfBounds, isNumber, get, isBoolean } from "../../util";
+
+import { Event_Bubble_Level, Event_Source_Type, LayoutZIndex } from "../../constant";
+
+import { defaultCrossHairConfig, defaultCrosshairTriggerEvent } from "./config";
+
+const ORIENT_MAP = {
+    x: [ "top", "bottom" ],
+    y: [ "left", "right" ],
+    category: [ "angle" ],
+    value: [ "radius" ]
+};
+
+export class BaseCrossHair extends BaseComponent {
+    get enableRemain() {
+        return "none" === this.triggerOff;
+    }
+    constructor(spec, options) {
+        super(spec, Object.assign({}, options)), this.layoutType = "absolute", this.gridZIndex = LayoutZIndex.CrossHair_Grid, 
+        this.labelZIndex = LayoutZIndex.CrossHair, this.trigger = "hover", this.triggerOff = "hover", 
+        this.handleEvent = throttle((params => {
+            const {event: event} = params, x = event.viewX - this.getLayoutStartPoint().x, y = event.viewY - this.getLayoutStartPoint().y;
+            this.showDefault = !1, this.layoutCrosshair(x, y);
+        }), 10), this._spec = spec, this.enable = !0, this.showDefault = !0;
+    }
+    _initTheme(theme) {
+        super._initTheme(theme), this._spec = merge({}, defaultCrossHairConfig, this._theme, this._originalSpec);
+    }
+    getLimitBounds() {
+        var _a, _b;
+        if (!this._limitBounds) {
+            const {width: width, height: height} = null !== (_b = null === (_a = this._option.globalInstance.getChart()) || void 0 === _a ? void 0 : _a.getCanvasRect()) && void 0 !== _b ? _b : {
+                width: 0,
+                height: 0
+            };
+            this._limitBounds = {
+                x1: 0,
+                y1: 0,
+                x2: width,
+                y2: height
+            };
+        }
+        return this._limitBounds;
+    }
+    setAttrFromSpec() {
+        super.setAttrFromSpec(), this.crosshairConfig = this._spec, this.parseCrosshairSpec();
+    }
+    created() {
+        super.created(), this.initEvent();
+    }
+    updateSpec(spec) {
+        const result = super.updateSpec(spec);
+        return result.reRender = !0, result.reMake = !0, result;
+    }
+    reInit() {
+        super.reInit();
+    }
+    initEvent() {
+        const {in: triggerEvent, out: outTriggerEvent} = this.getTriggerEvent();
+        isArray(triggerEvent) ? triggerEvent.forEach(((eventName, index) => this._registerEvent(eventName, isArray(outTriggerEvent) ? outTriggerEvent[index] : outTriggerEvent))) : this._registerEvent(triggerEvent, outTriggerEvent);
+    }
+    _registerEvent(inEventName, outEventName) {
+        this.event.on(inEventName, {
+            source: Event_Source_Type.chart
+        }, this.handleEvent), this.event.on(outEventName, {
+            level: Event_Bubble_Level.chart
+        }, ((...arg) => {
+            this.enableRemain || this.hide();
+        }));
+    }
+    _releaseEvent(eventName) {
+        this.event.off(eventName, this.handleEvent);
+    }
+    updateLayoutAttribute() {
+        this._limitBounds = null, this.showDefaultCrosshair();
+    }
+    getTriggerEvent() {
+        const {mode: mode = RenderModeEnum["desktop-browser"]} = this._option, trigger = this.trigger || "hover", outTrigger = trigger => "click" === trigger ? "clickOut" : "hoverOut";
+        if (isArray(trigger)) {
+            let inResult = [], outResult = [];
+            return trigger.forEach((item => {
+                inResult = inResult.concat(defaultCrosshairTriggerEvent[mode][item]), outResult = outResult.concat(defaultCrosshairTriggerEvent[mode][outTrigger(item)]);
+            })), {
+                in: inResult,
+                out: outResult
+            };
+        }
+        return {
+            in: defaultCrosshairTriggerEvent[mode][trigger],
+            out: defaultCrosshairTriggerEvent[mode][outTrigger(trigger)]
+        };
+    }
+    _getAxisInfoByField(field) {
+        const axesComponents = this._option.getComponentsByKey("axes");
+        if (!axesComponents.length) return null;
+        let bindingAxesIndex = get(this._spec, `${field}Field.bindingAxesIndex`);
+        if (bindingAxesIndex || (bindingAxesIndex = [], axesComponents.forEach(((item, index) => {
+            ORIENT_MAP[field].includes(item.orient) && bindingAxesIndex.push(index);
+        }))), !bindingAxesIndex.length) return null;
+        const map = new Map;
+        let x1 = 1 / 0, y1 = 1 / 0, x2 = -1 / 0, y2 = -1 / 0;
+        const {x: sx, y: sy} = this.getLayoutStartPoint();
+        return bindingAxesIndex.forEach((idx => {
+            x1 = 1 / 0, y1 = 1 / 0, x2 = -1 / 0, y2 = -1 / 0;
+            const axis = axesComponents.find((axis => axis.getSpecIndex() === idx));
+            if (!axis) return;
+            axis.getRegions().forEach((r => {
+                x1 = Math.min(x1, r.getLayoutStartPoint().x - sx), y1 = Math.min(y1, r.getLayoutStartPoint().y - sy), 
+                x2 = Math.max(x2, r.getLayoutStartPoint().x + r.getLayoutRect().width - sx), y2 = Math.max(y2, r.getLayoutStartPoint().y + r.getLayoutRect().height - sy);
+            })), map.set(idx, {
+                x1: x1,
+                y1: y1,
+                x2: x2,
+                y2: y2,
+                axis: axis
+            });
+        })), map;
+    }
+    changeRegions(regions) {}
+    onLayoutEnd(ctx) {
+        this.setLayoutRect(this._regions[0].getLayoutRect()), this.setLayoutStartPosition(this._regions[0].getLayoutStartPoint()), 
+        super.onLayoutEnd(ctx);
+    }
+    onRender(ctx) {}
+    releaseEvent() {
+        const {in: triggerEvent, out: outTriggerEvent} = this.getTriggerEvent();
+        isArray(triggerEvent) ? triggerEvent.forEach((eachTriggerEvent => this._releaseEvent(eachTriggerEvent))) : this._releaseEvent(triggerEvent), 
+        isArray(outTriggerEvent) ? outTriggerEvent.forEach((eachTriggerEvent => this._releaseEvent(eachTriggerEvent))) : this._releaseEvent(outTriggerEvent);
+    }
+    firstSeries() {
+        for (let i = 0; i < this._regions.length; i++) {
+            const series = this._regions[i].getSeries();
+            for (let j = 0; j < series.length; j++) {
+                const s = series[j];
+                if (s) return s;
+            }
+        }
+        return null;
+    }
+    parseCrosshairSpec() {
+        this.parseFieldInfo();
+        const {trigger: trigger, triggerOff: triggerOff, labelZIndex: labelZIndex, gridZIndex: gridZIndex} = this.crosshairConfig;
+        trigger && (this.trigger = trigger), this.triggerOff = triggerOff || this.trigger, 
+        void 0 !== labelZIndex && (this.labelZIndex = labelZIndex), void 0 !== gridZIndex && (this.gridZIndex = gridZIndex);
+    }
+    _parseField(field, fieldName) {
+        var _a, _b, _c, _d;
+        const hair = {}, {line: line, label: label, visible: visible} = field;
+        hair.visible = visible, hair.type = (null == line ? void 0 : line.type) || "line";
+        const _e = (null == line ? void 0 : line.style) || {}, {strokeOpacity: strokeOpacity, fillOpacity: fillOpacity, opacity: opacity, stroke: stroke, fill: fill, lineWidth: lineWidth} = _e, restStyle = __rest(_e, [ "strokeOpacity", "fillOpacity", "opacity", "stroke", "fill", "lineWidth" ]), isLineType = "line" === hair.type;
+        let finalOpacity = isLineType ? strokeOpacity : fillOpacity;
+        if (isNumber(opacity) && (finalOpacity = (null != finalOpacity ? finalOpacity : 1) * opacity), 
+        hair.style = Object.assign({
+            opacity: finalOpacity,
+            pickable: !1,
+            visible: !isBoolean(null == line ? void 0 : line.visible) || line.visible
+        }, restStyle), isLineType) hair.style.stroke = !0, hair.style.strokeColor = stroke || fill, 
+        hair.style.lineWidth = (null == line ? void 0 : line.width) || lineWidth || 2; else if (hair.style.fill = !0, 
+        hair.style.fillColor = fill || stroke, (null === (_c = null === (_b = null === (_a = this._originalSpec[fieldName]) || void 0 === _a ? void 0 : _a.line) || void 0 === _b ? void 0 : _b.style) || void 0 === _c ? void 0 : _c.stroke) && (hair.style.stroke = !0, 
+        hair.style.strokeColor = this._originalSpec[fieldName].line.style.stroke), "string" == typeof line.width) {
+            const percent = parseInt(line.width.substring(0, line.width.length - 1), 10) / 100;
+            hair.style.sizePercent = percent;
+        } else "number" == typeof (null == line ? void 0 : line.width) && (hair.style.size = line.width);
+        const labelBackground = null == label ? void 0 : label.labelBackground, labelStyle = (null == label ? void 0 : label.style) || {}, _f = (null == labelBackground ? void 0 : labelBackground.style) || {}, {fill: rectFill = "rgba(47, 59, 82, 0.9)", cornerRadius: borderRadius = 0, stroke: rectStroke} = _f, rectStyle = __rest(_f, [ "fill", "cornerRadius", "stroke" ]);
+        return hair.label = {
+            visible: !!(null == label ? void 0 : label.visible),
+            formatMethod: null == label ? void 0 : label.formatMethod,
+            minWidth: null == labelBackground ? void 0 : labelBackground.minWidth,
+            maxWidth: null == labelBackground ? void 0 : labelBackground.maxWidth,
+            padding: null == labelBackground ? void 0 : labelBackground.padding,
+            textStyle: Object.assign(Object.assign({
+                fontSize: 12,
+                pickable: !1
+            }, labelStyle), {
+                fill: !0,
+                fillColor: null !== (_d = null == labelStyle ? void 0 : labelStyle.fill) && void 0 !== _d ? _d : "#fff",
+                stroke: !!get(labelStyle, "stroke"),
+                strokeColor: get(labelStyle, "stroke")
+            }),
+            panel: Object.assign({
+                visible: isBoolean(null == labelBackground ? void 0 : labelBackground.visible) ? null == labelBackground ? void 0 : labelBackground.visible : !!labelBackground,
+                pickable: !1,
+                fill: !!rectFill,
+                fillColor: rectFill,
+                borderRadius: borderRadius,
+                stroke: !!rectStroke,
+                strokeColor: rectStroke
+            }, rectStyle),
+            zIndex: this.labelZIndex
+        }, hair;
+    }
+    _filterAxisByPoint(axisMap, relativeX, relativeY) {
+        return axisMap && axisMap.forEach(((item, i) => {
+            const axis = item.axis;
+            if (outOfBounds(item, relativeX, relativeY) && axisMap.delete(axis.getSpecIndex()), 
+            axis.type.startsWith("polarAxis")) {
+                const center = axis.getCenter(), innerRadius = axis.getInnerRadius(), outerRadius = axis.getOuterRadius(), distance = PointService.distancePP({
+                    x: relativeX,
+                    y: relativeY
+                }, center);
+                (distance > outerRadius || distance < innerRadius) && axisMap.delete(axis.getSpecIndex());
+            }
+        })), axisMap;
+    }
+}
+//# sourceMappingURL=base.js.map

package/esm/component/crosshair/base.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/crosshair/base.ts"],"names":[],"mappings":"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","file":"base.js","sourcesContent":["import type { Dict, IBoundsLike } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { throttle, PointService } from '@visactor/vutils';\n\nimport { RenderModeEnum } from '../../typings/spec/common';\nimport type { BaseEventParams, EventType } from '../../event/interface';\nimport type { IModelLayoutOption, IModelRenderOption } from '../../model/interface';\nimport type { IRegion } from '../../region/interface';\nimport { BaseComponent } from '../base';\nimport type { IPadding, Maybe, StringOrNumber } from '../../typings';\nimport { isArray, merge, outOfBounds, isNumber, get, isBoolean } from '../../util';\nimport type { LayoutItem } from '../../model/layout-item';\nimport type { IComponentOption } from '../interface';\nimport type {\n  ICrossHair,\n  CrossHairTrigger,\n  ICartesianCrosshairSpec,\n  IPolarCrosshairSpec,\n  ICrosshairTheme,\n  ICrosshairXFieldSpec\n} from './interface';\nimport { Event_Bubble_Level, Event_Source_Type, LayoutZIndex } from '../../constant';\nimport { defaultCrossHairConfig, defaultCrosshairTriggerEvent } from './config';\nimport type { IPolarAxis } from '../axis/polar/interface';\nimport type { IAxis } from '../axis/interface';\n\ntype IBound = { x1: number; y1: number; x2: number; y2: number };\ntype IAxisInfo<T> = Map<number, IBound & { axis: T }>;\n\nexport interface IHair {\n  /** 是否展示 crosshair 辅助图形 */\n  visible: boolean;\n  /** 类型 */\n  type: 'rect' | 'line';\n  /** 样式 */\n  style?: Dict<any>;\n  label?: {\n    /** 文本是否可见 */\n    visible: boolean;\n    /** 格式化函数 */\n    formatMethod?: (text: StringOrNumber | string[], position: string) => string | string[];\n    /** 文本样式 */\n    textStyle?: Dict<any>;\n    minWidth?: number;\n    maxWidth?: number;\n    padding?: IPadding | number | number[];\n    panel?: Dict<any>;\n    zIndex?: number;\n  };\n}\n\nconst ORIENT_MAP = {\n  x: ['top', 'bottom'],\n  y: ['left', 'right'],\n  category: ['angle'],\n  value: ['radius']\n};\n\nexport abstract class BaseCrossHair extends BaseComponent implements ICrossHair {\n  layoutType: LayoutItem['layoutType'] = 'absolute';\n  gridZIndex: LayoutItem['layoutZIndex'] = LayoutZIndex.CrossHair_Grid;\n  labelZIndex: LayoutItem['layoutZIndex'] = LayoutZIndex.CrossHair;\n  trigger: CrossHairTrigger = 'hover';\n  enable: boolean;\n  showDefault: boolean;\n  triggerOff: CrossHairTrigger | 'none' = 'hover'; // 为none则不消失\n\n  protected declare _theme: Maybe<ICrosshairTheme>;\n\n  get enableRemain(): boolean {\n    return this.triggerOff === 'none';\n  }\n\n  protected crosshairConfig: ICartesianCrosshairSpec | IPolarCrosshairSpec;\n  private _limitBounds: Maybe<IBoundsLike>;\n\n  constructor(spec: ICartesianCrosshairSpec | IPolarCrosshairSpec, options: IComponentOption) {\n    super(spec, {\n      ...options\n    });\n    this._spec = spec;\n    this.enable = true;\n    this.showDefault = true;\n  }\n\n  protected abstract showDefaultCrosshair(): void;\n  protected abstract layoutCrosshair(x: number, y: number): void;\n  protected abstract parseFieldInfo(): void;\n  protected abstract hide(): void;\n\n  protected _initTheme(theme?: any) {\n    super._initTheme(theme);\n    this._spec = merge({}, defaultCrossHairConfig, this._theme, this._originalSpec);\n  }\n\n  protected getLimitBounds() {\n    if (!this._limitBounds) {\n      const { width, height } = this._option.globalInstance.getChart()?.getCanvasRect() ?? {\n        width: 0,\n        height: 0\n      };\n      this._limitBounds = {\n        x1: 0,\n        y1: 0,\n        x2: width,\n        y2: height\n      };\n    }\n    return this._limitBounds;\n  }\n\n  setAttrFromSpec() {\n    super.setAttrFromSpec();\n    this.crosshairConfig = this._spec;\n    this.parseCrosshairSpec();\n  }\n\n  created() {\n    super.created();\n    // event\n    this.initEvent();\n  }\n\n  /**\n   * updateSpec\n   */\n  updateSpec(spec: any) {\n    const result = super.updateSpec(spec);\n    result.reRender = true;\n    result.reMake = true;\n    return result;\n  }\n\n  reInit() {\n    super.reInit();\n    // TODO: setMarkStyle;\n  }\n\n  protected initEvent() {\n    const { in: triggerEvent, out: outTriggerEvent } = this.getTriggerEvent();\n    if (isArray(triggerEvent)) {\n      triggerEvent.forEach((eventName, index) =>\n        this._registerEvent(eventName, isArray(outTriggerEvent) ? outTriggerEvent[index] : outTriggerEvent)\n      );\n    } else {\n      this._registerEvent(triggerEvent, outTriggerEvent);\n    }\n  }\n\n  private _registerEvent(inEventName: EventType, outEventName: EventType) {\n    this.event.on(inEventName, { source: Event_Source_Type.chart }, this.handleEvent);\n    this.event.on(outEventName, { level: Event_Bubble_Level.chart }, (...arg: any) => {\n      if (this.enableRemain) {\n        return;\n      }\n      this.hide();\n    });\n  }\n\n  private _releaseEvent(eventName: EventType) {\n    this.event.off(eventName, this.handleEvent);\n  }\n\n  updateLayoutAttribute() {\n    this._limitBounds = null;\n    this.showDefaultCrosshair();\n  }\n\n  private handleEvent = throttle((params: any) => {\n    const { event } = params as BaseEventParams;\n    const x = (event as any).viewX - this.getLayoutStartPoint().x;\n    const y = (event as any).viewY - this.getLayoutStartPoint().y;\n    // 索引到datum\n    this.showDefault = false;\n    this.layoutCrosshair(x, y);\n  }, 10);\n\n  private getTriggerEvent() {\n    const { mode = RenderModeEnum['desktop-browser'] } = this._option;\n    const trigger = this.trigger || 'hover';\n    const outTrigger = (trigger: CrossHairTrigger) => (trigger === 'click' ? 'clickOut' : 'hoverOut');\n    if (isArray(trigger)) {\n      // 同时配置了多个触发事件\n      let inResult: string[] = [];\n      let outResult: string[] = [];\n      trigger.forEach(item => {\n        inResult = inResult.concat(defaultCrosshairTriggerEvent[mode][item]);\n        outResult = outResult.concat(defaultCrosshairTriggerEvent[mode][outTrigger(item)]);\n      });\n      return {\n        in: inResult,\n        out: outResult\n      };\n    }\n    return {\n      in: defaultCrosshairTriggerEvent[mode][trigger],\n      out: defaultCrosshairTriggerEvent[mode][outTrigger(trigger)]\n    };\n  }\n\n  protected _getAxisInfoByField<T = IAxis>(field: 'x' | 'y' | 'category' | 'value') {\n    const axesComponents = this._option.getComponentsByKey('axes') as IAxis[];\n    if (!axesComponents.length) {\n      return null;\n    }\n    let bindingAxesIndex: number[] = get(this._spec, `${field}Field.bindingAxesIndex`);\n    if (!bindingAxesIndex) {\n      bindingAxesIndex = [];\n      axesComponents.forEach((item, index) => {\n        if (ORIENT_MAP[field].includes(item.orient)) {\n          bindingAxesIndex.push(index);\n        }\n      });\n    }\n    if (!bindingAxesIndex.length) {\n      return null;\n    }\n\n    const map: IAxisInfo<T> = new Map();\n    let x1 = Infinity;\n    let y1 = Infinity;\n    let x2 = -Infinity;\n    let y2 = -Infinity;\n    const { x: sx, y: sy } = this.getLayoutStartPoint();\n    bindingAxesIndex.forEach(idx => {\n      (x1 = Infinity), (y1 = Infinity), (x2 = -Infinity), (y2 = -Infinity);\n      const axis = axesComponents.find(axis => axis.getSpecIndex() === idx);\n      if (!axis) {\n        return;\n      }\n      const regions = axis.getRegions();\n      regions.forEach(r => {\n        x1 = Math.min(x1, r.getLayoutStartPoint().x - sx);\n        y1 = Math.min(y1, r.getLayoutStartPoint().y - sy);\n        x2 = Math.max(x2, r.getLayoutStartPoint().x + r.getLayoutRect().width - sx);\n        y2 = Math.max(y2, r.getLayoutStartPoint().y + r.getLayoutRect().height - sy);\n      });\n      map.set(idx, { x1, y1, x2, y2, axis: axis as unknown as T });\n    });\n\n    return map;\n  }\n\n  changeRegions(regions: IRegion[]): void {\n    // do nothing\n  }\n\n  onLayoutEnd(ctx: IModelLayoutOption): void {\n    this.setLayoutRect(this._regions[0].getLayoutRect());\n    this.setLayoutStartPosition(this._regions[0].getLayoutStartPoint());\n\n    super.onLayoutEnd(ctx);\n  }\n\n  onRender(ctx: IModelRenderOption): void {\n    // do nothing\n  }\n\n  protected releaseEvent(): void {\n    const { in: triggerEvent, out: outTriggerEvent } = this.getTriggerEvent();\n    if (isArray(triggerEvent)) {\n      triggerEvent.forEach(eachTriggerEvent => this._releaseEvent(eachTriggerEvent));\n    } else {\n      this._releaseEvent(triggerEvent);\n    }\n    if (isArray(outTriggerEvent)) {\n      outTriggerEvent.forEach(eachTriggerEvent => this._releaseEvent(eachTriggerEvent));\n    } else {\n      this._releaseEvent(outTriggerEvent);\n    }\n  }\n\n  protected firstSeries<T>(): T | null {\n    for (let i = 0; i < this._regions.length; i++) {\n      const r = this._regions[i];\n      const series = r.getSeries();\n      for (let j = 0; j < series.length; j++) {\n        const s = series[j];\n        if (s) {\n          return s as unknown as T;\n        }\n      }\n    }\n    return null;\n  }\n\n  protected parseCrosshairSpec() {\n    this.parseFieldInfo();\n\n    const { trigger, triggerOff, labelZIndex, gridZIndex } = this.crosshairConfig;\n    if (trigger) {\n      this.trigger = trigger;\n    }\n    if (triggerOff) {\n      this.triggerOff = triggerOff;\n    } else {\n      this.triggerOff = this.trigger;\n    }\n    if (labelZIndex !== undefined) {\n      this.labelZIndex = labelZIndex;\n    }\n    if (gridZIndex !== undefined) {\n      this.gridZIndex = gridZIndex;\n    }\n  }\n\n  protected _parseField(field: ICrosshairXFieldSpec, fieldName: string) {\n    const hair = {} as any;\n    const { line, label, visible } = field;\n    hair.visible = visible;\n    hair.type = line?.type || 'line';\n    const style = line?.style || {};\n    const { strokeOpacity, fillOpacity, opacity, stroke, fill, lineWidth, ...restStyle } = style as any;\n    const isLineType = hair.type === 'line';\n    let finalOpacity = isLineType ? strokeOpacity : fillOpacity;\n    if (isNumber(opacity)) {\n      finalOpacity = (finalOpacity ?? 1) * opacity;\n    }\n    hair.style = {\n      opacity: finalOpacity,\n      pickable: false,\n      visible: isBoolean(line?.visible) ? line.visible : true,\n      ...restStyle\n    };\n    if (isLineType) {\n      hair.style.stroke = true;\n      hair.style.strokeColor = stroke || fill;\n      hair.style.lineWidth = line?.width || lineWidth || 2;\n    } else {\n      hair.style.fill = true;\n      hair.style.fillColor = fill || stroke;\n\n      if (this._originalSpec[fieldName]?.line?.style?.stroke) {\n        hair.style.stroke = true;\n        hair.style.strokeColor = this._originalSpec[fieldName].line.style.stroke;\n      }\n      if (typeof line.width === 'string') {\n        const percent = parseInt(line.width.substring(0, line.width.length - 1), 10) / 100;\n        hair.style.sizePercent = percent;\n      } else if (typeof line?.width === 'number') {\n        hair.style.size = line.width;\n      }\n    }\n    const labelBackground = label?.labelBackground;\n    const labelStyle = label?.style || {};\n    const {\n      fill: rectFill = 'rgba(47, 59, 82, 0.9)',\n      cornerRadius: borderRadius = 0,\n      stroke: rectStroke,\n      ...rectStyle\n    } = labelBackground?.style || {};\n    hair.label = {\n      visible: !!label?.visible,\n      formatMethod: label?.formatMethod,\n      minWidth: labelBackground?.minWidth,\n      maxWidth: labelBackground?.maxWidth,\n      padding: labelBackground?.padding,\n      textStyle: {\n        fontSize: 12,\n        pickable: false,\n        ...labelStyle,\n        fill: true,\n        fillColor: labelStyle?.fill ?? '#fff',\n        stroke: !!get(labelStyle, 'stroke'),\n        strokeColor: get(labelStyle, 'stroke')\n      },\n      panel: {\n        visible: isBoolean(labelBackground?.visible) ? labelBackground?.visible : !!labelBackground,\n        pickable: false,\n        fill: !!rectFill,\n        fillColor: rectFill,\n        borderRadius,\n        stroke: !!rectStroke,\n        strokeColor: rectStroke,\n        ...rectStyle\n      },\n      zIndex: this.labelZIndex\n    };\n\n    return hair;\n  }\n\n  protected _filterAxisByPoint<T>(axisMap: IAxisInfo<T>, relativeX: number, relativeY: number) {\n    axisMap &&\n      axisMap.forEach((item, i) => {\n        const axis = item.axis as unknown as IAxis | IPolarAxis;\n        if (outOfBounds(item, relativeX, relativeY)) {\n          axisMap.delete(axis.getSpecIndex());\n        }\n        if ((axis as IPolarAxis).type.startsWith('polarAxis')) {\n          // 极坐标下需要判断是否在半径内\n          const center = (axis as IPolarAxis).getCenter();\n          const innerRadius = (axis as IPolarAxis).getInnerRadius();\n          const outerRadius = (axis as IPolarAxis).getOuterRadius();\n          const distance = PointService.distancePP({ x: relativeX, y: relativeY }, center);\n          if (distance > outerRadius || distance < innerRadius) {\n            axisMap.delete((axis as IPolarAxis).getSpecIndex());\n          }\n        }\n      });\n    return axisMap;\n  }\n}\n"]}

package/esm/component/crosshair/cartesian.d.ts

@@ -0,0 +1,63 @@
+import type { IComponentOption } from '../interface';
+import { ComponentTypeEnum } from '../interface';
+import type { ICartesianCrosshairSpec } from './interface';
+import type { IHair } from './base';
+import { BaseCrossHair } from './base';
+import type { IAxis } from '../axis/interface';
+import type { StringOrNumber } from '../../typings';
+export declare class CartesianCrossHair extends BaseCrossHair {
+    static type: ComponentTypeEnum;
+    type: ComponentTypeEnum;
+    name: string;
+    currValueX: Map<number, {
+        v: StringOrNumber;
+        axis: IAxis;
+    }>;
+    currValueY: Map<number, {
+        v: StringOrNumber;
+        axis: IAxis;
+    }>;
+    xHair: IHair | undefined;
+    yHair: IHair | undefined;
+    private _cacheXCrossHairInfo;
+    private _cacheYCrossHairInfo;
+    private _xCrosshair;
+    private _xTopLabel;
+    private _xBottomLabel;
+    private _yCrosshair;
+    private _yLeftLabel;
+    private _yRightLabel;
+    static createComponent(spec: any, options: IComponentOption): CartesianCrossHair | CartesianCrossHair[];
+    constructor(spec: ICartesianCrosshairSpec, options: IComponentOption);
+    protected showDefaultCrosshair(): void;
+    private defaultCrosshair;
+    findAllAxisContains(relativeX: number, relativeY: number): {
+        xAxisMap: Map<number, {
+            x1: number;
+            y1: number;
+            x2: number;
+            y2: number;
+        } & {
+            axis: IAxis;
+        }>;
+        yAxisMap: Map<number, {
+            x1: number;
+            y1: number;
+            x2: number;
+            y2: number;
+        } & {
+            axis: IAxis;
+        }>;
+    };
+    private getValueAt;
+    private getAllAxisValues;
+    protected layoutCrosshair(relativeX: number, relativeY: number): void;
+    protected hide(): void;
+    private layoutByValue;
+    private _layoutVertical;
+    private _layoutHorizontal;
+    protected parseFieldInfo(): void;
+    private _updateCrosshair;
+    private _updateCrosshairLabel;
+    clear(): void;
+}