@visactor/vrender-components 0.0.38-brush.2-alpha.0

package/cjs/constant.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var StateValue;
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DEFAULT_STATES = exports.StateValue = exports.DEFAULT_TEXT_FONT_SIZE = exports.DEFAULT_TEXT_FONT_FAMILY = exports.POLAR_END_ANGLE = exports.POLAR_START_ANGLE = void 0, 
+exports.POLAR_START_ANGLE = -.5 * Math.PI, exports.POLAR_END_ANGLE = 1.5 * Math.PI, 
+exports.DEFAULT_TEXT_FONT_FAMILY = "PingFang SC,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif, apple color emoji,segoe ui emoji,segoe ui symbol", 
+exports.DEFAULT_TEXT_FONT_SIZE = 11, function(StateValue) {
+    StateValue.selected = "selected", StateValue.selectedReverse = "selected_reverse", 
+    StateValue.hover = "hover", StateValue.hoverReverse = "hover_reverse";
+}(StateValue = exports.StateValue || (exports.StateValue = {})), exports.DEFAULT_STATES = {
+    [StateValue.selectedReverse]: {},
+    [StateValue.selected]: {},
+    [StateValue.hover]: {},
+    [StateValue.hoverReverse]: {}
+};

package/cjs/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/constant.ts"],"names":[],"mappings":";;;AAAa,QAAA,iBAAiB,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC;AACnC,QAAA,eAAe,GAAG,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC;AAEhC,QAAA,wBAAwB,GAEnC,kJAAkJ,CAAC;AAExI,QAAA,sBAAsB,GAAG,EAAE,CAAC;AAEzC,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,mCAAqB,CAAA;IACrB,kDAAoC,CAAA;IACpC,6BAAe,CAAA;IACf,4CAA8B,CAAA;AAChC,CAAC,EALW,UAAU,GAAV,kBAAU,KAAV,kBAAU,QAKrB;AAEY,QAAA,cAAc,GAAG;IAC5B,CAAC,UAAU,CAAC,eAAe,CAAC,EAAE,EAAE;IAChC,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,EAAE;IACzB,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE;IACtB,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,EAAE;CAC9B,CAAC","file":"constant.js","sourcesContent":["export const POLAR_START_ANGLE = -0.5 * Math.PI;\nexport const POLAR_END_ANGLE = 1.5 * Math.PI;\n\nexport const DEFAULT_TEXT_FONT_FAMILY =\n  // eslint-disable-next-line max-len\n  'PingFang SC,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif, apple color emoji,segoe ui emoji,segoe ui symbol';\n\nexport const DEFAULT_TEXT_FONT_SIZE = 11;\n\nexport enum StateValue {\n  selected = 'selected',\n  selectedReverse = 'selected_reverse',\n  hover = 'hover',\n  hoverReverse = 'hover_reverse'\n}\n\nexport const DEFAULT_STATES = {\n  [StateValue.selectedReverse]: {},\n  [StateValue.selected]: {},\n  [StateValue.hover]: {},\n  [StateValue.hoverReverse]: {}\n};\n"]}

package/cjs/core/base.d.ts

@@ -0,0 +1,12 @@
+import { Group, IGroupGraphicAttribute } from '@visactor/vrender';
+export declare abstract class AbstractComponent<T extends IGroupGraphicAttribute = IGroupGraphicAttribute> extends Group {
+    attribute: Partial<T>;
+    protected mode: '2d' | '3d';
+    constructor(attributes: T, mode?: '2d' | '3d');
+    setAttribute(key: keyof T, value: any, forceUpdateTag?: boolean | undefined): void;
+    setAttributes(params: Partial<T>, forceUpdateTag?: boolean | undefined): void;
+    protected _mergeAttributes(params: Partial<T>, keys?: (keyof T)[]): void;
+    protected bindEvents(): void;
+    protected abstract render(): void;
+    protected _getNodeId(id: string): string;
+}

package/cjs/core/base.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.AbstractComponent = void 0;
+
+const vrender_1 = require("@visactor/vrender"), vutils_1 = require("@visactor/vutils"), GROUP_ATTRIBUTES = [ "x", "y", "dx", "dy", "scaleX", "scaleY", "angle", "anchor", "postMatrix", "visible", "clip", "pickable", "childrenPickable", "zIndex" ];
+
+class AbstractComponent extends vrender_1.Group {
+    constructor(attributes, mode = "2d") {
+        super(attributes), this.mode = mode, this.setTheme({
+            common: {
+                strokeBoundsBuffer: 0
+            }
+        }), this.attribute = attributes, this.onSetStage((() => {
+            this.render(), this.bindEvents();
+        }));
+    }
+    setAttribute(key, value, forceUpdateTag) {
+        (0, vutils_1.isPlainObject)(this.attribute[key]) ? (0, vutils_1.merge)(this.attribute[key], value) : this.attribute[key] = value, 
+        GROUP_ATTRIBUTES.includes(key) || this.render(), this.valid = this.isValid(), this.updateShapeAndBoundsTagSetted() || !forceUpdateTag && !this.needUpdateTag(key) ? this.addUpdateBoundTag() : this.addUpdateShapeAndBoundsTag(), 
+        this.addUpdatePositionTag(), this.onAttributeUpdate();
+    }
+    setAttributes(params, forceUpdateTag) {
+        const keys = Object.keys(params);
+        this._mergeAttributes(params, keys), keys.every((key => GROUP_ATTRIBUTES.includes(key))) || this.render(), 
+        this.valid = this.isValid(), this.updateShapeAndBoundsTagSetted() || !forceUpdateTag && !this.needUpdateTags(keys) ? this.addUpdateBoundTag() : this.addUpdateShapeAndBoundsTag(), 
+        this.addUpdatePositionTag(), this.onAttributeUpdate();
+    }
+    _mergeAttributes(params, keys) {
+        (0, vutils_1.isNil)(keys) && (keys = Object.keys(params));
+        for (let i = 0; i < keys.length; i++) {
+            const key = keys[i];
+            (0, vutils_1.isPlainObject)(this.attribute[key]) ? (0, vutils_1.merge)(this.attribute[key], params[key]) : this.attribute[key] = params[key];
+        }
+    }
+    bindEvents() {}
+    _getNodeId(id) {
+        return `${this.id}-${this.name}-${id}`;
+    }
+}
+
+exports.AbstractComponent = AbstractComponent;
+//# sourceMappingURL=base.js.map

