@visactor/vgrammar-core 0.7.0

package/es/component/crosshair.d.ts

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

package/es/component/crosshair.js

@@ -0,0 +1,275 @@
+import { clampRadian, getAngleByPoint, isString, merge } from "@visactor/vutils";
+
+import { CircleCrosshair, LineCrosshair, PolygonCrosshair, RectCrosshair, SectorCrosshair } from "@visactor/vrender-components";
+
+import { isContinuous, isDiscrete } from "@visactor/vscale";
+
+import { ComponentEnum, CrosshairEnum } from "../graph";
+
+import { ScaleComponent } from "./scale";
+
+import { invokeEncoder } from "../graph/mark/encode";
+
+import { Factory } from "../core/factory";
+
+const computeCrosshairStartEnd = (point, scale, type, groupSize, config, offset = 0) => {
+    var _a, _b;
+    const start = {
+        x: 0,
+        y: 0
+    }, end = {
+        x: 0,
+        y: 0
+    }, radius = "angle" === type ? null !== (_a = null == config ? void 0 : config.radius) && void 0 !== _a ? _a : Math.min(groupSize.width, groupSize.height) / 2 : null, center = "angle" === type ? null !== (_b = null == config ? void 0 : config.center) && void 0 !== _b ? _b : {
+        x: groupSize.width / 2,
+        y: groupSize.height / 2
+    } : null;
+    let current = 0;
+    if (isDiscrete(scale.type)) {
+        if ("x" === type) current = scale.scale(scale.invert(point.x)); else if ("y" === type) current = scale.scale(scale.invert(point.y)); else if ("angle" === type) {
+            const angle = clampRadian(getAngleByPoint(center, point) + 2 * Math.PI);
+            current = scale.scale(scale.invert(angle));
+        }
+    } else isContinuous(scale.type) && ("x" === type ? current = point.x : "y" === type ? current = point.y : "angle" === type && (current = getAngleByPoint(center, point)));
+    switch (current += offset, type) {
+      case "x":
+        start.x = current, start.y = 0, end.x = current, end.y = groupSize.height;
+        break;
+
+      case "y":
+        start.x = 0, start.y = current, end.x = groupSize.width, end.y = current;
+        break;
+
+      case "angle":
+        start.x = center.x, start.y = center.y, end.x = center.x + radius * Math.cos(current), 
+        end.y = center.y + radius * Math.sin(current);
+    }
+    return {
+        start: start,
+        end: end
+    };
+}, computeRadiusOfTangential = (point, scale, type, groupSize, config, addition) => {
+    var _a, _b, _c;
+    const center = null !== (_b = null !== (_a = null == addition ? void 0 : addition.center) && void 0 !== _a ? _a : null == config ? void 0 : config.center) && void 0 !== _b ? _b : {
+        x: groupSize.width / 2,
+        y: groupSize.height / 2
+    };
+    let currentRadius = 0;
+    if (isDiscrete(scale.type)) {
+        const offset = "band" === scale.type ? scale.bandwidth() / 2 : 0, radius = Math.sqrt((point.x - center.x) ** 2 + (point.y - center.y) ** 2);
+        currentRadius = scale.scale(scale.invert(radius)) + offset;
+    } else if (isContinuous(scale.type)) {
+        const maxRadius = null !== (_c = null == config ? void 0 : config.radius) && void 0 !== _c ? _c : Math.min(groupSize.width, groupSize.height) / 2;
+        currentRadius = Math.min(maxRadius, Math.sqrt((point.x - center.x) ** 2 + (point.y - center.y) ** 2));
+    }
+    return {
+        radius: currentRadius,
+        center: center
+    };
+};
+
+export const generateLineCrosshairAttributes = (point, scale, type, groupSize, config, theme, addition) => {
+    var _a, _b, _c;
+    const crosshairTheme = null === (_a = null == theme ? void 0 : theme.components) || void 0 === _a ? void 0 : _a.lineCrosshair, offset = "band" === scale.type ? scale.bandwidth() / 2 : 0, points = computeCrosshairStartEnd(point, scale, type, groupSize, {
+        radius: null !== (_b = null == addition ? void 0 : addition.radius) && void 0 !== _b ? _b : null == config ? void 0 : config.radius,
+        center: null !== (_c = null == addition ? void 0 : addition.center) && void 0 !== _c ? _c : null == config ? void 0 : config.center
+    }, offset);
+    return merge({}, crosshairTheme, points, null != addition ? addition : {});
+};
+
+export const generateRectCrosshairAttributes = (point, scale, type, groupSize, config, theme, addition) => {
+    var _a, _b, _c;
+    const crosshairTheme = null === (_a = null == theme ? void 0 : theme.components) || void 0 === _a ? void 0 : _a.rectCrosshair, defaultSize = "band" === scale.type || "point" === scale.type ? scale.step() : void 0, customRectStyle = null == addition ? void 0 : addition.rectStyle, size = null != defaultSize ? defaultSize : "y" === type ? null !== (_b = null == customRectStyle ? void 0 : customRectStyle.width) && void 0 !== _b ? _b : crosshairTheme.rectStyle.width : null !== (_c = null == customRectStyle ? void 0 : customRectStyle.height) && void 0 !== _c ? _c : crosshairTheme.rectStyle.height, points = computeCrosshairStartEnd(point, scale, type, groupSize, config, "band" === scale.type ? 0 : -size / 2), rectStyle = {};
+    "x" === type ? rectStyle.width = size : rectStyle.height = size;
+    const attribute = merge({}, crosshairTheme, {
+        start: points.start,
+        end: points.end,
+        rectStyle: rectStyle
+    }, null != addition ? addition : {});
+    return "x" === type ? attribute.rectStyle.height = attribute.end.y - attribute.start.y : attribute.rectStyle.width = attribute.end.x - attribute.start.x, 
+    attribute;
+};
+
+export const generateRingCrosshairAttributes = (point, scale, type, groupSize, config, theme, addition) => {
+    var _a;
+    const crosshairTheme = null === (_a = null == theme ? void 0 : theme.components) || void 0 === _a ? void 0 : _a.circleCrosshair, {center: center, radius: radius} = computeRadiusOfTangential(point, scale, 0, groupSize, config, addition), startAngle = crosshairTheme.startAngle, endAngle = crosshairTheme.endAngle, deltaRadius = "band" === scale.type || "point" === scale.type ? scale.step() : 0;
+    return merge({}, crosshairTheme, {
+        center: center,
+        innerRadius: radius - deltaRadius / 2,
+        radius: radius + deltaRadius / 2,
+        startAngle: startAngle,
+        endAngle: endAngle
+    }, null != addition ? addition : {});
+};
+
+export const generateSectorCrosshairAttributes = (point, scale, type, groupSize, config, theme, addition) => {
+    var _a, _b, _c, _d, _e;
+    const crosshairTheme = null === (_a = null == theme ? void 0 : theme.components) || void 0 === _a ? void 0 : _a.sectorCrosshair, radius = null !== (_c = null !== (_b = null == addition ? void 0 : addition.radius) && void 0 !== _b ? _b : null == config ? void 0 : config.radius) && void 0 !== _c ? _c : Math.min(groupSize.width, groupSize.height) / 2, center = null !== (_e = null !== (_d = null == addition ? void 0 : addition.center) && void 0 !== _d ? _d : null == config ? void 0 : config.center) && void 0 !== _e ? _e : {
+        x: groupSize.width / 2,
+        y: groupSize.height / 2
+    }, defaultAngle = crosshairTheme.endAngle - crosshairTheme.startAngle, angle = "band" === scale.type || "point" === scale.type ? scale.step() : defaultAngle;
+    let currentAngle = 0;
+    if (isDiscrete(scale.type)) {
+        const angle = clampRadian(getAngleByPoint(center, point) + 2 * Math.PI);
+        currentAngle = scale.scale(scale.invert(angle)) + ("band" === scale.type ? scale.bandwidth() / 2 : 0);
+    } else isContinuous(scale.type) && (currentAngle = getAngleByPoint(center, point));
+    return merge({}, crosshairTheme, {
+        center: center,
+        radius: radius,
+        startAngle: currentAngle - angle / 2,
+        endAngle: currentAngle + angle / 2
+    }, null != addition ? addition : {});
+};
+
+export const generateCircleCrosshairAttributes = (point, scale, type, groupSize, config, theme, addition) => {
+    var _a;
+    const crosshairTheme = null === (_a = null == theme ? void 0 : theme.components) || void 0 === _a ? void 0 : _a.circleCrosshair, {center: center, radius: radius} = computeRadiusOfTangential(point, scale, 0, groupSize, config, addition), startAngle = crosshairTheme.startAngle, endAngle = crosshairTheme.endAngle;
+    return merge({}, crosshairTheme, {
+        center: center,
+        radius: radius,
+        startAngle: startAngle,
+        endAngle: endAngle
+    }, null != addition ? addition : {});
+};
+
+export const generatePolygonCrosshairAttributes = (point, scale, type, groupSize, config, theme, addition) => {
+    var _a;
+    const crosshairTheme = null === (_a = null == theme ? void 0 : theme.components) || void 0 === _a ? void 0 : _a.circleCrosshair, {center: center, radius: radius} = computeRadiusOfTangential(point, scale, 0, groupSize, config, addition), startAngle = crosshairTheme.startAngle, endAngle = crosshairTheme.endAngle;
+    return merge({}, crosshairTheme, {
+        center: center,
+        radius: radius,
+        startAngle: startAngle,
+        endAngle: endAngle
+    }, null != addition ? addition : {});
+};
+
+export class Crosshair extends ScaleComponent {
+    constructor(view, group) {
+        super(view, ComponentEnum.crosshair, group), this._onCrosshairShow = event => {
+            var _a, _b, _c, _d;
+            if (!(null === (_b = null === (_a = this.elements[0]) || void 0 === _a ? void 0 : _a.getGraphicItem) || void 0 === _b ? void 0 : _b.call(_a))) return;
+            const groupGraphicItem = this.group.getGroupGraphicItem(), point = {
+                x: 0,
+                y: 0
+            };
+            if (groupGraphicItem.globalTransMatrix.transformPoint(event.canvas, point), point.x < 0 || point.x > groupGraphicItem.attribute.width || point.y < 0 || point.y > groupGraphicItem.attribute.height) return;
+            const crosshair = this.elements[0].getGraphicItem(), crosshairType = null !== (_c = this.spec.crosshairType) && void 0 !== _c ? _c : "x", groupSize = {
+                width: groupGraphicItem.attribute.width,
+                height: groupGraphicItem.attribute.height
+            }, scale = (isString(this.spec.scale) ? this.view.getScaleById(this.spec.scale) : this.spec.scale).getScale(), config = this.spec.componentConfig, theme = this.view.getCurrentTheme(), addition = null !== (_d = this._additionalEncodeResult) && void 0 !== _d ? _d : {};
+            let attributes = {};
+            switch (this._getCrosshairComponentType()) {
+              case CrosshairEnum.lineCrosshair:
+                attributes = generateLineCrosshairAttributes(point, scale, crosshairType, groupSize, config, theme, addition);
+                break;
+
+              case CrosshairEnum.rectCrosshair:
+                attributes = generateRectCrosshairAttributes(point, scale, crosshairType, groupSize, config, theme, addition);
+                break;
+
+              case CrosshairEnum.sectorCrosshair:
+                attributes = generateSectorCrosshairAttributes(point, scale, 0, groupSize, config, theme, addition);
+                break;
+
+              case CrosshairEnum.circleCrosshair:
+                attributes = generateCircleCrosshairAttributes(point, scale, 0, groupSize, config, theme, addition);
+                break;
+
+              case CrosshairEnum.polygonCrosshair:
+                attributes = generatePolygonCrosshairAttributes(point, scale, 0, groupSize, config, theme, addition);
+                break;
+
+              case CrosshairEnum.ringCrosshair:
+                attributes = generateRingCrosshairAttributes(point, scale, 0, groupSize, config, theme, addition);
+            }
+            crosshair.showAll(), crosshair.setAttributes(attributes);
+        }, this._onCrosshairHide = event => {
+            this.elements[0].getGraphicItem().hideAll();
+        }, this.spec.componentType = ComponentEnum.crosshair, this.spec.crosshairShape = "line", 
+        this.spec.crosshairType = "x";
+    }
+    parseAddition(spec) {
+        return super.parseAddition(spec), this.crosshairType(spec.crosshairType), this.crosshairShape(spec.crosshairShape), 
+        this;
+    }
+    crosshairType(crosshairType) {
+        return this.spec.crosshairType = crosshairType, this._crosshairComponentType = null, 
+        this._prepareRejoin(), this.commit(), this;
+    }
+    crosshairShape(crosshairShape) {
+        return this.spec.crosshairShape = crosshairShape, this._crosshairComponentType = null, 
+        this._prepareRejoin(), this.commit(), this;
+    }
+    addGraphicItem(attrs, groupKey) {
+        const initialAttributes = Object.assign(this._getDefaultCrosshairAttribute(), attrs), graphicItem = Factory.createGraphicComponent(this._getCrosshairComponentType(), initialAttributes);
+        return super.addGraphicItem(initialAttributes, groupKey, graphicItem);
+    }
+    release() {
+        var _a, _b, _c, _d;
+        null === (_b = null === (_a = this._lastGroup) || void 0 === _a ? void 0 : _a.off) || void 0 === _b || _b.call(_a, "pointermove", this._onCrosshairShow), 
+        null === (_d = null === (_c = this._lastGroup) || void 0 === _c ? void 0 : _c.off) || void 0 === _d || _d.call(_c, "pointerleave", this._onCrosshairHide), 
+        super.release();
+    }
+    init(stage, parameters) {
+        var _a, _b, _c, _d, _e, _f;
+        super.init(stage, parameters);
+        const groupGraphicItem = this.group ? this.group.getGroupGraphicItem() : stage.defaultLayer;
+        this._lastGroup !== groupGraphicItem && (null === (_b = null === (_a = this._lastGroup) || void 0 === _a ? void 0 : _a.off) || void 0 === _b || _b.call(_a, "pointermove", this._onCrosshairShow), 
+        null === (_d = null === (_c = this._lastGroup) || void 0 === _c ? void 0 : _c.off) || void 0 === _d || _d.call(_c, "pointerleave", this._onCrosshairHide)), 
+        null === (_e = null == groupGraphicItem ? void 0 : groupGraphicItem.on) || void 0 === _e || _e.call(groupGraphicItem, "pointermove", this._onCrosshairShow), 
+        null === (_f = null == groupGraphicItem ? void 0 : groupGraphicItem.on) || void 0 === _f || _f.call(groupGraphicItem, "pointerleave", this._onCrosshairHide), 
+        this._lastGroup = groupGraphicItem;
+    }
+    _updateComponentEncoders() {
+        const encoders = Object.assign({
+            update: {}
+        }, this.spec.encode), componentEncoders = Object.keys(encoders).reduce(((res, state) => {
+            const encoder = encoders[state];
+            return encoder && (res[state] = {
+                callback: (datum, element, parameters) => {
+                    this._additionalEncodeResult = invokeEncoder(encoder, datum, element, parameters);
+                }
+            }), res;
+        }), {});
+        this._encoders = componentEncoders;
+    }
+    _getCrosshairComponentType() {
+        var _a, _b;
+        if (this._crosshairComponentType) return this._crosshairComponentType;
+        const shape = null !== (_a = this.spec.crosshairShape) && void 0 !== _a ? _a : "line", type = null !== (_b = this.spec.crosshairType) && void 0 !== _b ? _b : "x";
+        return this._crosshairComponentType = "rect" === shape ? "angle" === type ? CrosshairEnum.sectorCrosshair : "radius" === type ? CrosshairEnum.ringCrosshair : "radius-polygon" === type ? CrosshairEnum.polygonCrosshair : CrosshairEnum.rectCrosshair : "radius" === type ? CrosshairEnum.circleCrosshair : "radius-polygon" === type ? CrosshairEnum.polygonCrosshair : CrosshairEnum.lineCrosshair, 
+        this._crosshairComponentType;
+    }
+    _getDefaultCrosshairAttribute() {
+        var _a;
+        const type = null !== (_a = this.spec.crosshairType) && void 0 !== _a ? _a : "x";
+        return "radius" === type || "radius-polygon" === type ? {
+            center: {
+                x: 0,
+                y: 0
+            }
+        } : {
+            start: {
+                x: 0,
+                y: 0
+            },
+            end: {
+                x: 0,
+                y: 0
+            }
+        };
+    }
+}
+
+Crosshair.componentType = ComponentEnum.crosshair;
+
+export const registerCrosshair = () => {
+    Factory.registerGraphicComponent(CrosshairEnum.lineCrosshair, (attrs => new LineCrosshair(attrs))), 
+    Factory.registerGraphicComponent(CrosshairEnum.rectCrosshair, (attrs => new RectCrosshair(attrs))), 
+    Factory.registerGraphicComponent(CrosshairEnum.sectorCrosshair, (attrs => new SectorCrosshair(attrs))), 
+    Factory.registerGraphicComponent(CrosshairEnum.circleCrosshair, (attrs => new CircleCrosshair(attrs))), 
+    Factory.registerGraphicComponent(CrosshairEnum.polygonCrosshair, (attrs => new PolygonCrosshair(attrs))), 
+    Factory.registerGraphicComponent(CrosshairEnum.ringCrosshair, (attrs => new SectorCrosshair(attrs))), 
+    Factory.registerComponent(ComponentEnum.crosshair, Crosshair);
+};
+//# sourceMappingURL=crosshair.js.map

