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

package/cjs/component/crosshair/interface/spec.d.ts

@@ -0,0 +1,70 @@
+import type { IPadding, StringOrNumber, ILineMarkSpec, IRectMarkSpec, ITextMarkSpec } from '../../../typings';
+import type { IAxis } from '../../axis/interface';
+import type { IComponentSpec } from '../../base/interface';
+import type { IComponent } from '../../interface';
+export interface ICrossHair extends IComponent {
+    clearAxisValue?: () => void;
+    setAxisValue?: (v: StringOrNumber, axis: IAxis) => void;
+    layoutByValue?: (v?: number) => void;
+}
+export type CrossHairTrigger = 'click' | 'hover' | ['click', 'hover'];
+export interface ICommonCrosshairSpec extends IComponentSpec {
+    trigger?: CrossHairTrigger;
+    triggerOff?: CrossHairTrigger | 'none';
+    labelZIndex?: number;
+    gridZIndex?: number;
+}
+export interface ICartesianCrosshairSpec extends ICommonCrosshairSpec {
+    xField?: ICrosshairCategoryFieldSpec;
+    yField?: ICrosshairCategoryFieldSpec;
+}
+export interface IPolarCrosshairSpec extends ICommonCrosshairSpec {
+    categoryField?: ICrosshairCategoryFieldSpec;
+    valueField?: ICrosshairValueFieldSpec;
+}
+export interface ICrosshairCategoryFieldSpec extends ICrosshairDataBindSpec {
+    visible: boolean;
+    line?: ICrosshairLineSpec | ICrosshairRectSpec;
+    label?: ICrosshairLabelSpec;
+}
+export interface ICrosshairValueFieldSpec {
+    visible: boolean;
+    line?: ICrosshairLineSpec;
+    label?: ICrosshairLabelSpec;
+}
+export type ICrosshairLineStyle = Pick<ILineMarkSpec, 'stroke' | 'strokeOpacity' | 'opacity' | 'lineDash' | 'lineWidth'>;
+export type ICrosshairRectStyle = ICrosshairLineStyle & Pick<IRectMarkSpec, 'fill' | 'fillOpacity' | 'cornerRadius'>;
+export interface ICrosshairLineSpec {
+    visible?: boolean;
+    type?: 'line';
+    width?: number;
+    smooth?: boolean;
+    style?: ICrosshairLineStyle;
+}
+export interface ICrosshairRectSpec {
+    visible?: boolean;
+    type?: 'rect';
+    width?: number | string;
+    style?: ICrosshairRectStyle;
+}
+export interface ICrosshairLabelSpec {
+    visible?: boolean;
+    formatMethod?: (text: StringOrNumber | string[]) => string | string[];
+    style?: Partial<ITextMarkSpec>;
+    labelBackground?: ICrosshairLabelBackgroundSpec;
+}
+export interface ICrosshairLabelBackgroundSpec {
+    visible?: boolean;
+    minWidth?: number;
+    maxWidth?: number;
+    padding?: IPadding | number | number[];
+    style: Partial<IRectMarkSpec>;
+}
+export interface ICrosshairDataBindSpec {
+    bindingAxesIndex?: number[];
+    defaultSelect?: {
+        axisIndex: number;
+        datum: any;
+    };
+}
+export type ICrosshairSpec = ICartesianCrosshairSpec | IPolarCrosshairSpec;

package/cjs/component/crosshair/interface/spec.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=spec.js.map

package/cjs/component/crosshair/interface/spec.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/crosshair/interface/spec.ts"],"names":[],"mappings":"","file":"spec.js","sourcesContent":["import type { IModelSpec } from '../../../model/interface';\nimport type { IPadding, StringOrNumber, ILineMarkSpec, IRectMarkSpec, ITextMarkSpec } from '../../../typings';\nimport type { IAxis } from '../../axis/interface';\nimport type { IComponentSpec } from '../../base/interface';\nimport type { IComponent } from '../../interface';\n\nexport interface ICrossHair extends IComponent {\n  clearAxisValue?: () => void;\n  setAxisValue?: (v: StringOrNumber, axis: IAxis) => void;\n  layoutByValue?: (v?: number) => void;\n}\n\nexport type CrossHairTrigger = 'click' | 'hover' | ['click', 'hover'];\n\nexport interface ICommonCrosshairSpec extends IComponentSpec {\n  /**\n   * 是否可以通过 点击 固定住一组 crosshair，也可以同时触发。\n   * @default 'hover'\n   */\n  trigger?: CrossHairTrigger;\n  /**\n   * 隐藏crosshair的触发方式（目前仅支持和trigger一致的设置以及none）\n   */\n  triggerOff?: CrossHairTrigger | 'none';\n  /**\n   * crosshair 文本的显示层级\n   */\n  labelZIndex?: number;\n  /**\n   * crosshair 辅助图形的显示层级\n   */\n  gridZIndex?: number;\n}\n\nexport interface ICartesianCrosshairSpec extends ICommonCrosshairSpec {\n  /**\n   * 笛卡尔坐标系下 x 轴上 crosshair 配置\n   */\n  xField?: ICrosshairCategoryFieldSpec;\n  /**\n   * 笛卡尔坐标系下 y 轴上 crosshair 配置\n   */\n  yField?: ICrosshairCategoryFieldSpec;\n}\n\nexport interface IPolarCrosshairSpec extends ICommonCrosshairSpec {\n  /**\n   * 极坐标系下 categoryField 字段对应轴上的 crosshair 配置\n   */\n  categoryField?: ICrosshairCategoryFieldSpec;\n  /**\n   * 极坐标系下 valueField 字段对应轴上的 crosshair 配置\n   */\n  valueField?: ICrosshairValueFieldSpec;\n}\nexport interface ICrosshairCategoryFieldSpec extends ICrosshairDataBindSpec {\n  /**\n   * 是否可见\n   */\n  visible: boolean;\n  /**\n   * crosshair 辅助图形配置\n   */\n  line?: ICrosshairLineSpec | ICrosshairRectSpec;\n  /**\n   * crosshair 文本配置\n   */\n  label?: ICrosshairLabelSpec;\n}\n\nexport interface ICrosshairValueFieldSpec {\n  /**\n   * 是否可见\n   */\n  visible: boolean;\n  /**\n   * crosshair 辅助图形配置\n   */\n  line?: ICrosshairLineSpec;\n  /**\n   * crosshair 文本配置\n   */\n  label?: ICrosshairLabelSpec;\n}\n\nexport type ICrosshairLineStyle = Pick<\n  ILineMarkSpec,\n  'stroke' | 'strokeOpacity' | 'opacity' | 'lineDash' | 'lineWidth'\n>;\nexport type ICrosshairRectStyle = ICrosshairLineStyle & Pick<IRectMarkSpec, 'fill' | 'fillOpacity' | 'cornerRadius'>;\n\nexport interface ICrosshairLineSpec {\n  visible?: boolean;\n  type?: 'line';\n  /**\n   * 线宽\n   * @default 2\n   */\n  width?: number;\n  /** 极坐标系下是否平滑 */\n  smooth?: boolean;\n  style?: ICrosshairLineStyle;\n}\n\nexport interface ICrosshairRectSpec {\n  visible?: boolean;\n  type?: 'rect';\n  /**\n   * 字符串xx%表示此处是内容区间的百分比，数字表示宽度像素\n   * @default '100%''\n   */\n  width?: number | string;\n  style?: ICrosshairRectStyle;\n}\n\nexport interface ICrosshairLabelSpec {\n  visible?: boolean;\n  /**\n   * label 文本格式化方法\n   * @param text\n   * @returns\n   */\n  formatMethod?: (text: StringOrNumber | string[]) => string | string[];\n  /**\n   * 文本样式配置\n   */\n  style?: Partial<ITextMarkSpec>;\n  /**\n   * 文本背景相关配置\n   */\n  labelBackground?: ICrosshairLabelBackgroundSpec;\n}\n\nexport interface ICrosshairLabelBackgroundSpec {\n  /**\n   * 是否显示背景，默认为 true\n   */\n  visible?: boolean;\n  /**\n   * 最小宽度，像素值\n   * @default 30\n   */\n  minWidth?: number;\n  /**\n   * 最大宽度，像素值。当文字超过最大宽度时，会自动省略。\n   */\n  maxWidth?: number;\n  /**\n   * 内部边距\n   */\n  padding?: IPadding | number | number[];\n  style: Partial<IRectMarkSpec>;\n}\n\nexport interface ICrosshairDataBindSpec {\n  /**\n   * 声明 crosshair 绑定的轴索引，如果没有声明，则会默认绑定所有同 crosshair 位置相对应的轴。\n   */\n  bindingAxesIndex?: number[];\n  /**\n   * crosshair 初始化显示信息，通过该配置可在图表绘制时默认展示 crosshair 组件。\n   */\n  defaultSelect?: {\n    /**\n     * 声明要显示数据的轴索引\n     */\n    axisIndex: number;\n    /**\n     * 声明显示的数据\n     */\n    datum: any;\n  };\n}\n\nexport type ICrosshairSpec = ICartesianCrosshairSpec | IPolarCrosshairSpec;\n"]}