package/cjs/core/base.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/base.ts"],"names":[],"mappings":"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","file":"base.js","sourcesContent":["/**\n * @description 组件基类\n */\nimport { Group, IGroupGraphicAttribute } from '@visactor/vrender';\nimport { merge, isPlainObject, isNil } from '@visactor/vutils';\n\nconst GROUP_ATTRIBUTES = [\n  'x',\n  'y',\n  'dx',\n  'dy',\n  'scaleX',\n  'scaleY',\n  'angle',\n  'anchor',\n  'postMatrix',\n  'visible',\n  'clip',\n  'pickable',\n  'childrenPickable',\n  'zIndex'\n];\n\nexport abstract class AbstractComponent<T extends IGroupGraphicAttribute = IGroupGraphicAttribute> extends Group {\n  declare attribute: Partial<T>;\n\n  protected mode: '2d' | '3d';\n\n  constructor(attributes: T, mode: '2d' | '3d' = '2d') {\n    super(attributes);\n    this.mode = mode;\n    // 组件需要精准 bounds，所以将这个 strokeBoundsBuffer 设置为 0，否则会影响包围盒的获取\n    this.setTheme({\n      common: {\n        strokeBoundsBuffer: 0\n      }\n    });\n    this.attribute = attributes;\n    // 这里调用渲染和事件绑定逻辑\n    this.onSetStage(() => {\n      this.render();\n      this.bindEvents();\n    });\n  }\n\n  /**\n   * @override\n   * 更新单个属性值\n   * @param key\n   * @param value\n   * @param forceUpdateTag\n   */\n  // @ts-ignore\n  setAttribute(key: keyof T, value: any, forceUpdateTag?: boolean | undefined): void {\n    if (isPlainObject(this.attribute[key])) {\n      merge(this.attribute[key], value);\n    } else {\n      this.attribute[key] = value;\n    }\n\n    // HACK: 待优化\n    if (!GROUP_ATTRIBUTES.includes(key as string)) {\n      this.render();\n    }\n\n    this.valid = this.isValid();\n    if (!this.updateShapeAndBoundsTagSetted() && (forceUpdateTag || this.needUpdateTag(key as string))) {\n      this.addUpdateShapeAndBoundsTag();\n    } else {\n      this.addUpdateBoundTag();\n    }\n    this.addUpdatePositionTag();\n    this.onAttributeUpdate();\n  }\n\n  // @ts-ignore\n  setAttributes(params: Partial<T>, forceUpdateTag?: boolean | undefined): void {\n    const keys = Object.keys(params) as (keyof T)[];\n    this._mergeAttributes(params, keys);\n\n    // HACK: 待优化\n    if (!keys.every(key => GROUP_ATTRIBUTES.includes(key as string))) {\n      this.render();\n    }\n\n    this.valid = this.isValid();\n    // 没有设置shape&bounds的tag\n    if (!this.updateShapeAndBoundsTagSetted() && (forceUpdateTag || this.needUpdateTags(keys as string[]))) {\n      this.addUpdateShapeAndBoundsTag();\n    } else {\n      this.addUpdateBoundTag();\n    }\n    this.addUpdatePositionTag();\n    this.onAttributeUpdate();\n  }\n\n  protected _mergeAttributes(params: Partial<T>, keys?: (keyof T)[]) {\n    if (isNil(keys)) {\n      keys = Object.keys(params) as (keyof T)[];\n    }\n    for (let i = 0; i < keys.length; i++) {\n      const key = keys[i] as keyof Partial<T>;\n      if (isPlainObject(this.attribute[key])) {\n        merge(this.attribute[key], params[key]);\n      } else {\n        this.attribute[key] = params[key];\n      }\n    }\n  }\n\n  protected bindEvents() {\n    // for override\n  }\n\n  protected abstract render(): void;\n\n  // 图形元素 id\n  protected _getNodeId(id: string) {\n    return `${this.id}-${this.name}-${id}`;\n  }\n}\n"]}

package/cjs/core/type.d.ts

@@ -0,0 +1,28 @@
+export type Point = {
+    x: number;
+    y: number;
+};
+export interface LocationCfg {
+    [key: string]: any;
+}
+export interface PointLocationCfg extends LocationCfg {
+    x: number;
+    y: number;
+}
+export interface RegionLocationCfg extends LocationCfg {
+    start: Point;
+    end: Point;
+}
+export type State<T> = {
+    [key: string]: T;
+};
+export type BaseGraphicAttributes<T> = {
+    style?: T;
+    state?: State<T>;
+};
+export type Padding = number | number[] | {
+    top?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+};

package/cjs/core/type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});

package/cjs/core/type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["export type Point = {\n  x: number;\n  y: number;\n};\n\nexport interface LocationCfg {\n  [key: string]: any;\n}\n\nexport interface PointLocationCfg extends LocationCfg {\n  /**\n   * 位置 x\n   * @type {number}\n   */\n  x: number;\n  /**\n   * 位置 y\n   * @type {number}\n   */\n  y: number;\n}\n\nexport interface RegionLocationCfg extends LocationCfg {\n  /**\n   * 起始点\n   */\n  start: Point;\n  /**\n   * 结束点\n   */\n  end: Point;\n}\n\nexport type State<T> = {\n  [key: string]: T;\n};\n\nexport type BaseGraphicAttributes<T> = {\n  /**\n   * 基础样式设置\n   */\n  style?: T;\n  /**\n   * 状态样式设置\n   */\n  state?: State<T>;\n};\n\nexport type Padding =\n  | number\n  | number[]\n  | {\n      top?: number;\n      bottom?: number;\n      left?: number;\n      right?: number;\n    };\n"]}