package/es/component/crosshair.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/crosshair.ts"],"names":[],"mappings":"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","file":"crosshair.js","sourcesContent":["import type { IPointLike } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { clampRadian, getAngleByPoint, isString, merge } from '@visactor/vutils';\nimport type { IGraphic, IGroup, IRectGraphicAttribute } from '@visactor/vrender';\nimport type {\n  CircleCrosshairAttrs,\n  LineCrosshairAttrs,\n  PolygonCrosshairAttrs,\n  RectCrosshairAttrs,\n  SectorCrosshairAttrs\n} from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport {\n  CircleCrosshair,\n  LineCrosshair,\n  PolygonCrosshair,\n  RectCrosshair,\n  SectorCrosshair\n} from '@visactor/vrender-components';\nimport type { IBandLikeScale, IBaseScale } from '@visactor/vscale';\n// eslint-disable-next-line no-duplicate-imports\nimport { isContinuous, isDiscrete } from '@visactor/vscale';\nimport { ComponentEnum, CrosshairEnum } from '../graph';\nimport type { CrosshairType, CrosshairSpec, CrosshairShape, ICrosshair } from '../types/component';\nimport type {\n  BaseSignleEncodeSpec,\n  IElement,\n  IGroupMark,\n  ITheme,\n  IView,\n  RecursivePartial,\n  StateEncodeSpec\n} from '../types';\nimport { ScaleComponent } from './scale';\nimport { invokeEncoder } from '../graph/mark/encode';\nimport { Factory } from '../core/factory';\n\nconst computeCrosshairStartEnd = (\n  point: IPointLike,\n  scale: IBaseScale,\n  type: CrosshairType,\n  groupSize: { width: number; height: number },\n  config: CrosshairSpec['componentConfig'],\n  offset: number = 0\n) => {\n  const start = { x: 0, y: 0 };\n  const end = { x: 0, y: 0 };\n  const radius = type === 'angle' ? config?.radius ?? Math.min(groupSize.width, groupSize.height) / 2 : null;\n  const center = type === 'angle' ? config?.center ?? { x: groupSize.width / 2, y: groupSize.height / 2 } : null;\n\n  let current = 0;\n  if (isDiscrete(scale.type)) {\n    if (type === 'x') {\n      current = scale.scale(scale.invert(point.x));\n    } else if (type === 'y') {\n      current = scale.scale(scale.invert(point.y));\n    } else if (type === 'angle') {\n      const angle = clampRadian(getAngleByPoint(center, point) + Math.PI * 2);\n      current = scale.scale(scale.invert(angle));\n    }\n  } else if (isContinuous(scale.type)) {\n    if (type === 'x') {\n      current = point.x;\n    } else if (type === 'y') {\n      current = point.y;\n    } else if (type === 'angle') {\n      current = getAngleByPoint(center, point);\n    }\n  }\n  current += offset;\n  switch (type) {\n    case 'x':\n      start.x = current;\n      start.y = 0;\n      end.x = current;\n      end.y = groupSize.height;\n      break;\n    case 'y':\n      start.x = 0;\n      start.y = current;\n      end.x = groupSize.width;\n      end.y = current;\n      break;\n    case 'angle':\n      start.x = center.x;\n      start.y = center.y;\n      end.x = center.x + radius * Math.cos(current);\n      end.y = center.y + radius * Math.sin(current);\n      break;\n  }\n  return { start, end };\n};\n\nconst computeRadiusOfTangential = (\n  point: IPointLike,\n  scale: IBaseScale,\n  type: CrosshairType,\n  groupSize: { width: number; height: number },\n  config: CrosshairSpec['componentConfig'],\n  addition?:\n    | RecursivePartial<PolygonCrosshairAttrs>\n    | RecursivePartial<CircleCrosshairAttrs>\n    | RecursivePartial<SectorCrosshairAttrs>\n) => {\n  const center = addition?.center ?? config?.center ?? { x: groupSize.width / 2, y: groupSize.height / 2 };\n  let currentRadius = 0;\n\n  if (isDiscrete(scale.type)) {\n    const offset = scale.type === 'band' ? (scale as IBandLikeScale).bandwidth() / 2 : 0;\n    const radius = Math.sqrt((point.x - center.x) ** 2 + (point.y - center.y) ** 2);\n    currentRadius = scale.scale(scale.invert(radius)) + offset;\n  } else if (isContinuous(scale.type)) {\n    const maxRadius = config?.radius ?? Math.min(groupSize.width, groupSize.height) / 2;\n    currentRadius = Math.min(maxRadius, Math.sqrt((point.x - center.x) ** 2 + (point.y - center.y) ** 2));\n  }\n\n  return { radius: currentRadius, center };\n};\n\nexport const generateLineCrosshairAttributes = (\n  point: IPointLike,\n  scale: IBaseScale,\n  type: CrosshairType,\n  groupSize: { width: number; height: number },\n  config: CrosshairSpec['componentConfig'],\n  theme?: ITheme,\n  addition?: RecursivePartial<LineCrosshairAttrs> & CrosshairSpec['componentConfig']\n): LineCrosshairAttrs => {\n  const crosshairTheme = theme?.components?.lineCrosshair;\n  const offset = scale.type === 'band' ? (scale as IBandLikeScale).bandwidth() / 2 : 0;\n  const points = computeCrosshairStartEnd(\n    point,\n    scale,\n    type,\n    groupSize,\n    {\n      radius: addition?.radius ?? config?.radius,\n      center: addition?.center ?? config?.center\n    },\n    offset\n  );\n  return merge({}, crosshairTheme, points, addition ?? {});\n};\n\nexport const generateRectCrosshairAttributes = (\n  point: IPointLike,\n  scale: IBaseScale,\n  type: CrosshairType,\n  groupSize: { width: number; height: number },\n  config: CrosshairSpec['componentConfig'],\n  theme?: ITheme,\n  addition?: RecursivePartial<RectCrosshairAttrs>\n): RectCrosshairAttrs => {\n  const crosshairTheme = theme?.components?.rectCrosshair;\n  const defaultSize = scale.type === 'band' || scale.type === 'point' ? (scale as IBandLikeScale).step() : undefined;\n  const customRectStyle = addition?.rectStyle;\n  const size =\n    defaultSize ??\n    (type === 'y'\n      ? customRectStyle?.width ?? crosshairTheme.rectStyle.width\n      : customRectStyle?.height ?? crosshairTheme.rectStyle.height);\n  const points = computeCrosshairStartEnd(point, scale, type, groupSize, config, scale.type === 'band' ? 0 : -size / 2);\n  const rectStyle: Partial<IRectGraphicAttribute> = {};\n  if (type === 'x') {\n    rectStyle.width = size;\n  } else {\n    rectStyle.height = size;\n  }\n  const attribute = merge(\n    {},\n    crosshairTheme,\n    {\n      start: points.start,\n      end: points.end,\n      rectStyle\n    },\n    addition ?? {}\n  );\n  if (type === 'x') {\n    attribute.rectStyle.height = attribute.end.y - attribute.start.y;\n  } else {\n    attribute.rectStyle.width = attribute.end.x - attribute.start.x;\n  }\n  return attribute;\n};\n\nexport const generateRingCrosshairAttributes = (\n  point: IPointLike,\n  scale: IBaseScale,\n  type: CrosshairType,\n  groupSize: { width: number; height: number },\n  config: CrosshairSpec['componentConfig'],\n  theme?: ITheme,\n  addition?: RecursivePartial<SectorCrosshairAttrs>\n): SectorCrosshairAttrs => {\n  const crosshairTheme = theme?.components?.circleCrosshair;\n  const { center, radius } = computeRadiusOfTangential(point, scale, type, groupSize, config, addition);\n\n  const startAngle = crosshairTheme.startAngle;\n  const endAngle = crosshairTheme.endAngle;\n  const deltaRadius = scale.type === 'band' || scale.type === 'point' ? (scale as IBandLikeScale).step() : 0;\n\n  return merge(\n    {},\n    crosshairTheme,\n    { center, innerRadius: radius - deltaRadius / 2, radius: radius + deltaRadius / 2, startAngle, endAngle },\n    addition ?? {}\n  );\n};\n\nexport const generateSectorCrosshairAttributes = (\n  point: IPointLike,\n  scale: IBaseScale,\n  type: CrosshairType,\n  groupSize: { width: number; height: number },\n  config: CrosshairSpec['componentConfig'],\n  theme?: ITheme,\n  addition?: RecursivePartial<SectorCrosshairAttrs>\n): SectorCrosshairAttrs => {\n  const crosshairTheme = theme?.components?.sectorCrosshair;\n  const radius = addition?.radius ?? config?.radius ?? Math.min(groupSize.width, groupSize.height) / 2;\n  const center = (addition?.center ??\n    config?.center ?? { x: groupSize.width / 2, y: groupSize.height / 2 }) as IPointLike;\n  const defaultAngle = crosshairTheme.endAngle - crosshairTheme.startAngle;\n  const angle = scale.type === 'band' || scale.type === 'point' ? (scale as IBandLikeScale).step() : defaultAngle;\n  let currentAngle = 0;\n  if (isDiscrete(scale.type)) {\n    const angle = clampRadian(getAngleByPoint(center, point) + Math.PI * 2);\n    currentAngle =\n      scale.scale(scale.invert(angle)) + (scale.type === 'band' ? (scale as IBandLikeScale).bandwidth() / 2 : 0);\n  } else if (isContinuous(scale.type)) {\n    currentAngle = getAngleByPoint(center, point);\n  }\n  const startAngle = currentAngle - angle / 2;\n  const endAngle = currentAngle + angle / 2;\n  return merge({}, crosshairTheme, { center, radius, startAngle, endAngle }, addition ?? {});\n};\n\nexport const generateCircleCrosshairAttributes = (\n  point: IPointLike,\n  scale: IBaseScale,\n  type: CrosshairType,\n  groupSize: { width: number; height: number },\n  config: CrosshairSpec['componentConfig'],\n  theme?: ITheme,\n  addition?: RecursivePartial<CircleCrosshairAttrs>\n): CircleCrosshairAttrs => {\n  const crosshairTheme = theme?.components?.circleCrosshair;\n  const { center, radius } = computeRadiusOfTangential(point, scale, type, groupSize, config, addition);\n\n  const startAngle = crosshairTheme.startAngle;\n  const endAngle = crosshairTheme.endAngle;\n\n  return merge({}, crosshairTheme, { center, radius: radius, startAngle, endAngle }, addition ?? {});\n};\n\nexport const generatePolygonCrosshairAttributes = (\n  point: IPointLike,\n  scale: IBaseScale,\n  type: CrosshairType,\n  groupSize: { width: number; height: number },\n  config: CrosshairSpec['componentConfig'],\n  theme?: ITheme,\n  addition?: RecursivePartial<PolygonCrosshairAttrs>\n): PolygonCrosshairAttrs => {\n  const crosshairTheme = theme?.components?.circleCrosshair;\n  const { center, radius } = computeRadiusOfTangential(point, scale, type, groupSize, config, addition);\n\n  const startAngle = crosshairTheme.startAngle;\n  const endAngle = crosshairTheme.endAngle;\n  return merge({}, crosshairTheme, { center, radius: radius, startAngle, endAngle }, addition ?? {});\n};\n\nexport class Crosshair extends ScaleComponent implements ICrosshair {\n  static readonly componentType: string = ComponentEnum.crosshair;\n  protected declare spec: CrosshairSpec;\n\n  private _crosshairComponentType?: keyof typeof CrosshairEnum;\n  private _additionalEncodeResult: any;\n  private _lastGroup: IGroup;\n\n  constructor(view: IView, group?: IGroupMark) {\n    super(view, ComponentEnum.crosshair, group);\n    this.spec.componentType = ComponentEnum.crosshair;\n    this.spec.crosshairShape = 'line';\n    this.spec.crosshairType = 'x';\n  }\n\n  protected parseAddition(spec: CrosshairSpec) {\n    super.parseAddition(spec);\n    this.crosshairType(spec.crosshairType);\n    this.crosshairShape(spec.crosshairShape);\n    return this;\n  }\n\n  crosshairType(crosshairType?: CrosshairType) {\n    this.spec.crosshairType = crosshairType;\n    this._crosshairComponentType = null;\n    this._prepareRejoin();\n    this.commit();\n    return this;\n  }\n\n  crosshairShape(crosshairShape?: CrosshairShape) {\n    this.spec.crosshairShape = crosshairShape;\n    this._crosshairComponentType = null;\n    this._prepareRejoin();\n    this.commit();\n    return this;\n  }\n\n  addGraphicItem(attrs: any, groupKey?: string) {\n    const initialAttributes = Object.assign(this._getDefaultCrosshairAttribute(), attrs);\n    const graphicItem = Factory.createGraphicComponent(this._getCrosshairComponentType(), initialAttributes);\n    return super.addGraphicItem(initialAttributes, groupKey, graphicItem);\n  }\n\n  release() {\n    (this._lastGroup as any)?.off?.('pointermove', this._onCrosshairShow);\n    (this._lastGroup as any)?.off?.('pointerleave', this._onCrosshairHide);\n    super.release();\n  }\n\n  protected init(stage: any, parameters: any) {\n    super.init(stage, parameters);\n\n    const groupGraphicItem = this.group ? this.group.getGroupGraphicItem() : stage.defaultLayer;\n    if (this._lastGroup !== groupGraphicItem) {\n      // FIXME: waiting for vRender to fix\n      (this._lastGroup as any)?.off?.('pointermove', this._onCrosshairShow);\n      (this._lastGroup as any)?.off?.('pointerleave', this._onCrosshairHide);\n    }\n    groupGraphicItem?.on?.('pointermove', this._onCrosshairShow);\n    groupGraphicItem?.on?.('pointerleave', this._onCrosshairHide);\n    this._lastGroup = groupGraphicItem;\n  }\n\n  protected _updateComponentEncoders() {\n    const encoders = Object.assign({ update: {} }, this.spec.encode);\n    const componentEncoders: StateEncodeSpec = Object.keys(encoders).reduce((res, state) => {\n      const encoder = encoders[state];\n      if (encoder) {\n        res[state] = {\n          callback: (datum: any, element: IElement, parameters: any) => {\n            this._additionalEncodeResult = invokeEncoder(encoder as BaseSignleEncodeSpec, datum, element, parameters);\n          }\n        };\n      }\n      return res;\n    }, {});\n    this._encoders = componentEncoders;\n  }\n\n  private _onCrosshairShow = (event: any) => {\n    if (!this.elements[0]?.getGraphicItem?.()) {\n      return;\n    }\n    const groupGraphicItem = this.group.getGroupGraphicItem();\n    // FIXME: waiting for vRender to add transformed position to event\n    const point = { x: 0, y: 0 };\n    groupGraphicItem.globalTransMatrix.transformPoint(event.canvas, point);\n\n    if (\n      point.x < 0 ||\n      point.x > groupGraphicItem.attribute.width ||\n      point.y < 0 ||\n      point.y > groupGraphicItem.attribute.height\n    ) {\n      return;\n    }\n\n    const crosshair = this.elements[0].getGraphicItem() as IGroup;\n    const crosshairType = this.spec.crosshairType ?? 'x';\n    const groupSize = { width: groupGraphicItem.attribute.width, height: groupGraphicItem.attribute.height };\n    const scaleGrammar = isString(this.spec.scale) ? this.view.getScaleById(this.spec.scale) : this.spec.scale;\n    const scale = scaleGrammar.getScale();\n    const config = this.spec.componentConfig;\n    const theme = this.view.getCurrentTheme();\n    const addition = this._additionalEncodeResult ?? {};\n\n    let attributes = {};\n    switch (this._getCrosshairComponentType()) {\n      case CrosshairEnum.lineCrosshair:\n        attributes = generateLineCrosshairAttributes(point, scale, crosshairType, groupSize, config, theme, addition);\n        break;\n      case CrosshairEnum.rectCrosshair:\n        attributes = generateRectCrosshairAttributes(point, scale, crosshairType, groupSize, config, theme, addition);\n        break;\n      case CrosshairEnum.sectorCrosshair:\n        attributes = generateSectorCrosshairAttributes(point, scale, crosshairType, groupSize, config, theme, addition);\n        break;\n      case CrosshairEnum.circleCrosshair:\n        attributes = generateCircleCrosshairAttributes(point, scale, crosshairType, groupSize, config, theme, addition);\n        break;\n      case CrosshairEnum.polygonCrosshair:\n        attributes = generatePolygonCrosshairAttributes(\n          point,\n          scale,\n          crosshairType,\n          groupSize,\n          config,\n          theme,\n          addition\n        );\n        break;\n      case CrosshairEnum.ringCrosshair:\n        attributes = generateRingCrosshairAttributes(point, scale, crosshairType, groupSize, config, theme, addition);\n        break;\n    }\n    crosshair.showAll();\n    crosshair.setAttributes(attributes);\n  };\n\n  private _onCrosshairHide = (event: any) => {\n    const crosshair = this.elements[0].getGraphicItem() as IGroup;\n    crosshair.hideAll();\n  };\n\n  private _getCrosshairComponentType() {\n    if (this._crosshairComponentType) {\n      return this._crosshairComponentType;\n    }\n    const shape = this.spec.crosshairShape ?? 'line';\n    const type = this.spec.crosshairType ?? 'x';\n    if (shape === 'rect') {\n      if (type === 'angle') {\n        this._crosshairComponentType = CrosshairEnum.sectorCrosshair;\n      } else if (type === 'radius') {\n        this._crosshairComponentType = CrosshairEnum.ringCrosshair;\n      } else if (type === 'radius-polygon') {\n        this._crosshairComponentType = CrosshairEnum.polygonCrosshair;\n      } else {\n        this._crosshairComponentType = CrosshairEnum.rectCrosshair;\n      }\n    } else {\n      if (type === 'radius') {\n        this._crosshairComponentType = CrosshairEnum.circleCrosshair;\n      } else if (type === 'radius-polygon') {\n        this._crosshairComponentType = CrosshairEnum.polygonCrosshair;\n      } else {\n        this._crosshairComponentType = CrosshairEnum.lineCrosshair;\n      }\n    }\n    return this._crosshairComponentType;\n  }\n\n  private _getDefaultCrosshairAttribute() {\n    const type = this.spec.crosshairType ?? 'x';\n    if (type === 'radius' || type === 'radius-polygon') {\n      return { center: { x: 0, y: 0 } };\n    }\n    return { start: { x: 0, y: 0 }, end: { x: 0, y: 0 } };\n  }\n}\n\nexport const registerCrosshair = () => {\n  Factory.registerGraphicComponent(\n    CrosshairEnum.lineCrosshair,\n    (attrs: LineCrosshairAttrs) => new LineCrosshair(attrs) as unknown as IGraphic\n  );\n  Factory.registerGraphicComponent(\n    CrosshairEnum.rectCrosshair,\n    (attrs: RectCrosshairAttrs) => new RectCrosshair(attrs) as unknown as IGraphic\n  );\n  Factory.registerGraphicComponent(\n    CrosshairEnum.sectorCrosshair,\n    (attrs: SectorCrosshairAttrs) => new SectorCrosshair(attrs) as unknown as IGraphic\n  );\n  Factory.registerGraphicComponent(\n    CrosshairEnum.circleCrosshair,\n    (attrs: CircleCrosshairAttrs) => new CircleCrosshair(attrs) as unknown as IGraphic\n  );\n  Factory.registerGraphicComponent(\n    CrosshairEnum.polygonCrosshair,\n    (attrs: PolygonCrosshairAttrs) => new PolygonCrosshair(attrs) as unknown as IGraphic\n  );\n  Factory.registerGraphicComponent(\n    CrosshairEnum.ringCrosshair,\n    (attrs: SectorCrosshairAttrs) => new SectorCrosshair(attrs) as unknown as IGraphic\n  );\n\n  Factory.registerComponent(ComponentEnum.crosshair, Crosshair);\n};\n"]}