package/cjs/component/crosshair/interface/theme.d.ts

@@ -0,0 +1,9 @@
+import type { ICartesianCrosshairSpec, ICommonCrosshairSpec, ICrosshairCategoryFieldSpec, ICrosshairValueFieldSpec, IPolarCrosshairSpec } from '.';
+export interface ICrosshairTheme extends ICommonCrosshairSpec {
+    bandField?: ICrosshairCategoryFieldSpec;
+    linearField?: ICrosshairValueFieldSpec;
+    xField?: ICartesianCrosshairSpec['xField'];
+    yField?: ICartesianCrosshairSpec['yField'];
+    categoryField?: IPolarCrosshairSpec['categoryField'];
+    valueField?: IPolarCrosshairSpec['valueField'];
+}

package/cjs/component/crosshair/interface/theme.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=theme.js.map

package/cjs/component/crosshair/interface/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/crosshair/interface/theme.ts"],"names":[],"mappings":"","file":"theme.js","sourcesContent":["import type {\n  ICartesianCrosshairSpec,\n  ICommonCrosshairSpec,\n  ICrosshairCategoryFieldSpec,\n  ICrosshairValueFieldSpec,\n  IPolarCrosshairSpec\n} from '.';\n\nexport interface ICrosshairTheme extends ICommonCrosshairSpec {\n  /**\n   * band 轴 crosshair 的公共配置\n   * @since 1.3.0\n   */\n  bandField?: ICrosshairCategoryFieldSpec;\n  /**\n   * linear 轴 crosshair 的公共配置\n   * @since 1.3.0\n   */\n  linearField?: ICrosshairValueFieldSpec;\n  xField?: ICartesianCrosshairSpec['xField'];\n  yField?: ICartesianCrosshairSpec['yField'];\n  categoryField?: IPolarCrosshairSpec['categoryField'];\n  valueField?: IPolarCrosshairSpec['valueField'];\n}\n"]}

package/cjs/component/crosshair/polar.d.ts

@@ -0,0 +1,76 @@
+import type { IComponentOption } from '../interface';
+import { ComponentTypeEnum } from '../interface';
+import type { IPolarCrosshairSpec } from './interface';
+import type { IPolarAxis } from '../axis/polar/interface';
+import type { IPoint, StringOrNumber } from '../../typings';
+import type { IHair } from './base';
+import { BaseCrossHair } from './base';
+type IBound = {
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+};
+type IAxisInfo = Map<number, IBound & {
+    axis: IPolarAxis;
+}>;
+export declare class PolarCrossHair<T extends IPolarCrosshairSpec = IPolarCrosshairSpec> extends BaseCrossHair<T> {
+    static type: ComponentTypeEnum;
+    type: ComponentTypeEnum;
+    name: string;
+    currValueX: Map<number, {
+        v: StringOrNumber;
+        axis: IPolarAxis;
+        [key: string]: any;
+    }>;
+    currValueY: Map<number, {
+        v: StringOrNumber;
+        axis: IPolarAxis;
+        [key: string]: any;
+    }>;
+    xHair: IHair | undefined;
+    yHair: (IHair & {
+        smooth: boolean;
+    }) | undefined;
+    private _cacheXCrossHairInfo;
+    private _cacheYCrossHairInfo;
+    private _radiusCrosshair;
+    private _radiusLabelCrosshair;
+    private _angleCrosshair;
+    private _angleLabelCrosshair;
+    static createComponent(spec: any, options: IComponentOption): PolarCrossHair<any> | PolarCrossHair<IPolarCrosshairSpec>[];
+    constructor(spec: T, options: IComponentOption);
+    protected _showDefaultCrosshair(): void;
+    protected _hide(): void;
+    findAllAxisContains(relativeX: number, relativeY: number): {
+        xAxisMap: Map<number, {
+            x1: number;
+            y1: number;
+            x2: number;
+            y2: number;
+        } & {
+            axis: IPolarAxis;
+        }>;
+        yAxisMap: Map<number, {
+            x1: number;
+            y1: number;
+            x2: number;
+            y2: number;
+        } & {
+            axis: IPolarAxis;
+        }>;
+    };
+    getAllAxisValues(axisMap: IAxisInfo, point: IPoint, currValue: Map<number, {
+        v: StringOrNumber;
+        axis: IPolarAxis;
+        [key: string]: any;
+    }>): boolean;
+    protected _layoutCrosshair(relativeX: number, relativeY: number): void;
+    private layoutByValue;
+    private _layoutVertical;
+    private _layoutHorizontal;
+    protected _parseFieldInfo(): void;
+    private _updateCrosshairLabel;
+    clear(): void;
+}
+export {};

package/cjs/component/crosshair/polar.js