package/cjs/crosshair/base.d.ts

@@ -0,0 +1,10 @@
+import { IGroup } from '@visactor/vrender';
+import { AbstractComponent } from '../core/base';
+import { LocationCfg } from '../core/type';
+import { BaseCrosshairAttrs } from './type';
+export declare abstract class CrosshairBase<T extends BaseCrosshairAttrs> extends AbstractComponent<Required<T>> {
+    name: string;
+    protected abstract renderCrosshair(container: IGroup): any;
+    abstract setLocation(location: LocationCfg): void;
+    protected render(): void;
+}

package/cjs/crosshair/base.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.CrosshairBase = void 0;
+
+const base_1 = require("../core/base");
+
+class CrosshairBase extends base_1.AbstractComponent {
+    constructor() {
+        super(...arguments), this.name = "crosshair";
+    }
+    render() {
+        this.renderCrosshair(this);
+    }
+}
+
+exports.CrosshairBase = CrosshairBase;
+//# sourceMappingURL=base.js.map

package/cjs/crosshair/base.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/crosshair/base.ts"],"names":[],"mappings":";;;AAIA,uCAAiD;AAIjD,MAAsB,aAA4C,SAAQ,wBAA8B;IAAxG;;QACE,SAAI,GAAG,WAAW,CAAC;IAYrB,CAAC;IAHW,MAAM;QACd,IAAI,CAAC,eAAe,CAAC,IAAyB,CAAC,CAAC;IAClD,CAAC;CACF;AAbD,sCAaC","file":"base.js","sourcesContent":["/**\n * @description Crosshair 基类\n */\nimport { IGroup } from '@visactor/vrender';\nimport { AbstractComponent } from '../core/base';\nimport { LocationCfg } from '../core/type';\nimport { BaseCrosshairAttrs } from './type';\n\nexport abstract class CrosshairBase<T extends BaseCrosshairAttrs> extends AbstractComponent<Required<T>> {\n  name = 'crosshair';\n\n  protected abstract renderCrosshair(container: IGroup): any;\n  /**\n   * 更新位置\n   * @param location 位置信息\n   */\n  abstract setLocation(location: LocationCfg): void;\n\n  protected render() {\n    this.renderCrosshair(this as unknown as IGroup);\n  }\n}\n"]}

package/cjs/crosshair/circle.d.ts

@@ -0,0 +1,17 @@
+import { IGroup } from '@visactor/vrender';
+import { PointLocationCfg } from '../core/type';
+import { CrosshairBase } from './base';
+import { CircleCrosshairAttrs } from './type';
+export declare class CircleCrosshair extends CrosshairBase<CircleCrosshairAttrs> {
+    static defaultAttributes: {
+        lineStyle: {
+            stroke: boolean[];
+            strokeColor: string;
+            lineWidth: number;
+            lineDash: number[];
+        };
+    };
+    constructor(attributes: CircleCrosshairAttrs);
+    protected renderCrosshair(container: IGroup): import("@visactor/vrender").INode;
+    setLocation(point: PointLocationCfg): void;
+}

package/cjs/crosshair/circle.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.CircleCrosshair = void 0;
+
+const vutils_1 = require("@visactor/vutils"), base_1 = require("./base");
+
+class CircleCrosshair extends base_1.CrosshairBase {
+    constructor(attributes) {
+        super((0, vutils_1.merge)({}, CircleCrosshair.defaultAttributes, attributes));
+    }
+    renderCrosshair(container) {
+        const {center: center, radius: radius, lineStyle: lineStyle} = this.attribute;
+        return container.createOrUpdateChild("crosshair-circle", Object.assign(Object.assign(Object.assign(Object.assign({}, center), {
+            outerRadius: radius
+        }), this.attribute), lineStyle), "arc");
+    }
+    setLocation(point) {
+        const {center: center} = this.attribute, radius = vutils_1.PointService.distancePP(point, center);
+        this.setAttribute("radius", radius);
+    }
+}
+
+exports.CircleCrosshair = CircleCrosshair, CircleCrosshair.defaultAttributes = {
+    lineStyle: {
+        stroke: [ !0, !1, !1, !1 ],
+        strokeColor: "#b2bacf",
+        lineWidth: 1,
+        lineDash: [ 2 ]
+    }
+};
+//# sourceMappingURL=circle.js.map

