@visactor/vchart 0.0.1-alpha.0

package/esm/component/geo/geo-coordinate.d.ts

@@ -0,0 +1,49 @@
+import type { IPoint } from '../../typings/coordinate';
+import { Projection } from './projection';
+import type { IEffect, IModelLayoutOption, IModelRenderOption, ILayoutItem } from '../../model/interface';
+import type { IComponentOption } from '../interface';
+import { ComponentTypeEnum } from '../interface';
+import { BaseComponent } from '../base';
+import type { IGeoRegionSpec, IRegion } from '../../region/interface';
+import type { IGeoCoordinate, IGeoCoordinateSpec, IProjectionSpec } from './interface';
+import type { IChartSpec } from '../../typings';
+export declare function projectionName(key: string, id: number): string;
+export declare class GeoCoordinate extends BaseComponent implements IGeoCoordinate {
+    static type: ComponentTypeEnum;
+    type: ComponentTypeEnum;
+    name: string;
+    layoutType: ILayoutItem['layoutType'];
+    protected _spec: IGeoRegionSpec;
+    _longitudeField?: string;
+    get longitudeField(): string;
+    _latitudeField?: string;
+    get latitudeField(): string;
+    protected _projectionSpec: IProjectionSpec;
+    get projectionSpec(): IProjectionSpec;
+    setProjection(projectionSpec: IGeoCoordinateSpec['projection']): void;
+    protected _projection: Projection;
+    private _actualScale;
+    private _evaluated;
+    private _lastHeight;
+    private _lastWidth;
+    static createComponent(spec: IChartSpec, options: IComponentOption): IGeoCoordinate[];
+    effect: IEffect;
+    setAttrFromSpec(): void;
+    created(): void;
+    private _handleChartZoom;
+    initEvent(): void;
+    initProjection(): void;
+    coordinateHelper(): void;
+    onLayoutEnd(ctx: IModelLayoutOption): void;
+    onRender(ctx: IModelRenderOption): void;
+    changeRegions(regions: IRegion[]): void;
+    protected collectFeatures(): any[];
+    dataToPosition(values?: number[]): IPoint;
+    dataToLatitude(lat: number): number;
+    dataToLongitude(lon: number): number;
+    zoom(p: number, anchor?: [number, number]): void;
+    pan: (delta?: [number, number]) => void;
+    shape(datum?: any): any;
+    private evaluateProjection;
+    private rescaleMark;
+}

package/esm/component/geo/geo-coordinate.js