@@ -0,0 +1,285 @@
+"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.PolarCrossHair = void 0;
+
+const util_1 = require("../../util"), interface_1 = require("../interface"), vscale_1 = require("@visactor/vscale"), vrender_components_1 = require("@visactor/vrender-components"), vrender_components_2 = require("@visactor/vrender-components"), base_1 = require("./base"), vutils_1 = require("@visactor/vutils"), math_1 = require("../../util/math"), util_2 = require("./util"), util_3 = require("../axis/util");
+
+var LayoutType;
+
+!function(LayoutType) {
+    LayoutType[LayoutType.ALL = 3] = "ALL", LayoutType[LayoutType.HORIZONTAL = 2] = "HORIZONTAL", 
+    LayoutType[LayoutType.VERTICAL = 1] = "VERTICAL", LayoutType[LayoutType.NONE = 0] = "NONE";
+}(LayoutType || (LayoutType = {}));
+
+class PolarCrossHair extends base_1.BaseCrossHair {
+    static createComponent(spec, options) {
+        const crosshairSpec = spec.crosshair || options.defaultSpec;
+        if ((0, util_1.isNil)(crosshairSpec)) return;
+        if (!(0, util_1.isArray)(crosshairSpec)) return crosshairSpec.categoryField || crosshairSpec.valueField ? new PolarCrossHair(crosshairSpec, Object.assign(Object.assign({}, options), {
+            specKey: "crosshair"
+        })) : void 0;
+        const components = [];
+        return crosshairSpec.forEach(((s, i) => {
+            (s.categoryField || s.valueField) && components.push(new PolarCrossHair(s, Object.assign(Object.assign({}, options), {
+                specIndex: i,
+                specKey: "crosshair"
+            })));
+        })), components;
+    }
+    constructor(spec, options) {
+        super(spec, Object.assign({}, options)), this.type = interface_1.ComponentTypeEnum.polarCrosshair, 
+        this.name = interface_1.ComponentTypeEnum.polarCrosshair, this.currValueX = new Map, 
+        this.currValueY = new Map;
+    }
+    _showDefaultCrosshair() {
+        this.showDefault;
+    }
+    _hide() {
+        this._radiusCrosshair && this._radiusCrosshair.hideAll(), this._radiusLabelCrosshair && this._radiusLabelCrosshair.hideAll(), 
+        this._angleCrosshair && this._angleCrosshair.hideAll(), this._angleLabelCrosshair && this._angleLabelCrosshair.hideAll();
+    }
+    findAllAxisContains(relativeX, relativeY) {
+        const xAxisMap = this._getAxisInfoByField("category"), yAxisMap = this._getAxisInfoByField("value");
+        return {
+            xAxisMap: this._filterAxisByPoint(xAxisMap, relativeX, relativeY),
+            yAxisMap: this._filterAxisByPoint(yAxisMap, relativeX, relativeY)
+        };
+    }
+    getAllAxisValues(axisMap, point, currValue) {
+        let discrete = !1;
+        return axisMap.forEach((item => {
+            (0, vscale_1.isDiscrete)(item.axis.getScale().type) && (discrete ? this.enable = !1 : discrete = !0);
+        })), !!this.enable && (axisMap.forEach(((item, id) => {
+            const axis = item.axis, {x: axisStartX, y: axisStartY} = item.axis.getLayoutStartPoint(), {x: x, y: y} = this.getLayoutStartPoint();
+            let value = axis.positionToData({
+                x: point.x - (axisStartX - x),
+                y: point.y - (axisStartY - y)
+            });
+            (0, vscale_1.isContinuous)(axis.getScale().type) && (0, util_1.isValidNumber)(+value) && (value = (+value).toFixed(2));
+            const center = {
+                x: axis.getCenter().x + this.getLayoutStartPoint().x,
+                y: axis.getCenter().y + this.getLayoutStartPoint().y
+            };
+            currValue.set(id, {
+                v: value,
+                axis: item.axis,
+                center: center,
+                innerRadius: axis.getInnerRadius(),
+                radius: axis.getOuterRadius(),
+                startAngle: axis.startAngle,
+                endAngle: axis.endAngle,
+                distance: vutils_1.PointService.distancePP(point, axis.getCenter()),
+                coord: axis.pointToCoord(point),
+                point: point
+            });
+        })), !0);
+    }
+    _layoutCrosshair(relativeX, relativeY) {
+        const {xAxisMap: xAxisMap, yAxisMap: yAxisMap} = this.findAllAxisContains(relativeX, relativeY);
+        if (0 !== xAxisMap.size || 0 !== yAxisMap.size) this.currValueX.clear(), this.currValueY.clear(), 
+        xAxisMap && this.getAllAxisValues(xAxisMap, {
+            x: relativeX,
+            y: relativeY
+        }, this.currValueX), yAxisMap && this.getAllAxisValues(yAxisMap, {
+            x: relativeX,
+            y: relativeY
+        }, this.currValueY), this.layoutByValue(LayoutType.ALL); else {
+            if (this.enableRemain) return;
+            this._hide();
+        }
+    }
+    layoutByValue(tag) {
+        var _a, _b, _c, _d;
+        if (!this.enable) return;
+        const series = this._firstSeries();
+        if (!series) return;
+        let xCrossHairInfo = {
+            x: 0,
+            y: 0,
+            center: {
+                x: 0,
+                y: 0
+            },
+            radius: 0,
+            distance: 0,
+            startAngle: 0,
+            endAngle: 0,
+            innerRadius: 0,
+            visible: !1,
+            label: {
+                visible: !1,
+                text: "",
+                offset: 0
+            }
+        }, yCrossHairInfo = {
+            x: 0,
+            y: 0,
+            center: {
+                x: 0,
+                y: 0
+            },
+            radius: 0,
+            distance: 0,
+            startAngle: 0,
+            endAngle: 0,
+            innerRadius: 0,
+            visible: !1,
+            sides: series.angleAxisHelper.getScale(0).ticks().length,
+            label: {
+                visible: !1,
+                text: "",
+                offset: 0
+            }
+        };
+        if (this.xHair) {
+            xCrossHairInfo.visible = !!this.currValueX.size;
+            const bandWidth = series.angleAxisHelper.getBandwidth(0);
+            this.currValueX.forEach((_a => {
+                var _b, {axis: axis, v: v, coord: coord} = _a, rest = __rest(_a, [ "axis", "v", "coord" ]);
+                v = null != v ? v : "", (0, util_1.mergeSpec)(xCrossHairInfo, rest);
+                const angle = series.angleAxisHelper.dataToPosition([ v ]);
+                xCrossHairInfo.angle = angle, (null === (_b = this.xHair.label) || void 0 === _b ? void 0 : _b.visible) && (xCrossHairInfo.label.visible = !0, 
+                xCrossHairInfo.label.text = v, xCrossHairInfo.label.offset = (0, util_3.getAxisLabelOffset)(axis.getSpec())), 
+                xCrossHairInfo.startAngle = angle - bandWidth / 2, xCrossHairInfo.endAngle = angle + bandWidth / 2;
+            }));
+        }
+        if (this.yHair && (yCrossHairInfo.visible = !!this.currValueY.size, this.currValueY.forEach((_a => {
+            var _b, {axis: axis, v: v, coord: coord} = _a, rest = __rest(_a, [ "axis", "v", "coord" ]);
+            v = null != v ? v : "", (null === (_b = this.yHair.label) || void 0 === _b ? void 0 : _b.visible) && (yCrossHairInfo.label.visible = !0, 
+            yCrossHairInfo.label.text = v, yCrossHairInfo.label.offset = (0, util_3.getAxisLabelOffset)(axis.getSpec())), 
+            yCrossHairInfo.angle = coord.angle, yCrossHairInfo.axis = axis, (0, util_1.mergeSpec)(yCrossHairInfo, rest);
+        }))), this.enableRemain && !xCrossHairInfo.visible && (0, util_1.isValid)(this._cacheXCrossHairInfo)) xCrossHairInfo = this._cacheXCrossHairInfo; else if ((null === (_b = null === (_a = this.xHair) || void 0 === _a ? void 0 : _a.label) || void 0 === _b ? void 0 : _b.formatMethod) && xCrossHairInfo.label.visible) {
+            const {label: label} = xCrossHairInfo;
+            label.text = this.xHair.label.formatMethod(label.text, "angle");
+        }
+        if (this.enableRemain && !yCrossHairInfo.visible && (0, util_1.isValid)(this._cacheYCrossHairInfo)) yCrossHairInfo = this._cacheYCrossHairInfo; else if ((null === (_d = null === (_c = this.yHair) || void 0 === _c ? void 0 : _c.label) || void 0 === _d ? void 0 : _d.formatMethod) && yCrossHairInfo.label.visible) {
+            const {label: label} = yCrossHairInfo;
+            label.text = this.yHair.label.formatMethod(label.text, "radius");
+        }
+        tag && (LayoutType.HORIZONTAL && this._layoutHorizontal(yCrossHairInfo), LayoutType.VERTICAL && this._layoutVertical(xCrossHairInfo)), 
+        this.enableRemain && (this._cacheXCrossHairInfo = Object.assign(Object.assign({}, xCrossHairInfo), {
+            _isCache: !0
+        }), this._cacheYCrossHairInfo = Object.assign(Object.assign({}, yCrossHairInfo), {
+            _isCache: !0
+        }));
+    }
+    _layoutVertical(crosshairInfo) {
+        var _a;
+        if (crosshairInfo._isCache && this.enableRemain) return;
+        const container = this.getContainer(), {angle: angle, innerRadius: innerRadius, radius: radius, label: label, startAngle: startAngle, endAngle: endAngle, center: center, visible: visible} = crosshairInfo;
+        if (visible) {
+            const crosshairType = "rect" === this.xHair.type ? "sector" : "line";
+            let positionAttrs;
+            if (positionAttrs = "sector" === crosshairType ? {
+                center: center,
+                innerRadius: innerRadius,
+                radius: radius,
+                startAngle: startAngle,
+                endAngle: endAngle
+            } : {
+                start: (0, vutils_1.polarToCartesian)(center, innerRadius, angle),
+                end: (0, vutils_1.polarToCartesian)(center, radius, angle)
+            }, this._angleCrosshair) this._angleCrosshair.setAttributes(positionAttrs); else {
+                let crosshair;
+                "line" === crosshairType ? crosshair = new vrender_components_2.LineCrosshair(Object.assign(Object.assign({}, positionAttrs), {
+                    lineStyle: this.xHair.style,
+                    zIndex: this.gridZIndex
+                })) : "sector" === crosshairType && (crosshair = new vrender_components_2.SectorCrosshair(Object.assign(Object.assign({}, positionAttrs), {
+                    sectorStyle: this.xHair.style,
+                    zIndex: this.gridZIndex
+                }))), this._angleCrosshair = crosshair, container.add(crosshair);
+            }
+            if (label.visible) {
+                const orient = (0, math_1.angleLabelOrientAttribute)(angle), labelAttrs = Object.assign(Object.assign(Object.assign(Object.assign({}, (0, 
+                vutils_1.polarToCartesian)(center, radius + label.offset, angle)), this.xHair.label), label), {
+                    textStyle: Object.assign(Object.assign({}, null === (_a = this.xHair.label) || void 0 === _a ? void 0 : _a.textStyle), {
+                        textAlign: orient.align,
+                        textBaseline: orient.baseline
+                    }),
+                    zIndex: this.labelZIndex
+                });
+                this._updateCrosshairLabel(this._angleLabelCrosshair, labelAttrs, (label => {
+                    label.name = "crosshair-angle-label", this._angleLabelCrosshair = label;
+                }));
+            } else this._angleLabelCrosshair && this._angleLabelCrosshair.hideAll();
+        }
+    }
+    _layoutHorizontal(crosshairInfo) {
+        var _a;
+        if (crosshairInfo._isCache && this.enableRemain) return;
+        const {center: center, startAngle: startAngle, endAngle: endAngle, distance: distance, sides: sides, axis: axis, label: label, point: point, radius: radius, innerRadius: innerRadius, visible: visible} = crosshairInfo, container = this.getContainer();
+        if (visible) {
+            const crosshairType = this.yHair.smooth ? "circle" : "polygon";
+            let polygonRadius = distance;
+            if ("polygon" === crosshairType) {
+                const axisCenter = axis.getCenter(), curAngle = (0, vutils_1.getAngleByPoint)(axisCenter, point), stepAngle = (endAngle - startAngle) / sides, index = Math.floor((curAngle - startAngle) / stepAngle), preAngle = index * stepAngle + startAngle, nextAngle = Math.min((index + 1) * stepAngle + startAngle, endAngle), prePoint = (0, 
+                vutils_1.polarToCartesian)(axisCenter, distance, preAngle), nextPoint = (0, vutils_1.polarToCartesian)(axisCenter, distance, nextAngle), insertPoint = (0, 
+                vutils_1.getIntersectPoint)([ nextPoint.x, nextPoint.y ], [ prePoint.x, prePoint.y ], [ axisCenter.x, axisCenter.y ], [ point.x, point.y ]);
+                insertPoint && (polygonRadius = (0, util_1.clamp)(vutils_1.PointService.distancePN(point, insertPoint[0], insertPoint[1]) + distance, innerRadius, radius));
+            }
+            const positionAttrs = {
+                center: center,
+                startAngle: startAngle,
+                endAngle: endAngle,
+                radius: polygonRadius,
+                sides: sides
+            };
+            if (this._radiusCrosshair) this._radiusCrosshair.setAttributes(positionAttrs); else {
+                let crosshair;
+                crosshair = "polygon" === crosshairType ? new vrender_components_2.PolygonCrosshair(Object.assign(Object.assign({}, positionAttrs), {
+                    lineStyle: this.yHair.style,
+                    zIndex: this.gridZIndex + 1
+                })) : new vrender_components_2.CircleCrosshair(Object.assign(Object.assign({}, positionAttrs), {
+                    lineStyle: this.yHair.style,
+                    zIndex: this.gridZIndex
+                })), this._radiusCrosshair = crosshair, container.add(crosshair);
+            }
+            if (label.visible) {
+                const orient = (0, math_1.radiusLabelOrientAttribute)(startAngle), labelAttrs = Object.assign(Object.assign(Object.assign(Object.assign({}, (0, 
+                vutils_1.polarToCartesian)(center, polygonRadius, startAngle)), this.yHair.label), label), {
+                    textStyle: Object.assign(Object.assign({}, null === (_a = this.yHair.label) || void 0 === _a ? void 0 : _a.textStyle), {
+                        textAlign: orient.align,
+                        textBaseline: orient.baseline
+                    }),
+                    zIndex: this.labelZIndex
+                });
+                this._updateCrosshairLabel(this._radiusLabelCrosshair, labelAttrs, (label => {
+                    label.name = "crosshair-radius-label", this._radiusLabelCrosshair = label;
+                }));
+            } else this._radiusLabelCrosshair && this._radiusLabelCrosshair.hideAll();
+        }
+    }
+    _parseFieldInfo() {
+        var _a;
+        const {categoryField: categoryField, valueField: valueField} = this._crosshairConfig;
+        categoryField && categoryField.visible && (this.xHair = this._parseField(categoryField, "categoryField")), 
+        valueField && valueField.visible && (this.yHair = this._parseField(valueField, "valueField"), 
+        this.yHair.smooth = null === (_a = null == valueField ? void 0 : valueField.line) || void 0 === _a ? void 0 : _a.smooth);
+    }
+    _updateCrosshairLabel(label, labelAttrs, callback) {
+        const container = this.getContainer();
+        label ? label.setAttributes(labelAttrs) : (label = new vrender_components_1.Tag(labelAttrs), 
+        container.add(label), callback(label)), (0, util_2.limitTagInBounds)(label, this._getLimitBounds());
+    }
+    clear() {
+        [ (this._radiusCrosshair, this._radiusLabelCrosshair, this._angleCrosshair, this._angleLabelCrosshair) ].forEach((c => {
+            var _a;
+            c && (null === (_a = this._container) || void 0 === _a || _a.removeChild(c), c = null);
+        })), super.clear();
+    }
+}
+
+exports.PolarCrossHair = PolarCrossHair, PolarCrossHair.type = interface_1.ComponentTypeEnum.polarCrosshair;
+//# sourceMappingURL=polar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/crosshair/polar.ts"],"names":[],"mappings":"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","file":"polar.js","sourcesContent":["import type { IPolarSeries } from '../../series/interface/series';\nimport { isArray, isValid, isValidNumber, mergeSpec, isNil, clamp } from '../../util';\nimport type { IComponentOption } from '../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../interface';\nimport type { IPolarCrosshairSpec } from './interface';\nimport type { BandScale } from '@visactor/vscale';\n// eslint-disable-next-line no-duplicate-imports\nimport { isDiscrete, isContinuous } from '@visactor/vscale';\n// import { registerComponent } from '@visactor/vgrammar';\nimport { Tag } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport { LineCrosshair, SectorCrosshair, CircleCrosshair, PolygonCrosshair } from '@visactor/vrender-components';\nimport type { IPolarAxis } from '../axis/polar/interface';\nimport type { IPoint, StringOrNumber } from '../../typings';\nimport type { IHair } from './base';\n// eslint-disable-next-line no-duplicate-imports\nimport { BaseCrossHair } from './base';\nimport { polarToCartesian, getIntersectPoint, PointService, getAngleByPoint } from '@visactor/vutils';\nimport type { IGroup, INode } from '@visactor/vrender';\nimport { angleLabelOrientAttribute, radiusLabelOrientAttribute } from '../../util/math';\nimport { limitTagInBounds } from './util';\nimport { getAxisLabelOffset } from '../axis/util';\n\ninterface ICrosshairInfo {\n  x: number;\n  y: number;\n  center: IPoint;\n  radius: number;\n  distance: number;\n  startAngle: number;\n  endAngle: number;\n  innerRadius: number;\n  visible: boolean;\n  sides: number;\n  angle: number;\n  point: IPoint;\n  _isCache?: boolean;\n  label?: { visible: boolean; text: StringOrNumber; offset: number };\n  axis?: IPolarAxis;\n}\n\nenum LayoutType {\n  ALL = 0b0011,\n  HORIZONTAL = 0b0010,\n  VERTICAL = 0b0001,\n  NONE = 0b0000\n}\n\ntype IBound = { x1: number; y1: number; x2: number; y2: number };\ntype IAxisInfo = Map<number, IBound & { axis: IPolarAxis }>;\n\nexport class PolarCrossHair<T extends IPolarCrosshairSpec = IPolarCrosshairSpec> extends BaseCrossHair<T> {\n  static type = ComponentTypeEnum.polarCrosshair;\n  type = ComponentTypeEnum.polarCrosshair;\n  name: string = ComponentTypeEnum.polarCrosshair;\n  currValueX: Map<number, { v: StringOrNumber; axis: IPolarAxis; [key: string]: any }>;\n  currValueY: Map<number, { v: StringOrNumber; axis: IPolarAxis; [key: string]: any }>;\n\n  xHair: IHair | undefined;\n  yHair: (IHair & { smooth: boolean }) | undefined;\n\n  private _cacheXCrossHairInfo: ICrosshairInfo | undefined;\n  private _cacheYCrossHairInfo: ICrosshairInfo | undefined;\n\n  private _radiusCrosshair: IGroup;\n  private _radiusLabelCrosshair: Tag;\n  private _angleCrosshair: IGroup;\n  private _angleLabelCrosshair: Tag;\n\n  static createComponent(spec: any, options: IComponentOption) {\n    const crosshairSpec = spec.crosshair || options.defaultSpec;\n    if (isNil(crosshairSpec)) {\n      return undefined;\n    }\n    if (!isArray(crosshairSpec)) {\n      if (crosshairSpec.categoryField || crosshairSpec.valueField) {\n        return new PolarCrossHair(crosshairSpec, { ...options, specKey: 'crosshair' });\n      }\n      return undefined;\n    }\n    const components: PolarCrossHair[] = [];\n    crosshairSpec.forEach((s: IPolarCrosshairSpec, i: number) => {\n      if (s.categoryField || s.valueField) {\n        components.push(new PolarCrossHair(s, { ...options, specIndex: i, specKey: 'crosshair' }));\n      }\n    });\n    return components;\n  }\n\n  constructor(spec: T, options: IComponentOption) {\n    super(spec, {\n      ...options\n    });\n    this.currValueX = new Map();\n    this.currValueY = new Map();\n  }\n\n  protected _showDefaultCrosshair() {\n    if (!this.showDefault) {\n      return;\n    }\n    // TODO: 待支持\n  }\n\n  protected _hide() {\n    this._radiusCrosshair && this._radiusCrosshair.hideAll();\n    this._radiusLabelCrosshair && this._radiusLabelCrosshair.hideAll();\n    this._angleCrosshair && this._angleCrosshair.hideAll();\n    this._angleLabelCrosshair && this._angleLabelCrosshair.hideAll();\n  }\n\n  /**\n   * 查找所有落在x和y区域的轴\n   * @param relativeX\n   * @param relativeY\n   */\n  findAllAxisContains(relativeX: number, relativeY: number) {\n    const xAxisMap = this._getAxisInfoByField<IPolarAxis>('category');\n    const yAxisMap = this._getAxisInfoByField<IPolarAxis>('value');\n    return {\n      xAxisMap: this._filterAxisByPoint<IPolarAxis>(xAxisMap, relativeX, relativeY),\n      yAxisMap: this._filterAxisByPoint<IPolarAxis>(yAxisMap, relativeX, relativeY)\n    };\n  }\n\n  /**\n   * 根据位置获取所有轴上的value\n   * @param axisMap\n   * @param p\n   * @returns\n   */\n  getAllAxisValues(\n    axisMap: IAxisInfo,\n    point: IPoint,\n    currValue: Map<number, { v: StringOrNumber; axis: IPolarAxis; [key: string]: any }>\n  ): boolean {\n    // 首先不能存在两个离散轴\n    let discrete = false;\n    axisMap.forEach(item => {\n      if (isDiscrete(item.axis.getScale().type)) {\n        if (!discrete) {\n          discrete = true;\n        } else {\n          this.enable = false;\n        }\n      }\n    });\n    if (!this.enable) {\n      return false;\n    }\n    // 获取所有的value\n    axisMap.forEach((item, id) => {\n      const axis = item.axis;\n      const { x: axisStartX, y: axisStartY } = item.axis.getLayoutStartPoint();\n      const { x, y } = this.getLayoutStartPoint();\n      let value = axis.positionToData({\n        x: point.x - (axisStartX - x),\n        y: point.y - (axisStartY - y)\n      });\n      if (isContinuous(axis.getScale().type) && isValidNumber(+value)) {\n        value = (+value as number).toFixed(2);\n      }\n      const center = {\n        x: axis.getCenter().x + this.getLayoutStartPoint().x,\n        y: axis.getCenter().y + this.getLayoutStartPoint().y\n      };\n      currValue.set(id, {\n        v: value,\n        axis: item.axis,\n        center,\n        innerRadius: axis.getInnerRadius(),\n        radius: axis.getOuterRadius(),\n        startAngle: axis.startAngle,\n        endAngle: axis.endAngle,\n        distance: PointService.distancePP(point, axis.getCenter()),\n        coord: axis.pointToCoord(point),\n        point\n      });\n    });\n    return true;\n  }\n\n  protected _layoutCrosshair(relativeX: number, relativeY: number) {\n    // 找到所有的包含这个点的轴\n    const { xAxisMap, yAxisMap } = this.findAllAxisContains(relativeX, relativeY);\n    if (xAxisMap.size === 0 && yAxisMap.size === 0) {\n      if (this.enableRemain) {\n        return;\n      }\n      // 隐藏\n      this._hide();\n      return;\n    }\n    // 删除之前的currValue\n    this.currValueX.clear();\n    this.currValueY.clear();\n    // 将数据保存到这个对象中，如果不存在，就直接不执行后续逻辑\n    xAxisMap && this.getAllAxisValues(xAxisMap, { x: relativeX, y: relativeY }, this.currValueX);\n    yAxisMap && this.getAllAxisValues(yAxisMap, { x: relativeX, y: relativeY }, this.currValueY);\n\n    this.layoutByValue(LayoutType.ALL);\n  }\n\n  private layoutByValue(tag: number) {\n    if (!this.enable) {\n      return;\n    }\n    // 获取axisHelper\n    const series = this._firstSeries<IPolarSeries>();\n    if (!series) {\n      return;\n    }\n    let xCrossHairInfo = {\n      x: 0,\n      y: 0,\n      center: { x: 0, y: 0 },\n      radius: 0,\n      distance: 0,\n      startAngle: 0,\n      endAngle: 0,\n      innerRadius: 0,\n      visible: false,\n      label: { visible: false, text: '', offset: 0 }\n    } as ICrosshairInfo;\n    let yCrossHairInfo = {\n      x: 0,\n      y: 0,\n      center: { x: 0, y: 0 },\n      radius: 0,\n      distance: 0,\n      startAngle: 0,\n      endAngle: 0,\n      innerRadius: 0,\n      visible: false,\n      sides: (series.angleAxisHelper.getScale(0) as BandScale).ticks().length,\n      label: { visible: false, text: '', offset: 0 }\n    } as ICrosshairInfo;\n\n    // 计算x轴和y轴的数据，只允许最多一对x和一对y\n    if (this.xHair) {\n      xCrossHairInfo.visible = !!this.currValueX.size;\n      const bandWidth = series.angleAxisHelper.getBandwidth(0);\n      this.currValueX.forEach(({ axis, v, coord, ...rest }) => {\n        v = v ?? '';\n        mergeSpec(xCrossHairInfo, rest);\n        const angle = series.angleAxisHelper.dataToPosition([v]);\n        xCrossHairInfo.angle = angle;\n        if (this.xHair.label?.visible) {\n          xCrossHairInfo.label.visible = true;\n          xCrossHairInfo.label.text = v;\n          xCrossHairInfo.label.offset = getAxisLabelOffset(axis.getSpec());\n        }\n\n        xCrossHairInfo.startAngle = angle - bandWidth / 2;\n        xCrossHairInfo.endAngle = angle + bandWidth / 2;\n      });\n    }\n\n    if (this.yHair) {\n      yCrossHairInfo.visible = !!this.currValueY.size;\n      this.currValueY.forEach(({ axis, v, coord, ...rest }) => {\n        v = v ?? '';\n        if (this.yHair.label?.visible) {\n          yCrossHairInfo.label.visible = true;\n          yCrossHairInfo.label.text = v;\n          yCrossHairInfo.label.offset = getAxisLabelOffset(axis.getSpec());\n        }\n        yCrossHairInfo.angle = coord.angle;\n        yCrossHairInfo.axis = axis;\n        mergeSpec(yCrossHairInfo, rest);\n      });\n    }\n\n    if (this.enableRemain && !xCrossHairInfo.visible && isValid(this._cacheXCrossHairInfo)) {\n      xCrossHairInfo = this._cacheXCrossHairInfo;\n    } else {\n      if (this.xHair?.label?.formatMethod && xCrossHairInfo.label.visible) {\n        const { label } = xCrossHairInfo;\n        label.text = this.xHair.label.formatMethod(label.text, 'angle') as string;\n      }\n    }\n\n    if (this.enableRemain && !yCrossHairInfo.visible && isValid(this._cacheYCrossHairInfo)) {\n      yCrossHairInfo = this._cacheYCrossHairInfo;\n    } else {\n      if (this.yHair?.label?.formatMethod && yCrossHairInfo.label.visible) {\n        const { label } = yCrossHairInfo;\n        label.text = this.yHair.label.formatMethod(label.text, 'radius') as string;\n      }\n    }\n\n    if (tag) {\n      LayoutType.HORIZONTAL && this._layoutHorizontal(yCrossHairInfo);\n      LayoutType.VERTICAL && this._layoutVertical(xCrossHairInfo);\n    }\n\n    if (this.enableRemain) {\n      this._cacheXCrossHairInfo = { ...xCrossHairInfo, _isCache: true };\n      this._cacheYCrossHairInfo = { ...yCrossHairInfo, _isCache: true };\n    }\n  }\n\n  private _layoutVertical(crosshairInfo: ICrosshairInfo) {\n    if (crosshairInfo._isCache && this.enableRemain) {\n      return;\n    }\n\n    const container = this.getContainer();\n    const { angle, innerRadius, radius, label, startAngle, endAngle, center, visible } = crosshairInfo;\n    if (visible) {\n      const crosshairType = this.xHair.type === 'rect' ? 'sector' : 'line';\n      let positionAttrs;\n      if (crosshairType === 'sector') {\n        positionAttrs = {\n          center,\n          innerRadius,\n          radius,\n          startAngle: startAngle,\n          endAngle: endAngle\n        };\n      } else {\n        positionAttrs = {\n          start: polarToCartesian(center, innerRadius, angle),\n          end: polarToCartesian(center, radius, angle)\n        };\n      }\n\n      if (this._angleCrosshair) {\n        this._angleCrosshair.setAttributes(positionAttrs as unknown as any);\n      } else {\n        let crosshair;\n        // 创建\n        if (crosshairType === 'line') {\n          crosshair = new LineCrosshair({\n            ...(positionAttrs as { start: IPoint; end: IPoint }),\n            lineStyle: this.xHair.style,\n            zIndex: this.gridZIndex\n          });\n        } else if (crosshairType === 'sector') {\n          crosshair = new SectorCrosshair({\n            ...(positionAttrs as {\n              center: IPoint;\n              innerRadius: number;\n              radius: number;\n              startAngle: number;\n              endAngle: number;\n            }),\n            sectorStyle: this.xHair.style,\n            zIndex: this.gridZIndex\n          });\n        }\n        this._angleCrosshair = crosshair as unknown as IGroup;\n        // 添加至场景树\n        container.add(crosshair as unknown as INode);\n      }\n\n      // 文本\n      if (label.visible) {\n        const orient = angleLabelOrientAttribute(angle);\n        const labelAttrs = {\n          ...polarToCartesian(center, radius + label.offset, angle),\n          ...this.xHair.label,\n          ...label,\n          textStyle: {\n            ...this.xHair.label?.textStyle,\n            textAlign: orient.align,\n            textBaseline: orient.baseline\n          },\n          zIndex: this.labelZIndex\n        };\n        this._updateCrosshairLabel(this._angleLabelCrosshair, labelAttrs, label => {\n          label.name = 'crosshair-angle-label';\n          this._angleLabelCrosshair = label;\n        });\n      } else {\n        this._angleLabelCrosshair && this._angleLabelCrosshair.hideAll();\n      }\n    }\n  }\n\n  private _layoutHorizontal(crosshairInfo: ICrosshairInfo) {\n    if (crosshairInfo._isCache && this.enableRemain) {\n      return;\n    }\n\n    const { center, startAngle, endAngle, distance, sides, axis, label, point, radius, innerRadius, visible } =\n      crosshairInfo;\n    const container = this.getContainer();\n    if (visible) {\n      const crosshairType = this.yHair.smooth ? 'circle' : 'polygon';\n\n      let polygonRadius = distance;\n      if (crosshairType === 'polygon') {\n        const axisCenter = axis.getCenter();\n        // 需要计算半径\n        // 获取当前点的角度\n        const curAngle = getAngleByPoint(axisCenter, point);\n        const stepAngle = (endAngle - startAngle) / sides;\n        const index = Math.floor((curAngle - startAngle) / stepAngle);\n        const preAngle = index * stepAngle + startAngle;\n        const nextAngle = Math.min((index + 1) * stepAngle + startAngle, endAngle);\n\n        const prePoint = polarToCartesian(axisCenter, distance, preAngle);\n        const nextPoint = polarToCartesian(axisCenter, distance, nextAngle);\n        // 求交点\n        const insertPoint = getIntersectPoint(\n          [nextPoint.x, nextPoint.y],\n          [prePoint.x, prePoint.y],\n          [axisCenter.x, axisCenter.y],\n          [point.x, point.y]\n        );\n        if (insertPoint) {\n          polygonRadius = clamp(\n            PointService.distancePN(point, insertPoint[0], insertPoint[1]) + distance,\n            innerRadius,\n            radius\n          );\n        }\n      }\n      const positionAttrs = {\n        center,\n        startAngle: startAngle,\n        endAngle: endAngle,\n        radius: polygonRadius,\n        sides\n      };\n\n      if (this._radiusCrosshair) {\n        this._radiusCrosshair.setAttributes(positionAttrs as unknown as any);\n      } else {\n        let crosshair;\n        if (crosshairType === 'polygon') {\n          crosshair = new PolygonCrosshair({\n            ...positionAttrs,\n            lineStyle: this.yHair.style,\n            zIndex: this.gridZIndex + 1 // 样式优化：线盖在面上\n          });\n        } else {\n          crosshair = new CircleCrosshair({\n            ...positionAttrs,\n            lineStyle: this.yHair.style,\n            zIndex: this.gridZIndex\n          });\n        }\n        this._radiusCrosshair = crosshair as unknown as IGroup;\n        // 添加至场景树\n        container.add(crosshair as unknown as INode);\n      }\n\n      // 文本\n      if (label.visible) {\n        const orient = radiusLabelOrientAttribute(startAngle);\n        const labelAttrs = {\n          ...polarToCartesian(center, polygonRadius, startAngle),\n          ...this.yHair.label,\n          ...label,\n          textStyle: {\n            ...this.yHair.label?.textStyle,\n            textAlign: orient.align,\n            textBaseline: orient.baseline\n          },\n          zIndex: this.labelZIndex\n        };\n        this._updateCrosshairLabel(this._radiusLabelCrosshair, labelAttrs, label => {\n          label.name = 'crosshair-radius-label';\n          this._radiusLabelCrosshair = label;\n        });\n      } else {\n        this._radiusLabelCrosshair && this._radiusLabelCrosshair.hideAll();\n      }\n    }\n  }\n\n  protected _parseFieldInfo() {\n    const { categoryField, valueField } = this._crosshairConfig as IPolarCrosshairSpec;\n    if (categoryField && categoryField.visible) {\n      this.xHair = this._parseField(categoryField, 'categoryField');\n    }\n    if (valueField && valueField.visible) {\n      this.yHair = this._parseField(valueField, 'valueField');\n      this.yHair.smooth = valueField?.line?.smooth;\n    }\n  }\n\n  private _updateCrosshairLabel(label: Tag, labelAttrs: any, callback: (label: Tag) => void) {\n    // 文本\n    const container = this.getContainer();\n    if (label) {\n      label.setAttributes(labelAttrs);\n    } else {\n      label = new Tag(labelAttrs);\n      container.add(label as unknown as INode);\n      callback(label);\n    }\n    limitTagInBounds(label, this._getLimitBounds());\n  }\n\n  clear() {\n    [(this._radiusCrosshair, this._radiusLabelCrosshair, this._angleCrosshair, this._angleLabelCrosshair)].forEach(\n      c => {\n        if (c) {\n          this._container?.removeChild(c as unknown as INode);\n          c = null;\n        }\n      }\n    );\n\n    super.clear();\n  }\n}\n"]}