package/cjs/crosshair/circle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/crosshair/circle.ts"],"names":[],"mappings":";;;AAIA,6CAAuD;AAEvD,iCAAuC;AAGvC,MAAa,eAAgB,SAAQ,oBAAmC;IAUtE,YAAY,UAAgC;QAC1C,KAAK,CAAC,IAAA,cAAK,EAAC,EAAE,EAAE,eAAe,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;IAClE,CAAC;IAES,eAAe,CAAC,SAAiB;QACzC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,SAAiC,CAAC;QAE7E,MAAM,MAAM,GAAG,SAAS,CAAC,mBAAmB,CAC1C,kBAAkB,8DAEb,MAAM,KACT,WAAW,EAAE,MAAM,KAChB,IAAI,CAAC,SAAS,GACd,SAAS,GAEd,KAAK,CACN,CAAC;QACF,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,WAAW,CAAC,KAAuB;QACjC,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,SAAiC,CAAC;QAC1D,MAAM,MAAM,GAAG,qBAAY,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAEtD,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACtC,CAAC;;AAnCH,0CAoCC;AAnCQ,iCAAiB,GAAG;IACzB,SAAS,EAAE;QACT,MAAM,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;QACnC,WAAW,EAAE,SAAS;QACtB,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,CAAC,CAAC,CAAC;KACd;CACF,CAAC","file":"circle.js","sourcesContent":["/**\n * @description circle 类型 crosshair，用于极坐标系下\n */\nimport { IGroup } from '@visactor/vrender';\nimport { merge, PointService } from '@visactor/vutils';\nimport { PointLocationCfg } from '../core/type';\nimport { CrosshairBase } from './base';\nimport { CircleCrosshairAttrs } from './type';\n\nexport class CircleCrosshair extends CrosshairBase<CircleCrosshairAttrs> {\n  static defaultAttributes = {\n    lineStyle: {\n      stroke: [true, false, false, false],\n      strokeColor: '#b2bacf',\n      lineWidth: 1,\n      lineDash: [2]\n    }\n  };\n\n  constructor(attributes: CircleCrosshairAttrs) {\n    super(merge({}, CircleCrosshair.defaultAttributes, attributes));\n  }\n\n  protected renderCrosshair(container: IGroup) {\n    const { center, radius, lineStyle } = this.attribute as CircleCrosshairAttrs;\n\n    const circle = container.createOrUpdateChild(\n      'crosshair-circle',\n      {\n        ...center,\n        outerRadius: radius,\n        ...this.attribute,\n        ...lineStyle\n      },\n      'arc'\n    );\n    return circle;\n  }\n\n  setLocation(point: PointLocationCfg) {\n    const { center } = this.attribute as CircleCrosshairAttrs;\n    const radius = PointService.distancePP(point, center);\n\n    this.setAttribute('radius', radius);\n  }\n}\n"]}

package/cjs/crosshair/index.d.ts

@@ -0,0 +1,6 @@
+export * from './line';
+export * from './rect';
+export * from './circle';
+export * from './sector';
+export * from './polygon';
+export * from './type';

