@visactor/vrender-components 0.16.0-alpha.7 → 0.16.0

package/es/core/base.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/base.ts"],"names":[],"mappings":"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","file":"base.js","sourcesContent":["/**\n * @description 组件基类\n */\nimport type { IGroupGraphicAttribute } from '@visactor/vrender';\nimport { Group } from '@visactor/vrender';\nimport { merge, isFunction, 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    // overwrite when previous or next attribute is function\n    if (isPlainObject(this.attribute[key]) && !isFunction(this.attribute[key]) && !isFunction(value)) {\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      // overwrite when previous or next attribute is function\n      if (isPlainObject(this.attribute[key]) && !isFunction(this.attribute[key]) && !isFunction(params[key])) {\n        merge(this.attribute[key], params[key]);\n      } else {\n        this.attribute[key] = params[key];\n      }\n    }\n  }\n\n  protected bindEvents() {\n    // please 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"]}
+{"version":3,"sources":["../src/core/base.ts"],"names":[],"mappings":"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","file":"base.js","sourcesContent":["/**\n * @description 组件基类\n */\nimport type { IGroupGraphicAttribute } from '@visactor/vrender-core';\nimport { Group } from '@visactor/vrender-core';\nimport { merge, isFunction, 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    // overwrite when previous or next attribute is function\n    if (isPlainObject(this.attribute[key]) && !isFunction(this.attribute[key]) && !isFunction(value)) {\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      // overwrite when previous or next attribute is function\n      if (isPlainObject(this.attribute[key]) && !isFunction(this.attribute[key]) && !isFunction(params[key])) {\n        merge(this.attribute[key], params[key]);\n      } else {\n        this.attribute[key] = params[key];\n      }\n    }\n  }\n\n  protected bindEvents() {\n    // please 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/es/core/type.js

@@ -1 +1,2 @@
-export { };
+export { };
+//# sourceMappingURL=type.js.map

package/es/crosshair/base.d.ts

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

package/es/crosshair/base.js

@@ -7,5 +7,4 @@ export class CrosshairBase extends AbstractComponent {
     render() {
         this.renderCrosshair(this);
     }
-}
-//# sourceMappingURL=base.js.map
+}

package/es/crosshair/base.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/crosshair/base.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAIjD,MAAM,OAAgB,aAA4C,SAAQ,iBAA8B;IAAxG;;QACE,SAAI,GAAG,WAAW,CAAC;IAYrB,CAAC;IAHW,MAAM;QACd,IAAI,CAAC,eAAe,CAAC,IAAyB,CAAC,CAAC;IAClD,CAAC;CACF","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"]}
+{"version":3,"sources":["../src/crosshair/base.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAIjD,MAAM,OAAgB,aAA4C,SAAQ,iBAA8B;IAAxG;;QACE,SAAI,GAAG,WAAW,CAAC;IAYrB,CAAC;IAHW,MAAM;QACd,IAAI,CAAC,eAAe,CAAC,IAAyB,CAAC,CAAC;IAClD,CAAC;CACF","file":"base.js","sourcesContent":["/**\n * @description Crosshair 基类\n */\nimport type { IGroup } from '@visactor/vrender-core';\nimport { AbstractComponent } from '../core/base';\nimport type { LocationCfg } from '../core/type';\nimport type { 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/es/crosshair/circle.d.ts

@@ -1,7 +1,7 @@
-import { IGroup } from '@visactor/vrender';
-import { PointLocationCfg } from '../core/type';
+import type { IGroup } from '@visactor/vrender-core';
+import type { PointLocationCfg } from '../core/type';
 import { CrosshairBase } from './base';
-import { CircleCrosshairAttrs } from './type';
+import type { CircleCrosshairAttrs } from './type';
 export declare class CircleCrosshair extends CrosshairBase<CircleCrosshairAttrs> {
     static defaultAttributes: {
         lineStyle: {
@@ -11,6 +11,6 @@ export declare class CircleCrosshair extends CrosshairBase<CircleCrosshairAttrs>
         };
     };
     constructor(attributes: CircleCrosshairAttrs);
-    protected renderCrosshair(container: IGroup): import("@visactor/vrender").INode;
+    protected renderCrosshair(container: IGroup): import("@visactor/vrender-core").INode;
     setLocation(point: PointLocationCfg): void;
 }

package/es/crosshair/circle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/crosshair/circle.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAGvC,MAAM,OAAO,eAAgB,SAAQ,aAAmC;IAStE,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,SAAS,EAAE,GAAG,IAAI,CAAC,SAAiC,CAAC;QAE7E,MAAM,MAAM,GAAG,SAAS,CAAC,mBAAmB,CAC1C,kBAAkB,8DAEb,MAAM,KACT,WAAW,EAAE,MAAM,KAEf,IAAI,CAAC,SAAiB,GACvB,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,YAAY,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAEtD,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACtC,CAAC;;AAlCM,iCAAiB,GAAG;IACzB,SAAS,EAAE;QACT,MAAM,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;QACxC,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: ['#b2bacf', false, false, false],\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        // TODO: group的cornerRadius支持数组，arc的不支持数组，此处会有类型转换问题\n        ...(this.attribute as any),\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"]}
+{"version":3,"sources":["../src/crosshair/circle.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAGvC,MAAM,OAAO,eAAgB,SAAQ,aAAmC;IAStE,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,SAAS,EAAE,GAAG,IAAI,CAAC,SAAiC,CAAC;QAE7E,MAAM,MAAM,GAAG,SAAS,CAAC,mBAAmB,CAC1C,kBAAkB,8DAEb,MAAM,KACT,WAAW,EAAE,MAAM,KAEf,IAAI,CAAC,SAAiB,GACvB,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,YAAY,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAEtD,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACtC,CAAC;;AAlCM,iCAAiB,GAAG;IACzB,SAAS,EAAE;QACT,MAAM,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;QACxC,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,CAAC,CAAC,CAAC;KACd;CACF,CAAC","file":"circle.js","sourcesContent":["/**\n * @description circle 类型 crosshair，用于极坐标系下\n */\nimport type { IGroup } from '@visactor/vrender-core';\nimport { merge, PointService } from '@visactor/vutils';\nimport type { PointLocationCfg } from '../core/type';\nimport { CrosshairBase } from './base';\nimport type { CircleCrosshairAttrs } from './type';\n\nexport class CircleCrosshair extends CrosshairBase<CircleCrosshairAttrs> {\n  static defaultAttributes = {\n    lineStyle: {\n      stroke: ['#b2bacf', false, false, false],\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        // TODO: group的cornerRadius支持数组，arc的不支持数组，此处会有类型转换问题\n        ...(this.attribute as any),\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/es/crosshair/line.d.ts

@@ -1,7 +1,7 @@
-import { IGroup } from '@visactor/vrender';
-import { RegionLocationCfg } from '../core/type';
+import type { IGroup } from '@visactor/vrender-core';
+import type { RegionLocationCfg } from '../core/type';
 import { CrosshairBase } from './base';
-import { LineCrosshairAttrs } from './type';
+import type { LineCrosshairAttrs } from './type';
 export declare class LineCrosshair extends CrosshairBase<LineCrosshairAttrs> {
     static defaultAttributes: {
         lineStyle: {
@@ -11,6 +11,6 @@ export declare class LineCrosshair extends CrosshairBase<LineCrosshairAttrs> {
         };
     };
     constructor(attributes: LineCrosshairAttrs);
-    protected renderCrosshair(container: IGroup): import("@visactor/vrender").INode;
+    protected renderCrosshair(container: IGroup): import("@visactor/vrender-core").INode;
     setLocation(region: RegionLocationCfg): void;
 }

package/es/crosshair/line.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/crosshair/line.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAGvC,MAAM,OAAO,aAAc,SAAQ,aAAiC;IASlE,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,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;;AAhCM,+BAAiB,GAAG;IACzB,SAAS,EAAE;QACT,MAAM,EAAE,SAAS;QACjB,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: '#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"]}
+{"version":3,"sources":["../src/crosshair/line.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAGvC,MAAM,OAAO,aAAc,SAAQ,aAAiC;IASlE,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,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;;AAhCM,+BAAiB,GAAG;IACzB,SAAS,EAAE;QACT,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,CAAC,CAAC,CAAC;KACd;CACF,CAAC","file":"line.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 { CrosshairBase } from './base';\nimport type { LineCrosshairAttrs } from './type';\n\nexport class LineCrosshair extends CrosshairBase<LineCrosshairAttrs> {\n  static defaultAttributes = {\n    lineStyle: {\n      stroke: '#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/es/crosshair/polygon.d.ts

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

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;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 { 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: '#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"]}
+{"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

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

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;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 { 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      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"]}
+{"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

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

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;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 { 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      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"]}
+{"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/crosshair/type.d.ts

@@ -1,5 +1,5 @@
-import { IGroupGraphicAttribute, ILineGraphicAttribute, IRectGraphicAttribute } from '@visactor/vrender';
-import { Point } from '../core/type';
+import type { IGroupGraphicAttribute, ILineGraphicAttribute, IRectGraphicAttribute } from '@visactor/vrender-core';
+import type { Point } from '../core/type';
 export interface BaseCrosshairAttrs extends IGroupGraphicAttribute {
     type?: 'line' | 'rect' | 'circle' | 'polygon' | 'sector';
 }

package/es/crosshair/type.js.map

@@ -1 +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"]}
+{"version":3,"sources":["../src/crosshair/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type { IGroupGraphicAttribute, ILineGraphicAttribute, IRectGraphicAttribute } from '@visactor/vrender-core';\nimport type { 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"]}

package/es/data-zoom/config.d.ts

@@ -8,11 +8,6 @@ export declare const DEFAULT_DATA_ZOOM_ATTRIBUTES: {
     orient: string;
     showDetail: string;
     brushSelect: boolean;
-    zoomLock: boolean;
-    minSpan: number;
-    maxSpan: number;
-    delayType: string;
-    delayTime: number;
     backgroundStyle: {
         fill: string;
         stroke: string;

package/es/data-zoom/config.js

@@ -9,11 +9,6 @@ export const DEFAULT_DATA_ZOOM_ATTRIBUTES = {
     orient: "bottom",
     showDetail: "auto",
     brushSelect: !0,
-    zoomLock: !1,
-    minSpan: 0,
-    maxSpan: 1,
-    delayType: "throttle",
-    delayTime: 0,
     backgroundStyle: {
         fill: "white",
         stroke: "#D1DBEE",

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/data-zoom/config.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,iBAKX;AALD,WAAY,iBAAiB;IAC3B,kDAA6B,CAAA;IAC7B,8CAAyB,CAAA;IACzB,oDAA+B,CAAA;IAC/B,8CAAyB,CAAA;AAC3B,CAAC,EALW,iBAAiB,KAAjB,iBAAiB,QAK5B;AACD,MAAM,CAAC,MAAM,4BAA4B,GAAG;IAC1C,MAAM,EAAE,QAAQ;IAChB,UAAU,EAAE,MAAM;IAClB,WAAW,EAAE,IAAI;IACjB,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,CAAC;IACV,SAAS,EAAE,UAAU;IACrB,SAAS,EAAE,CAAC;IACZ,eAAe,EAAE;QACf,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,CAAC;KAChB;IACD,aAAa,EAAE;QACb,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,GAAG;KACjB;IACD,oBAAoB,EAAE;QACpB,IAAI,EAAE;YACJ,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE,CAAC;YACZ,IAAI,EAAE,SAAS;SAChB;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE,CAAC;SACb;KACF;IACD,uBAAuB,EAAE;QACvB,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,GAAG;KACjB;IACD,4BAA4B,EAAE;QAC5B,IAAI,EAAE;YACJ,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE,CAAC;YACZ,IAAI,EAAE,SAAS;SAChB;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE,CAAC;SACb;KACF;IACD,kBAAkB,EAAE;QAClB,OAAO,EAAE,IAAI;QACb,UAAU,EAAE;YACV,IAAI,EAAE,CAAC;YACP,KAAK,EAAE;gBACL,IAAI,EAAE,OAAO;gBACb,MAAM,EAAE,SAAS;gBACjB,YAAY,EAAE,CAAC;aAChB;SACF;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,CAAC;YACP,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,SAAS;YACjB,UAAU,EAER,8PAA8P;YAChQ,SAAS,EAAE,GAAG;SACf;KACF;IACD,iBAAiB,EAAE;QACjB,OAAO,EAAE,IAAI;QACb,UAAU,EAER,yiBAAyiB;QAE3iB,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,GAAG;KACf;IACD,eAAe,EAAE;QACf,OAAO,EAAE,IAAI;QACb,UAAU,EAER,yiBAAyiB;QAE3iB,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,GAAG;KACf;IACD,cAAc,EAAE;QACd,OAAO,EAAE,CAAC;QACV,SAAS,EAAE;YACT,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,SAAS;SAChB;KACF;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,CAAC;QACV,SAAS,EAAE;YACT,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,SAAS;SAChB;KACF;CACF,CAAC","file":"config.js","sourcesContent":["export enum DataZoomActiveTag {\n  startHandler = 'startHandler',\n  endHandler = 'endHandler',\n  middleHandler = 'middleHandler',\n  background = 'background'\n}\nexport const DEFAULT_DATA_ZOOM_ATTRIBUTES = {\n  orient: 'bottom',\n  showDetail: 'auto',\n  brushSelect: true,\n  zoomLock: false,\n  minSpan: 0,\n  maxSpan: 1,\n  delayType: 'throttle',\n  delayTime: 0,\n  backgroundStyle: {\n    fill: 'white',\n    stroke: '#D1DBEE',\n    lineWidth: 1,\n    cornerRadius: 2\n  },\n  dragMaskStyle: {\n    fill: '#B0C8F9',\n    fillOpacity: 0.2\n  },\n  backgroundChartStyle: {\n    area: {\n      visible: true,\n      stroke: '#D1DBEE',\n      lineWidth: 1,\n      fill: '#F6F8FC'\n    },\n    line: {\n      visible: true,\n      stroke: '#D1DBEE',\n      lineWidth: 1\n    }\n  },\n  selectedBackgroundStyle: {\n    fill: '#B0C8F9',\n    fillOpacity: 0.5\n  },\n  selectedBackgroundChartStyle: {\n    area: {\n      visible: true,\n      stroke: '#B0C8F9',\n      lineWidth: 1,\n      fill: '#fbb934'\n    },\n    line: {\n      visible: true,\n      stroke: '#fbb934',\n      lineWidth: 1\n    }\n  },\n  middleHandlerStyle: {\n    visible: true,\n    background: {\n      size: 8,\n      style: {\n        fill: 'white',\n        stroke: '#B0C8F9',\n        cornerRadius: 2\n      }\n    },\n    icon: {\n      size: 6,\n      fill: 'white',\n      stroke: '#B0C8F9',\n      symbolType:\n        // eslint-disable-next-line max-len\n        'M 0.3 -0.5 C 0.41 -0.5 0.5 -0.41 0.5 -0.3 C 0.5 -0.3 0.5 0.3 0.5 0.3 C 0.5 0.41 0.41 0.5 0.3 0.5 C 0.3 0.5 -0.3 0.5 -0.3 0.5 C -0.41 0.5 -0.5 0.41 -0.5 0.3 C -0.5 0.3 -0.5 -0.3 -0.5 -0.3 C -0.5 -0.41 -0.41 -0.5 -0.3 -0.5 C -0.3 -0.5 0.3 -0.5 0.3 -0.5 Z',\n      lineWidth: 0.5\n    }\n  },\n  startHandlerStyle: {\n    visible: true,\n    symbolType:\n      // eslint-disable-next-line max-len\n      'M -0.0544 0.25 C -0.0742 0.25 -0.0901 0.234 -0.0901 0.2143 L -0.0901 -0.1786 C -0.0901 -0.1983 -0.0742 -0.2143 -0.0544 -0.2143 L -0.0187 -0.2143 L -0.0187 -0.5 L 0.017 -0.5 L 0.017 -0.2143 L 0.0527 -0.2143 C 0.0724 -0.2143 0.0884 -0.1983 0.0884 -0.1786 L 0.0884 0.2143 C 0.0884 0.234 0.0724 0.25 0.0527 0.25 L 0.017 0.25 L 0.017 0.5 L -0.0187 0.5 L -0.0187 0.25 L -0.0544 0.25 Z M -0.0187 -0.1429 L -0.0544 -0.1429 L -0.0544 0.1786 L -0.0187 0.1786 L -0.0187 -0.1429 Z M 0.0527 -0.1429 L 0.017 -0.1429 L 0.017 0.1786 L 0.0527 0.1786 L 0.0527 -0.1429 Z',\n    // size: 40,\n    fill: 'white',\n    stroke: '#B0C8F9',\n    lineWidth: 0.5\n  },\n  endHandlerStyle: {\n    visible: true,\n    symbolType:\n      // eslint-disable-next-line max-len\n      'M -0.0544 0.25 C -0.0742 0.25 -0.0901 0.234 -0.0901 0.2143 L -0.0901 -0.1786 C -0.0901 -0.1983 -0.0742 -0.2143 -0.0544 -0.2143 L -0.0187 -0.2143 L -0.0187 -0.5 L 0.017 -0.5 L 0.017 -0.2143 L 0.0527 -0.2143 C 0.0724 -0.2143 0.0884 -0.1983 0.0884 -0.1786 L 0.0884 0.2143 C 0.0884 0.234 0.0724 0.25 0.0527 0.25 L 0.017 0.25 L 0.017 0.5 L -0.0187 0.5 L -0.0187 0.25 L -0.0544 0.25 Z M -0.0187 -0.1429 L -0.0544 -0.1429 L -0.0544 0.1786 L -0.0187 0.1786 L -0.0187 -0.1429 Z M 0.0527 -0.1429 L 0.017 -0.1429 L 0.017 0.1786 L 0.0527 0.1786 L 0.0527 -0.1429 Z',\n    // size: 40,\n    fill: 'white',\n    stroke: '#B0C8F9',\n    lineWidth: 0.5\n  },\n  startTextStyle: {\n    padding: 4,\n    textStyle: {\n      fontSize: 10,\n      fill: '#6F6F6F'\n    }\n  },\n  endTextStyle: {\n    padding: 4,\n    textStyle: {\n      fontSize: 10,\n      fill: '#6F6F6F'\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/data-zoom/config.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,iBAKX;AALD,WAAY,iBAAiB;IAC3B,kDAA6B,CAAA;IAC7B,8CAAyB,CAAA;IACzB,oDAA+B,CAAA;IAC/B,8CAAyB,CAAA;AAC3B,CAAC,EALW,iBAAiB,KAAjB,iBAAiB,QAK5B;AACD,MAAM,CAAC,MAAM,4BAA4B,GAAG;IAC1C,MAAM,EAAE,QAAQ;IAChB,UAAU,EAAE,MAAM;IAClB,WAAW,EAAE,IAAI;IACjB,eAAe,EAAE;QACf,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,CAAC;KAChB;IACD,aAAa,EAAE;QACb,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,GAAG;KACjB;IACD,oBAAoB,EAAE;QACpB,IAAI,EAAE;YACJ,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE,CAAC;YACZ,IAAI,EAAE,SAAS;SAChB;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE,CAAC;SACb;KACF;IACD,uBAAuB,EAAE;QACvB,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,GAAG;KACjB;IACD,4BAA4B,EAAE;QAC5B,IAAI,EAAE;YACJ,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE,CAAC;YACZ,IAAI,EAAE,SAAS;SAChB;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE,CAAC;SACb;KACF;IACD,kBAAkB,EAAE;QAClB,OAAO,EAAE,IAAI;QACb,UAAU,EAAE;YACV,IAAI,EAAE,CAAC;YACP,KAAK,EAAE;gBACL,IAAI,EAAE,OAAO;gBACb,MAAM,EAAE,SAAS;gBACjB,YAAY,EAAE,CAAC;aAChB;SACF;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,CAAC;YACP,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,SAAS;YACjB,UAAU,EAER,8PAA8P;YAChQ,SAAS,EAAE,GAAG;SACf;KACF;IACD,iBAAiB,EAAE;QACjB,OAAO,EAAE,IAAI;QACb,UAAU,EAER,yiBAAyiB;QAE3iB,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,GAAG;KACf;IACD,eAAe,EAAE;QACf,OAAO,EAAE,IAAI;QACb,UAAU,EAER,yiBAAyiB;QAE3iB,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,GAAG;KACf;IACD,cAAc,EAAE;QACd,OAAO,EAAE,CAAC;QACV,SAAS,EAAE;YACT,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,SAAS;SAChB;KACF;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,CAAC;QACV,SAAS,EAAE;YACT,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,SAAS;SAChB;KACF;CACF,CAAC","file":"config.js","sourcesContent":["export enum DataZoomActiveTag {\n  startHandler = 'startHandler',\n  endHandler = 'endHandler',\n  middleHandler = 'middleHandler',\n  background = 'background'\n}\nexport const DEFAULT_DATA_ZOOM_ATTRIBUTES = {\n  orient: 'bottom',\n  showDetail: 'auto',\n  brushSelect: true,\n  backgroundStyle: {\n    fill: 'white',\n    stroke: '#D1DBEE',\n    lineWidth: 1,\n    cornerRadius: 2\n  },\n  dragMaskStyle: {\n    fill: '#B0C8F9',\n    fillOpacity: 0.2\n  },\n  backgroundChartStyle: {\n    area: {\n      visible: true,\n      stroke: '#D1DBEE',\n      lineWidth: 1,\n      fill: '#F6F8FC'\n    },\n    line: {\n      visible: true,\n      stroke: '#D1DBEE',\n      lineWidth: 1\n    }\n  },\n  selectedBackgroundStyle: {\n    fill: '#B0C8F9',\n    fillOpacity: 0.5\n  },\n  selectedBackgroundChartStyle: {\n    area: {\n      visible: true,\n      stroke: '#B0C8F9',\n      lineWidth: 1,\n      fill: '#fbb934'\n    },\n    line: {\n      visible: true,\n      stroke: '#fbb934',\n      lineWidth: 1\n    }\n  },\n  middleHandlerStyle: {\n    visible: true,\n    background: {\n      size: 8,\n      style: {\n        fill: 'white',\n        stroke: '#B0C8F9',\n        cornerRadius: 2\n      }\n    },\n    icon: {\n      size: 6,\n      fill: 'white',\n      stroke: '#B0C8F9',\n      symbolType:\n        // eslint-disable-next-line max-len\n        'M 0.3 -0.5 C 0.41 -0.5 0.5 -0.41 0.5 -0.3 C 0.5 -0.3 0.5 0.3 0.5 0.3 C 0.5 0.41 0.41 0.5 0.3 0.5 C 0.3 0.5 -0.3 0.5 -0.3 0.5 C -0.41 0.5 -0.5 0.41 -0.5 0.3 C -0.5 0.3 -0.5 -0.3 -0.5 -0.3 C -0.5 -0.41 -0.41 -0.5 -0.3 -0.5 C -0.3 -0.5 0.3 -0.5 0.3 -0.5 Z',\n      lineWidth: 0.5\n    }\n  },\n  startHandlerStyle: {\n    visible: true,\n    symbolType:\n      // eslint-disable-next-line max-len\n      'M -0.0544 0.25 C -0.0742 0.25 -0.0901 0.234 -0.0901 0.2143 L -0.0901 -0.1786 C -0.0901 -0.1983 -0.0742 -0.2143 -0.0544 -0.2143 L -0.0187 -0.2143 L -0.0187 -0.5 L 0.017 -0.5 L 0.017 -0.2143 L 0.0527 -0.2143 C 0.0724 -0.2143 0.0884 -0.1983 0.0884 -0.1786 L 0.0884 0.2143 C 0.0884 0.234 0.0724 0.25 0.0527 0.25 L 0.017 0.25 L 0.017 0.5 L -0.0187 0.5 L -0.0187 0.25 L -0.0544 0.25 Z M -0.0187 -0.1429 L -0.0544 -0.1429 L -0.0544 0.1786 L -0.0187 0.1786 L -0.0187 -0.1429 Z M 0.0527 -0.1429 L 0.017 -0.1429 L 0.017 0.1786 L 0.0527 0.1786 L 0.0527 -0.1429 Z',\n    // size: 40,\n    fill: 'white',\n    stroke: '#B0C8F9',\n    lineWidth: 0.5\n  },\n  endHandlerStyle: {\n    visible: true,\n    symbolType:\n      // eslint-disable-next-line max-len\n      'M -0.0544 0.25 C -0.0742 0.25 -0.0901 0.234 -0.0901 0.2143 L -0.0901 -0.1786 C -0.0901 -0.1983 -0.0742 -0.2143 -0.0544 -0.2143 L -0.0187 -0.2143 L -0.0187 -0.5 L 0.017 -0.5 L 0.017 -0.2143 L 0.0527 -0.2143 C 0.0724 -0.2143 0.0884 -0.1983 0.0884 -0.1786 L 0.0884 0.2143 C 0.0884 0.234 0.0724 0.25 0.0527 0.25 L 0.017 0.25 L 0.017 0.5 L -0.0187 0.5 L -0.0187 0.25 L -0.0544 0.25 Z M -0.0187 -0.1429 L -0.0544 -0.1429 L -0.0544 0.1786 L -0.0187 0.1786 L -0.0187 -0.1429 Z M 0.0527 -0.1429 L 0.017 -0.1429 L 0.017 0.1786 L 0.0527 0.1786 L 0.0527 -0.1429 Z',\n    // size: 40,\n    fill: 'white',\n    stroke: '#B0C8F9',\n    lineWidth: 0.5\n  },\n  startTextStyle: {\n    padding: 4,\n    textStyle: {\n      fontSize: 10,\n      fill: '#6F6F6F'\n    }\n  },\n  endTextStyle: {\n    padding: 4,\n    textStyle: {\n      fontSize: 10,\n      fill: '#6F6F6F'\n    }\n  }\n};\n"]}

package/es/data-zoom/data-zoom.d.ts

@@ -1,4 +1,4 @@
-import type { FederatedPointerEvent, IGroup } from '@visactor/vrender';
+import type { FederatedPointerEvent, IGroup } from '@visactor/vrender-core';
 import type { IPointLike } from '@visactor/vutils';
 import { AbstractComponent } from '../core/base';
 import type { TagAttributes } from '../tag';
@@ -10,11 +10,6 @@ export declare class DataZoom extends AbstractComponent<Required<DataZoomAttribu
         orient: string;
         showDetail: string;
         brushSelect: boolean;
-        zoomLock: boolean;
-        minSpan: number;
-        maxSpan: number;
-        delayType: string;
-        delayTime: number;
         backgroundStyle: {
             fill: string;
             stroke: string;
@@ -140,18 +135,16 @@ export declare class DataZoom extends AbstractComponent<Required<DataZoomAttribu
         start: number;
         end: number;
     };
-    protected _spanCache: number;
-    private _previewPointsX;
-    private _previewPointsY;
-    private _previewPointsX1;
-    private _previewPointsY1;
+    private _previewCallbackX;
+    private _previewCallbackY;
+    private _previewCallbackX1;
+    private _previewCallbackY1;
     private _updateStateCallback;
     private _statePointToData;
     private _layoutAttrFromConfig;
     constructor(attributes: DataZoomAttributes);
     protected bindEvents(): void;
     protected dragMaskSize(): number;
-    protected setStateAttr(start: number, end: number, shouldRender: boolean): void;
     protected eventPosToStagePos(e: FederatedPointerEvent): {
         x: number;
         y: number;
@@ -184,9 +177,9 @@ export declare class DataZoom extends AbstractComponent<Required<DataZoomAttribu
     getEndTextValue(): string | number;
     getMiddleHandlerSize(): number;
     setUpdateStateCallback(callback: (start: number, end: number) => void): void;
-    setPreviewPointsX(callback: (d: any) => number): void;
-    setPreviewPointsY(callback: (d: any) => number): void;
-    setPreviewPointsX1(callback: (d: any) => number): void;
-    setPreviewPointsY1(callback: (d: any) => number): void;
+    setPreviewCallbackX(callback: (d: any) => number): void;
+    setPreviewCallbackY(callback: (d: any) => number): void;
+    setPreviewCallbackX1(callback: (d: any) => number): void;
+    setPreviewCallbackY1(callback: (d: any) => number): void;
     setStatePointToData(callback: (state: number) => any): void;
 }

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

@@ -8,9 +8,9 @@ var __rest = this && this.__rest || function(s, e) {
     return t;
 };
 
-import { vglobal, CustomEvent } from "@visactor/vrender";
+import { vglobal, CustomEvent } from "@visactor/vrender-core";
 
-import { array, clamp, debounce, isFunction, isValid, merge, throttle } from "@visactor/vutils";
+import { array, clamp, isFunction, isValid, merge } from "@visactor/vutils";
 
 import { AbstractComponent } from "../core/base";
 
@@ -18,11 +18,6 @@ import { Tag } from "../tag";
 
 import { DataZoomActiveTag, DEFAULT_DATA_ZOOM_ATTRIBUTES } from "./config";
 
-const delayMap = {
-    debounce: debounce,
-    throttle: throttle
-};
-
 export class DataZoom extends AbstractComponent {
     constructor(attributes) {
         super(merge({}, DataZoom.defaultAttributes, attributes)), this.name = "dataZoom", 
@@ -50,26 +45,29 @@ 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 => {
-            const {start: startAttr, end: endAttr, brushSelect: brushSelect} = 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;
-            this._activeState && (this._activeTag === DataZoomActiveTag.middleHandler ? this.moveZoomWithMiddle((this.state.start + this.state.end) / 2 + dis) : this._activeTag === DataZoomActiveTag.startHandler ? start + dis > end ? (start = end, 
-            end = start + dis, this._activeTag = DataZoomActiveTag.endHandler) : start += dis : this._activeTag === DataZoomActiveTag.endHandler && (end + dis < start ? (end = start, 
-            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._updateStateCallback && this._updateStateCallback(start, end), this._dispatchChangeEvent(start, end));
+            const {start: start, end: end, brushSelect: brushSelect} = this.attribute, pos = this.eventPosToStagePos(e), {attPos: attPos, max: max} = this._layoutCache, dis = (pos[attPos] - this._activeCache.lastPos[attPos]) / max;
+            this._activeState && (this._activeTag === DataZoomActiveTag.middleHandler ? this.moveZoomWithMiddle((this.state.start + this.state.end) / 2 + dis) : this._activeTag === DataZoomActiveTag.startHandler ? this.state.start + dis > this.state.end ? (this.state.start = this.state.end, 
+            this.state.end = this.state.start + dis, this._activeTag = DataZoomActiveTag.endHandler) : this.state.start = this.state.start + dis : this._activeTag === DataZoomActiveTag.endHandler && (this.state.end + dis < this.state.start ? (this.state.end = this.state.start, 
+            this.state.start = this.state.end + dis, this._activeTag = DataZoomActiveTag.startHandler) : this.state.end = this.state.end + dis), 
+            this._activeCache.lastPos = pos, brushSelect && this.renderDragMask()), this.state.start = Math.min(Math.max(this.state.start, 0), 1), 
+            this.state.end = Math.min(Math.max(this.state.end, 0), 1), start === this.state.start && end === this.state.end || (this.setAttributes({
+                start: this.state.start,
+                end: this.state.end
+            }), this._updateStateCallback && this._updateStateCallback(this.state.start, this.state.end), 
+            this._dispatchChangeEvent(this.state.start, this.state.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, 
-        this._isHorizontal = "top" === orient || "bottom" === orient, this._layoutCache.max = this._isHorizontal ? width : height, 
-        this._layoutCache.attPos = this._isHorizontal ? "x" : "y", this._layoutCache.attSize = this._isHorizontal ? "width" : "height", 
-        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(updateStateCallback) && (this._updateStateCallback = updateStateCallback);
+        const {start: start, end: end, size: size, orient: orient, showDetail: showDetail, position: position, previewData: previewData, previewCallbackX: previewCallbackX, previewCallbackY: previewCallbackY, previewCallbackX1: previewCallbackX1, previewCallbackY1: previewCallbackY1, updateStateCallback: updateStateCallback} = this.attribute, {width: width, height: height} = size;
+        start && (this.state.start = start), end && (this.state.end = end), this._isHorizontal = "top" === orient || "bottom" === orient, 
+        this._layoutCache.max = this._isHorizontal ? width : height, this._layoutCache.attPos = this._isHorizontal ? "x" : "y", 
+        this._layoutCache.attSize = this._isHorizontal ? "width" : "height", this._activeCache.startPos = position, 
+        this._activeCache.lastPos = position, this._showText = "auto" !== showDetail && showDetail, 
+        previewData && (this._previewData = previewData), isFunction(previewCallbackX) && (this._previewCallbackX = previewCallbackX), 
+        isFunction(previewCallbackY) && (this._previewCallbackY = previewCallbackY), isFunction(previewCallbackX1) && (this._previewCallbackX1 = previewCallbackX1), 
+        isFunction(previewCallbackY1) && (this._previewCallbackY1 = previewCallbackY1), 
+        isFunction(updateStateCallback) && (this._updateStateCallback = updateStateCallback);
     }
     bindEvents() {
-        const {showDetail: showDetail, brushSelect: brushSelect, delayType: delayType = "throttle", delayTime: delayTime = 0} = this.attribute;
+        const {showDetail: showDetail, brushSelect: brushSelect} = this.attribute;
         this._startHandler && this._startHandler.addEventListener("pointerdown", (e => this._onHandlerPointerDown(e, "start"))), 
         this._endHandler && this._endHandler.addEventListener("pointerdown", (e => this._onHandlerPointerDown(e, "end"))), 
         this._middleHandlerSymbol && this._middleHandlerSymbol.addEventListener("pointerdown", (e => this._onHandlerPointerDown(e, "middleSymbol"))), 
@@ -79,8 +77,8 @@ export class DataZoom extends AbstractComponent {
         brushSelect && this._background && this._background.addEventListener("pointerdown", (e => this._onHandlerPointerDown(e, "background"))), 
         brushSelect && this._previewGroup && this._previewGroup.addEventListener("pointerdown", (e => this._onHandlerPointerDown(e, "background"))), 
         this._selectedPreviewGroup && this._selectedPreviewGroup.addEventListener("pointerdown", (e => this._onHandlerPointerDown(e, selectedTag))), 
-        "browser" === vglobal.env && (vglobal.addEventListener("pointermove", delayMap[delayType](this._onHandlerPointerMove.bind(this), delayTime)), 
-        vglobal.addEventListener("pointerup", this._onHandlerPointerUp.bind(this))), this.addEventListener("pointermove", delayMap[delayType](this._onHandlerPointerMove, delayTime)), 
+        "browser" === vglobal.env && (vglobal.addEventListener("pointermove", this._onHandlerPointerMove.bind(this)), 
+        vglobal.addEventListener("pointerup", this._onHandlerPointerUp.bind(this))), this.addEventListener("pointermove", this._onHandlerPointerMove), 
         this.addEventListener("pointerup", this._onHandlerPointerUp), this.addEventListener("pointerupoutside", this._onHandlerPointerUp), 
         "auto" === showDetail && (this.addEventListener("pointerenter", this._onHandlerPointerEnter), 
         this.addEventListener("pointerleave", this._onHandlerPointerLeave));
@@ -89,14 +87,6 @@ export class DataZoom extends AbstractComponent {
         const {position: position} = this.attribute, {attPos: attPos, max: max} = this._layoutCache;
         return this._activeCache.lastPos[attPos] - position[attPos] > max ? max + position[attPos] - this._activeCache.startPos[attPos] : this._activeCache.lastPos[attPos] - position[attPos] < 0 ? position[attPos] - this._activeCache.startPos[attPos] : this._activeCache.lastPos[attPos] - this._activeCache.startPos[attPos];
     }
-    setStateAttr(start, end, shouldRender) {
-        const {zoomLock: zoomLock = !1, minSpan: minSpan = 0, maxSpan: maxSpan = 1} = this.attribute, span = end - start;
-        span !== this._spanCache && (zoomLock || span < minSpan || span > maxSpan) || (this._spanCache = span, 
-        this.state.start = start, this.state.end = end, shouldRender && this.setAttributes({
-            start: start,
-            end: end
-        }));
-    }
     eventPosToStagePos(e) {
         var _a, _b, _c;
         const stagePosition = null === (_a = this.stage) || void 0 === _a ? void 0 : _a.window.getBoundingClientRect();
@@ -111,8 +101,10 @@ export class DataZoom extends AbstractComponent {
             const pos = this.eventPosToStagePos(e);
             this.backgroundDragZoom(this._activeCache.startPos, pos);
         }
-        this._activeState = !1, brushSelect && this.renderDragMask(), start === this.state.start && end === this.state.end || (this.setStateAttr(this.state.start, this.state.end, !0), 
-        this._updateStateCallback && this._updateStateCallback(this.state.start, this.state.end), 
+        this._activeState = !1, brushSelect && this.renderDragMask(), start === this.state.start && end === this.state.end || (this.setAttributes({
+            start: this.state.start,
+            end: this.state.end
+        }), this._updateStateCallback && this._updateStateCallback(this.state.start, this.state.end), 
         this._dispatchChangeEvent(this.state.start, this.state.end));
     }
     _onHandlerPointerEnter(e) {
@@ -123,12 +115,13 @@ export class DataZoom extends AbstractComponent {
     }
     backgroundDragZoom(startPos, endPos) {
         const {attPos: attPos, max: max} = this._layoutCache, {position: position} = this.attribute, startPosInComponent = startPos[attPos] - position[attPos], endPosInComponent = endPos[attPos] - position[attPos], start = Math.min(Math.max(Math.min(startPosInComponent, endPosInComponent) / max, 0), 1), end = Math.min(Math.max(Math.max(startPosInComponent, endPosInComponent) / max, 0), 1);
-        Math.abs(start - end) < .01 ? this.moveZoomWithMiddle(start) : this.setStateAttr(start, end, !1);
+        Math.abs(start - end) < .01 ? this.moveZoomWithMiddle(start) : (this.state.start = start, 
+        this.state.end = end);
     }
     moveZoomWithMiddle(middle) {
         let offset = middle - (this.state.start + this.state.end) / 2;
         0 !== offset && (offset > 0 ? this.state.end + offset > 1 && (offset = 1 - this.state.end) : offset < 0 && this.state.start + offset < 0 && (offset = -this.state.start), 
-        this.setStateAttr(this.state.start + offset, this.state.end + offset, !1));
+        this.state.start = this.state.start + offset, this.state.end = this.state.end + offset);
     }
     renderDragMask() {
         const {dragMaskStyle: dragMaskStyle} = this.attribute, {position: position, width: width, height: height} = this.getLayoutAttrFromConfig();
@@ -341,8 +334,8 @@ export class DataZoom extends AbstractComponent {
     }
     getPreviewLinePoints() {
         const previewPoints = this._previewData.map((d => ({
-            x: this._previewPointsX && this._previewPointsX(d),
-            y: this._previewPointsY && this._previewPointsY(d)
+            x: this._previewCallbackX && this._previewCallbackX(d),
+            y: this._previewCallbackY && this._previewCallbackY(d)
         })));
         if (0 === previewPoints.length) return previewPoints;
         const {basePointStart: basePointStart, basePointEnd: basePointEnd} = this.computeBasePoints();
@@ -350,10 +343,10 @@ export class DataZoom extends AbstractComponent {
     }
     getPreviewAreaPoints() {
         const previewPoints = this._previewData.map((d => ({
-            x: this._previewPointsX && this._previewPointsX(d),
-            y: this._previewPointsY && this._previewPointsY(d),
-            x1: this._previewPointsX1 && this._previewPointsX1(d),
-            y1: this._previewPointsY1 && this._previewPointsY1(d)
+            x: this._previewCallbackX && this._previewCallbackX(d),
+            y: this._previewCallbackY && this._previewCallbackY(d),
+            x1: this._previewCallbackX1 && this._previewCallbackX1(d),
+            y1: this._previewCallbackY1 && this._previewCallbackY1(d)
         })));
         if (0 === previewPoints.length) return previewPoints;
         const {basePointStart: basePointStart, basePointEnd: basePointEnd} = this.computeBasePoints();
@@ -425,8 +418,10 @@ export class DataZoom extends AbstractComponent {
     setStartAndEnd(start, end) {
         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._updateStateCallback && this._updateStateCallback(start, end), this._dispatchChangeEvent(start, end)));
+        this.state.end = end, startAttr === this.state.start && endAttr === this.state.end || (this.setAttributes({
+            start: start,
+            end: end
+        }), this._updateStateCallback && this._updateStateCallback(start, end), this._dispatchChangeEvent(start, end)));
     }
     setPreviewData(data) {
         this._previewData = data;
@@ -448,17 +443,17 @@ export class DataZoom extends AbstractComponent {
     setUpdateStateCallback(callback) {
         isFunction(callback) && (this._updateStateCallback = callback);
     }
-    setPreviewPointsX(callback) {
-        isFunction(callback) && (this._previewPointsX = callback);
+    setPreviewCallbackX(callback) {
+        isFunction(callback) && (this._previewCallbackX = callback);
     }
-    setPreviewPointsY(callback) {
-        isFunction(callback) && (this._previewPointsY = callback);
+    setPreviewCallbackY(callback) {
+        isFunction(callback) && (this._previewCallbackY = callback);
     }
-    setPreviewPointsX1(callback) {
-        isFunction(callback) && (this._previewPointsX1 = callback);
+    setPreviewCallbackX1(callback) {
+        isFunction(callback) && (this._previewCallbackX1 = callback);
     }
-    setPreviewPointsY1(callback) {
-        isFunction(callback) && (this._previewPointsY1 = callback);
+    setPreviewCallbackY1(callback) {
+        isFunction(callback) && (this._previewCallbackY1 = callback);
     }
     setStatePointToData(callback) {
         isFunction(callback) && (this._statePointToData = callback);