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

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

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.MobileTrigger = void 0;
+
+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() {}
+}
+
+exports.MobileTrigger = MobileTrigger;
+//# sourceMappingURL=mobile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/common/trigger/mobile.ts"],"names":[],"mappings":";;;AACA,MAAa,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;AAzCD,sCAyCC","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/cjs/component/crosshair/base.d.ts

@@ -0,0 +1,78 @@
+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, ICrosshairCategoryFieldSpec } 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<T extends ICartesianCrosshairSpec | IPolarCrosshairSpec> extends BaseComponent<T> 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: T, options: IComponentOption);
+    protected abstract _showDefaultCrosshair(): void;
+    protected abstract _layoutCrosshair(x: number, y: number): void;
+    protected abstract _parseFieldInfo(): void;
+    protected abstract _hide(): void;
+    protected _getLimitBounds(): IBoundsLike;
+    setAttrFromSpec(): void;
+    created(): void;
+    updateSpec(spec: any): {
+        change: boolean;
+        reMake: boolean;
+        reMakeData: boolean;
+        reRender: boolean;
+        reSize: boolean;
+        reCompile: boolean;
+    };
+    protected _initEvent(): void;
+    private _registerEvent;
+    private _eventOff;
+    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: ICrosshairCategoryFieldSpec, fieldName: string): any;
+    protected _filterAxisByPoint<T>(axisMap: IAxisInfo<T>, relativeX: number, relativeY: number): IAxisInfo<T>;
+}
+export {};

package/cjs/component/crosshair/base.js