@@ -0,0 +1,203 @@
+import { Projection } from "./projection";
+
+import { ComponentTypeEnum } from "../interface";
+
+import { BaseComponent } from "../base";
+
+import { isNil, merge } from "../../util";
+
+import { ChartEvent, PREFIX } from "../../constant/index";
+
+import { SeriesTypeEnum } from "../../series/interface/type";
+
+import { Zoomable } from "../../interaction/zoom/zoomable";
+
+import { mixin } from "@visactor/vutils";
+
+export function projectionName(key, id) {
+    return `${PREFIX}_${id}_${key}`;
+}
+
+export class GeoCoordinate extends BaseComponent {
+    constructor() {
+        super(...arguments), this.type = ComponentTypeEnum.geoCoordinate, this.name = ComponentTypeEnum.geoCoordinate, 
+        this.layoutType = "absolute", this._projectionSpec = {
+            name: projectionName(this.type, this.id),
+            type: "mercator"
+        }, this._actualScale = 1, this._evaluated = !1, this._lastHeight = 0, this._lastWidth = 0, 
+        this.effect = {
+            scaleUpdate: () => {
+                this.coordinateHelper();
+            }
+        }, this._handleChartZoom = (params, e) => {
+            var _a, _b, _c, _d, _e, _f;
+            let scale = params.zoomDelta;
+            const _lastActualScale = this._actualScale;
+            this._actualScale *= scale, this._actualScale < (null === (_a = this._spec.zoomLimit) || void 0 === _a ? void 0 : _a.min) ? (this._actualScale = null === (_b = this._spec.zoomLimit) || void 0 === _b ? void 0 : _b.min, 
+            scale = (null === (_c = this._spec.zoomLimit) || void 0 === _c ? void 0 : _c.min) / _lastActualScale) : this._actualScale > (null === (_d = this._spec.zoomLimit) || void 0 === _d ? void 0 : _d.max) && (this._actualScale = null === (_e = this._spec.zoomLimit) || void 0 === _e ? void 0 : _e.max, 
+            scale = (null === (_f = this._spec.zoomLimit) || void 0 === _f ? void 0 : _f.max) / _lastActualScale), 
+            this.zoom(scale, [ params.zoomX, params.zoomY ]);
+        }, this.pan = (delta = [ 0, 0 ]) => {
+            var _a, _b, _c;
+            const t = null !== (_b = null === (_a = this._projection) || void 0 === _a ? void 0 : _a.translate()) && void 0 !== _b ? _b : [ 0, 0 ];
+            let t_x = t[0], t_y = t[1];
+            t_x += delta[0], t_y += delta[1], null === (_c = this._projection) || void 0 === _c || _c.translate([ t_x, t_y ]);
+        };
+    }
+    get longitudeField() {
+        return this._longitudeField;
+    }
+    get latitudeField() {
+        return this._latitudeField;
+    }
+    get projectionSpec() {
+        return this._projectionSpec;
+    }
+    setProjection(projectionSpec) {
+        this._projectionSpec = Object.assign(Object.assign({}, projectionSpec), {
+            name: this._projectionSpec.name
+        });
+    }
+    static createComponent(spec, options) {
+        if (isNil(spec)) return null;
+        const result = [];
+        return spec.region.forEach(((r, i) => {
+            if ("geo" === r.coordinate) {
+                const spec = Object.assign(Object.assign({}, r), {
+                    padding: 0
+                }), c = new GeoCoordinate(spec, options);
+                c._regions = options.getRegionsInIndex([ i ]), result.push(c);
+            }
+        })), result;
+    }
+    setAttrFromSpec() {
+        var _a, _b;
+        super.setAttrFromSpec(), this._spec.roam && this.initZoomable(this.event, this._option.mode), 
+        this._projectionSpec = merge(this._projectionSpec, this._spec.projection), this._projectionSpec.zoom > (null === (_a = this._spec.zoomLimit) || void 0 === _a ? void 0 : _a.max) && (this._projectionSpec.zoom = this._spec.zoomLimit.max), 
+        this._projectionSpec.zoom < (null === (_b = this._spec.zoomLimit) || void 0 === _b ? void 0 : _b.min) && (this._projectionSpec.zoom = this._spec.zoomLimit.min), 
+        this._longitudeField = this._spec.longitudeField, this._latitudeField = this._spec.latitudeField;
+    }
+    created() {
+        super.created(), this.initProjection(), this.coordinateHelper(), this.initEvent();
+    }
+    initEvent() {
+        this.event.on(ChartEvent.scaleUpdate, {
+            filter: ({model: model}) => (null == model ? void 0 : model.id) === this.id
+        }, this.effect.scaleUpdate.bind(this)), this._spec.roam && (this.initZoomEventOfRegions(this._regions, null, this._handleChartZoom), 
+        this.initDragEventOfRegions(this._regions, (() => !0), this.pan), this._regions.forEach((r => {
+            r.getSeries().forEach((s => {
+                s.event.on("zoom", (e => (s.handleZoom(e), !0))), s.event.on("panmove", (e => (s.handlePan(e), 
+                !0)));
+            }));
+        })));
+    }
+    initProjection() {
+        this._projection = new Projection(this._projectionSpec);
+    }
+    coordinateHelper() {
+        const helper = {
+            longitudeField: this._longitudeField,
+            latitudeField: this._latitudeField,
+            dataToPosition: this.dataToPosition.bind(this),
+            dataToLongitude: this.dataToLongitude.bind(this),
+            dataToLatitude: this.dataToLatitude.bind(this),
+            shape: this.shape.bind(this),
+            getCoordinateId: () => this.id
+        };
+        this._regions.forEach((r => {
+            r.getSeries().forEach((s => {
+                s.type === SeriesTypeEnum.map ? s.setCoordinateHelper(helper) : (s.setXAxisHelper(Object.assign(Object.assign({}, helper), {
+                    dataToPosition: values => this.dataToLongitude(values[0]),
+                    getAxisType: () => this.type,
+                    getAxisId: () => this.id
+                })), s.setYAxisHelper(Object.assign(Object.assign({}, helper), {
+                    dataToPosition: values => this.dataToLatitude(values[0]),
+                    getAxisType: () => this.type,
+                    getAxisId: () => this.id
+                })), this._longitudeField && s.setFieldX(this._longitudeField), this._latitudeField && s.setFieldY(this._latitudeField));
+            }));
+        }));
+    }
+    onLayoutEnd(ctx) {
+        this.setLayoutRect(this._regions[0].getLayoutRect()), this.setLayoutStartPosition(this._regions[0].getLayoutStartPoint());
+        const {width: width, height: height} = this.getLayoutRect();
+        if (this._evaluated) {
+            const dx = (width - this._lastWidth) / 2, dy = (height - this._lastHeight) / 2;
+            this.pan([ dx, dy ]), this.event.emit("panmove", {
+                delta: [ dx, dy ],
+                model: this
+            });
+        } else {
+            const {translate: translate, scale: scale, center: center} = this.evaluateProjection([ 0, 0 ], [ width, height ]);
+            translate && this._projection.translate(translate), scale && this._projection.scale(scale), 
+            center && this._projection.center(center), this._evaluated = !0;
+        }
+        this._lastWidth = width, this._lastHeight = height, super.onLayoutEnd(ctx);
+    }
+    onRender(ctx) {}
+    changeRegions(regions) {}
+    collectFeatures() {
+        const features = [];
+        return this._regions.forEach((r => {
+            r.getSeries().forEach((s => {
+                var _a, _b;
+                s.type === SeriesTypeEnum.map && features.push(...null !== (_b = null === (_a = s.getMapViewData()) || void 0 === _a ? void 0 : _a.latestData) && void 0 !== _b ? _b : []);
+            }));
+        })), features;
+    }
+    dataToPosition(values = []) {
+        var _a;
+        const point = null === (_a = this._projection) || void 0 === _a ? void 0 : _a.project([ values[0], values[1] ]);
+        return {
+            x: null == point ? void 0 : point[0],
+            y: null == point ? void 0 : point[1]
+        };
+    }
+    dataToLatitude(lat) {
+        var _a;
+        const point = null === (_a = this._projection) || void 0 === _a ? void 0 : _a.project([ 0, lat ]);
+        return null == point ? void 0 : point[1];
+    }
+    dataToLongitude(lon) {
+        var _a;
+        const point = null === (_a = this._projection) || void 0 === _a ? void 0 : _a.project([ lon, 0 ]);
+        return null == point ? void 0 : point[0];
+    }
+    zoom(p, anchor = [ 0, 0 ]) {
+        var _a, _b, _c, _d, _e, _f;
+        let s = null !== (_b = null === (_a = this._projection) || void 0 === _a ? void 0 : _a.scale()) && void 0 !== _b ? _b : 0;
+        const t = null !== (_d = null === (_c = this._projection) || void 0 === _c ? void 0 : _c.translate()) && void 0 !== _d ? _d : [ 0, 0 ];
+        let t_x = t[0], t_y = t[1];
+        s *= p, t_x -= (anchor[0] - t_x) * (p - 1), t_y -= (anchor[1] - t_y) * (p - 1), 
+        null === (_e = this._projection) || void 0 === _e || _e.scale(s), null === (_f = this._projection) || void 0 === _f || _f.translate([ t_x, t_y ]);
+    }
+    shape(datum) {
+        return this._projection.shape(datum);
+    }
+    evaluateProjection(start, size) {
+        var _a;
+        const evaluated = this._projection.evaluate(start, size, this.collectFeatures());
+        let translate = evaluated.translate();
+        const scale = evaluated.scale() * (null !== (_a = this._projectionSpec.zoom) && void 0 !== _a ? _a : 1), center = this._projectionSpec.center;
+        return center && (translate = [ size[0] / 2, size[1] / 2 ]), {
+            translate: translate,
+            scale: scale,
+            center: center
+        };
+    }
+    rescaleMark() {
+        this._regions.forEach((r => {
+            var _a;
+            const mapMark = null === (_a = r.getSeriesInType(SeriesTypeEnum.map)[0]) || void 0 === _a ? void 0 : _a.getMarkInName("area");
+            mapMark && r.getSeries().forEach((s => {
+                s.type !== SeriesTypeEnum.map && s.getMarksInType("symbol").forEach((s => {
+                    s.setAttribute("scaleX", (datum => s.getAttribute("size", datum) * mapMark.getAttribute("scaleX", datum))), 
+                    s.setAttribute("scaleY", (datum => s.getAttribute("size", datum) * mapMark.getAttribute("scaleY", datum)));
+                }));
+            }));
+        }));
+    }
+}
+
+GeoCoordinate.type = ComponentTypeEnum.geoCoordinate, mixin(GeoCoordinate, Zoomable);
+//# sourceMappingURL=geo-coordinate.js.map