package/es/component/datazoom.d.ts

@@ -0,0 +1,19 @@
+import type { DataZoomAttributes } from '@visactor/vrender-components';
+import type { ChannelEncodeType, IData, IGroupMark, ITheme, IView, Nil, RecursivePartial, ScaleEncodeType } from '../types';
+import type { DatazoomFilterValue, DatazoomSpec, IDatazoom } from '../types/component';
+import { Component } from '../view/component';
+export declare const generateDatazoomAttributes: (data: any[], theme?: ITheme, addition?: RecursivePartial<DataZoomAttributes>) => DataZoomAttributes;
+export declare class Datazoom extends Component implements IDatazoom {
+    static readonly componentType: string;
+    protected spec: DatazoomSpec;
+    constructor(view: IView, group?: IGroupMark);
+    protected parseAddition(spec: DatazoomSpec): this;
+    preview(data: IData | string | Nil, x: ScaleEncodeType | Nil, y: ScaleEncodeType | Nil, x1?: ChannelEncodeType | Nil, y1?: ChannelEncodeType | Nil): this;
+    target(data: IData | string | Nil, filter: string | ((datum: any, value: DatazoomFilterValue) => boolean) | Nil): this;
+    setStartEndValue(start?: number, end?: number): this;
+    addGraphicItem(attrs: any, groupKey?: string): any;
+    protected _updateComponentEncoders(): void;
+    private _invertDatazoomRatio;
+    private _getDatazoomMainScale;
+}
+export declare const registerDataZoom: () => void;