@@ -0,0 +1,216 @@
+"use strict";
+
+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;
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BaseCrossHair = void 0;
+
+const vutils_1 = require("@visactor/vutils"), common_1 = require("../../typings/spec/common"), base_1 = require("../base"), util_1 = require("../../util"), constant_1 = require("../../constant"), config_1 = require("./config"), ORIENT_MAP = {
+    x: [ "top", "bottom" ],
+    y: [ "left", "right" ],
+    category: [ "angle" ],
+    value: [ "radius" ]
+};
+
+class BaseCrossHair extends base_1.BaseComponent {
+    get enableRemain() {
+        return "none" === this.triggerOff;
+    }
+    constructor(spec, options) {
+        super(spec, Object.assign({}, options)), this.layoutType = "absolute", this.gridZIndex = constant_1.LayoutZIndex.CrossHair_Grid, 
+        this.labelZIndex = constant_1.LayoutZIndex.CrossHair, this.trigger = "hover", this.triggerOff = "hover", 
+        this._handleEvent = (0, vutils_1.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.enable = !0, this.showDefault = !0;
+    }
+    _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;
+    }
+    _initEvent() {
+        if (this._getTriggerEvent()) {
+            const {in: triggerEvent, out: outTriggerEvent} = this._getTriggerEvent();
+            (0, util_1.isArray)(triggerEvent) ? triggerEvent.forEach(((eventName, index) => this._registerEvent(eventName, (0, 
+            util_1.isArray)(outTriggerEvent) ? outTriggerEvent[index] : outTriggerEvent))) : this._registerEvent(triggerEvent, outTriggerEvent);
+        }
+    }
+    _registerEvent(inEventName, outEventName) {
+        this.event.on(inEventName, {
+            source: constant_1.Event_Source_Type.chart
+        }, this._handleEvent), this.event.on(outEventName, {
+            level: constant_1.Event_Bubble_Level.chart
+        }, ((...arg) => {
+            this.enableRemain || this._hide();
+        }));
+    }
+    _eventOff(eventName) {
+        this.event.off(eventName, this._handleEvent);
+    }
+    updateLayoutAttribute() {
+        this._limitBounds = null, this._showDefaultCrosshair();
+    }
+    _getTriggerEvent() {
+        const {mode: mode = common_1.RenderModeEnum["desktop-browser"]} = this._option;
+        if (config_1.defaultCrosshairTriggerEvent[mode]) {
+            const trigger = this.trigger || "hover", outTrigger = trigger => "click" === trigger ? "clickOut" : "hoverOut";
+            if ((0, util_1.isArray)(trigger)) {
+                let inResult = [], outResult = [];
+                return trigger.forEach((item => {
+                    inResult = inResult.concat(config_1.defaultCrosshairTriggerEvent[mode][item]), outResult = outResult.concat(config_1.defaultCrosshairTriggerEvent[mode][outTrigger(item)]);
+                })), {
+                    in: inResult,
+                    out: outResult
+                };
+            }
+            return {
+                in: config_1.defaultCrosshairTriggerEvent[mode][trigger],
+                out: config_1.defaultCrosshairTriggerEvent[mode][outTrigger(trigger)]
+            };
+        }
+        return null;
+    }
+    _getAxisInfoByField(field) {
+        var _a, _b;
+        const axesComponents = null === (_b = null === (_a = this._option) || void 0 === _a ? void 0 : _a.getComponentsByKey) || void 0 === _b ? void 0 : _b.call(_a, "axes");
+        if (!(null == axesComponents ? void 0 : axesComponents.length)) return null;
+        let bindingAxesIndex = (0, util_1.get)(this._spec, `${field}Field.bindingAxesIndex`);
+        if (bindingAxesIndex || (bindingAxesIndex = [], axesComponents.forEach(((item, index) => {
+            ORIENT_MAP[field].includes(item.getOrient()) && 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() {
+        if (this._getTriggerEvent()) {
+            const {in: triggerEvent, out: outTriggerEvent} = this._getTriggerEvent();
+            (0, util_1.isArray)(triggerEvent) ? triggerEvent.forEach((eachTriggerEvent => this._eventOff(eachTriggerEvent))) : this._eventOff(triggerEvent), 
+            (0, util_1.isArray)(outTriggerEvent) ? outTriggerEvent.forEach((eachTriggerEvent => this._eventOff(eachTriggerEvent))) : this._eventOff(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 ((0, util_1.isNumber)(opacity) && (finalOpacity = (null != finalOpacity ? finalOpacity : 1) * opacity), 
+        hair.style = Object.assign({
+            opacity: finalOpacity,
+            pickable: !1,
+            visible: !(0, util_1.isBoolean)(null == line ? void 0 : line.visible) || line.visible
+        }, restStyle), isLineType) hair.style.stroke = stroke || fill, hair.style.lineWidth = (null == line ? void 0 : line.width) || lineWidth || 2; else if (hair.style.fill = 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 = 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)", stroke: rectStroke} = _f, rectStyle = __rest(_f, [ "fill", "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: 14,
+                pickable: !1
+            }, labelStyle), {
+                fill: null !== (_d = null == labelStyle ? void 0 : labelStyle.fill) && void 0 !== _d ? _d : "#fff",
+                stroke: (0, util_1.get)(labelStyle, "stroke")
+            }),
+            panel: Object.assign({
+                visible: (0, util_1.isBoolean)(null == labelBackground ? void 0 : labelBackground.visible) ? null == labelBackground ? void 0 : labelBackground.visible : !!labelBackground,
+                pickable: !1,
+                fill: rectFill,
+                stroke: rectStroke
+            }, rectStyle),
+            zIndex: this.labelZIndex
+        }, hair;
+    }
+    _filterAxisByPoint(axisMap, relativeX, relativeY) {
+        return axisMap && axisMap.forEach(((item, i) => {
+            const axis = item.axis;
+            if ((0, util_1.outOfBounds)(item, relativeX, relativeY) && axisMap.delete(axis.getSpecIndex()), 
+            axis.type.startsWith("polarAxis")) {
+                const center = axis.getCenter(), innerRadius = axis.getInnerRadius(), outerRadius = axis.getOuterRadius(), distance = vutils_1.PointService.distancePP({
+                    x: relativeX,
+                    y: relativeY
+                }, center);
+                (distance > outerRadius || distance < innerRadius) && axisMap.delete(axis.getSpecIndex());
+            }
+        })), axisMap;
+    }
+}
+
+exports.BaseCrossHair = BaseCrossHair;
+//# sourceMappingURL=base.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/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, 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  ICrosshairCategoryFieldSpec\n} from './interface';\nimport { Event_Bubble_Level, Event_Source_Type, LayoutZIndex } from '../../constant';\nimport { 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<T extends ICartesianCrosshairSpec | IPolarCrosshairSpec>\n  extends BaseComponent<T>\n  implements ICrossHair\n{\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: T, options: IComponentOption) {\n    super(spec, {\n      ...options\n    });\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 _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  protected _initEvent() {\n    if (this._getTriggerEvent()) {\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\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 _eventOff(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    if (defaultCrosshairTriggerEvent[mode]) {\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    return null;\n  }\n\n  protected _getAxisInfoByField<T = IAxis>(field: 'x' | 'y' | 'category' | 'value') {\n    // 加判空防止某些特殊时刻（如 updateSpec 时）鼠标滑过图表导致报错\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.getOrient())) {\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    if (this._getTriggerEvent()) {\n      const { in: triggerEvent, out: outTriggerEvent } = this._getTriggerEvent();\n      if (isArray(triggerEvent)) {\n        triggerEvent.forEach(eachTriggerEvent => this._eventOff(eachTriggerEvent));\n      } else {\n        this._eventOff(triggerEvent);\n      }\n      if (isArray(outTriggerEvent)) {\n        outTriggerEvent.forEach(eachTriggerEvent => this._eventOff(eachTriggerEvent));\n      } else {\n        this._eventOff(outTriggerEvent);\n      }\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: ICrosshairCategoryFieldSpec, 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 = stroke || fill;\n      hair.style.lineWidth = line?.width || lineWidth || 2;\n    } else {\n      hair.style.fill = fill || stroke;\n\n      if (this._originalSpec[fieldName]?.line?.style?.stroke) {\n        hair.style.stroke = 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 { fill: rectFill = 'rgba(47, 59, 82, 0.9)', stroke: rectStroke, ...rectStyle } = 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: 14,\n        pickable: false,\n        ...labelStyle,\n        fill: labelStyle?.fill ?? '#fff',\n        stroke: get(labelStyle, 'stroke')\n      },\n      panel: {\n        visible: isBoolean(labelBackground?.visible) ? labelBackground?.visible : !!labelBackground,\n        pickable: false,\n        fill: rectFill,\n        stroke: 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/cjs/component/crosshair/cartesian.d.ts

@@ -0,0 +1,65 @@
+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<T extends ICartesianCrosshairSpec = ICartesianCrosshairSpec> extends BaseCrossHair<T> {
+    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<any> | CartesianCrossHair<ICartesianCrosshairSpec>[];
+    constructor(spec: T, 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;
+    clearAxisValue(): void;
+    setAxisValue(v: StringOrNumber, axis: IAxis): void;
+    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;
+}