@visactor/vrender-components 0.16.20-alpha.4 → 0.16.20

package/es/crosshair/polygon.d.ts

@@ -2,7 +2,6 @@ import type { IGroup } from '@visactor/vrender-core';
 import type { PointLocationCfg } from '../core/type';
 import { CrosshairBase } from './base';
 import type { PolygonCrosshairAttrs } from './type';
-import type { ComponentOptions } from '../interface';
 export declare class PolygonCrosshair extends CrosshairBase<PolygonCrosshairAttrs> {
     static defaultAttributes: {
         lineStyle: {
@@ -11,7 +10,7 @@ export declare class PolygonCrosshair extends CrosshairBase<PolygonCrosshairAttr
             lineDash: number[];
         };
     };
-    constructor(attributes: PolygonCrosshairAttrs, options?: ComponentOptions);
+    constructor(attributes: PolygonCrosshairAttrs);
     protected renderCrosshair(container: IGroup): import("@visactor/vrender-core").INode;
     setLocation(point: PointLocationCfg): void;
 }

package/es/crosshair/polygon.js

@@ -3,8 +3,8 @@ import { merge, polarToCartesian, PointService } from "@visactor/vutils";
 import { CrosshairBase } from "./base";
 
 export class PolygonCrosshair extends CrosshairBase {
-    constructor(attributes, options) {
-        super((null == options ? void 0 : options.skipDefault) ? attributes : merge({}, PolygonCrosshair.defaultAttributes, attributes));
+    constructor(attributes) {
+        super(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;

package/es/crosshair/polygon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/crosshair/polygon.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEzE,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAIvC,MAAM,OAAO,gBAAiB,SAAQ,aAAoC;IASxE,YAAY,UAAiC,EAAE,OAA0B;QACvE,KAAK,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,gBAAgB,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;IACvG,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,gBAAgB,CAAC,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,YAAY,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAEtD,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACtC,CAAC;;AAhDM,kCAAiB,GAAG;IACzB,SAAS,EAAE;QACT,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,CAAC,CAAC,CAAC;KACd;CACF,CAAC","file":"polygon.js","sourcesContent":["/**\n * @description polygon 类型 crosshair，用于极坐标系下\n */\nimport type { IGroup } from '@visactor/vrender-core';\nimport { merge, polarToCartesian, PointService } from '@visactor/vutils';\nimport type { PointLocationCfg } from '../core/type';\nimport { CrosshairBase } from './base';\nimport type { PolygonCrosshairAttrs } from './type';\nimport type { ComponentOptions } from '../interface';\n\nexport class PolygonCrosshair extends CrosshairBase<PolygonCrosshairAttrs> {\n  static defaultAttributes = {\n    lineStyle: {\n      stroke: '#b2bacf',\n      lineWidth: 1,\n      lineDash: [2]\n    }\n  };\n\n  constructor(attributes: PolygonCrosshairAttrs, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : 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"]}
+{"version":3,"sources":["../src/crosshair/polygon.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEzE,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAGvC,MAAM,OAAO,gBAAiB,SAAQ,aAAoC;IASxE,YAAY,UAAiC;QAC3C,KAAK,CAAC,KAAK,CAAC,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,gBAAgB,CAAC,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,YAAY,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAEtD,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACtC,CAAC;;AAhDM,kCAAiB,GAAG;IACzB,SAAS,EAAE;QACT,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,CAAC,CAAC,CAAC;KACd;CACF,CAAC","file":"polygon.js","sourcesContent":["/**\n * @description polygon 类型 crosshair，用于极坐标系下\n */\nimport type { IGroup } from '@visactor/vrender-core';\nimport { merge, polarToCartesian, PointService } from '@visactor/vutils';\nimport type { PointLocationCfg } from '../core/type';\nimport { CrosshairBase } from './base';\nimport type { PolygonCrosshairAttrs } from './type';\n\nexport class PolygonCrosshair extends CrosshairBase<PolygonCrosshairAttrs> {\n  static defaultAttributes = {\n    lineStyle: {\n      stroke: '#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/es/crosshair/rect.d.ts

@@ -3,7 +3,6 @@ import type { RegionLocationCfg } from '../core/type';
 import type { Tag } from '../tag';
 import { CrosshairBase } from './base';
 import type { RectCrosshairAttrs } from './type';
-import type { ComponentOptions } from '../interface';
 export declare class RectCrosshair extends CrosshairBase<RectCrosshairAttrs> {
     static defaultAttributes: {
         rectStyle: {
@@ -15,7 +14,7 @@ export declare class RectCrosshair extends CrosshairBase<RectCrosshairAttrs> {
     protected bottomLabelShape?: Tag;
     protected leftLabelShape?: Tag;
     protected rightLabelShape?: Tag;
-    constructor(attributes: RectCrosshairAttrs, options?: ComponentOptions);
+    constructor(attributes: RectCrosshairAttrs);
     protected renderCrosshair(container: IGroup): import("@visactor/vrender-core").INode;
     setLocation(region: RegionLocationCfg): void;
 }

package/es/crosshair/rect.js

@@ -3,8 +3,8 @@ import { merge } from "@visactor/vutils";
 import { CrosshairBase } from "./base";
 
 export class RectCrosshair extends CrosshairBase {
-    constructor(attributes, options) {
-        super((null == options ? void 0 : options.skipDefault) ? attributes : merge({}, RectCrosshair.defaultAttributes, attributes));
+    constructor(attributes) {
+        super(merge({}, RectCrosshair.defaultAttributes, attributes));
     }
     renderCrosshair(container) {
         const {start: start, end: end, rectStyle: rectStyle} = this.attribute;

package/es/crosshair/rect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/crosshair/rect.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGzC,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAIvC,MAAM,OAAO,aAAc,SAAQ,aAAiC;IAalE,YAAY,UAA8B,EAAE,OAA0B;QACpE,KAAK,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,aAAa,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;IACpG,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;;AAvCM,+BAAiB,GAAG;IACzB,SAAS,EAAE;QACT,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,GAAG;KACb;CACF,CAAC","file":"rect.js","sourcesContent":["/**\n * @description 矩形类型 crosshair\n */\nimport type { IGroup } from '@visactor/vrender-core';\nimport { merge } from '@visactor/vutils';\nimport type { RegionLocationCfg } from '../core/type';\nimport type { Tag } from '../tag';\nimport { CrosshairBase } from './base';\nimport type { RectCrosshairAttrs } from './type';\nimport type { ComponentOptions } from '../interface';\n\nexport class RectCrosshair extends CrosshairBase<RectCrosshairAttrs> {\n  static defaultAttributes = {\n    rectStyle: {\n      fill: '#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, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : 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"]}
+{"version":3,"sources":["../src/crosshair/rect.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGzC,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAGvC,MAAM,OAAO,aAAc,SAAQ,aAAiC;IAalE,YAAY,UAA8B;QACxC,KAAK,CAAC,KAAK,CAAC,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;;AAvCM,+BAAiB,GAAG;IACzB,SAAS,EAAE;QACT,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,GAAG;KACb;CACF,CAAC","file":"rect.js","sourcesContent":["/**\n * @description 矩形类型 crosshair\n */\nimport type { IGroup } from '@visactor/vrender-core';\nimport { merge } from '@visactor/vutils';\nimport type { RegionLocationCfg } from '../core/type';\nimport type { Tag } from '../tag';\nimport { CrosshairBase } from './base';\nimport type { RectCrosshairAttrs } from './type';\n\nexport class RectCrosshair extends CrosshairBase<RectCrosshairAttrs> {\n  static defaultAttributes = {\n    rectStyle: {\n      fill: '#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/es/crosshair/sector.d.ts

@@ -2,7 +2,6 @@ import type { IGroup } from '@visactor/vrender-core';
 import type { PointLocationCfg } from '../core/type';
 import { CrosshairBase } from './base';
 import type { SectorCrosshairAttrs } from './type';
-import type { ComponentOptions } from '../interface';
 export declare class SectorCrosshair extends CrosshairBase<SectorCrosshairAttrs> {
     static defaultAttributes: {
         sectorStyle: {
@@ -10,7 +9,7 @@ export declare class SectorCrosshair extends CrosshairBase<SectorCrosshairAttrs>
             opacity: number;
         };
     };
-    constructor(attributes: SectorCrosshairAttrs, options?: ComponentOptions);
+    constructor(attributes: SectorCrosshairAttrs);
     protected renderCrosshair(container: IGroup): import("@visactor/vrender-core").INode;
     setLocation(point: PointLocationCfg): void;
 }

package/es/crosshair/sector.js

@@ -5,8 +5,8 @@ import { POLAR_END_ANGLE, POLAR_START_ANGLE } from "../constant";
 import { CrosshairBase } from "./base";
 
 export class SectorCrosshair extends CrosshairBase {
-    constructor(attributes, options) {
-        super((null == options ? void 0 : options.skipDefault) ? attributes : merge({}, SectorCrosshair.defaultAttributes, attributes));
+    constructor(attributes) {
+        super(merge({}, SectorCrosshair.defaultAttributes, attributes));
     }
     renderCrosshair(container) {
         const {center: center, radius: radius, innerRadius: innerRadius = 0, sectorStyle: sectorStyle} = this.attribute, {startAngle: startAngle, endAngle: endAngle} = this.attribute;

package/es/crosshair/sector.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/crosshair/sector.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE1E,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAIvC,MAAM,OAAO,eAAgB,SAAQ,aAAmC;IAQtE,YAAY,UAAgC,EAAE,OAA0B;QACtE,KAAK,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,eAAe,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;IACtG,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,iBAAiB,EAC9B,QAAQ,GAAG,eAAe,EAC3B,GAAG,IAAI,CAAC,SAAiC,CAAC;QAC3C,MAAM,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAC;QAC1C,MAAM,UAAU,GAAG,cAAc,CAAC,eAAe,CAAC,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;;AAzCM,iCAAiB,GAAG;IACzB,WAAW,EAAE;QACX,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,GAAG;KACb;CACF,CAAC","file":"sector.js","sourcesContent":["/**\n * @description sector 类型 crosshair，用于极坐标系下\n */\nimport type { IGroup } from '@visactor/vrender-core';\nimport { merge, getAngleByPoint, radianToDegree } from '@visactor/vutils';\nimport type { PointLocationCfg } from '../core/type';\nimport { POLAR_END_ANGLE, POLAR_START_ANGLE } from '../constant';\nimport { CrosshairBase } from './base';\nimport type { SectorCrosshairAttrs } from './type';\nimport type { ComponentOptions } from '../interface';\n\nexport class SectorCrosshair extends CrosshairBase<SectorCrosshairAttrs> {\n  static defaultAttributes = {\n    sectorStyle: {\n      fill: '#b2bacf',\n      opacity: 0.2\n    }\n  };\n\n  constructor(attributes: SectorCrosshairAttrs, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : 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"]}
+{"version":3,"sources":["../src/crosshair/sector.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE1E,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAGvC,MAAM,OAAO,eAAgB,SAAQ,aAAmC;IAQtE,YAAY,UAAgC;QAC1C,KAAK,CAAC,KAAK,CAAC,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,iBAAiB,EAC9B,QAAQ,GAAG,eAAe,EAC3B,GAAG,IAAI,CAAC,SAAiC,CAAC;QAC3C,MAAM,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAC;QAC1C,MAAM,UAAU,GAAG,cAAc,CAAC,eAAe,CAAC,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;;AAzCM,iCAAiB,GAAG;IACzB,WAAW,EAAE;QACX,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,GAAG;KACb;CACF,CAAC","file":"sector.js","sourcesContent":["/**\n * @description sector 类型 crosshair，用于极坐标系下\n */\nimport type { IGroup } from '@visactor/vrender-core';\nimport { merge, getAngleByPoint, radianToDegree } from '@visactor/vutils';\nimport type { PointLocationCfg } from '../core/type';\nimport { POLAR_END_ANGLE, POLAR_START_ANGLE } from '../constant';\nimport { CrosshairBase } from './base';\nimport type { SectorCrosshairAttrs } from './type';\n\nexport class SectorCrosshair extends CrosshairBase<SectorCrosshairAttrs> {\n  static defaultAttributes = {\n    sectorStyle: {\n      fill: '#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/es/data-zoom/data-zoom.d.ts

@@ -5,7 +5,6 @@ import type { TagAttributes } from '../tag';
 import { Tag } from '../tag';
 import { DataZoomActiveTag } from './type';
 import type { DataZoomAttributes } from './type';
-import type { ComponentOptions } from '../interface';
 export declare class DataZoom extends AbstractComponent<Required<DataZoomAttributes>> {
     name: string;
     static defaultAttributes: {
@@ -148,9 +147,10 @@ export declare class DataZoom extends AbstractComponent<Required<DataZoomAttribu
     private _previewPointsY;
     private _previewPointsX1;
     private _previewPointsY1;
+    private _updateStateCallback;
     private _statePointToData;
     private _layoutAttrFromConfig;
-    constructor(attributes: DataZoomAttributes, options?: ComponentOptions);
+    constructor(attributes: DataZoomAttributes);
     protected bindEvents(): void;
     protected dragMaskSize(): number;
     protected setStateAttr(start: number, end: number, shouldRender: boolean): void;
@@ -178,12 +178,14 @@ export declare class DataZoom extends AbstractComponent<Required<DataZoomAttribu
     protected setPreviewAttributes(type: 'line' | 'area', group: IGroup): void;
     protected setSelectedPreviewAttributes(type: 'area' | 'line', group: IGroup): void;
     protected maybeAddLabel(container: IGroup, attributes: TagAttributes, name: string): Tag;
+    private _dispatchChangeEvent;
     setStartAndEnd(start?: number, end?: number): void;
     setPreviewData(data: any[]): void;
     setText(text: string, tag: 'start' | 'end'): void;
     getStartValue(): string | number;
     getEndTextValue(): string | number;
     getMiddleHandlerSize(): number;
+    setUpdateStateCallback(callback: (start: number, end: number, trigger?: DataZoomActiveTag) => void): void;
     setPreviewPointsX(callback: (d: any) => number): void;
     setPreviewPointsY(callback: (d: any) => number): void;
     setPreviewPointsX1(callback: (d: any) => number): void;

package/es/data-zoom/data-zoom.js

@@ -8,7 +8,7 @@ var __rest = this && this.__rest || function(s, e) {
     return t;
 };
 
-import { vglobal } from "@visactor/vrender-core";
+import { vglobal, CustomEvent } from "@visactor/vrender-core";
 
 import { array, clamp, debounce, isFunction, isValid, merge, throttle } from "@visactor/vutils";
 
@@ -26,9 +26,9 @@ const delayMap = {
 };
 
 export class DataZoom extends AbstractComponent {
-    constructor(attributes, options) {
-        super((null == options ? void 0 : options.skipDefault) ? attributes : merge({}, DataZoom.defaultAttributes, attributes)), 
-        this.name = "dataZoom", this._previewData = [], this._activeState = !1, this._activeCache = {
+    constructor(attributes) {
+        super(merge({}, DataZoom.defaultAttributes, attributes)), this.name = "dataZoom", 
+        this._previewData = [], this._activeState = !1, this._activeCache = {
             startPos: {
                 x: 0,
                 y: 0
@@ -53,6 +53,7 @@ export class DataZoom extends AbstractComponent {
             this._activeItem = this._background), this._activeState = !0, this._activeCache.startPos = this.eventPosToStagePos(e), 
             this._activeCache.lastPos = this.eventPosToStagePos(e);
         }, this._onHandlerPointerMove = e => {
+            var _a;
             e.stopPropagation();
             const {start: startAttr, end: endAttr, brushSelect: brushSelect, realTime: realTime = !0} = this.attribute, pos = this.eventPosToStagePos(e), {attPos: attPos, max: max} = this._layoutCache, dis = (pos[attPos] - this._activeCache.lastPos[attPos]) / max;
             let {start: start, end: end} = this.state;
@@ -61,11 +62,8 @@ export class DataZoom extends AbstractComponent {
             start = end + dis, this._activeTag = DataZoomActiveTag.startHandler) : end += dis), 
             this._activeCache.lastPos = pos, brushSelect && this.renderDragMask()), start = Math.min(Math.max(start, 0), 1), 
             end = Math.min(Math.max(end, 0), 1), startAttr === start && endAttr === end || (this.setStateAttr(start, end, !0), 
-            this._dispatchEvent("change", {
-                start: start,
-                end: end,
-                tag: this._activeTag
-            }));
+            realTime && (null === (_a = this._updateStateCallback) || void 0 === _a || _a.call(this, start, end, this._activeTag)), 
+            this._dispatchChangeEvent(start, end));
         };
         const {start: start, end: end, size: size, orient: orient, showDetail: showDetail, position: position, previewData: previewData, previewPointsX: previewPointsX, previewPointsY: previewPointsY, previewPointsX1: previewPointsX1, previewPointsY1: previewPointsY1, updateStateCallback: updateStateCallback} = this.attribute, {width: width, height: height} = size;
         start && (this.state.start = start), end && (this.state.end = end), this._spanCache = this.state.end - this.state.start, 
@@ -74,7 +72,7 @@ export class DataZoom extends AbstractComponent {
         this._activeCache.startPos = position, this._activeCache.lastPos = position, this._showText = "auto" !== showDetail && showDetail, 
         previewData && (this._previewData = previewData), isFunction(previewPointsX) && (this._previewPointsX = previewPointsX), 
         isFunction(previewPointsY) && (this._previewPointsY = previewPointsY), isFunction(previewPointsX1) && (this._previewPointsX1 = previewPointsX1), 
-        isFunction(previewPointsY1) && (this._previewPointsY1 = previewPointsY1);
+        isFunction(previewPointsY1) && (this._previewPointsY1 = previewPointsY1), isFunction(updateStateCallback) && (this._updateStateCallback = updateStateCallback);
     }
     bindEvents() {
         if (this.attribute.disableTriggerEvent) return;
@@ -110,14 +108,15 @@ export class DataZoom extends AbstractComponent {
         }));
     }
     eventPosToStagePos(e) {
-        var _a, _b;
-        const {x: x, y: y} = vglobal.mapToCanvasPoint(e);
+        var _a, _b, _c;
+        const stagePosition = null === (_a = this.stage) || void 0 === _a ? void 0 : _a.window.getBoundingClientRect();
         return {
-            x: x - ((null === (_a = this.stage) || void 0 === _a ? void 0 : _a.x) || 0),
-            y: y - ((null === (_b = this.stage) || void 0 === _b ? void 0 : _b.y) || 0)
+            x: e.clientX - ((null == stagePosition ? void 0 : stagePosition.left) || 0) - ((null === (_b = this.stage) || void 0 === _b ? void 0 : _b.x) || 0),
+            y: e.clientY - ((null == stagePosition ? void 0 : stagePosition.top) || 0) - ((null === (_c = this.stage) || void 0 === _c ? void 0 : _c.y) || 0)
         };
     }
     _onHandlerPointerUp(e) {
+        var _a;
         e.preventDefault();
         const {start: start, end: end, brushSelect: brushSelect, realTime: realTime = !0} = this.attribute;
         if (this._activeState && this._activeTag === DataZoomActiveTag.background) {
@@ -125,11 +124,8 @@ export class DataZoom extends AbstractComponent {
             this.backgroundDragZoom(this._activeCache.startPos, pos);
         }
         this._activeState = !1, brushSelect && this.renderDragMask(), realTime && start === this.state.start && end === this.state.end || (this.setStateAttr(this.state.start, this.state.end, !0), 
-        this._dispatchEvent("change", {
-            start: this.state.start,
-            end: this.state.end,
-            tag: this._activeTag
-        }));
+        null === (_a = this._updateStateCallback) || void 0 === _a || _a.call(this, this.state.start, this.state.end, this._activeTag), 
+        this._dispatchChangeEvent(this.state.start, this.state.end));
     }
     _onHandlerPointerEnter(e) {
         e.stopPropagation(), this._showText = !0, this.renderText();
@@ -429,15 +425,22 @@ export class DataZoom extends AbstractComponent {
         return labelShape ? labelShape.setAttributes(attributes) : (labelShape = new Tag(attributes), 
         labelShape.name = name), container.add(labelShape), labelShape;
     }
+    _dispatchChangeEvent(start, end) {
+        var _a;
+        const changeEvent = new CustomEvent("change", {
+            start: start,
+            end: end
+        });
+        changeEvent.manager = null === (_a = this.stage) || void 0 === _a ? void 0 : _a.eventSystem.manager, 
+        this.dispatchEvent(changeEvent);
+    }
     setStartAndEnd(start, end) {
+        var _a;
         const {start: startAttr, end: endAttr} = this.attribute;
         isValid(start) && isValid(end) && (start !== this.state.start || end !== this.state.end) && (this.state.start = start, 
         this.state.end = end, startAttr === this.state.start && endAttr === this.state.end || (this.setStateAttr(start, end, !0), 
-        this._dispatchEvent("change", {
-            start: start,
-            end: end,
-            tag: this._activeTag
-        })));
+        null === (_a = this._updateStateCallback) || void 0 === _a || _a.call(this, start, end, this._activeTag), 
+        this._dispatchChangeEvent(start, end)));
     }
     setPreviewData(data) {
         this._previewData = data;
@@ -456,6 +459,9 @@ export class DataZoom extends AbstractComponent {
         const {middleHandlerStyle: middleHandlerStyle} = this.attribute, middleHandlerRectSize = null !== (_b = null === (_a = null == middleHandlerStyle ? void 0 : middleHandlerStyle.background) || void 0 === _a ? void 0 : _a.size) && void 0 !== _b ? _b : 10, middleHandlerSymbolSize = null !== (_d = null === (_c = null == middleHandlerStyle ? void 0 : middleHandlerStyle.icon) || void 0 === _c ? void 0 : _c.size) && void 0 !== _d ? _d : 10;
         return Math.max(middleHandlerRectSize, ...array(middleHandlerSymbolSize));
     }
+    setUpdateStateCallback(callback) {
+        isFunction(callback) && (this._updateStateCallback = callback);
+    }
     setPreviewPointsX(callback) {
         isFunction(callback) && (this._previewPointsX = callback);
     }