package/es/component/datazoom.js

@@ -0,0 +1,161 @@
+import { DataZoom as DatazoomComponent } from "@visactor/vrender-components";
+
+import { isNil, isString, merge } from "@visactor/vutils";
+
+import { ComponentDataRank, ComponentEnum } from "../graph";
+
+import { invokeEncoder } from "../graph/mark/encode";
+
+import { Component } from "../view/component";
+
+import { parseEncodeType } from "../parse/mark";
+
+import { Factory } from "../core/factory";
+
+export const generateDatazoomAttributes = (data, theme, addition) => {
+    var _a;
+    const datazoomTheme = null === (_a = null == theme ? void 0 : theme.components) || void 0 === _a ? void 0 : _a.datazoom;
+    return data ? merge({}, datazoomTheme, {
+        previewData: data
+    }, null != addition ? addition : {}) : merge({}, datazoomTheme, null != addition ? addition : {});
+};
+
+export class Datazoom extends Component {
+    constructor(view, group) {
+        super(view, ComponentEnum.datazoom, group), this.spec.componentType = ComponentEnum.datazoom;
+    }
+    parseAddition(spec) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        return super.parseAddition(spec), this.preview(null === (_a = spec.preview) || void 0 === _a ? void 0 : _a.data, null === (_b = spec.preview) || void 0 === _b ? void 0 : _b.x, null === (_c = spec.preview) || void 0 === _c ? void 0 : _c.y, null === (_d = spec.preview) || void 0 === _d ? void 0 : _d.x1, null === (_e = spec.preview) || void 0 === _e ? void 0 : _e.y1), 
+        this.target(null === (_f = spec.target) || void 0 === _f ? void 0 : _f.data, null === (_g = spec.target) || void 0 === _g ? void 0 : _g.filter), 
+        this._updateComponentEncoders(), this;
+    }
+    preview(data, x, y, x1, y1) {
+        if (!isNil(this.spec.preview)) {
+            const lastData = this.spec.preview.data, lastDataGrammar = isString(lastData) ? this.view.getDataById(lastData) : lastData;
+            this.detach(lastDataGrammar), this.detach(parseEncodeType(this.spec.preview.x, this.view)), 
+            this.detach(parseEncodeType(this.spec.preview.y, this.view)), this.detach(parseEncodeType(this.spec.preview.x1, this.view)), 
+            this.detach(parseEncodeType(this.spec.preview.y1, this.view));
+        }
+        if (this.spec.preview = void 0, data) {
+            this.spec.preview = {
+                data: data,
+                x: x,
+                y: y,
+                x1: x1,
+                y1: y1
+            };
+            const dataGrammar = isString(data) ? this.view.getDataById(data) : data;
+            this.attach(dataGrammar), this.attach(parseEncodeType(x, this.view)), this.attach(parseEncodeType(y, this.view)), 
+            this.attach(parseEncodeType(x1, this.view)), this.attach(parseEncodeType(y1, this.view));
+        }
+        return this._updateComponentEncoders(), this.commit(), this;
+    }
+    target(data, filter) {
+        var _a, _b, _c;
+        const lastData = null === (_a = this.spec.target) || void 0 === _a ? void 0 : _a.data, lastDataGrammar = isString(lastData) ? this.view.getDataById(lastData) : lastData, datazoom = null === (_c = null === (_b = this.elements[0]) || void 0 === _b ? void 0 : _b.getGraphicItem) || void 0 === _c ? void 0 : _c.call(_b);
+        lastDataGrammar && datazoom && datazoom.setUpdateStateCallback(null), this.spec.target = void 0;
+        const dataGrammar = isString(data) ? this.view.getDataById(data) : data, dataFilter = isString(filter) ? (datum, filterValue) => {
+            if (isNil(filterValue.start) || isNil(filterValue.end)) return !0;
+            const scale = this._getDatazoomMainScale(), range = scale.range(), datumRatio = (scale.scale(datum[filter]) - range[0]) / (range[range.length - 1] - range[0]);
+            return filterValue.startRatio <= datumRatio && filterValue.endRatio >= datumRatio;
+        } : filter;
+        return this._filterData(lastDataGrammar, dataGrammar, ComponentDataRank.datazoom, (event => {
+            const startRatio = event.start, endRatio = event.end;
+            return {
+                startRatio: startRatio,
+                endRatio: endRatio,
+                start: this._invertDatazoomRatio(startRatio),
+                end: this._invertDatazoomRatio(endRatio)
+            };
+        }), dataFilter), dataGrammar && datazoom && (datazoom.setUpdateStateCallback(((start, end) => {
+            this._filterCallback({
+                start: start,
+                end: end
+            }, this.elements[0]);
+        })), this.spec.target = {
+            data: dataGrammar,
+            filter: filter
+        }), this;
+    }
+    setStartEndValue(start, end) {
+        var _a, _b, _c;
+        const datazoom = null === (_b = null === (_a = this.elements[0]) || void 0 === _a ? void 0 : _a.getGraphicItem) || void 0 === _b ? void 0 : _b.call(_a);
+        return null === (_c = null == datazoom ? void 0 : datazoom.setStartAndEnd) || void 0 === _c || _c.call(datazoom, start, end), 
+        this;
+    }
+    addGraphicItem(attrs, groupKey) {
+        var _a;
+        const theme = this.view.getCurrentTheme(), initialAttributes = Object.assign({}, null === (_a = null == theme ? void 0 : theme.components) || void 0 === _a ? void 0 : _a.datazoom, attrs), graphicItem = Factory.createGraphicComponent(this.componentType, initialAttributes), datazoom = graphicItem;
+        return this._filterCallback && datazoom.setUpdateStateCallback(((start, end) => {
+            this._filterCallback({
+                start: start,
+                end: end
+            }, this.elements[0]);
+        })), datazoom.setStatePointToData((state => {
+            var _a;
+            return this.spec.preview && null !== (_a = this._invertDatazoomRatio(state)) && void 0 !== _a ? _a : state;
+        })), datazoom.setPreviewCallbackX((datum => {
+            var _a, _b;
+            if ((null === (_a = this.spec.preview) || void 0 === _a ? void 0 : _a.x) && (null === (_b = this.spec.preview) || void 0 === _b ? void 0 : _b.data)) return invokeEncoder({
+                x: this.spec.preview.x
+            }, datum, this.elements[0], this.parameters()).x;
+        })), datazoom.setPreviewCallbackY((datum => {
+            var _a, _b;
+            if ((null === (_a = this.spec.preview) || void 0 === _a ? void 0 : _a.y) && (null === (_b = this.spec.preview) || void 0 === _b ? void 0 : _b.data)) return invokeEncoder({
+                y: this.spec.preview.y
+            }, datum, this.elements[0], this.parameters()).y;
+        })), datazoom.setPreviewCallbackX1((datum => {
+            var _a, _b;
+            if ((null === (_a = this.spec.preview) || void 0 === _a ? void 0 : _a.x1) && (null === (_b = this.spec.preview) || void 0 === _b ? void 0 : _b.data)) return invokeEncoder({
+                x1: this.spec.preview.x1
+            }, datum, this.elements[0], this.parameters()).x1;
+        })), datazoom.setPreviewCallbackY1((datum => {
+            var _a, _b;
+            if ((null === (_a = this.spec.preview) || void 0 === _a ? void 0 : _a.y1) && (null === (_b = this.spec.preview) || void 0 === _b ? void 0 : _b.data)) return invokeEncoder({
+                y1: this.spec.preview.y1
+            }, datum, this.elements[0], this.parameters()).y1;
+        })), super.addGraphicItem(initialAttributes, groupKey, graphicItem);
+    }
+    _updateComponentEncoders() {
+        var _a;
+        const data = null === (_a = this.spec.preview) || void 0 === _a ? void 0 : _a.data, dataGrammar = isString(data) ? this.view.getDataById(data) : data, encoders = Object.assign({
+            update: {}
+        }, this.spec.encode), componentEncoders = Object.keys(encoders).reduce(((res, state) => {
+            const encoder = encoders[state];
+            return encoder && (res[state] = {
+                callback: (datum, element, parameters) => {
+                    var _a;
+                    const theme = this.view.getCurrentTheme(), addition = invokeEncoder(encoder, datum, element, parameters);
+                    return generateDatazoomAttributes(null === (_a = null == dataGrammar ? void 0 : dataGrammar.getValue) || void 0 === _a ? void 0 : _a.call(dataGrammar), theme, addition);
+                }
+            }), res;
+        }), {});
+        this._encoders = componentEncoders;
+    }
+    _invertDatazoomRatio(ratio) {
+        const scale = this._getDatazoomMainScale();
+        if (scale) {
+            const range = scale.range(), scaledValue = (range[range.length - 1] - range[0]) * ratio + range[0];
+            return scale.invert(scaledValue);
+        }
+        return null;
+    }
+    _getDatazoomMainScale() {
+        var _a, _b, _c, _d;
+        const datazoom = null === (_b = null === (_a = this.elements[0]) || void 0 === _a ? void 0 : _a.getGraphicItem) || void 0 === _b ? void 0 : _b.call(_a);
+        if (datazoom && this.spec.preview) {
+            const scale = "top" === datazoom.attribute.orient || "bottom" === datazoom.attribute.orient ? null === (_c = this.spec.preview.x) || void 0 === _c ? void 0 : _c.scale : null === (_d = this.spec.preview.y) || void 0 === _d ? void 0 : _d.scale, scaleGrammar = isString(scale) ? this.view.getScaleById(scale) : scale;
+            return null == scaleGrammar ? void 0 : scaleGrammar.getScale();
+        }
+        return null;
+    }
+}
+
+Datazoom.componentType = ComponentEnum.datazoom;
+
+export const registerDataZoom = () => {
+    Factory.registerGraphicComponent(ComponentEnum.datazoom, (attrs => new DatazoomComponent(attrs))), 
+    Factory.registerComponent(ComponentEnum.datazoom, Datazoom);
+};
+//# sourceMappingURL=datazoom.js.map