package/cjs/crosshair/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./line"), exports), __exportStar(require("./rect"), exports), 
+__exportStar(require("./circle"), exports), __exportStar(require("./sector"), exports), 
+__exportStar(require("./polygon"), exports), __exportStar(require("./type"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/crosshair/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/crosshair/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAQA,yCAAuB;AACvB,yCAAuB;AACvB,2CAAyB;AACzB,2CAAyB;AACzB,4CAA0B;AAC1B,yCAAuB","file":"index.js","sourcesContent":["/**\n * @description crosshair 组件\n * 1. line 直线\n * 2. rect 矩形\n * 3. sector rect 在极坐标系下的\n * 4. circle 用于极坐标系下弧度轴，smooth === true 时\n * 5. polygon 用于极坐标系下弧度轴，smooth === false 时\n */\nexport * from './line';\nexport * from './rect';\nexport * from './circle';\nexport * from './sector';\nexport * from './polygon';\nexport * from './type';\n"]}

package/cjs/crosshair/line.d.ts

@@ -0,0 +1,17 @@
+import { IGroup } from '@visactor/vrender';
+import { RegionLocationCfg } from '../core/type';
+import { CrosshairBase } from './base';
+import { LineCrosshairAttrs } from './type';
+export declare class LineCrosshair extends CrosshairBase<LineCrosshairAttrs> {
+    static defaultAttributes: {
+        lineStyle: {
+            stroke: boolean;
+            strokeColor: string;
+            lineWidth: number;
+            lineDash: number[];
+        };
+    };
+    constructor(attributes: LineCrosshairAttrs);
+    protected renderCrosshair(container: IGroup): import("@visactor/vrender").INode;
+    setLocation(region: RegionLocationCfg): void;
+}

package/cjs/crosshair/line.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.LineCrosshair = void 0;
+
+const vutils_1 = require("@visactor/vutils"), base_1 = require("./base");
+
+class LineCrosshair extends base_1.CrosshairBase {
+    constructor(attributes) {
+        super((0, vutils_1.merge)({}, LineCrosshair.defaultAttributes, attributes));
+    }
+    renderCrosshair(container) {
+        const {start: start, end: end, lineStyle: lineStyle} = this.attribute;
+        return container.createOrUpdateChild("crosshair-line", Object.assign({
+            points: [ start, end ]
+        }, lineStyle), "line");
+    }
+    setLocation(region) {
+        const {start: start, end: end} = region;
+        this.setAttributes({
+            start: start,
+            end: end
+        });
+    }
+}
+
+exports.LineCrosshair = LineCrosshair, LineCrosshair.defaultAttributes = {
+    lineStyle: {
+        stroke: !0,
+        strokeColor: "#b2bacf",
+        lineWidth: 1,
+        lineDash: [ 2 ]
+    }
+};
+//# sourceMappingURL=line.js.map

package/cjs/crosshair/line.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/crosshair/line.ts"],"names":[],"mappings":";;;AAIA,6CAAyC;AAEzC,iCAAuC;AAGvC,MAAa,aAAc,SAAQ,oBAAiC;IAUlE,YAAY,UAA8B;QACxC,KAAK,CAAC,IAAA,cAAK,EAAC,EAAE,EAAE,aAAa,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;IAChE,CAAC;IAES,eAAe,CAAC,SAAiB;QACzC,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,SAA+B,CAAC;QAEvE,MAAM,IAAI,GAAG,SAAS,CAAC,mBAAmB,CACxC,gBAAgB,kBAEd,MAAM,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,IACjB,SAAS,GAEd,MAAM,CACP,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,WAAW,CAAC,MAAyB;QACnC,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC;QAC9B,IAAI,CAAC,aAAa,CAAC;YACjB,KAAK;YACL,GAAG;SACJ,CAAC,CAAC;IACL,CAAC;;AAlCH,sCAmCC;AAlCQ,+BAAiB,GAAG;IACzB,SAAS,EAAE;QACT,MAAM,EAAE,IAAI;QACZ,WAAW,EAAE,SAAS;QACtB,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,CAAC,CAAC,CAAC;KACd;CACF,CAAC","file":"line.js","sourcesContent":["/**\n * @description 直线类型 crosshair\n */\nimport { IGroup } from '@visactor/vrender';\nimport { merge } from '@visactor/vutils';\nimport { RegionLocationCfg } from '../core/type';\nimport { CrosshairBase } from './base';\nimport { LineCrosshairAttrs } from './type';\n\nexport class LineCrosshair extends CrosshairBase<LineCrosshairAttrs> {\n  static defaultAttributes = {\n    lineStyle: {\n      stroke: true,\n      strokeColor: '#b2bacf',\n      lineWidth: 1,\n      lineDash: [2]\n    }\n  };\n\n  constructor(attributes: LineCrosshairAttrs) {\n    super(merge({}, LineCrosshair.defaultAttributes, attributes));\n  }\n\n  protected renderCrosshair(container: IGroup) {\n    const { start, end, lineStyle } = this.attribute as LineCrosshairAttrs;\n\n    const line = container.createOrUpdateChild(\n      'crosshair-line',\n      {\n        points: [start, end],\n        ...lineStyle\n      },\n      'line'\n    );\n    return line;\n  }\n\n  setLocation(region: RegionLocationCfg) {\n    const { start, end } = region;\n    this.setAttributes({\n      start,\n      end\n    });\n  }\n}\n"]}

package/cjs/crosshair/polygon.d.ts

@@ -0,0 +1,17 @@
+import { IGroup } from '@visactor/vrender';
+import { PointLocationCfg } from '../core/type';
+import { CrosshairBase } from './base';
+import { PolygonCrosshairAttrs } from './type';
+export declare class PolygonCrosshair extends CrosshairBase<PolygonCrosshairAttrs> {
+    static defaultAttributes: {
+        lineStyle: {
+            stroke: boolean;
+            strokeColor: string;
+            lineWidth: number;
+            lineDash: number[];
+        };
+    };
+    constructor(attributes: PolygonCrosshairAttrs);
+    protected renderCrosshair(container: IGroup): import("@visactor/vrender").INode;
+    setLocation(point: PointLocationCfg): void;
+}

package/cjs/crosshair/polygon.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.PolygonCrosshair = void 0;
+
+const vutils_1 = require("@visactor/vutils"), base_1 = require("./base");
+
+class PolygonCrosshair extends base_1.CrosshairBase {
+    constructor(attributes) {
+        super((0, vutils_1.merge)({}, PolygonCrosshair.defaultAttributes, attributes));
+    }
+    renderCrosshair(container) {
+        const {center: center, radius: radius, sides: sides = 6, lineStyle: lineStyle} = this.attribute, {startAngle: startAngle, endAngle: endAngle} = this.attribute, isClose = (endAngle - startAngle) % (2 * Math.PI) == 0, eachAngle = (endAngle - startAngle) / sides;
+        let path;
+        for (let index = 0; index <= sides; index++) {
+            const angle = startAngle + eachAngle * index, point = (0, vutils_1.polarToCartesian)(center, radius, angle);
+            0 === index ? path = `M${point.x},${point.y}` : path += `L${point.x},${point.y}`, 
+            index === sides && isClose && (path += "Z");
+        }
+        return container.createOrUpdateChild("crosshair-polygon", Object.assign({
+            path: path
+        }, lineStyle), "path");
+    }
+    setLocation(point) {
+        const {center: center} = this.attribute, radius = vutils_1.PointService.distancePP(point, center);
+        this.setAttribute("radius", radius);
+    }
+}
+
+exports.PolygonCrosshair = PolygonCrosshair, PolygonCrosshair.defaultAttributes = {
+    lineStyle: {
+        stroke: !0,
+        strokeColor: "#b2bacf",
+        lineWidth: 1,
+        lineDash: [ 2 ]
+    }
+};
+//# sourceMappingURL=polygon.js.map

package/cjs/crosshair/polygon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/crosshair/polygon.ts"],"names":[],"mappings":";;;AAIA,6CAAyE;AAEzE,iCAAuC;AAGvC,MAAa,gBAAiB,SAAQ,oBAAoC;IAUxE,YAAY,UAAiC;QAC3C,KAAK,CAAC,IAAA,cAAK,EAAC,EAAE,EAAE,gBAAgB,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;IACnE,CAAC;IAES,eAAe,CAAC,SAAiB;QACzC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,SAAkC,CAAC;QACzF,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAEhD,MAAM,OAAO,GAAG,CAAC,QAAQ,GAAG,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;QAC9D,MAAM,SAAS,GAAG,CAAC,QAAQ,GAAG,UAAU,CAAC,GAAG,KAAK,CAAC;QAClD,IAAI,IAAI,CAAC;QACT,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,IAAI,KAAK,EAAE,KAAK,EAAE,EAAE;YAC3C,MAAM,KAAK,GAAG,UAAU,GAAG,SAAS,GAAG,KAAK,CAAC;YAC7C,MAAM,KAAK,GAAG,IAAA,yBAAgB,EAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;YACtD,IAAI,KAAK,KAAK,CAAC,EAAE;gBACf,IAAI,GAAG,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC;aACjC;iBAAM;gBACL,IAAI,IAAI,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC;aAClC;YACD,IAAI,KAAK,KAAK,KAAK,IAAI,OAAO,EAAE;gBAC9B,IAAI,IAAI,GAAG,CAAC;aACb;SACF;QAED,MAAM,OAAO,GAAG,SAAS,CAAC,mBAAmB,CAC3C,mBAAmB,kBAEjB,IAAI,IACD,SAAS,GAEd,MAAM,CACP,CAAC;QACF,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,WAAW,CAAC,KAAuB;QACjC,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,SAAkC,CAAC;QAC3D,MAAM,MAAM,GAAG,qBAAY,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAEtD,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACtC,CAAC;;AAlDH,4CAmDC;AAlDQ,kCAAiB,GAAG;IACzB,SAAS,EAAE;QACT,MAAM,EAAE,IAAI;QACZ,WAAW,EAAE,SAAS;QACtB,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,CAAC,CAAC,CAAC;KACd;CACF,CAAC","file":"polygon.js","sourcesContent":["/**\n * @description polygon 类型 crosshair，用于极坐标系下\n */\nimport { IGroup } from '@visactor/vrender';\nimport { merge, polarToCartesian, PointService } from '@visactor/vutils';\nimport { PointLocationCfg } from '../core/type';\nimport { CrosshairBase } from './base';\nimport { PolygonCrosshairAttrs } from './type';\n\nexport class PolygonCrosshair extends CrosshairBase<PolygonCrosshairAttrs> {\n  static defaultAttributes = {\n    lineStyle: {\n      stroke: true,\n      strokeColor: '#b2bacf',\n      lineWidth: 1,\n      lineDash: [2]\n    }\n  };\n\n  constructor(attributes: PolygonCrosshairAttrs) {\n    super(merge({}, PolygonCrosshair.defaultAttributes, attributes));\n  }\n\n  protected renderCrosshair(container: IGroup) {\n    const { center, radius, sides = 6, lineStyle } = this.attribute as PolygonCrosshairAttrs;\n    const { startAngle, endAngle } = this.attribute;\n\n    const isClose = (endAngle - startAngle) % (Math.PI * 2) === 0;\n    const eachAngle = (endAngle - startAngle) / sides;\n    let path;\n    for (let index = 0; index <= sides; index++) {\n      const angle = startAngle + eachAngle * index;\n      const point = polarToCartesian(center, radius, angle);\n      if (index === 0) {\n        path = `M${point.x},${point.y}`;\n      } else {\n        path += `L${point.x},${point.y}`;\n      }\n      if (index === sides && isClose) {\n        path += 'Z';\n      }\n    }\n\n    const polygon = container.createOrUpdateChild(\n      'crosshair-polygon',\n      {\n        path,\n        ...lineStyle\n      },\n      'path'\n    );\n    return polygon;\n  }\n\n  setLocation(point: PointLocationCfg) {\n    const { center } = this.attribute as PolygonCrosshairAttrs;\n    const radius = PointService.distancePP(point, center);\n\n    this.setAttribute('radius', radius);\n  }\n}\n"]}

package/cjs/crosshair/rect.d.ts

@@ -0,0 +1,20 @@
+import { IGroup } from '@visactor/vrender';
+import { RegionLocationCfg } from '../core/type';
+import { Tag } from '../tag';
+import { CrosshairBase } from './base';
+import { RectCrosshairAttrs } from './type';
+export declare class RectCrosshair extends CrosshairBase<RectCrosshairAttrs> {
+    static defaultAttributes: {
+        rectStyle: {
+            fillColor: string;
+            opacity: number;
+        };
+    };
+    protected topLabelShape?: Tag;
+    protected bottomLabelShape?: Tag;
+    protected leftLabelShape?: Tag;
+    protected rightLabelShape?: Tag;
+    constructor(attributes: RectCrosshairAttrs);
+    protected renderCrosshair(container: IGroup): import("@visactor/vrender").INode;
+    setLocation(region: RegionLocationCfg): void;
+}

package/cjs/crosshair/rect.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.RectCrosshair = void 0;
+
+const vutils_1 = require("@visactor/vutils"), base_1 = require("./base");
+
+class RectCrosshair extends base_1.CrosshairBase {
+    constructor(attributes) {
+        super((0, vutils_1.merge)({}, RectCrosshair.defaultAttributes, attributes));
+    }
+    renderCrosshair(container) {
+        const {start: start, end: end, rectStyle: rectStyle} = this.attribute;
+        return container.createOrUpdateChild("crosshair-rect", Object.assign({
+            x: start.x,
+            y: start.y,
+            width: end.x - start.x,
+            height: end.y - start.y
+        }, rectStyle), "rect");
+    }
+    setLocation(region) {
+        const {start: start, end: end} = region;
+        this.setAttributes({
+            start: start,
+            end: end
+        });
+    }
+}
+
+exports.RectCrosshair = RectCrosshair, RectCrosshair.defaultAttributes = {
+    rectStyle: {
+        fillColor: "#b2bacf",
+        opacity: .2
+    }
+};
+//# sourceMappingURL=rect.js.map

package/cjs/crosshair/rect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/crosshair/rect.ts"],"names":[],"mappings":";;;AAIA,6CAAyC;AAGzC,iCAAuC;AAGvC,MAAa,aAAc,SAAQ,oBAAiC;IAalE,YAAY,UAA8B;QACxC,KAAK,CAAC,IAAA,cAAK,EAAC,EAAE,EAAE,aAAa,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;IAChE,CAAC;IAES,eAAe,CAAC,SAAiB;QACzC,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,SAA+B,CAAC;QAEvE,MAAM,IAAI,GAAG,SAAS,CAAC,mBAAmB,CACxC,gBAAgB,kBAEd,CAAC,EAAE,KAAK,CAAC,CAAC,EACV,CAAC,EAAE,KAAK,CAAC,CAAC,EACV,KAAK,EAAE,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,EACtB,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,IACpB,SAAS,GAEd,MAAM,CACP,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,WAAW,CAAC,MAAyB;QACnC,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC;QAC9B,IAAI,CAAC,aAAa,CAAC;YACjB,KAAK;YACL,GAAG;SACJ,CAAC,CAAC;IACL,CAAC;;AAxCH,sCAyCC;AAxCQ,+BAAiB,GAAG;IACzB,SAAS,EAAE;QACT,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,GAAG;KACb;CACF,CAAC","file":"rect.js","sourcesContent":["/**\n * @description 矩形类型 crosshair\n */\nimport { IGroup } from '@visactor/vrender';\nimport { merge } from '@visactor/vutils';\nimport { RegionLocationCfg } from '../core/type';\nimport { Tag } from '../tag';\nimport { CrosshairBase } from './base';\nimport { RectCrosshairAttrs } from './type';\n\nexport class RectCrosshair extends CrosshairBase<RectCrosshairAttrs> {\n  static defaultAttributes = {\n    rectStyle: {\n      fillColor: '#b2bacf',\n      opacity: 0.2\n    }\n  };\n\n  protected topLabelShape?: Tag;\n  protected bottomLabelShape?: Tag;\n  protected leftLabelShape?: Tag;\n  protected rightLabelShape?: Tag;\n\n  constructor(attributes: RectCrosshairAttrs) {\n    super(merge({}, RectCrosshair.defaultAttributes, attributes));\n  }\n\n  protected renderCrosshair(container: IGroup) {\n    const { start, end, rectStyle } = this.attribute as RectCrosshairAttrs;\n\n    const rect = container.createOrUpdateChild(\n      'crosshair-rect',\n      {\n        x: start.x,\n        y: start.y,\n        width: end.x - start.x,\n        height: end.y - start.y,\n        ...rectStyle\n      },\n      'rect'\n    );\n    return rect;\n  }\n\n  setLocation(region: RegionLocationCfg) {\n    const { start, end } = region;\n    this.setAttributes({\n      start,\n      end\n    });\n  }\n}\n"]}

package/cjs/crosshair/sector.d.ts

@@ -0,0 +1,15 @@
+import { IGroup } from '@visactor/vrender';
+import { PointLocationCfg } from '../core/type';
+import { CrosshairBase } from './base';
+import { SectorCrosshairAttrs } from './type';
+export declare class SectorCrosshair extends CrosshairBase<SectorCrosshairAttrs> {
+    static defaultAttributes: {
+        sectorStyle: {
+            fillColor: string;
+            opacity: number;
+        };
+    };
+    constructor(attributes: SectorCrosshairAttrs);
+    protected renderCrosshair(container: IGroup): import("@visactor/vrender").INode;
+    setLocation(point: PointLocationCfg): void;
+}

package/cjs/crosshair/sector.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.SectorCrosshair = void 0;
+
+const vutils_1 = require("@visactor/vutils"), constant_1 = require("../constant"), base_1 = require("./base");
+
+class SectorCrosshair extends base_1.CrosshairBase {
+    constructor(attributes) {
+        super((0, vutils_1.merge)({}, SectorCrosshair.defaultAttributes, attributes));
+    }
+    renderCrosshair(container) {
+        const {center: center, radius: radius, innerRadius: innerRadius = 0, sectorStyle: sectorStyle} = this.attribute, {startAngle: startAngle, endAngle: endAngle} = this.attribute;
+        return container.createOrUpdateChild("crosshair-sector", Object.assign(Object.assign(Object.assign({}, center), {
+            outerRadius: radius,
+            innerRadius: innerRadius,
+            startAngle: startAngle,
+            endAngle: endAngle
+        }), sectorStyle), "arc");
+    }
+    setLocation(point) {
+        const {center: center, startAngle: startAngle = constant_1.POLAR_START_ANGLE, endAngle: endAngle = constant_1.POLAR_END_ANGLE} = this.attribute, sectorAngle = endAngle - startAngle, pointAngle = (0, 
+        vutils_1.radianToDegree)((0, vutils_1.getAngleByPoint)(center, point));
+        this.setAttributes({
+            startAngle: pointAngle - sectorAngle / 2,
+            endAngle: pointAngle + sectorAngle / 2
+        });
+    }
+}
+
+exports.SectorCrosshair = SectorCrosshair, SectorCrosshair.defaultAttributes = {
+    sectorStyle: {
+        fillColor: "#b2bacf",
+        opacity: .2
+    }
+};
+//# sourceMappingURL=sector.js.map

package/cjs/crosshair/sector.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/crosshair/sector.ts"],"names":[],"mappings":";;;AAIA,6CAA0E;AAE1E,0CAAiE;AACjE,iCAAuC;AAGvC,MAAa,eAAgB,SAAQ,oBAAmC;IAQtE,YAAY,UAAgC;QAC1C,KAAK,CAAC,IAAA,cAAK,EAAC,EAAE,EAAE,eAAe,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;IAClE,CAAC;IAES,eAAe,CAAC,SAAiB;QACzC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,GAAG,CAAC,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,SAAiC,CAAC;QAChG,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAChD,MAAM,MAAM,GAAG,SAAS,CAAC,mBAAmB,CAC1C,kBAAkB,gDAEb,MAAM,KACT,WAAW,EAAE,MAAM,EACnB,WAAW;YACX,UAAU;YACV,QAAQ,KACL,WAAW,GAEhB,KAAK,CACN,CAAC;QACF,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,WAAW,CAAC,KAAuB;QACjC,MAAM,EACJ,MAAM,EACN,UAAU,GAAG,4BAAiB,EAC9B,QAAQ,GAAG,0BAAe,EAC3B,GAAG,IAAI,CAAC,SAAiC,CAAC;QAC3C,MAAM,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAC;QAC1C,MAAM,UAAU,GAAG,IAAA,uBAAc,EAAC,IAAA,wBAAe,EAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;QAClE,IAAI,CAAC,aAAa,CAAC;YACjB,UAAU,EAAE,UAAU,GAAG,WAAW,GAAG,CAAC;YACxC,QAAQ,EAAE,UAAU,GAAG,WAAW,GAAG,CAAC;SACvC,CAAC,CAAC;IACL,CAAC;;AA1CH,0CA2CC;AA1CQ,iCAAiB,GAAG;IACzB,WAAW,EAAE;QACX,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,GAAG;KACb;CACF,CAAC","file":"sector.js","sourcesContent":["/**\n * @description sector 类型 crosshair，用于极坐标系下\n */\nimport { IGroup } from '@visactor/vrender';\nimport { merge, getAngleByPoint, radianToDegree } from '@visactor/vutils';\nimport { PointLocationCfg } from '../core/type';\nimport { POLAR_END_ANGLE, POLAR_START_ANGLE } from '../constant';\nimport { CrosshairBase } from './base';\nimport { SectorCrosshairAttrs } from './type';\n\nexport class SectorCrosshair extends CrosshairBase<SectorCrosshairAttrs> {\n  static defaultAttributes = {\n    sectorStyle: {\n      fillColor: '#b2bacf',\n      opacity: 0.2\n    }\n  };\n\n  constructor(attributes: SectorCrosshairAttrs) {\n    super(merge({}, SectorCrosshair.defaultAttributes, attributes));\n  }\n\n  protected renderCrosshair(container: IGroup) {\n    const { center, radius, innerRadius = 0, sectorStyle } = this.attribute as SectorCrosshairAttrs;\n    const { startAngle, endAngle } = this.attribute;\n    const circle = container.createOrUpdateChild(\n      'crosshair-sector',\n      {\n        ...center,\n        outerRadius: radius,\n        innerRadius,\n        startAngle,\n        endAngle,\n        ...sectorStyle\n      },\n      'arc'\n    );\n    return circle;\n  }\n\n  setLocation(point: PointLocationCfg) {\n    const {\n      center,\n      startAngle = POLAR_START_ANGLE,\n      endAngle = POLAR_END_ANGLE\n    } = this.attribute as SectorCrosshairAttrs;\n    const sectorAngle = endAngle - startAngle;\n    const pointAngle = radianToDegree(getAngleByPoint(center, point));\n    this.setAttributes({\n      startAngle: pointAngle - sectorAngle / 2,\n      endAngle: pointAngle + sectorAngle / 2\n    });\n  }\n}\n"]}

package/cjs/crosshair/type.d.ts

@@ -0,0 +1,37 @@
+import { IGroupGraphicAttribute, ILineGraphicAttribute, IRectGraphicAttribute } from '@visactor/vrender';
+import { Point } from '../core/type';
+export interface BaseCrosshairAttrs extends IGroupGraphicAttribute {
+    type?: 'line' | 'rect' | 'circle' | 'polygon' | 'sector';
+}
+export interface PolarCrosshairAttrs extends BaseCrosshairAttrs {
+    center: Point;
+    radius: number;
+    startAngle?: number;
+    endAngle?: number;
+}
+export interface LineCrosshairAttrs extends BaseCrosshairAttrs {
+    type?: 'line';
+    start: Point;
+    end: Point;
+    lineStyle?: Partial<ILineGraphicAttribute>;
+}
+export interface CircleCrosshairAttrs extends PolarCrosshairAttrs {
+    type?: 'circle';
+    lineStyle?: Partial<ILineGraphicAttribute>;
+}
+export interface RectCrosshairAttrs extends BaseCrosshairAttrs {
+    type?: 'rect';
+    start: Point;
+    end: Point;
+    rectStyle?: Partial<IRectGraphicAttribute>;
+}
+export interface SectorCrosshairAttrs extends PolarCrosshairAttrs {
+    type?: 'sector';
+    innerRadius?: number;
+    sectorStyle?: Partial<ILineGraphicAttribute>;
+}
+export interface PolygonCrosshairAttrs extends PolarCrosshairAttrs {
+    type?: 'polygon';
+    sides: number;
+    lineStyle?: Partial<ILineGraphicAttribute>;
+}

package/cjs/crosshair/type.js

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

package/cjs/crosshair/type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/crosshair/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import { IGroupGraphicAttribute, ILineGraphicAttribute, IRectGraphicAttribute } from '@visactor/vrender';\nimport { Point } from '../core/type';\n\nexport interface BaseCrosshairAttrs extends IGroupGraphicAttribute {\n  type?: 'line' | 'rect' | 'circle' | 'polygon' | 'sector';\n}\n\nexport interface PolarCrosshairAttrs extends BaseCrosshairAttrs {\n  /**\n   * 圆心\n   */\n  center: Point;\n  /**\n   * 半径\n   */\n  radius: number;\n  /**\n   * 起始弧度\n   */\n  startAngle?: number;\n  /**\n   * 结束弧度\n   */\n  endAngle?: number;\n}\n\nexport interface LineCrosshairAttrs extends BaseCrosshairAttrs {\n  type?: 'line';\n  /**\n   * 起始点坐标\n   */\n  start: Point;\n  /**\n   * 结束点坐标\n   */\n  end: Point;\n  /**\n   * 线样式\n   */\n  lineStyle?: Partial<ILineGraphicAttribute>;\n}\n\nexport interface CircleCrosshairAttrs extends PolarCrosshairAttrs {\n  type?: 'circle';\n  /**\n   * 线样式\n   */\n  lineStyle?: Partial<ILineGraphicAttribute>;\n}\n\nexport interface RectCrosshairAttrs extends BaseCrosshairAttrs {\n  type?: 'rect';\n  /**\n   * 起始点坐标\n   */\n  start: Point;\n  /**\n   * 结束点坐标\n   */\n  end: Point;\n  /**\n   * 线样式\n   */\n  rectStyle?: Partial<IRectGraphicAttribute>;\n}\n\nexport interface SectorCrosshairAttrs extends PolarCrosshairAttrs {\n  type?: 'sector';\n  /**\n   * 内半径\n   */\n  innerRadius?: number;\n  /**\n   * 样式配置\n   */\n  sectorStyle?: Partial<ILineGraphicAttribute>;\n}\n\nexport interface PolygonCrosshairAttrs extends PolarCrosshairAttrs {\n  type?: 'polygon';\n  /** 多边形边数 */\n  sides: number;\n  /** 多边形样式 */\n  lineStyle?: Partial<ILineGraphicAttribute>;\n}\n"]}