@visactor/vgrammar-core 0.7.0

package/README.md

@@ -0,0 +1,160 @@
+# @visactor/vgrammar
+
+## Description
+
+@visactor/vgrammar is the core package of VGrammar, which is a visual grammar library based on visual rendering engine [VRender](https://github.com/VisActor/VRender).
+
+## Usage
+
+### Installation
+
+[npm package](https://www.npmjs.com/package/@visactor/vgrammar)
+
+```bash
+// npm
+npm install @visactor/vgrammar
+
+// yarn
+yarn add @visactor/vgrammar
+```
+
+### Quick Start
+
+```javascript
+import { View } from '@visactor/vgrammar-core';
+
+const spec = {
+  padding: { top: 5, right: 5, bottom: 30, left: 60 },
+  data: [
+    {
+      id: 'table',
+      values: [
+        {
+          name: 'A',
+          value: 214480
+        },
+        {
+          name: 'B',
+          value: 155506
+        },
+        {
+          name: 'C',
+          value: 100764
+        },
+        {
+          name: 'D',
+          value: 92715
+        }
+      ]
+    }
+  ],
+  scales: [
+    {
+      id: 'xscale',
+      type: 'band',
+      domain: { data: 'table', field: 'name' },
+      dependency: ['viewBox'],
+      range: (scale, params) => {
+        return [params.viewBox.x1, params.viewBox.x2];
+      },
+      padding: 0.05,
+      round: true
+    },
+    {
+      id: 'yscale',
+      type: 'linear',
+      domain: { data: 'table', field: 'value' },
+      dependency: ['viewBox'],
+      range: (scale, params) => {
+        return [params.viewBox.y2, params.viewBox.y1];
+      },
+      nice: true
+    }
+  ],
+
+  marks: [
+    {
+      type: 'component',
+      componentType: 'axis',
+      scale: 'xscale',
+      tickCount: -1,
+      dependency: ['viewBox'],
+      encode: {
+        update: (scale, elment, params) => {
+          return {
+            x: params.viewBox.x1,
+            y: params.viewBox.y2,
+            start: { x: 0, y: 0 },
+            end: { x: params.viewBox.width(), y: 0 }
+          };
+        }
+      }
+    },
+    {
+      type: 'component',
+      componentType: 'axis',
+      scale: 'yscale',
+      dependency: ['viewBox'],
+      encode: {
+        update: (scale, elment, params) => {
+          return {
+            x: params.viewBox.x1,
+            y: params.viewBox.y1,
+            start: { x: 0, y: params.viewBox.height() },
+            end: { x: 0, y: 0 },
+            verticalFactor: -1
+          };
+        }
+      }
+    },
+    {
+      type: 'component',
+      componentType: 'crosshair',
+      scale: 'xscale',
+      crosshairShape: 'rect',
+      crosshairType: 'x',
+      dependency: ['viewBox'],
+      encode: {
+        update: (scale, elment, params) => {
+          return {
+            start: { y: params.viewBox.y1 },
+            rectStyle: { height: params.viewBox.height() }
+          };
+        }
+      }
+    },
+    {
+      type: 'rect',
+      from: { data: 'table' },
+      encode: {
+        update: {
+          x: { scale: 'xscale', field: 'name' },
+          width: { scale: 'xscale', band: 1 },
+          y: { scale: 'yscale', field: 'value' },
+          y1: {
+            callback: (datum, element, params) => {
+              return params.yscale.scale(params.yscale.domain()[0]);
+            },
+            dependency: ['yscale']
+          },
+          fill: '#6690F2'
+        },
+        hover: {
+          fill: 'red'
+        }
+      }
+    }
+  ]
+};
+
+const vGrammarView = new View({
+  autoFit: true,
+  width: spec.width,
+  height: spec.height,
+  container: 'chart',
+  hover: true
+});
+vGrammarView.parseSpec(spec);
+
+vGrammarView.runAsync();
+```

package/README.zh-CN.md

@@ -0,0 +1,11 @@
+# @visactor/vgrammar
+
+## Description
+
+VGrammar 可视化语法
+
+## Usage
+
+```typescript
+import { xxx } from '@visactor/vgrammar-core';
+```

package/cjs/component/axis.d.ts

@@ -0,0 +1,26 @@
+import type { CircleAxisAttributes, LineAxisAttributes } from '@visactor/vrender-components';
+import type { IBaseScale } from '@visactor/vscale';
+import type { IGroupMark, IScale, ITheme, IView, MarkFunctionType, MarkRelativeItemSpec, Nil, RecursivePartial } from '../types';
+import type { AxisSpec, AxisType, IAxis } from '../types/component';
+import { ScaleComponent } from './scale';
+import type { IBaseCoordinate } from '@visactor/vgrammar-coordinate';
+export declare const generateLineAxisAttributes: (scale: IBaseScale, theme?: ITheme, addition?: RecursivePartial<LineAxisAttributes>, tickCount?: number) => LineAxisAttributes;
+export declare const generateCircleAxisAttributes: (scale: IBaseScale, theme?: ITheme, addition?: RecursivePartial<CircleAxisAttributes>, tickCount?: number) => CircleAxisAttributes;
+export declare const generateCoordinateAxisAttribute: (scale: IScale, coordinate: IBaseCoordinate, inside: boolean, baseValue: number, layout: MarkRelativeItemSpec, isGrid?: boolean) => any;
+export declare class Axis extends ScaleComponent implements IAxis {
+    static readonly componentType: string;
+    protected spec: AxisSpec;
+    private _axisComponentType;
+    constructor(view: IView, group?: IGroupMark, mode?: '2d' | '3d');
+    protected parseAddition(spec: AxisSpec): this;
+    scale(scale?: IScale | string | Nil): this;
+    axisType(axisType: AxisType | Nil): this;
+    addGraphicItem(attrs: any, groupKey?: string): any;
+    tickCount(tickCount: MarkFunctionType<number> | Nil): this;
+    inside(inside: MarkFunctionType<boolean> | Nil): this;
+    baseValue(baseValue: MarkFunctionType<number> | Nil): this;
+    getAxisComponentType(): "lineAxis" | "circleAxis";
+    protected _updateComponentEncoders(): void;
+    private _getAxisComponentType;
+}
+export declare const registerAxis: () => void;

package/cjs/component/axis.js

@@ -0,0 +1,164 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.registerAxis = exports.Axis = exports.generateCoordinateAxisAttribute = exports.generateCircleAxisAttributes = exports.generateLineAxisAttributes = void 0;
+
+const vutils_1 = require("@visactor/vutils"), vrender_components_1 = require("@visactor/vrender-components"), graph_1 = require("../graph"), scale_1 = require("./scale"), encode_1 = require("../graph/mark/encode"), util_1 = require("../parse/util"), factory_1 = require("../core/factory"), generateLineAxisAttributes = (scale, theme, addition, tickCount) => {
+    var _a, _b, _c, _d;
+    const axisTheme = null !== (_b = null === (_a = null == theme ? void 0 : theme.components) || void 0 === _a ? void 0 : _a.axis) && void 0 !== _b ? _b : {};
+    if (!scale) return (0, vutils_1.merge)({}, axisTheme, null != addition ? addition : {});
+    const items = [ (null !== (_d = null === (_c = scale.tickData) || void 0 === _c ? void 0 : _c.call(scale, tickCount)) && void 0 !== _d ? _d : []).map((tick => ({
+        id: tick.index,
+        label: tick.tick,
+        value: tick.value,
+        rawValue: tick.tick
+    }))) ];
+    return (0, vutils_1.merge)({}, axisTheme, {
+        items: items
+    }, null != addition ? addition : {});
+};
+
+exports.generateLineAxisAttributes = generateLineAxisAttributes;
+
+const generateCircleAxisAttributes = (scale, theme, addition, tickCount) => {
+    var _a, _b, _c, _d;
+    const axisTheme = null !== (_b = null === (_a = null == theme ? void 0 : theme.components) || void 0 === _a ? void 0 : _a.circleAxis) && void 0 !== _b ? _b : {};
+    if (!scale) return (0, vutils_1.merge)({}, axisTheme, null != addition ? addition : {});
+    const items = [ (null !== (_d = null === (_c = scale.tickData) || void 0 === _c ? void 0 : _c.call(scale, tickCount)) && void 0 !== _d ? _d : []).map((tick => ({
+        id: tick.index,
+        label: tick.tick,
+        value: tick.value,
+        rawValue: tick.tick
+    }))) ];
+    return (0, vutils_1.merge)({}, axisTheme, {
+        items: items
+    }, null != addition ? addition : {});
+};
+
+exports.generateCircleAxisAttributes = generateCircleAxisAttributes;
+
+const generateCoordinateAxisAttribute = (scale, coordinate, inside, baseValue, layout, isGrid) => {
+    var _a;
+    const axisPosition = scale.getCoordinateAxisPosition();
+    "auto" === (null == layout ? void 0 : layout.position) && (layout.position = inside ? "content" : axisPosition);
+    const axisPoints = scale.getCoordinateAxisPoints(baseValue);
+    if (axisPoints) {
+        const res = {
+            start: axisPoints[0],
+            end: axisPoints[1],
+            verticalFactor: ("top" === axisPosition || "left" === axisPosition ? -1 : 1) * (inside ? -1 : 1) * ((null === (_a = scale.getSpec().range) || void 0 === _a ? void 0 : _a.reversed) ? -1 : 1)
+        };
+        if (isGrid && "polar" === coordinate.type) {
+            const angle = coordinate.angle();
+            res.center = coordinate.origin(), res.startAngle = angle[0], res.endAngle = angle[1];
+        }
+        return res;
+    }
+    const radius = coordinate.radius(), angle = coordinate.angle();
+    return {
+        center: coordinate.origin(),
+        radius: radius[1],
+        innerRadius: radius[0],
+        inside: inside,
+        startAngle: angle[0],
+        endAngle: angle[1]
+    };
+};
+
+exports.generateCoordinateAxisAttribute = generateCoordinateAxisAttribute;
+
+class Axis extends scale_1.ScaleComponent {
+    constructor(view, group, mode) {
+        super(view, graph_1.ComponentEnum.axis, group), this.spec.componentType = graph_1.ComponentEnum.axis, 
+        this.mode = mode;
+    }
+    parseAddition(spec) {
+        return super.parseAddition(spec), this.axisType(spec.axisType), this.tickCount(spec.tickCount), 
+        this.inside(spec.inside), this.baseValue(spec.baseValue), this;
+    }
+    scale(scale) {
+        return super.scale(scale), this._axisComponentType = null, this;
+    }
+    axisType(axisType) {
+        return this.spec.axisType = axisType, this._axisComponentType = null, this._prepareRejoin(), 
+        this.commit(), this;
+    }
+    addGraphicItem(attrs, groupKey) {
+        const initialAttributes = (0, vutils_1.merge)({
+            x: 0,
+            y: 0,
+            start: {
+                x: 0,
+                y: 0
+            },
+            end: {
+                x: 0,
+                y: 0
+            }
+        }, attrs), graphicItem = factory_1.Factory.createGraphicComponent(this._getAxisComponentType(), initialAttributes, this.mode);
+        return super.addGraphicItem(initialAttributes, groupKey, graphicItem);
+    }
+    tickCount(tickCount) {
+        return this.setFunctionSpec(tickCount, "tickCount");
+    }
+    inside(inside) {
+        return this.setFunctionSpec(inside, "inside");
+    }
+    baseValue(baseValue) {
+        return this.setFunctionSpec(baseValue, "baseValue");
+    }
+    getAxisComponentType() {
+        return this._axisComponentType;
+    }
+    _updateComponentEncoders() {
+        const scaleGrammar = (0, vutils_1.isString)(this.spec.scale) ? this.view.getScaleById(this.spec.scale) : this.spec.scale, encoders = Object.assign({
+            update: {}
+        }, this.spec.encode), componentEncoders = Object.keys(encoders).reduce(((res, state) => {
+            const encoder = encoders[state];
+            return encoder && (res[state] = {
+                callback: (datum, element, parameters) => {
+                    var _a, _b;
+                    const theme = this.view.getCurrentTheme();
+                    let addition = (0, encode_1.invokeEncoder)(encoder, datum, element, parameters);
+                    const inside = (0, util_1.invokeFunctionType)(this.spec.inside, parameters, datum, element), baseValue = (0, 
+                    util_1.invokeFunctionType)(this.spec.baseValue, parameters, datum, element), coordinate = null === (_a = null == scaleGrammar ? void 0 : scaleGrammar.getCoordinate) || void 0 === _a ? void 0 : _a.call(scaleGrammar);
+                    coordinate && (addition = Object.assign((0, exports.generateCoordinateAxisAttribute)(scaleGrammar, coordinate, inside, baseValue, this.spec.layout), addition));
+                    const scale = null === (_b = null == scaleGrammar ? void 0 : scaleGrammar.getScale) || void 0 === _b ? void 0 : _b.call(scaleGrammar), tickCount = (0, 
+                    util_1.invokeFunctionType)(this.spec.tickCount, parameters, datum, element);
+                    switch (this._getAxisComponentType()) {
+                      case graph_1.AxisEnum.lineAxis:
+                        return (0, exports.generateLineAxisAttributes)(scale, theme, addition, tickCount);
+
+                      case graph_1.AxisEnum.circleAxis:
+                        return (0, exports.generateCircleAxisAttributes)(scale, theme, addition, tickCount);
+                    }
+                    return addition;
+                }
+            }), res;
+        }), {});
+        this._encoders = componentEncoders;
+    }
+    _getAxisComponentType() {
+        var _a;
+        if (this._axisComponentType) return this._axisComponentType;
+        let type = this.spec.axisType;
+        if ((0, vutils_1.isNil)(type)) {
+            const scaleGrammar = (0, vutils_1.isString)(this.spec.scale) ? this.view.getScaleById(this.spec.scale) : this.spec.scale;
+            type = (null === (_a = null == scaleGrammar ? void 0 : scaleGrammar.getCoordinate) || void 0 === _a ? void 0 : _a.call(scaleGrammar)) ? scaleGrammar.getCoordinateAxisPoints() ? "line" : "circle" : "line";
+        }
+        return this._axisComponentType = "circle" === type ? graph_1.AxisEnum.circleAxis : graph_1.AxisEnum.lineAxis, 
+        this._axisComponentType;
+    }
+}
+
+exports.Axis = Axis, Axis.componentType = graph_1.ComponentEnum.axis;
+
+const registerAxis = () => {
+    factory_1.Factory.registerGraphicComponent(graph_1.AxisEnum.lineAxis, ((attrs, mode) => new vrender_components_1.LineAxis(attrs, mode))), 
+    factory_1.Factory.registerGraphicComponent(graph_1.AxisEnum.circleAxis, (attrs => new vrender_components_1.CircleAxis(attrs))), 
+    factory_1.Factory.registerComponent(graph_1.ComponentEnum.axis, Axis);
+};
+
+exports.registerAxis = registerAxis;
+//# sourceMappingURL=axis.js.map

package/cjs/component/axis.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/axis.ts"],"names":[],"mappings":"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","file":"axis.js","sourcesContent":["import { isNil, isString, merge } from '@visactor/vutils';\nimport type { IGraphic } from '@visactor/vrender';\nimport type { CircleAxisAttributes, LineAxisAttributes } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport { CircleAxis as CircleAxisComponent, LineAxis as LineAxisComponent } from '@visactor/vrender-components';\nimport type { IBaseScale } from '@visactor/vscale';\nimport type {\n  BaseSignleEncodeSpec,\n  IElement,\n  IGroupMark,\n  IScale,\n  ITheme,\n  IView,\n  MarkFunctionType,\n  MarkRelativeItemSpec,\n  Nil,\n  RecursivePartial,\n  StateEncodeSpec\n} from '../types';\nimport { AxisEnum, ComponentEnum } from '../graph';\nimport type { AxisSpec, AxisType, IAxis } from '../types/component';\nimport { ScaleComponent } from './scale';\nimport { invokeEncoder } from '../graph/mark/encode';\nimport { invokeFunctionType } from '../parse/util';\nimport type { IPolarCoordinate, IBaseCoordinate } from '@visactor/vgrammar-coordinate';\nimport { Factory } from '../core/factory';\n\nexport const generateLineAxisAttributes = (\n  scale: IBaseScale,\n  theme?: ITheme,\n  addition?: RecursivePartial<LineAxisAttributes>,\n  tickCount?: number\n): LineAxisAttributes => {\n  const axisTheme = theme?.components?.axis ?? {};\n  if (!scale) {\n    return merge({}, axisTheme, addition ?? {});\n  }\n  const tickData = scale.tickData?.(tickCount) ?? [];\n  const items = [\n    tickData.map(tick => ({\n      id: tick.index,\n      label: tick.tick,\n      value: tick.value,\n      rawValue: tick.tick\n    }))\n  ];\n  return merge({}, axisTheme, { items }, addition ?? {});\n};\n\nexport const generateCircleAxisAttributes = (\n  scale: IBaseScale,\n  theme?: ITheme,\n  addition?: RecursivePartial<CircleAxisAttributes>,\n  tickCount?: number\n): CircleAxisAttributes => {\n  const axisTheme = theme?.components?.circleAxis ?? {};\n  if (!scale) {\n    return merge({}, axisTheme, addition ?? {});\n  }\n  const tickData = scale.tickData?.(tickCount) ?? [];\n  const items = [\n    tickData.map(tick => ({\n      id: tick.index,\n      label: tick.tick,\n      value: tick.value,\n      rawValue: tick.tick\n    }))\n  ];\n  return merge({}, axisTheme, { items }, addition ?? {});\n};\n\nexport const generateCoordinateAxisAttribute = (\n  scale: IScale,\n  coordinate: IBaseCoordinate,\n  inside: boolean,\n  baseValue: number,\n  layout: MarkRelativeItemSpec,\n  isGrid?: boolean\n) => {\n  const axisPosition = scale.getCoordinateAxisPosition();\n  if (layout?.position === 'auto') {\n    // FIXME: too hack\n    layout.position = inside ? 'content' : axisPosition;\n  }\n\n  const axisPoints = scale.getCoordinateAxisPoints(baseValue);\n\n  if (axisPoints) {\n    const start = axisPoints[0];\n    const end = axisPoints[1];\n    const res: any = {\n      start,\n      end,\n      verticalFactor:\n        (axisPosition === 'top' || axisPosition === 'left' ? -1 : 1) *\n        (inside ? -1 : 1) *\n        (scale.getSpec().range?.reversed ? -1 : 1)\n    };\n\n    if (isGrid && coordinate.type === 'polar') {\n      const angle = (coordinate as IPolarCoordinate).angle();\n\n      res.center = (coordinate as IPolarCoordinate).origin();\n      res.startAngle = angle[0];\n      res.endAngle = angle[1];\n    }\n\n    return res;\n  }\n\n  const radius = (coordinate as IPolarCoordinate).radius();\n  const angle = (coordinate as IPolarCoordinate).angle();\n  return {\n    center: (coordinate as IPolarCoordinate).origin(),\n    radius: radius[1],\n    innerRadius: radius[0],\n    inside: inside,\n    startAngle: angle[0],\n    endAngle: angle[1]\n  };\n};\n\nexport class Axis extends ScaleComponent implements IAxis {\n  static readonly componentType: string = ComponentEnum.axis;\n\n  protected declare spec: AxisSpec;\n\n  private _axisComponentType: keyof typeof AxisEnum;\n\n  constructor(view: IView, group?: IGroupMark, mode?: '2d' | '3d') {\n    super(view, ComponentEnum.axis, group);\n    this.spec.componentType = ComponentEnum.axis;\n    this.mode = mode;\n  }\n\n  protected parseAddition(spec: AxisSpec) {\n    super.parseAddition(spec);\n\n    this.axisType(spec.axisType);\n    this.tickCount(spec.tickCount);\n    this.inside(spec.inside);\n    this.baseValue(spec.baseValue);\n\n    return this;\n  }\n\n  scale(scale?: IScale | string | Nil) {\n    super.scale(scale);\n    this._axisComponentType = null;\n    return this;\n  }\n\n  axisType(axisType: AxisType | Nil) {\n    this.spec.axisType = axisType;\n    this._axisComponentType = null;\n    this._prepareRejoin();\n    this.commit();\n    return this;\n  }\n\n  addGraphicItem(attrs: any, groupKey?: string) {\n    const defaultAttributes = { x: 0, y: 0, start: { x: 0, y: 0 }, end: { x: 0, y: 0 } };\n    const initialAttributes = merge(defaultAttributes, attrs);\n    const graphicItem = Factory.createGraphicComponent(this._getAxisComponentType(), initialAttributes, this.mode);\n    return super.addGraphicItem(initialAttributes, groupKey, graphicItem);\n  }\n\n  tickCount(tickCount: MarkFunctionType<number> | Nil) {\n    return this.setFunctionSpec(tickCount, 'tickCount');\n  }\n\n  inside(inside: MarkFunctionType<boolean> | Nil) {\n    return this.setFunctionSpec(inside, 'inside');\n  }\n\n  baseValue(baseValue: MarkFunctionType<number> | Nil) {\n    return this.setFunctionSpec(baseValue, 'baseValue');\n  }\n\n  getAxisComponentType() {\n    return this._axisComponentType;\n  }\n\n  protected _updateComponentEncoders() {\n    const scaleGrammar = isString(this.spec.scale) ? this.view.getScaleById(this.spec.scale) : this.spec.scale;\n    const encoders = Object.assign({ update: {} }, this.spec.encode);\n    const componentEncoders: StateEncodeSpec = Object.keys(encoders).reduce((res, state) => {\n      const encoder = encoders[state];\n      if (encoder) {\n        res[state] = {\n          callback: (datum: any, element: IElement, parameters: any) => {\n            const theme = this.view.getCurrentTheme();\n            let addition = invokeEncoder(encoder as BaseSignleEncodeSpec, datum, element, parameters);\n            const inside = invokeFunctionType(this.spec.inside, parameters, datum, element);\n            const baseValue = invokeFunctionType(this.spec.baseValue, parameters, datum, element);\n\n            const coordinate = scaleGrammar?.getCoordinate?.();\n            if (coordinate) {\n              addition = Object.assign(\n                generateCoordinateAxisAttribute(\n                  scaleGrammar,\n                  coordinate,\n                  inside,\n                  baseValue,\n                  this.spec.layout as MarkRelativeItemSpec\n                ),\n                addition\n              );\n            }\n\n            const scale = scaleGrammar?.getScale?.();\n            const tickCount = invokeFunctionType(this.spec.tickCount, parameters, datum, element);\n            switch (this._getAxisComponentType()) {\n              case AxisEnum.lineAxis:\n                return generateLineAxisAttributes(scale, theme, addition, tickCount);\n              case AxisEnum.circleAxis:\n                return generateCircleAxisAttributes(scale, theme, addition, tickCount);\n            }\n            return addition;\n          }\n        };\n      }\n      return res;\n    }, {});\n    this._encoders = componentEncoders;\n  }\n\n  private _getAxisComponentType() {\n    if (this._axisComponentType) {\n      return this._axisComponentType;\n    }\n\n    let type = this.spec.axisType;\n\n    if (isNil(type)) {\n      const scaleGrammar = isString(this.spec.scale) ? this.view.getScaleById(this.spec.scale) : this.spec.scale;\n\n      type = scaleGrammar?.getCoordinate?.() ? (scaleGrammar.getCoordinateAxisPoints() ? 'line' : 'circle') : 'line';\n    }\n\n    this._axisComponentType = type === 'circle' ? AxisEnum.circleAxis : AxisEnum.lineAxis;\n\n    return this._axisComponentType;\n  }\n}\n\nexport const registerAxis = () => {\n  Factory.registerGraphicComponent(\n    AxisEnum.lineAxis,\n    (attrs: LineAxisAttributes, mode?: '2d' | '3d') => new LineAxisComponent(attrs, mode) as unknown as IGraphic\n  );\n  Factory.registerGraphicComponent(\n    AxisEnum.circleAxis,\n    (attrs: CircleAxisAttributes) => new CircleAxisComponent(attrs) as unknown as IGraphic\n  );\n\n  Factory.registerComponent(ComponentEnum.axis, Axis);\n};\n"]}

package/cjs/component/crosshair.d.ts

@@ -0,0 +1,50 @@
+import type { IPointLike } from '@visactor/vutils';
+import type { CircleCrosshairAttrs, LineCrosshairAttrs, PolygonCrosshairAttrs, RectCrosshairAttrs, SectorCrosshairAttrs } from '@visactor/vrender-components';
+import type { IBaseScale } from '@visactor/vscale';
+import type { CrosshairType, CrosshairSpec, CrosshairShape, ICrosshair } from '../types/component';
+import type { IGroupMark, ITheme, IView, RecursivePartial } from '../types';
+import { ScaleComponent } from './scale';
+export declare const generateLineCrosshairAttributes: (point: IPointLike, scale: IBaseScale, type: CrosshairType, groupSize: {
+    width: number;
+    height: number;
+}, config: CrosshairSpec['componentConfig'], theme?: ITheme, addition?: RecursivePartial<LineCrosshairAttrs> & CrosshairSpec['componentConfig']) => LineCrosshairAttrs;
+export declare const generateRectCrosshairAttributes: (point: IPointLike, scale: IBaseScale, type: CrosshairType, groupSize: {
+    width: number;
+    height: number;
+}, config: CrosshairSpec['componentConfig'], theme?: ITheme, addition?: RecursivePartial<RectCrosshairAttrs>) => RectCrosshairAttrs;
+export declare const generateRingCrosshairAttributes: (point: IPointLike, scale: IBaseScale, type: CrosshairType, groupSize: {
+    width: number;
+    height: number;
+}, config: CrosshairSpec['componentConfig'], theme?: ITheme, addition?: RecursivePartial<SectorCrosshairAttrs>) => SectorCrosshairAttrs;
+export declare const generateSectorCrosshairAttributes: (point: IPointLike, scale: IBaseScale, type: CrosshairType, groupSize: {
+    width: number;
+    height: number;
+}, config: CrosshairSpec['componentConfig'], theme?: ITheme, addition?: RecursivePartial<SectorCrosshairAttrs>) => SectorCrosshairAttrs;
+export declare const generateCircleCrosshairAttributes: (point: IPointLike, scale: IBaseScale, type: CrosshairType, groupSize: {
+    width: number;
+    height: number;
+}, config: CrosshairSpec['componentConfig'], theme?: ITheme, addition?: RecursivePartial<CircleCrosshairAttrs>) => CircleCrosshairAttrs;
+export declare const generatePolygonCrosshairAttributes: (point: IPointLike, scale: IBaseScale, type: CrosshairType, groupSize: {
+    width: number;
+    height: number;
+}, config: CrosshairSpec['componentConfig'], theme?: ITheme, addition?: RecursivePartial<PolygonCrosshairAttrs>) => PolygonCrosshairAttrs;
+export declare class Crosshair extends ScaleComponent implements ICrosshair {
+    static readonly componentType: string;
+    protected spec: CrosshairSpec;
+    private _crosshairComponentType?;
+    private _additionalEncodeResult;
+    private _lastGroup;
+    constructor(view: IView, group?: IGroupMark);
+    protected parseAddition(spec: CrosshairSpec): this;
+    crosshairType(crosshairType?: CrosshairType): this;
+    crosshairShape(crosshairShape?: CrosshairShape): this;
+    addGraphicItem(attrs: any, groupKey?: string): any;
+    release(): void;
+    protected init(stage: any, parameters: any): void;
+    protected _updateComponentEncoders(): void;
+    private _onCrosshairShow;
+    private _onCrosshairHide;
+    private _getCrosshairComponentType;
+    private _getDefaultCrosshairAttribute;
+}
+export declare const registerCrosshair: () => void;