package/esm/component/geo/geo-coordinate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/geo/geo-coordinate.ts"],"names":[],"mappings":"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","file":"geo-coordinate.js","sourcesContent":["/* eslint-disable no-duplicate-imports */\nimport type { IPoint } from '../../typings/coordinate';\nimport { Projection } from './projection';\nimport type { IEffect, IModelLayoutOption, IModelRenderOption, ILayoutItem } from '../../model/interface';\nimport type { IComponentOption } from '../interface';\nimport { ComponentTypeEnum } from '../interface';\nimport { BaseComponent } from '../base';\nimport type { IGeoRegionSpec, IRegion, IRegionSpec } from '../../region/interface';\nimport { isNil, merge } from '../../util';\nimport { ChartEvent, PREFIX } from '../../constant/index';\nimport type { ICartesianSeries, IGeoSeries } from '../../series/interface';\nimport { SeriesTypeEnum } from '../../series/interface/type';\nimport type { ISymbolMark } from '../../mark/symbol';\nimport type { IGeoCoordinate, IGeoCoordinateHelper, IGeoCoordinateSpec, IProjectionSpec } from './interface';\nimport type { IPathMark } from '../../mark/path';\nimport type { BaseEventParams, ExtendEventParam, PanEventParam, ZoomEventParam } from '../../event/interface';\nimport type { Datum, IChartSpec } from '../../typings';\nimport type { IZoomable } from '../../interaction/zoom/zoomable';\nimport { Zoomable } from '../../interaction/zoom/zoomable';\nimport { mixin } from '@visactor/vutils';\n\nexport function projectionName(key: string, id: number) {\n  return `${PREFIX}_${id}_${key}`;\n}\nexport class GeoCoordinate extends BaseComponent implements IGeoCoordinate {\n  static type = ComponentTypeEnum.geoCoordinate;\n  type = ComponentTypeEnum.geoCoordinate;\n  name: string = ComponentTypeEnum.geoCoordinate;\n\n  layoutType: ILayoutItem['layoutType'] = 'absolute';\n\n  protected declare _spec: IGeoRegionSpec;\n\n  _longitudeField?: string;\n  get longitudeField() {\n    return this._longitudeField;\n  }\n\n  _latitudeField?: string;\n  get latitudeField() {\n    return this._latitudeField;\n  }\n\n  protected _projectionSpec: IProjectionSpec = {\n    name: projectionName(this.type, this.id),\n    type: 'mercator'\n  };\n  get projectionSpec() {\n    return this._projectionSpec;\n  }\n  setProjection(projectionSpec: IGeoCoordinateSpec['projection']) {\n    this._projectionSpec = {\n      ...projectionSpec,\n      name: this._projectionSpec.name\n    };\n  }\n\n  protected _projection!: Projection;\n\n  private _actualScale = 1;\n  private _evaluated = false;\n  private _lastHeight = 0;\n  private _lastWidth = 0;\n\n  static createComponent(spec: IChartSpec, options: IComponentOption) {\n    if (isNil(spec)) {\n      return null;\n    }\n    const result: IGeoCoordinate[] = [];\n    spec.region.forEach((r: IRegionSpec, i: number) => {\n      if (r.coordinate === 'geo') {\n        // 去除 padding 配置，避免重复计算\n        const spec = { ...r, padding: 0 };\n        const c = new GeoCoordinate(spec, options);\n        // FIXME: hack，regions的关联关系不应该在具体的component中处理\n        c._regions = options.getRegionsInIndex([i]);\n        result.push(c);\n      }\n    });\n    return result;\n  }\n\n  effect: IEffect = {\n    scaleUpdate: () => {\n      this.coordinateHelper();\n    }\n  };\n\n  setAttrFromSpec() {\n    super.setAttrFromSpec();\n\n    if (this._spec.roam) {\n      (this as unknown as IZoomable).initZoomable(this.event, this._option.mode);\n    }\n\n    this._projectionSpec = merge(this._projectionSpec, this._spec.projection);\n    if (this._projectionSpec.zoom > this._spec.zoomLimit?.max) {\n      this._projectionSpec.zoom = this._spec.zoomLimit.max;\n    }\n    if (this._projectionSpec.zoom < this._spec.zoomLimit?.min) {\n      this._projectionSpec.zoom = this._spec.zoomLimit.min;\n    }\n    this._longitudeField = this._spec.longitudeField;\n    this._latitudeField = this._spec.latitudeField;\n  }\n\n  // life cycle\n  created() {\n    super.created();\n    this.initProjection();\n    this.coordinateHelper();\n    this.initEvent();\n    // FIXME: 这里是在开启缩放时，处理关联的symbol等mark，在地图缩放时应该同步缩放\n    // this.rescaleMark();\n  }\n\n  private _handleChartZoom = (\n    params: { zoomDelta: number; zoomX: number; zoomY: number },\n    e: BaseEventParams['event']\n  ) => {\n    let scale = params.zoomDelta;\n    // check if the next scale will outrange\n    const _lastActualScale = this._actualScale;\n    this._actualScale *= scale;\n    if (this._actualScale < this._spec.zoomLimit?.min) {\n      this._actualScale = this._spec.zoomLimit?.min;\n      scale = this._spec.zoomLimit?.min / _lastActualScale;\n    } else if (this._actualScale > this._spec.zoomLimit?.max) {\n      this._actualScale = this._spec.zoomLimit?.max;\n      scale = this._spec.zoomLimit?.max / _lastActualScale;\n    }\n    this.zoom(scale, [params.zoomX, params.zoomY]);\n  };\n\n  initEvent() {\n    this.event.on(\n      ChartEvent.scaleUpdate,\n      { filter: ({ model }) => model?.id === this.id },\n      this.effect.scaleUpdate.bind(this)\n    );\n\n    if (this._spec.roam) {\n      (this as unknown as IZoomable).initZoomEventOfRegions(this._regions, null, this._handleChartZoom);\n      (this as unknown as IZoomable).initDragEventOfRegions(this._regions, () => true, this.pan);\n\n      this._regions.forEach(r => {\n        r.getSeries().forEach(s => {\n          s.event.on('zoom', e => {\n            s.handleZoom(e as ZoomEventParam);\n            return true;\n          });\n\n          s.event.on('panmove', e => {\n            s.handlePan(e as PanEventParam);\n            return true;\n          });\n        });\n      });\n    }\n  }\n\n  initProjection() {\n    this._projection = new Projection(this._projectionSpec);\n  }\n\n  coordinateHelper() {\n    const helper: IGeoCoordinateHelper = {\n      longitudeField: this._longitudeField,\n      latitudeField: this._latitudeField,\n      dataToPosition: this.dataToPosition.bind(this),\n      dataToLongitude: this.dataToLongitude.bind(this),\n      dataToLatitude: this.dataToLatitude.bind(this),\n      shape: this.shape.bind(this),\n      getCoordinateId: () => this.id\n    };\n\n    this._regions.forEach(r => {\n      r.getSeries().forEach(s => {\n        if (s.type === SeriesTypeEnum.map) {\n          (s as unknown as IGeoSeries).setCoordinateHelper(helper);\n        } else {\n          // 散点地图\n          (s as unknown as ICartesianSeries).setXAxisHelper({\n            ...helper,\n            dataToPosition: (values: any[]) => {\n              return this.dataToLongitude(values[0]);\n            },\n            getAxisType: () => this.type,\n            getAxisId: () => this.id\n          });\n          (s as unknown as ICartesianSeries).setYAxisHelper({\n            ...helper,\n            dataToPosition: (values: any[]) => {\n              return this.dataToLatitude(values[0]);\n            },\n            getAxisType: () => this.type,\n            getAxisId: () => this.id\n          });\n          this._longitudeField && (s as unknown as ICartesianSeries).setFieldX(this._longitudeField);\n          this._latitudeField && (s as unknown as ICartesianSeries).setFieldY(this._latitudeField);\n        }\n      });\n    });\n  }\n\n  onLayoutEnd(ctx: IModelLayoutOption) {\n    this.setLayoutRect(this._regions[0].getLayoutRect());\n    this.setLayoutStartPosition(this._regions[0].getLayoutStartPoint());\n    const { width, height } = this.getLayoutRect();\n    if (!this._evaluated) {\n      const { translate, scale, center } = this.evaluateProjection([0, 0], [width, height]);\n      translate && this._projection.translate(translate);\n      scale && this._projection.scale(scale);\n      center && this._projection.center(center);\n      this._evaluated = true;\n    } else {\n      const dx = (width - this._lastWidth) / 2;\n      const dy = (height - this._lastHeight) / 2;\n      this.pan([dx, dy]);\n      this.event.emit('panmove', { delta: [dx, dy], model: this } as ExtendEventParam);\n    }\n    this._lastWidth = width;\n    this._lastHeight = height;\n\n    super.onLayoutEnd(ctx);\n  }\n  onRender(ctx: IModelRenderOption) {\n    // do nothing\n  }\n\n  // region\n  changeRegions(regions: IRegion[]): void {\n    // do nothing\n  }\n\n  // util\n  protected collectFeatures() {\n    const features: any[] = [];\n    this._regions.forEach(r => {\n      r.getSeries().forEach(s => {\n        if (s.type === SeriesTypeEnum.map) {\n          features.push(...((s as unknown as IGeoSeries).getMapViewData()?.latestData ?? []));\n        }\n      });\n    });\n    return features;\n  }\n\n  // API\n  dataToPosition(values: number[] = []): IPoint {\n    const point = this._projection?.project([values[0], values[1]]);\n    return {\n      x: point?.[0],\n      y: point?.[1]\n    };\n  }\n\n  dataToLatitude(lat: number): number {\n    const point = this._projection?.project([0, lat]);\n    return point?.[1];\n  }\n\n  dataToLongitude(lon: number): number {\n    const point = this._projection?.project([lon, 0]);\n    return point?.[0];\n  }\n\n  // interaction\n  zoom(p: number, anchor: [number, number] = [0, 0]) {\n    let s = this._projection?.scale() ?? 0;\n    const t = this._projection?.translate() ?? [0, 0];\n    let t_x = t[0];\n    let t_y = t[1];\n    s = s * p;\n    t_x -= (anchor[0] - t_x) * (p - 1);\n    t_y -= (anchor[1] - t_y) * (p - 1);\n\n    this._projection?.scale(s);\n    this._projection?.translate([t_x, t_y]);\n  }\n\n  pan = (delta: [number, number] = [0, 0]) => {\n    const t = this._projection?.translate() ?? [0, 0];\n    let t_x = t[0];\n    let t_y = t[1];\n    t_x += delta[0];\n    t_y += delta[1];\n    this._projection?.translate([t_x, t_y]);\n  };\n\n  shape(datum?: any) {\n    return this._projection.shape(datum);\n  }\n\n  private evaluateProjection(start: [number, number], size: [number, number]) {\n    const evaluated = this._projection.evaluate(start, size, this.collectFeatures());\n    let translate = evaluated.translate();\n    const scale = evaluated.scale() * (this._projectionSpec.zoom ?? 1);\n    const center = this._projectionSpec.center;\n    center && (translate = [size[0] / 2, size[1] / 2]);\n    return { translate, scale, center };\n  }\n\n  private rescaleMark() {\n    this._regions.forEach(r => {\n      const mapMark = r.getSeriesInType(SeriesTypeEnum.map)[0]?.getMarkInName('area') as IPathMark;\n      if (mapMark) {\n        r.getSeries().forEach(s => {\n          if (s.type !== SeriesTypeEnum.map) {\n            s.getMarksInType('symbol').forEach((s: ISymbolMark) => {\n              s.setAttribute('scaleX', (datum: Datum) => {\n                return (s.getAttribute('size', datum) as number) * (mapMark.getAttribute('scaleX', datum) as number);\n              });\n              s.setAttribute('scaleY', (datum: Datum) => {\n                return (s.getAttribute('size', datum) as number) * (mapMark.getAttribute('scaleY', datum) as number);\n              });\n            });\n          }\n        });\n      }\n    });\n  }\n}\n\nmixin(GeoCoordinate, Zoomable);\n"]}

package/esm/component/geo/interface.d.ts

@@ -0,0 +1,27 @@
+import type { IPoint } from '../../typings/coordinate';
+import type { ProjectionType } from '@visactor/vgrammar';
+import type { IComponent } from '../interface';
+export interface IProjectionSpec {
+    name: string;
+    type: ProjectionType;
+    zoom?: number;
+    center?: [number, number];
+}
+export interface IGeoCoordinate extends IComponent {
+    projectionSpec: IProjectionSpec;
+    longitudeField?: string;
+    latitudeField?: string;
+    dataToPosition: (values: any[]) => IPoint;
+}
+export interface IGeoCoordinateHelper {
+    longitudeField?: string;
+    latitudeField?: string;
+    dataToPosition: (values: [number, number]) => IPoint;
+    dataToLatitude: (lat: number) => number;
+    dataToLongitude: (lon: number) => number;
+    shape: (datum: any) => string;
+    getCoordinateId: () => number;
+}
+export interface IGeoCoordinateSpec {
+    projection: Omit<IProjectionSpec, 'name'>;
+}

package/esm/component/geo/interface.js

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

package/esm/component/geo/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/geo/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IPoint } from '../../typings/coordinate';\nimport type { ProjectionType } from '@visactor/vgrammar';\nimport type { IComponent } from '../interface';\n\nexport interface IProjectionSpec {\n  name: string;\n  /**\n   * 地理映射类型\n   */\n  type: ProjectionType;\n  /**\n   * 初始化缩放倍数\n   * @default 1\n   */\n  zoom?: number;\n  /**\n   * 初始化聚焦的经纬度\n   */\n  center?: [number, number];\n}\n\n// 坐标系统属于region下的内容\n// 1. 同一个region下的coordinate应该一致\n// 2. region只有一个坐标系对象\nexport interface IGeoCoordinate extends IComponent {\n  projectionSpec: IProjectionSpec;\n\n  longitudeField?: string;\n  latitudeField?: string;\n\n  dataToPosition: (values: any[]) => IPoint;\n}\n\nexport interface IGeoCoordinateHelper {\n  longitudeField?: string;\n  latitudeField?: string;\n\n  dataToPosition: (values: [number, number]) => IPoint;\n  dataToLatitude: (lat: number) => number;\n  dataToLongitude: (lon: number) => number;\n\n  shape: (datum: any) => string;\n\n  getCoordinateId: () => number;\n}\n\nexport interface IGeoCoordinateSpec {\n  projection: Omit<IProjectionSpec, 'name'>;\n}\n"]}

package/esm/component/geo/projection.d.ts

@@ -0,0 +1,16 @@
+import type { IProjectionSpec } from './interface';
+type GeoJsonFeatureSpec = any;
+export declare class Projection {
+    projection: any;
+    constructor(projectionSpec: IProjectionSpec);
+    fit(start: number[], size: number[], features: GeoJsonFeatureSpec[]): void;
+    center(center: [number, number]): void;
+    project(point: [number, number]): any;
+    shape(data: GeoJsonFeatureSpec): any;
+    scale(): number;
+    scale(scale: number): void;
+    translate(): [number, number];
+    translate(point: [number, number]): void;
+    evaluate(start: number[], size: number[], features: GeoJsonFeatureSpec[]): any;
+}
+export {};

package/esm/component/geo/projection.js

@@ -0,0 +1,44 @@
+import { projection } from "@visactor/vgrammar-projection";
+
+export class Projection {
+    constructor(projectionSpec) {
+        if (this.projection = projection(projectionSpec.type)(), null === this.projection) throw Error("unsupported projection type!");
+    }
+    fit(start, size, features) {
+        const fitData = {
+            type: "FeatureCollection",
+            features: features
+        };
+        this.projection.fitExtent([ start, size ], fitData);
+    }
+    center(center) {
+        var _a, _b;
+        null === (_b = null === (_a = this.projection) || void 0 === _a ? void 0 : _a.center) || void 0 === _b || _b.call(_a, center);
+    }
+    project(point) {
+        var _a;
+        return null === (_a = this.projection) || void 0 === _a ? void 0 : _a.call(this, point);
+    }
+    shape(data) {
+        var _a, _b;
+        return null === (_b = null === (_a = this.projection) || void 0 === _a ? void 0 : _a.path) || void 0 === _b ? void 0 : _b.call(_a, data);
+    }
+    scale(scale) {
+        var _a, _b, _c, _d;
+        if (void 0 === scale) return null === (_d = null === (_c = this.projection) || void 0 === _c ? void 0 : _c.scale) || void 0 === _d ? void 0 : _d.call(_c);
+        null === (_b = null === (_a = this.projection) || void 0 === _a ? void 0 : _a.scale) || void 0 === _b || _b.call(_a, scale);
+    }
+    translate(point) {
+        var _a, _b, _c, _d;
+        if (void 0 === point) return null === (_d = null === (_c = this.projection) || void 0 === _c ? void 0 : _c.translate) || void 0 === _d ? void 0 : _d.call(_c);
+        null === (_b = null === (_a = this.projection) || void 0 === _a ? void 0 : _a.translate) || void 0 === _b || _b.call(_a, point);
+    }
+    evaluate(start, size, features) {
+        const tmp = this.projection.copy();
+        return null == tmp ? void 0 : tmp.fitExtent([ start, size ], {
+            type: "FeatureCollection",
+            features: features
+        });
+    }
+}
+//# sourceMappingURL=projection.js.map

package/esm/component/geo/projection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/geo/projection.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAK3D,MAAM,OAAO,UAAU;IAGrB,YAAY,cAA+B;QAIzC,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;QACpD,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE;YAC5B,MAAM,KAAK,CAAC,8BAA8B,CAAC,CAAC;SAC7C;IACH,CAAC;IAED,GAAG,CAAC,KAAe,EAAE,IAAc,EAAE,QAA8B;QACjE,MAAM,OAAO,GAAG,EAAE,IAAI,EAAE,mBAAmB,EAAE,QAAQ,EAAE,CAAC;QACxD,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC;IACpD,CAAC;IAED,MAAM,CAAC,MAAwB;;QAC7B,MAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,MAAM,mDAAG,MAAM,CAAC,CAAC;IACpC,CAAC;IAED,OAAO,CAAC,KAAuB;;QAC7B,OAAO,MAAA,IAAI,CAAC,UAAU,qDAAG,KAAK,CAAC,CAAC;IAClC,CAAC;IAED,KAAK,CAAC,IAAwB;;QAC5B,OAAO,MAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,IAAI,mDAAG,IAAI,CAAC,CAAC;IACvC,CAAC;IAID,KAAK,CAAC,KAAc;;QAClB,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,MAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,KAAK,mDAAG,KAAK,CAAC,CAAC;SACjC;aAAM;YACL,OAAO,MAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,KAAK,kDAAc,CAAC;SAC7C;IACH,CAAC;IAID,SAAS,CAAC,KAA+B;;QACvC,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,MAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,SAAS,mDAAG,KAAK,CAAC,CAAC;SACrC;aAAM;YACL,OAAO,MAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,SAAS,kDAAI,CAAC;SACvC;IACH,CAAC;IAED,QAAQ,CAAC,KAAe,EAAE,IAAc,EAAE,QAA8B;QACtE,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;QACnC,OAAO,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,SAAS,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE;YACnC,IAAI,EAAE,mBAAmB;YACzB,QAAQ;SACT,CAAC,CAAC;IACL,CAAC;CACF","file":"projection.js","sourcesContent":["// import type { GeoJsonFeatureSpec } from '@visactor/vgrammar';\n\nimport { projection } from '@visactor/vgrammar-projection';\nimport type { IProjectionSpec } from './interface';\n\n// TODO: 待 vgrammar 补充上后修改回去\ntype GeoJsonFeatureSpec = any;\nexport class Projection {\n  projection: any;\n\n  constructor(projectionSpec: IProjectionSpec) {\n    // TODO: vgrammar 类型问题\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    this.projection = projection(projectionSpec.type)();\n    if (this.projection === null) {\n      throw Error('unsupported projection type!');\n    }\n  }\n\n  fit(start: number[], size: number[], features: GeoJsonFeatureSpec[]) {\n    const fitData = { type: 'FeatureCollection', features };\n    this.projection.fitExtent([start, size], fitData);\n  }\n\n  center(center: [number, number]) {\n    this.projection?.center?.(center);\n  }\n\n  project(point: [number, number]) {\n    return this.projection?.(point);\n  }\n\n  shape(data: GeoJsonFeatureSpec) {\n    return this.projection?.path?.(data);\n  }\n\n  scale(): number;\n  scale(scale: number): void;\n  scale(scale?: number): number | void {\n    if (scale !== undefined) {\n      this.projection?.scale?.(scale);\n    } else {\n      return this.projection?.scale?.() as number;\n    }\n  }\n\n  translate(): [number, number];\n  translate(point: [number, number]): void;\n  translate(point?: [number, number] | void) {\n    if (point !== undefined) {\n      this.projection?.translate?.(point);\n    } else {\n      return this.projection?.translate?.();\n    }\n  }\n\n  evaluate(start: number[], size: number[], features: GeoJsonFeatureSpec[]) {\n    const tmp = this.projection.copy();\n    return tmp?.fitExtent([start, size], {\n      type: 'FeatureCollection',\n      features\n    });\n  }\n}\n"]}

package/esm/component/index.d.ts

@@ -0,0 +1 @@
+export * from './axis';

package/esm/component/index.js

@@ -0,0 +1,2 @@
+export * from "./axis";
+//# sourceMappingURL=index.js.map

package/esm/component/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC","file":"index.js","sourcesContent":["export * from './axis';\n"]}

package/esm/component/indicator/config.d.ts

@@ -0,0 +1,5 @@
+import type { IIndicatorItemSpec } from './interface';
+export declare const defaultIndicatorConfig: {
+    title: IIndicatorItemSpec;
+    content: IIndicatorItemSpec;
+};

package/esm/component/indicator/config.js

@@ -0,0 +1,27 @@
+export const defaultIndicatorConfig = {
+    title: {
+        visible: !0,
+        autoLimit: !1,
+        autoFit: !1,
+        style: {
+            fontSize: 20,
+            fill: "black",
+            fontWeight: "normal",
+            fillOpacity: 1,
+            textBaseline: "top",
+            textAlign: "center"
+        }
+    },
+    content: {
+        visible: !0,
+        style: {
+            fontSize: 16,
+            fill: "black",
+            fontWeight: "normal",
+            fillOpacity: 1,
+            textBaseline: "top",
+            textAlign: "center"
+        }
+    }
+};
+//# sourceMappingURL=config.js.map

package/esm/component/indicator/config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/indicator/config.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;QACb,SAAS,EAAE,KAAK;QAChB,OAAO,EAAE,KAAK;QACd,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,OAAO;YACb,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,KAAK;YACnB,SAAS,EAAE,QAAQ;SACpB;KACoB;IACvB,OAAO,EAAE;QACP,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,OAAO;YACb,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,KAAK;YACnB,SAAS,EAAE,QAAQ;SACpB;KACoB;CACxB,CAAC","file":"config.js","sourcesContent":["import type { IIndicatorItemSpec } from './interface';\n\nexport const defaultIndicatorConfig = {\n  title: {\n    visible: true,\n    autoLimit: false,\n    autoFit: false,\n    style: {\n      fontSize: 20,\n      fill: 'black',\n      fontWeight: 'normal',\n      fillOpacity: 1,\n      textBaseline: 'top',\n      textAlign: 'center'\n    }\n  } as IIndicatorItemSpec,\n  content: {\n    visible: true,\n    style: {\n      fontSize: 16,\n      fill: 'black',\n      fontWeight: 'normal',\n      fillOpacity: 1,\n      textBaseline: 'top',\n      textAlign: 'center'\n    }\n  } as IIndicatorItemSpec\n};\n"]}

package/esm/component/indicator/indicator.d.ts

@@ -0,0 +1,38 @@
+import type { IComponentOption } from '../interface';
+import { ComponentTypeEnum } from '../interface';
+import type { LayoutItem } from '../../model/layout-item';
+import { BaseComponent } from '../base';
+import type { IRegion } from '../../region/interface';
+import type { IIndicator, IIndicatorTheme } from './interface';
+import type { Maybe } from '../../typings';
+export declare class Indicator extends BaseComponent implements IIndicator {
+    static type: ComponentTypeEnum;
+    type: ComponentTypeEnum;
+    name: string;
+    layoutType: LayoutItem['layoutType'];
+    layoutZIndex: number;
+    layoutLevel: number;
+    private _gap;
+    private _activeDatum;
+    private _displayData;
+    private _title;
+    private _content;
+    private _indicatorComponent;
+    private _cacheAttrs;
+    protected _theme: Maybe<IIndicatorTheme>;
+    static createComponent(spec: any, options: IComponentOption): import("../interface").IComponent[];
+    created(): void;
+    _initTheme(theme?: any): void;
+    setAttrFromSpec(): void;
+    onRender(ctx: any): void;
+    changeRegions(regions: IRegion[]): void;
+    protected initEvent(): void;
+    private updateDatum;
+    private initData;
+    updateLayoutAttribute(): void;
+    private _getIndicatorAttrs;
+    private _createOrUpdateIndicatorComponent;
+    private _createText;
+    private isRelativeModel;
+    clear(): void;
+}

package/esm/component/indicator/indicator.js

@@ -0,0 +1,147 @@
+import { DataView } from "@visactor/vdataset";
+
+import { LayoutLevel, LayoutZIndex } from "../../constant";
+
+import { ComponentTypeEnum } from "../interface";
+
+import { BaseComponent } from "../base";
+
+import { defaultIndicatorConfig } from "./config";
+
+import { isValid, isFunction, array, merge, eachSeries } from "../../util";
+
+import { isEqual } from "@visactor/vutils";
+
+import { indicatorMapper } from "./util";
+
+import { registerDataSetInstanceTransform } from "../../data/register";
+
+import { CompilableData } from "../../compile/data";
+
+import { Indicator as IndicatorComponents } from "@visactor/vrender-components";
+
+import { transformToGraphic } from "../../util/style";
+
+export class Indicator extends BaseComponent {
+    constructor() {
+        super(...arguments), this.type = ComponentTypeEnum.indicator, this.name = ComponentTypeEnum.indicator, 
+        this.layoutType = "absolute", this.layoutZIndex = LayoutZIndex.Indicator, this.layoutLevel = LayoutLevel.Indicator, 
+        this._gap = 0, this._activeDatum = null;
+    }
+    static createComponent(spec, options) {
+        if (this.type !== Indicator.type) return null;
+        const indicatorSpec = spec.indicator || options.defaultSpec;
+        return array(indicatorSpec).filter((s => s && !1 !== s.visible)).map((s => new Indicator(s, options)));
+    }
+    created() {
+        super.created(), this.initData(), this.initEvent();
+    }
+    _initTheme(theme) {
+        var _a;
+        super._initTheme(theme);
+        const {title: title, content: content} = defaultIndicatorConfig;
+        this._spec.title = merge({}, title, null === (_a = this._theme) || void 0 === _a ? void 0 : _a.title, this._originalSpec.title), 
+        this._spec.content = array(this._originalSpec.content || []).map((contentSpec => {
+            var _a;
+            return merge({}, content, null === (_a = this._theme) || void 0 === _a ? void 0 : _a.content, contentSpec);
+        }));
+    }
+    setAttrFromSpec() {
+        super.setAttrFromSpec(), this._gap = this._spec.gap || 0, this._title = this._spec.title, 
+        this._content = this._spec.content, this._regions = this._option.getRegionsInUserIdOrIndex(array(this._spec.regionId), array(this._spec.regionIndex));
+    }
+    onRender(ctx) {}
+    changeRegions(regions) {}
+    initEvent() {
+        "none" !== this._spec.trigger && ("hover" === this._spec.trigger ? (this.event.on("hovered", (params => {
+            params.model && !this.isRelativeModel(params.model) || this.updateDatum(params.value[0]);
+        })), this.event.on("unhovered", (params => {
+            params.model && !this.isRelativeModel(params.model) || this.updateDatum(null);
+        }))) : (this.event.on("selected", (params => {
+            params.model && !this.isRelativeModel(params.model) || this.updateDatum(params.value[0]);
+        })), this.event.on("unselected", (params => {
+            params.model && !this.isRelativeModel(params.model) || this.updateDatum(null);
+        }))));
+    }
+    updateDatum(datum) {
+        this._activeDatum = datum, this.setAttributeTag(!0), this._displayData.updateData();
+        const attrs = this._getIndicatorAttrs();
+        this._createOrUpdateIndicatorComponent(attrs);
+    }
+    initData() {
+        registerDataSetInstanceTransform(this._option.dataSet, "indicatorFilter", indicatorMapper);
+        const displayData = new DataView(this._option.dataSet);
+        displayData.transform({
+            type: "indicatorFilter",
+            options: {
+                title: this._title,
+                content: this._content,
+                datum: () => this._activeDatum
+            }
+        }), displayData.target.addListener("change", this.updateDatum.bind(this)), this._displayData = new CompilableData(this._option, displayData);
+    }
+    updateLayoutAttribute() {
+        const attrs = this._getIndicatorAttrs();
+        this._createOrUpdateIndicatorComponent(attrs), super.updateLayoutAttribute();
+    }
+    _getIndicatorAttrs() {
+        var _a, _b;
+        const region = this._regions[0], {width: width, height: height} = region.getLayoutRect(), {x: x, y: y} = region.getLayoutStartPoint(), contentComponentSpec = [];
+        return array(this._spec.content).forEach((contentSpec => {
+            contentComponentSpec.push({
+                visible: !1 !== contentSpec.visible && (!contentSpec.field || null !== this._activeDatum),
+                space: contentSpec.space || this._gap,
+                autoLimit: contentSpec.autoLimit,
+                autoFit: contentSpec.autoFit,
+                fitPercent: contentSpec.fitPercent,
+                style: Object.assign(Object.assign({}, transformToGraphic(contentSpec.style)), {
+                    text: this._createText(contentSpec.field, contentSpec.style.text)
+                })
+            });
+        })), {
+            visible: !1 !== this._spec.visible && (!1 !== this._spec.fixed || null !== this._activeDatum),
+            size: {
+                width: width,
+                height: height
+            },
+            zIndex: this.layoutZIndex,
+            x: x,
+            y: y,
+            dx: null !== (_a = this._spec.offsetX) && void 0 !== _a ? _a : 0,
+            dy: null !== (_b = this._spec.offsetY) && void 0 !== _b ? _b : 0,
+            limitRatio: this._spec.limitRatio || 1 / 0,
+            title: {
+                visible: !1 !== this._spec.title.visible && (!isValid(this._spec.title.field) || null !== this._activeDatum),
+                space: this._spec.title.space || this._gap,
+                autoLimit: this._spec.title.autoLimit,
+                autoFit: this._spec.title.autoFit,
+                fitPercent: this._spec.title.fitPercent,
+                style: Object.assign(Object.assign({}, transformToGraphic(this._spec.title.style)), {
+                    text: this._createText(this._spec.title.field, this._spec.title.style.text)
+                })
+            },
+            content: contentComponentSpec
+        };
+    }
+    _createOrUpdateIndicatorComponent(attrs) {
+        if (this._indicatorComponent) isEqual(attrs, this._cacheAttrs) || this._indicatorComponent.setAttributes(attrs); else {
+            const container = this.getContainer(), indicator = new IndicatorComponents(attrs);
+            indicator.name = "indicator", container.add(indicator), this._indicatorComponent = indicator, 
+            this._indicatorComponent.on("*", ((event, type) => this._delegateEvent(this._indicatorComponent, event, type)));
+        }
+        return this._cacheAttrs = attrs, this._indicatorComponent;
+    }
+    _createText(field, text) {
+        var _a;
+        return field ? this._activeDatum ? this._activeDatum[field] : "" : isFunction(text) ? null !== (_a = text(this._activeDatum, void 0)) && void 0 !== _a ? _a : "" : null != text ? text : "";
+    }
+    isRelativeModel(model) {
+        return eachSeries(this._regions, (s => model === s)) || this._regions.includes(model);
+    }
+    clear() {
+        super.clear(), this._indicatorComponent = null, this._cacheAttrs = null;
+    }
+}
+
+Indicator.type = ComponentTypeEnum.indicator;
+//# sourceMappingURL=indicator.js.map