package/es/component/datazoom.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/datazoom.ts"],"names":[],"mappings":"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","file":"datazoom.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender';\nimport type { DataZoomAttributes } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport { DataZoom as DatazoomComponent } from '@visactor/vrender-components';\nimport { isNil, isString, merge } from '@visactor/vutils';\nimport { ComponentDataRank, ComponentEnum } from '../graph';\nimport type {\n  BaseSignleEncodeSpec,\n  ChannelEncodeType,\n  IData,\n  IElement,\n  IGroupMark,\n  ITheme,\n  IView,\n  Nil,\n  RecursivePartial,\n  ScaleEncodeType,\n  StateEncodeSpec\n} from '../types';\nimport type { DatazoomFilterValue, DatazoomSpec, IDatazoom } from '../types/component';\nimport { invokeEncoder } from '../graph/mark/encode';\nimport { Component } from '../view/component';\nimport { parseEncodeType } from '../parse/mark';\nimport { Factory } from '../core/factory';\n\nexport const generateDatazoomAttributes = (\n  data: any[],\n  theme?: ITheme,\n  addition?: RecursivePartial<DataZoomAttributes>\n): DataZoomAttributes => {\n  const datazoomTheme = theme?.components?.datazoom;\n  if (!data) {\n    return merge({}, datazoomTheme, addition ?? {});\n  }\n\n  return merge({}, datazoomTheme, { previewData: data }, addition ?? {});\n};\n\nexport class Datazoom extends Component implements IDatazoom {\n  static readonly componentType: string = ComponentEnum.datazoom;\n  protected declare spec: DatazoomSpec;\n\n  constructor(view: IView, group?: IGroupMark) {\n    super(view, ComponentEnum.datazoom, group);\n    this.spec.componentType = ComponentEnum.datazoom;\n  }\n\n  protected parseAddition(spec: DatazoomSpec) {\n    super.parseAddition(spec);\n    this.preview(spec.preview?.data, spec.preview?.x, spec.preview?.y, spec.preview?.x1, spec.preview?.y1);\n    this.target(spec.target?.data, spec.target?.filter);\n    this._updateComponentEncoders();\n    return this;\n  }\n\n  preview(\n    data: IData | string | Nil,\n    x: ScaleEncodeType | Nil,\n    y: ScaleEncodeType | Nil,\n    x1?: ChannelEncodeType | Nil,\n    y1?: ChannelEncodeType | Nil\n  ) {\n    if (!isNil(this.spec.preview)) {\n      const lastData = this.spec.preview.data;\n      const lastDataGrammar = isString(lastData) ? this.view.getDataById(lastData) : lastData;\n      this.detach(lastDataGrammar);\n      this.detach(parseEncodeType(this.spec.preview.x, this.view));\n      this.detach(parseEncodeType(this.spec.preview.y, this.view));\n      this.detach(parseEncodeType(this.spec.preview.x1, this.view));\n      this.detach(parseEncodeType(this.spec.preview.y1, this.view));\n    }\n    this.spec.preview = undefined;\n    if (data) {\n      this.spec.preview = { data, x, y, x1, y1 };\n      const dataGrammar = isString(data) ? this.view.getDataById(data) : data;\n      this.attach(dataGrammar);\n      this.attach(parseEncodeType(x, this.view));\n      this.attach(parseEncodeType(y, this.view));\n      this.attach(parseEncodeType(x1, this.view));\n      this.attach(parseEncodeType(y1, this.view));\n    }\n    this._updateComponentEncoders();\n    this.commit();\n    return this;\n  }\n\n  target(data: IData | string | Nil, filter: string | ((datum: any, value: DatazoomFilterValue) => boolean) | Nil) {\n    const lastData = this.spec.target?.data;\n    const lastDataGrammar = isString(lastData) ? this.view.getDataById(lastData) : lastData;\n    // FIXME: datazoom should emit change event\n    const datazoom = this.elements[0]?.getGraphicItem?.() as unknown as DatazoomComponent;\n    if (lastDataGrammar && datazoom) {\n      datazoom.setUpdateStateCallback(null);\n    }\n    this.spec.target = undefined;\n    const dataGrammar = isString(data) ? this.view.getDataById(data) : data;\n    const getFilterValue = (event: any): DatazoomFilterValue => {\n      const startRatio = event.start;\n      const endRatio = event.end;\n      return {\n        startRatio,\n        endRatio,\n        start: this._invertDatazoomRatio(startRatio),\n        end: this._invertDatazoomRatio(endRatio)\n      };\n    };\n    const dataFilter = isString(filter)\n      ? (datum: any, filterValue: DatazoomFilterValue) => {\n          if (isNil(filterValue.start) || isNil(filterValue.end)) {\n            return true;\n          }\n          const scale = this._getDatazoomMainScale();\n          const range = scale.range();\n          const datumRatio = (scale.scale(datum[filter]) - range[0]) / (range[range.length - 1] - range[0]);\n          return filterValue.startRatio <= datumRatio && filterValue.endRatio >= datumRatio;\n        }\n      : filter;\n    this._filterData(lastDataGrammar, dataGrammar, ComponentDataRank.datazoom, getFilterValue, dataFilter);\n    if (dataGrammar && datazoom) {\n      datazoom.setUpdateStateCallback((start: number, end: number) => {\n        this._filterCallback({ start, end }, this.elements[0]);\n      });\n      this.spec.target = { data: dataGrammar, filter };\n    }\n    return this;\n  }\n\n  setStartEndValue(start?: number, end?: number) {\n    const datazoom = this.elements[0]?.getGraphicItem?.() as unknown as DatazoomComponent;\n    datazoom?.setStartAndEnd?.(start, end);\n    return this;\n  }\n\n  addGraphicItem(attrs: any, groupKey?: string) {\n    const theme = this.view.getCurrentTheme();\n    const initialAttributes = Object.assign({}, theme?.components?.datazoom, attrs);\n    const graphicItem = Factory.createGraphicComponent(this.componentType, initialAttributes);\n    const datazoom = graphicItem as unknown as DatazoomComponent;\n    // FIXME: remove this logic when datazoom provides update event.\n    if (this._filterCallback) {\n      datazoom.setUpdateStateCallback((start: number, end: number) => {\n        this._filterCallback({ start, end }, this.elements[0]);\n      });\n    }\n    datazoom.setStatePointToData(state => {\n      if (this.spec.preview) {\n        return this._invertDatazoomRatio(state) ?? state;\n      }\n      return state;\n    });\n\n    datazoom.setPreviewCallbackX((datum: any) => {\n      if (this.spec.preview?.x && this.spec.preview?.data) {\n        return invokeEncoder({ x: this.spec.preview.x }, datum, this.elements[0], this.parameters()).x;\n      }\n\n      return undefined;\n    });\n    datazoom.setPreviewCallbackY((datum: any) => {\n      if (this.spec.preview?.y && this.spec.preview?.data) {\n        return invokeEncoder({ y: this.spec.preview.y }, datum, this.elements[0], this.parameters()).y;\n      }\n\n      return undefined;\n    });\n\n    datazoom.setPreviewCallbackX1((datum: any) => {\n      if (this.spec.preview?.x1 && this.spec.preview?.data) {\n        return invokeEncoder({ x1: this.spec.preview.x1 }, datum, this.elements[0], this.parameters()).x1;\n      }\n\n      return undefined;\n    });\n    datazoom.setPreviewCallbackY1((datum: any) => {\n      if (this.spec.preview?.y1 && this.spec.preview?.data) {\n        return invokeEncoder({ y1: this.spec.preview.y1 }, datum, this.elements[0], this.parameters()).y1;\n      }\n\n      return undefined;\n    });\n    return super.addGraphicItem(initialAttributes, groupKey, graphicItem);\n  }\n\n  protected _updateComponentEncoders() {\n    const data = this.spec.preview?.data;\n    const dataGrammar = isString(data) ? this.view.getDataById(data) : data;\n    const encoders = Object.assign({ update: {} }, this.spec.encode);\n    const componentEncoders: StateEncodeSpec = Object.keys(encoders).reduce((res, state) => {\n      const encoder = encoders[state];\n      if (encoder) {\n        res[state] = {\n          callback: (datum: any, element: IElement, parameters: any) => {\n            const theme = this.view.getCurrentTheme();\n            const addition = invokeEncoder(encoder as BaseSignleEncodeSpec, datum, element, parameters);\n            return generateDatazoomAttributes(dataGrammar?.getValue?.(), theme, addition);\n          }\n        };\n      }\n      return res;\n    }, {});\n    this._encoders = componentEncoders;\n  }\n\n  private _invertDatazoomRatio(ratio: number): any {\n    const scale = this._getDatazoomMainScale();\n    if (scale) {\n      const range = scale.range();\n      const scaledValue = (range[range.length - 1] - range[0]) * ratio + range[0];\n      return scale.invert(scaledValue);\n    }\n    return null;\n  }\n\n  private _getDatazoomMainScale() {\n    const datazoom = this.elements[0]?.getGraphicItem?.() as unknown as DatazoomComponent;\n    if (datazoom && this.spec.preview) {\n      const isHorizontal = datazoom.attribute.orient === 'top' || datazoom.attribute.orient === 'bottom';\n      const scale = isHorizontal ? this.spec.preview.x?.scale : this.spec.preview.y?.scale;\n      const scaleGrammar = isString(scale) ? this.view.getScaleById(scale) : scale;\n      return scaleGrammar?.getScale();\n    }\n    return null;\n  }\n}\n\nexport const registerDataZoom = () => {\n  Factory.registerGraphicComponent(\n    ComponentEnum.datazoom,\n    (attrs: DataZoomAttributes) => new DatazoomComponent(attrs) as unknown as IGraphic\n  );\n\n  Factory.registerComponent(ComponentEnum.datazoom, Datazoom);\n};\n"]}