package/cjs/component/crosshair/util.d.ts

@@ -0,0 +1,10 @@
+import type { Tag } from '@visactor/vrender-components';
+import type { IBoundsLike } from '@visactor/vutils';
+import type { Datum } from '../../typings';
+import type { IChart } from '../../chart/interface';
+import type { ITheme } from '../../theme';
+import type { ICrosshairTheme } from './interface';
+export declare function limitTagInBounds(shape: Tag, bounds: IBoundsLike): void;
+export declare function getDatumByValue(data: Datum[], value: number, startField: string, endField?: string): Datum | null;
+export declare const getCartesianCrosshairTheme: (theme: ITheme, chart: IChart) => ICrosshairTheme;
+export declare const getPolarCrosshairTheme: (theme: ITheme, chart: IChart) => ICrosshairTheme;

package/cjs/component/crosshair/util.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.getPolarCrosshairTheme = exports.getCartesianCrosshairTheme = exports.getDatumByValue = exports.limitTagInBounds = void 0;
+
+const util_1 = require("../../util"), util_2 = require("../axis/cartesian/util"), vscale_1 = require("@visactor/vscale");
+
+function limitTagInBounds(shape, bounds) {
+    const {x1: regionMinX, y1: regionMinY, x2: regionMaxX, y2: regionMaxY} = bounds, {x1: x1, y1: y1, x2: x2, y2: y2} = shape.AABBBounds, {dx: originDx = 0, dy: originDy = 0} = shape.attribute;
+    let dx = 0, dy = 0;
+    x1 < regionMinX && (dx = regionMinX - x1), y1 < regionMinY && (dy = regionMinY - y1), 
+    x2 > regionMaxX && (dx = regionMaxX - x2), y2 > regionMaxY && (dy = regionMaxY - y2), 
+    dx && shape.setAttribute("dx", dx + originDx), dy && shape.setAttribute("dy", dy + originDy);
+}
+
+function getDatumByValue(data, value, startField, endField) {
+    let left = 0, right = data.length - 1;
+    for (;left <= right; ) {
+        const mid = Math.floor((left + right) / 2), record = data[mid];
+        if (record[startField] <= value && record[endField || startField] >= value) return record;
+        record[startField] > value ? right = mid - 1 : left = mid + 1;
+    }
+    return null;
+}
+
+exports.limitTagInBounds = limitTagInBounds, exports.getDatumByValue = getDatumByValue;
+
+const getCartesianCrosshairTheme = (theme, chart) => {
+    var _a;
+    const axes = chart.getAllComponents().filter((component => component.type.includes("Axis"))), {bandField: bandField, linearField: linearField, xField: xField, yField: yField} = null !== (_a = theme.component.crosshair) && void 0 !== _a ? _a : {}, xAxis = axes.find((axis => (0, 
+    util_2.isXAxis)(axis.getOrient())));
+    let newXField;
+    newXField = (0, util_1.isValid)(xAxis) ? (0, util_1.mergeSpec)({}, (0, vscale_1.isDiscrete)(xAxis.getScale().type) ? bandField : linearField, xField) : xField;
+    const yAxis = axes.find((axis => (0, util_2.isYAxis)(axis.getOrient())));
+    let newYField;
+    return newYField = (0, util_1.isValid)(yAxis) ? (0, util_1.mergeSpec)({}, (0, vscale_1.isDiscrete)(yAxis.getScale().type) ? bandField : linearField, yField) : yField, 
+    {
+        xField: newXField,
+        yField: newYField
+    };
+};
+
+exports.getCartesianCrosshairTheme = getCartesianCrosshairTheme;
+
+const getPolarCrosshairTheme = (theme, chart) => {
+    var _a;
+    const axes = chart.getAllComponents().filter((component => component.type.includes("Axis"))), {bandField: bandField, linearField: linearField, categoryField: categoryField, valueField: valueField} = null !== (_a = theme.component.crosshair) && void 0 !== _a ? _a : {}, angleAxis = axes.find((axis => "angle" === axis.getOrient()));
+    let newAngleField;
+    newAngleField = (0, util_1.isValid)(angleAxis) ? (0, util_1.mergeSpec)({}, (0, vscale_1.isDiscrete)(angleAxis.getScale().type) ? bandField : linearField, categoryField) : categoryField;
+    const radiusAxis = axes.find((axis => "radius" === axis.getOrient()));
+    let newRadiusField;
+    return newRadiusField = (0, util_1.isValid)(radiusAxis) ? (0, util_1.mergeSpec)({}, (0, 
+    vscale_1.isDiscrete)(radiusAxis.getScale().type) ? bandField : linearField, valueField) : valueField, 
+    {
+        categoryField: newAngleField,
+        valueField: newRadiusField
+    };
+};
+
+exports.getPolarCrosshairTheme = getPolarCrosshairTheme;
+//# sourceMappingURL=util.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/crosshair/util.ts"],"names":[],"mappings":"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","file":"util.js","sourcesContent":["import type { Tag } from '@visactor/vrender-components';\nimport type { IBoundsLike } from '@visactor/vutils';\nimport type { Datum, IOrientType } from '../../typings';\nimport type { IChart } from '../../chart/interface';\nimport type { ITheme } from '../../theme';\nimport type { ICrosshairTheme } from './interface';\nimport { isValid, mergeSpec } from '../../util';\nimport { isXAxis, isYAxis } from '../axis/cartesian/util';\nimport { isDiscrete } from '@visactor/vscale';\nimport type { IAxis } from '../axis';\n\nexport function limitTagInBounds(shape: Tag, bounds: IBoundsLike) {\n  const { x1: regionMinX, y1: regionMinY, x2: regionMaxX, y2: regionMaxY } = bounds;\n  const { x1, y1, x2, y2 } = shape.AABBBounds;\n  const { dx: originDx = 0, dy: originDy = 0 } = shape.attribute;\n\n  let dx = 0;\n  let dy = 0;\n  if (x1 < regionMinX) {\n    // 超出左侧\n    dx = regionMinX - x1;\n  }\n  if (y1 < regionMinY) {\n    // 超出顶部\n    dy = regionMinY - y1;\n  }\n\n  if (x2 > regionMaxX) {\n    // 超出右侧\n    dx = regionMaxX - x2;\n  }\n\n  if (y2 > regionMaxY) {\n    // 整体超出顶部\n    dy = regionMaxY - y2;\n  }\n  if (dx) {\n    shape.setAttribute('dx', dx + originDx);\n  }\n  if (dy) {\n    shape.setAttribute('dy', dy + originDy);\n  }\n}\n\n// 二分查找数据\nexport function getDatumByValue(data: Datum[], value: number, startField: string, endField?: string): Datum | null {\n  let left = 0;\n  let right = data.length - 1;\n\n  while (left <= right) {\n    const mid = Math.floor((left + right) / 2);\n    const record = data[mid];\n\n    if (record[startField] <= value && record[endField || startField] >= value) {\n      return record;\n    }\n\n    if (record[startField] > value) {\n      right = mid - 1;\n    } else {\n      left = mid + 1;\n    }\n  }\n\n  return null;\n}\n\nexport const getCartesianCrosshairTheme = (theme: ITheme, chart: IChart): ICrosshairTheme => {\n  const axes = chart.getAllComponents().filter(component => component.type.includes('Axis')) as IAxis[];\n  const { bandField, linearField, xField, yField } = theme.component.crosshair ?? {};\n\n  const xAxis = axes.find(axis => isXAxis(axis.getOrient() as IOrientType));\n  let newXField;\n  if (isValid(xAxis)) {\n    newXField = mergeSpec({}, isDiscrete(xAxis.getScale().type) ? bandField : linearField, xField);\n  } else {\n    newXField = xField;\n  }\n\n  const yAxis = axes.find(axis => isYAxis(axis.getOrient() as IOrientType));\n  let newYField;\n  if (isValid(yAxis)) {\n    newYField = mergeSpec({}, isDiscrete(yAxis.getScale().type) ? bandField : linearField, yField);\n  } else {\n    newYField = yField;\n  }\n\n  return {\n    xField: newXField,\n    yField: newYField\n  };\n};\n\nexport const getPolarCrosshairTheme = (theme: ITheme, chart: IChart): ICrosshairTheme => {\n  const axes = chart.getAllComponents().filter(component => component.type.includes('Axis')) as IAxis[];\n  const { bandField, linearField, categoryField, valueField } = theme.component.crosshair ?? {};\n\n  const angleAxis = axes.find(axis => axis.getOrient() === 'angle');\n  let newAngleField;\n  if (isValid(angleAxis)) {\n    newAngleField = mergeSpec({}, isDiscrete(angleAxis.getScale().type) ? bandField : linearField, categoryField);\n  } else {\n    newAngleField = categoryField;\n  }\n\n  const radiusAxis = axes.find(axis => axis.getOrient() === 'radius');\n  let newRadiusField;\n  if (isValid(radiusAxis)) {\n    newRadiusField = mergeSpec({}, isDiscrete(radiusAxis.getScale().type) ? bandField : linearField, valueField);\n  } else {\n    newRadiusField = valueField;\n  }\n\n  return {\n    categoryField: newAngleField,\n    valueField: newRadiusField\n  };\n};\n"]}