@visactor/vchart 0.0.1-alpha.0

package/esm/series/map/map.js

@@ -0,0 +1,218 @@
+import { MarkTypeEnum } from "../../mark/interface";
+
+import { registerGrammar } from "@visactor/vgrammar";
+
+import { Projection } from "@visactor/vgrammar-projection";
+
+import { DataView } from "@visactor/vdataset";
+
+import { geoSourceMap } from "./geo-source";
+
+import { lookup } from "../../data/transforms/lookup";
+
+import { isValid, isValidNumber } from "../../util";
+
+import { GeoSeries } from "../geo/geo";
+
+import { map } from "../../data/transforms/map";
+
+import { copyDataView } from "../../data/transforms/copy-data-view";
+
+import { registerDataSetInstanceTransform } from "../../data/register";
+
+import { MapSeriesTooltipHelper } from "./tooltip-helper";
+
+import { AttributeLevel, DEFAULT_DATA_SERIES_FIELD, DEFAULT_DATA_KEY } from "../../constant/index";
+
+import { SeriesTypeEnum } from "../interface";
+
+import { SeriesData } from "../base/series-data";
+
+import { animationConfig, userAnimationConfig } from "../../animation/utils";
+
+import { DEFAULT_MARK_ANIMATION } from "../../animation/config";
+
+registerGrammar("projection", Projection, "projections");
+
+export class MapSeries extends GeoSeries {
+    constructor() {
+        super(...arguments), this.type = SeriesTypeEnum.map, this._nameProperty = "name", 
+        this._areaCache = new Map;
+    }
+    getNameMap() {
+        return this._nameMap;
+    }
+    getNameProperty() {
+        return this._nameProperty;
+    }
+    setAttrFromSpec() {
+        if (super.setAttrFromSpec(), this.map = this._spec.map, this._nameMap = this._spec.nameMap, 
+        this._nameField = this._spec.nameField, this._valueField = this._spec.valueField, 
+        this._spec.nameProperty && (this._nameProperty = this._spec.nameProperty), !this.map) throw new Error(`map type '${this.map}' is not specified !`);
+        if (!geoSourceMap.get(this.map)) throw new Error(`'${this.map}' data is not registered !`);
+    }
+    initData() {
+        var _a, _b, _c;
+        super.initData(), registerDataSetInstanceTransform(this._dataSet, "copyDataView", copyDataView), 
+        registerDataSetInstanceTransform(this._dataSet, "map", map), registerDataSetInstanceTransform(this._dataSet, "lookup", lookup);
+        const features = geoSourceMap.get(this.map);
+        if (!features) throw Error("no valid map data found!");
+        const mapData = new DataView(this._dataSet);
+        mapData.parse([ features ], {
+            type: "dataview"
+        }).transform({
+            type: "copyDataView",
+            options: {
+                deep: !0
+            }
+        }).transform({
+            type: "map",
+            options: {
+                nameMap: this._nameMap,
+                nameProperty: this._nameProperty
+            }
+        }).transform({
+            type: "lookup",
+            options: {
+                from: () => {
+                    var _a;
+                    return null === (_a = this._data) || void 0 === _a ? void 0 : _a.getLatestData();
+                },
+                key: "name",
+                fields: this._nameField,
+                values: [ this.nameField, this.valueField, null !== (_a = this._seriesField) && void 0 !== _a ? _a : DEFAULT_DATA_SERIES_FIELD, DEFAULT_DATA_KEY ],
+                as: [ this.nameField, this.valueField, null !== (_b = this._seriesField) && void 0 !== _b ? _b : DEFAULT_DATA_SERIES_FIELD, DEFAULT_DATA_KEY ]
+            }
+        }), null === (_c = this._data) || void 0 === _c || _c.getDataView().target.addListener("change", mapData.reRunAllTransform), 
+        this._mapViewData = new SeriesData(this._option, mapData);
+    }
+    initMark() {
+        var _a;
+        this._pathMark = this._createMark(MarkTypeEnum.path, "area", {
+            defaultMorphElementKey: this.getDimensionField()[0],
+            groupKey: this.getDimensionField()[0],
+            isSeriesMark: !0,
+            skipBeforeLayouted: !0,
+            dataView: this._mapViewData.getDataView(),
+            dataProductId: this._mapViewData.getProductId()
+        }), (null === (_a = this._spec.label) || void 0 === _a ? void 0 : _a.visible) && (this._labelMark = this._createMark(MarkTypeEnum.text, "label", {
+            skipBeforeLayouted: !0,
+            dataView: this._mapViewData.getDataView(),
+            dataProductId: this._mapViewData.getProductId()
+        }));
+    }
+    initMarkStyle() {
+        var _a;
+        const pathMark = this._pathMark;
+        pathMark && (this.setMarkStyle(pathMark, {
+            fill: datum => {
+                var _a, _b, _c, _d;
+                return isValid(datum[null !== (_a = this._seriesField) && void 0 !== _a ? _a : DEFAULT_DATA_SERIES_FIELD]) ? (null !== (_b = this._option.globalScale.getScale("color")) && void 0 !== _b ? _b : this.getDefaultColorScale()).scale(datum[null !== (_c = this._seriesField) && void 0 !== _c ? _c : DEFAULT_DATA_SERIES_FIELD]) : null === (_d = this._theme) || void 0 === _d ? void 0 : _d.defaultFillColor;
+            },
+            path: this.getPath.bind(this)
+        }, "normal", AttributeLevel.Series), this.setMarkStyle(pathMark, {
+            smoothScale: !0
+        }, "normal", AttributeLevel.Built_In), this._trigger.registerMark(pathMark), null === (_a = this._tooltipHelper) || void 0 === _a || _a.activeTriggerSet.mark.add(pathMark));
+        const labelMark = this._labelMark;
+        labelMark && this.setMarkStyle(labelMark, {
+            text: datum => this._getDatumName(datum),
+            x: datum => {
+                var _a;
+                return null === (_a = this.dataToPosition(datum)) || void 0 === _a ? void 0 : _a.x;
+            },
+            y: datum => {
+                var _a;
+                return null === (_a = this.dataToPosition(datum)) || void 0 === _a ? void 0 : _a.y;
+            }
+        });
+    }
+    initAnimation() {
+        this._pathMark.setAnimationConfig(animationConfig(DEFAULT_MARK_ANIMATION.path(), userAnimationConfig("area", this._spec))), 
+        this._labelMark && this._labelMark.setAnimationConfig(animationConfig(DEFAULT_MARK_ANIMATION.label(), userAnimationConfig("label", this._spec)));
+    }
+    initTooltip() {
+        this._tooltipHelper = new MapSeriesTooltipHelper(this);
+    }
+    getPath(datum) {
+        var _a, _b, _c;
+        const area = this._areaCache.get(null === (_a = null == datum ? void 0 : datum.properties) || void 0 === _a ? void 0 : _a[this._nameProperty]);
+        if (area) return area.shape;
+        const shape = null === (_b = this._coordinateHelper) || void 0 === _b ? void 0 : _b.shape(datum);
+        return this._areaCache.set(null === (_c = null == datum ? void 0 : datum.properties) || void 0 === _c ? void 0 : _c[this._nameProperty], {
+            shape: shape
+        }), shape;
+    }
+    onEvaluateEnd() {
+        this._mapViewData.updateData();
+    }
+    getDimensionField() {
+        return [ this.nameField ];
+    }
+    getMeasureField() {
+        return [ this.valueField ];
+    }
+    release() {
+        super.release(), this._areaCache.clear(), this._nameMap = {}, this._trigger = this._mapViewData = null;
+    }
+    updateSpec(spec) {
+        const originalSpec = this._originalSpec, {map: map, nameMap: nameMap, valueField: valueField, nameProperty: nameProperty} = originalSpec, result = super.updateSpec(spec);
+        return (null == spec ? void 0 : spec.map) === map && (null == spec ? void 0 : spec.nameMap) === nameMap && (null == spec ? void 0 : spec.valueField) === valueField && (null == spec ? void 0 : spec.nameProperty) === nameProperty || (result.reRender = !0), 
+        result;
+    }
+    handleZoom(e) {
+        const {scale: scale, scaleCenter: scaleCenter} = e;
+        1 !== scale && this.getMarksWithoutRoot().forEach((mark => {
+            const vGrammarMark = mark.getProduct();
+            if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
+            const elements = vGrammarMark.elements;
+            mark.type === MarkTypeEnum.path ? elements.forEach((el => {
+                el.getGraphicItem().scale(scale, scale, scaleCenter);
+            })) : elements.forEach((el => {
+                const graphicItem = el.getGraphicItem(), datum = el.getDatum(), newPosition = this.dataToPosition(datum);
+                newPosition && graphicItem && graphicItem.translateTo(newPosition.x, newPosition.y);
+            }));
+        }));
+    }
+    handlePan(e) {
+        const {delta: delta} = e;
+        0 === delta[0] && 0 === delta[1] || this.getMarksWithoutRoot().forEach((mark => {
+            const vGrammarMark = mark.getProduct();
+            if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
+            const elements = vGrammarMark.elements;
+            mark.type === MarkTypeEnum.path ? elements.forEach((el => {
+                el.getGraphicItem().translate(delta[0], delta[1]);
+            })) : elements.forEach(((el, i) => {
+                const graphicItem = el.getGraphicItem(), datum = el.getDatum(), newPosition = this.dataToPosition(datum);
+                newPosition && graphicItem && graphicItem.translateTo(newPosition.x, newPosition.y);
+            }));
+        }));
+    }
+    _getDatumCenter(datum) {
+        var _a, _b;
+        return isValidNumber(datum.centroidX * datum.centroidY) ? [ datum.centroidX, datum.centroidY ] : (null === (_a = datum.properties) || void 0 === _a ? void 0 : _a.center) ? datum.properties.center : (null === (_b = datum.properties) || void 0 === _b ? void 0 : _b.centroid) ? datum.properties.centroid : [ Number.NaN, Number.NaN ];
+    }
+    _getDatumName(datum) {
+        var _a, _b, _c;
+        return null !== (_c = null !== (_a = datum[this.nameField]) && void 0 !== _a ? _a : null === (_b = datum.properties) || void 0 === _b ? void 0 : _b[this.nameField]) && void 0 !== _c ? _c : "";
+    }
+    dataToPositionX(data) {
+        throw new Error("Method not implemented.");
+    }
+    dataToPositionY(data) {
+        throw new Error("Method not implemented.");
+    }
+    viewDataUpdate(d) {
+        var _a, _b, _c;
+        super.viewDataUpdate(d), null === (_b = null === (_a = this._mapViewData) || void 0 === _a ? void 0 : _a.getDataView()) || void 0 === _b || _b.reRunAllTransform(), 
+        null === (_c = this._mapViewData) || void 0 === _c || _c.updateData();
+    }
+    _getDataIdKey() {
+        return datum => {
+            var _a;
+            return null === (_a = null == datum ? void 0 : datum.properties) || void 0 === _a ? void 0 : _a[this._nameProperty];
+        };
+    }
+}
+
+MapSeries.type = SeriesTypeEnum.map;
+//# sourceMappingURL=map.js.map

package/esm/series/map/map.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/map/map.ts"],"names":[],"mappings":"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","file":"map.js","sourcesContent":["import { MarkTypeEnum } from '../../mark/interface';\nimport { registerGrammar } from '@visactor/vgrammar';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IElement } from '@visactor/vgrammar';\nimport { Projection } from '@visactor/vgrammar-projection';\nimport { DataView } from '@visactor/vdataset';\nimport type { IPathMark } from '../../mark/path';\nimport { geoSourceMap } from './geo-source';\nimport { lookup } from '../../data/transforms/lookup';\nimport type { Maybe, Datum, StringOrNumber } from '../../typings';\n// eslint-disable-next-line no-duplicate-imports\nimport { isValid, isValidNumber } from '../../util';\nimport { GeoSeries } from '../geo/geo';\nimport { map } from '../../data/transforms/map';\nimport { copyDataView } from '../../data/transforms/copy-data-view';\nimport { registerDataSetInstanceTransform } from '../../data/register';\nimport { MapSeriesTooltipHelper } from './tooltip-helper';\nimport type { ITextMark } from '../../mark/text';\nimport { AttributeLevel, DEFAULT_DATA_SERIES_FIELD, DEFAULT_DATA_KEY } from '../../constant/index';\nimport { SeriesTypeEnum } from '../interface';\nimport type { IMapSeriesSpec, IMapSeriesTheme } from './interface';\nimport { SeriesData } from '../base/series-data';\nimport type { PanEventParam, ZoomEventParam } from '../../event/interface';\nimport { animationConfig, userAnimationConfig } from '../../animation/utils';\nimport { DEFAULT_MARK_ANIMATION } from '../../animation/config';\n\n// 注册语法元素\nregisterGrammar('projection', Projection, 'projections');\n\nexport class MapSeries extends GeoSeries<IMapSeriesSpec> {\n  static readonly type: string = SeriesTypeEnum.map;\n  type = SeriesTypeEnum.map;\n\n  map!: string;\n\n  protected _nameMap!: { [key: StringOrNumber]: StringOrNumber };\n  getNameMap() {\n    return this._nameMap;\n  }\n\n  protected _nameProperty: string = 'name';\n  getNameProperty() {\n    return this._nameProperty;\n  }\n\n  protected declare _theme: Maybe<IMapSeriesTheme>;\n\n  private _areaCache: Map<string, { shape: string }> = new Map();\n\n  private _pathMark: IPathMark;\n  private _labelMark: ITextMark;\n\n  setAttrFromSpec() {\n    super.setAttrFromSpec();\n    this.map = this._spec.map;\n    this._nameMap = this._spec.nameMap;\n    this._nameField = this._spec.nameField;\n    this._valueField = this._spec.valueField;\n    this._spec.nameProperty && (this._nameProperty = this._spec.nameProperty);\n    if (!this.map) {\n      throw new Error(`map type '${this.map}' is not specified !`);\n    }\n\n    if (!geoSourceMap.get(this.map)) {\n      throw new Error(`'${this.map}' data is not registered !`);\n    }\n  }\n\n  // data\n  initData(): void {\n    super.initData();\n\n    registerDataSetInstanceTransform(this._dataSet, 'copyDataView', copyDataView);\n    registerDataSetInstanceTransform(this._dataSet, 'map', map);\n    registerDataSetInstanceTransform(this._dataSet, 'lookup', lookup);\n\n    // 初始化地图数据\n    const features = geoSourceMap.get(this.map);\n    if (!features) {\n      throw Error('no valid map data found!');\n    }\n    const mapData = new DataView(this._dataSet);\n\n    mapData\n      .parse([features], {\n        type: 'dataview'\n      })\n      .transform({ type: 'copyDataView', options: { deep: true } })\n      .transform({\n        type: 'map',\n        options: {\n          nameMap: this._nameMap,\n          nameProperty: this._nameProperty\n        }\n      })\n      .transform({\n        type: 'lookup',\n        options: {\n          from: () => this._data?.getLatestData(),\n          key: 'name',\n          fields: this._nameField,\n          values: [this.nameField, this.valueField, this._seriesField ?? DEFAULT_DATA_SERIES_FIELD, DEFAULT_DATA_KEY],\n          as: [this.nameField, this.valueField, this._seriesField ?? DEFAULT_DATA_SERIES_FIELD, DEFAULT_DATA_KEY]\n        }\n      });\n    this._data?.getDataView().target.addListener('change', mapData.reRunAllTransform);\n    this._mapViewData = new SeriesData(this._option, mapData);\n  }\n\n  // mark\n  initMark() {\n    this._pathMark = this._createMark(MarkTypeEnum.path, 'area', {\n      defaultMorphElementKey: this.getDimensionField()[0],\n      groupKey: this.getDimensionField()[0],\n      isSeriesMark: true,\n      skipBeforeLayouted: true,\n      dataView: this._mapViewData.getDataView(),\n      dataProductId: this._mapViewData.getProductId()\n    }) as IPathMark;\n\n    if (this._spec.label?.visible) {\n      this._labelMark = this._createMark(MarkTypeEnum.text, 'label', {\n        skipBeforeLayouted: true,\n        dataView: this._mapViewData.getDataView(),\n        dataProductId: this._mapViewData.getProductId()\n      }) as ITextMark;\n    }\n  }\n\n  initMarkStyle() {\n    const pathMark = this._pathMark;\n    if (pathMark) {\n      this.setMarkStyle(\n        pathMark,\n        {\n          fill: (datum: any) => {\n            if (isValid(datum[this._seriesField ?? DEFAULT_DATA_SERIES_FIELD])) {\n              return (this._option.globalScale.getScale('color') ?? this.getDefaultColorScale()).scale(\n                datum[this._seriesField ?? DEFAULT_DATA_SERIES_FIELD]\n              );\n            }\n            return this._theme?.defaultFillColor;\n          },\n          path: this.getPath.bind(this)\n        },\n        'normal',\n        AttributeLevel.Series\n      );\n      this.setMarkStyle(\n        pathMark,\n        {\n          smoothScale: true\n        },\n        'normal',\n        AttributeLevel.Built_In\n      );\n      this._trigger.registerMark(pathMark);\n      this._tooltipHelper?.activeTriggerSet.mark.add(pathMark);\n    }\n\n    const labelMark = this._labelMark;\n    if (labelMark) {\n      this.setMarkStyle(labelMark, {\n        text: (datum: Datum) => {\n          return this._getDatumName(datum);\n        },\n        x: (datum: Datum) => {\n          return this.dataToPosition(datum)?.x;\n        },\n        y: (datum: Datum) => this.dataToPosition(datum)?.y\n      });\n    }\n  }\n\n  initAnimation() {\n    this._pathMark.setAnimationConfig(\n      animationConfig(DEFAULT_MARK_ANIMATION.path(), userAnimationConfig('area', this._spec))\n    );\n\n    if (this._labelMark) {\n      this._labelMark.setAnimationConfig(\n        animationConfig(DEFAULT_MARK_ANIMATION.label(), userAnimationConfig('label', this._spec))\n      );\n    }\n  }\n\n  protected initTooltip() {\n    this._tooltipHelper = new MapSeriesTooltipHelper(this);\n  }\n\n  protected getPath(datum: any) {\n    const area = this._areaCache.get(datum?.properties?.[this._nameProperty]);\n    if (area) {\n      return area.shape;\n    }\n    const shape = this._coordinateHelper?.shape(datum);\n    this._areaCache.set(datum?.properties?.[this._nameProperty], {\n      shape\n    });\n    return shape;\n  }\n\n  // life cycle\n  onEvaluateEnd() {\n    this._mapViewData.updateData();\n  }\n\n  getDimensionField(): string[] {\n    return [this.nameField];\n  }\n\n  getMeasureField(): string[] {\n    return [this.valueField];\n  }\n\n  release() {\n    super.release();\n    this._areaCache.clear();\n    this._nameMap = {};\n    this._trigger = this._mapViewData = null as any;\n  }\n\n  updateSpec(spec: any) {\n    const originalSpec = this._originalSpec;\n    const { map, nameMap, valueField, nameProperty } = originalSpec;\n    const result = super.updateSpec(spec);\n    if (\n      spec?.map !== map ||\n      spec?.nameMap !== nameMap ||\n      spec?.valueField !== valueField ||\n      spec?.nameProperty !== nameProperty\n    ) {\n      result.reRender = true;\n    }\n    return result;\n  }\n\n  handleZoom(e: ZoomEventParam) {\n    const { scale, scaleCenter } = e;\n    if (scale === 1) {\n      return;\n    }\n\n    this.getMarksWithoutRoot().forEach(mark => {\n      const vGrammarMark = mark.getProduct();\n\n      if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) {\n        return;\n      }\n      const elements = vGrammarMark.elements;\n\n      if (mark.type === MarkTypeEnum.path) {\n        elements.forEach((el: IElement) => {\n          const graphicItem = el.getGraphicItem();\n          graphicItem.scale(scale, scale, scaleCenter);\n        });\n      } else {\n        // label Mark 的定位，需要通过 dataToPosition 来计算\n        elements.forEach((el: IElement) => {\n          const graphicItem = el.getGraphicItem();\n          const datum = el.getDatum();\n          const newPosition = this.dataToPosition(datum);\n          if (newPosition && graphicItem) {\n            graphicItem.translateTo(newPosition.x, newPosition.y);\n          }\n        });\n      }\n    });\n  }\n\n  handlePan(e: PanEventParam) {\n    const { delta } = e;\n    if (delta[0] === 0 && delta[1] === 0) {\n      return;\n    }\n\n    this.getMarksWithoutRoot().forEach(mark => {\n      const vGrammarMark = mark.getProduct();\n\n      if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) {\n        return;\n      }\n      const elements = vGrammarMark.elements;\n\n      if (mark.type === MarkTypeEnum.path) {\n        elements.forEach((el: IElement) => {\n          const graphicItem = el.getGraphicItem();\n          graphicItem.translate(delta[0], delta[1]);\n        });\n      } else {\n        // label Mark 的定位，需要通过 dataToPosition 来计算\n        elements.forEach((el: IElement, i: number) => {\n          const graphicItem = el.getGraphicItem();\n          const datum = el.getDatum();\n          const newPosition = this.dataToPosition(datum);\n          if (newPosition && graphicItem) {\n            graphicItem.translateTo(newPosition.x, newPosition.y);\n          }\n        });\n      }\n    });\n  }\n\n  protected _getDatumCenter(datum: any): [number, number] {\n    if (isValidNumber(datum.centroidX * datum.centroidY)) {\n      return [datum.centroidX, datum.centroidY];\n    }\n\n    if (datum.properties?.center) {\n      return datum.properties.center;\n    }\n\n    if (datum.properties?.centroid) {\n      return datum.properties.centroid;\n    }\n\n    return [Number.NaN, Number.NaN];\n  }\n\n  protected _getDatumName(datum: any): string {\n    return datum[this.nameField] ?? datum.properties?.[this.nameField] ?? '';\n  }\n\n  dataToPositionX(data: any): number {\n    throw new Error('Method not implemented.');\n  }\n  dataToPositionY(data: any): number {\n    throw new Error('Method not implemented.');\n  }\n\n  viewDataUpdate(d: DataView): void {\n    super.viewDataUpdate(d);\n    this._mapViewData?.getDataView()?.reRunAllTransform();\n    this._mapViewData?.updateData();\n  }\n\n  protected _getDataIdKey() {\n    return (datum: Datum) => datum?.properties?.[this._nameProperty] as string;\n  }\n}\n"]}

package/esm/series/map/tooltip-helper.d.ts

@@ -0,0 +1,5 @@
+import type { ISeriesTooltipHelper } from '../interface';
+import { BaseSeriesTooltipHelper } from '../base/tooltip-helper';
+export declare class MapSeriesTooltipHelper extends BaseSeriesTooltipHelper implements ISeriesTooltipHelper {
+    titleValueCallback: (datum: any) => any;
+}

package/esm/series/map/tooltip-helper.js

@@ -0,0 +1,12 @@
+import { BaseSeriesTooltipHelper } from "../base/tooltip-helper";
+
+export class MapSeriesTooltipHelper extends BaseSeriesTooltipHelper {
+    constructor() {
+        super(...arguments), this.titleValueCallback = datum => {
+            var _a, _b;
+            const series = this.series;
+            return null !== (_a = this._getDimensionData(datum)) && void 0 !== _a ? _a : null === (_b = datum.properties) || void 0 === _b ? void 0 : _b[`${series.getNameProperty()}`];
+        };
+    }
+}
+//# sourceMappingURL=tooltip-helper.js.map

package/esm/series/map/tooltip-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/map/tooltip-helper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAGjE,MAAM,OAAO,sBAAuB,SAAQ,uBAAuB;IAAnE;;QACE,uBAAkB,GAAG,CAAC,KAAU,EAAE,EAAE;;YAClC,MAAM,MAAM,GAAG,IAAI,CAAC,MAAmB,CAAC;YACxC,OAAO,MAAA,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,mCAAI,MAAA,KAAK,CAAC,UAAU,0CAAG,GAAG,MAAM,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;QAC5F,CAAC,CAAC;IACJ,CAAC;CAAA","file":"tooltip-helper.js","sourcesContent":["import type { ISeriesTooltipHelper } from '../interface';\nimport { BaseSeriesTooltipHelper } from '../base/tooltip-helper';\nimport type { MapSeries } from './map';\n\nexport class MapSeriesTooltipHelper extends BaseSeriesTooltipHelper implements ISeriesTooltipHelper {\n  titleValueCallback = (datum: any) => {\n    const series = this.series as MapSeries;\n    return this._getDimensionData(datum) ?? datum.properties?.[`${series.getNameProperty()}`];\n  };\n}\n"]}

package/esm/series/mixin/line-mixin.d.ts

@@ -0,0 +1,35 @@
+import type { ITrigger } from '../../interaction/interface';
+import type { ISeries } from '../interface/series';
+import type { IMark, IMarkProgressiveConfig, MarkType } from '../../mark/interface';
+import type { ILineMark } from '../../mark/line';
+import type { ISymbolMark } from '../../mark/symbol';
+import type { ITextMark } from '../../mark/text';
+import type { DirectionType, IInvalidType, InterpolateType, ILineMarkSpec, ISymbolMarkSpec, Maybe, IMarkTheme } from '../../typings';
+import type { ISeriesMarkInitOption, ISeriesTooltipHelper } from '../interface';
+import type { ILabelSpec } from '../../component/label';
+export interface ILineLikeSeriesTheme {
+    size: number;
+    line?: Partial<IMarkTheme<ILineMarkSpec>>;
+    point?: Partial<IMarkTheme<ISymbolMarkSpec>>;
+    label?: Partial<ILabelSpec>;
+}
+export interface LineLikeSeriesMixin extends ISeries {
+    _spec: any;
+    _seriesField: string;
+    _theme: Maybe<ILineLikeSeriesTheme>;
+    _trigger: ITrigger;
+    _tooltipHelper: ISeriesTooltipHelper;
+    _invalidType: IInvalidType;
+    _lineMark: ILineMark;
+    _symbolMark: ISymbolMark;
+    _labelMark: ITextMark;
+    _createMark: (type: MarkType, name: string, option?: ISeriesMarkInitOption) => IMark;
+}
+export declare class LineLikeSeriesMixin {
+    setSeriesField(field: string): void;
+    initLineMark(progressive?: IMarkProgressiveConfig, isSeriesMark?: boolean): ILineMark;
+    initLineMarkStyle(direction?: DirectionType, areaCurveType?: InterpolateType): ILineMark;
+    initSymbolMark(progressive?: IMarkProgressiveConfig): ISymbolMark;
+    initSymbolMarkStyle(): ISymbolMark;
+    initLabelMarkStyle(labelMark?: ITextMark): void;
+}

package/esm/series/mixin/line-mixin.js

@@ -0,0 +1,85 @@
+import { AttributeLevel } from "../../constant";
+
+import { MarkTypeEnum } from "../../mark/interface";
+
+import { DEFAULT_SMOOTH_INTERPOLATE } from "../../typings/interpolate";
+
+import { Direction } from "../../typings/space";
+
+import { DEFAULT_CLOSE_STROKE_JOIN, DEFAULT_LINEAR_CLOSED_INTERPOLATE } from "../../typings";
+
+import { couldBeValidNumber, isValid, merge } from "../../util";
+
+export class LineLikeSeriesMixin {
+    setSeriesField(field) {
+        isValid(field) && (this._seriesField = field, this.getMarksInType([ MarkTypeEnum.line, MarkTypeEnum.area ]).forEach((m => {
+            m.setFacet(this._seriesField);
+        })));
+    }
+    initLineMark(progressive, isSeriesMark) {
+        return this._lineMark = this._createMark(MarkTypeEnum.line, "line", {
+            defaultMorphElementKey: this.getDimensionField()[0],
+            groupKey: this._seriesField,
+            isSeriesMark: null == isSeriesMark || isSeriesMark,
+            progressive: progressive
+        }), this._lineMark;
+    }
+    initLineMarkStyle(direction, areaCurveType) {
+        var _a, _b, _c;
+        const lineMark = this._lineMark;
+        if (lineMark) {
+            if (this.setMarkStyle(lineMark, {
+                stroke: this.getColorAttribute()
+            }, "normal", AttributeLevel.Series), "polar" === this.coordinate) this.setMarkStyle(lineMark, {
+                lineJoin: DEFAULT_CLOSE_STROKE_JOIN,
+                curveType: DEFAULT_LINEAR_CLOSED_INTERPOLATE
+            }, "normal", AttributeLevel.Series); else {
+                const userCurveType = null != areaCurveType ? areaCurveType : null === (_b = null === (_a = this.getSpec().line) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.curveType, curveType = userCurveType === DEFAULT_SMOOTH_INTERPOLATE ? direction === Direction.vertical ? "monotoneX" : "monotoneY" : userCurveType;
+                this.setMarkStyle(lineMark, {
+                    curveType: curveType
+                }, "normal", AttributeLevel.Built_In);
+            }
+            this._invalidType && this.setMarkStyle(lineMark, {
+                defined: datum => "break" !== this._invalidType || couldBeValidNumber(datum[this.getStackValueField()])
+            }, "normal", AttributeLevel.Series), this.setMarkStyle(lineMark, {
+                x: this.dataToPositionX.bind(this),
+                y: this.dataToPositionY.bind(this)
+            }, "normal", AttributeLevel.Series), this._trigger.registerMark(lineMark), null === (_c = this._tooltipHelper) || void 0 === _c || _c.activeTriggerSet.dimension.add(lineMark);
+        }
+        return lineMark;
+    }
+    initSymbolMark(progressive) {
+        return this._symbolMark = this._createMark(MarkTypeEnum.symbol, "point", {
+            defaultMorphElementKey: this.getDimensionField()[0],
+            groupKey: this._seriesField,
+            label: merge({
+                animation: this._spec.animation
+            }, this._spec.label),
+            progressive: progressive
+        }), this._symbolMark;
+    }
+    initSymbolMarkStyle() {
+        var _a, _b;
+        const symbolMark = this._symbolMark;
+        return symbolMark && (this.setMarkStyle(symbolMark, {
+            fill: this.getColorAttribute(),
+            fillOpacity: 1,
+            size: null === (_a = this._theme) || void 0 === _a ? void 0 : _a.size
+        }, "normal", AttributeLevel.Series), this._invalidType && this.setMarkStyle(symbolMark, {
+            visible: datum => "break" === this._invalidType ? couldBeValidNumber(datum[this.getStackValueField()]) : "link" !== this._invalidType || couldBeValidNumber(datum[this.getStackValueField()])
+        }, "normal", AttributeLevel.Series), this.setMarkStyle(symbolMark, {
+            x: this.dataToPositionX.bind(this),
+            y: this.dataToPositionY.bind(this)
+        }, "normal", AttributeLevel.Series), this._trigger.registerMark(symbolMark), null === (_b = this._tooltipHelper) || void 0 === _b || _b.activeTriggerSet.mark.add(symbolMark)), 
+        symbolMark;
+    }
+    initLabelMarkStyle(labelMark) {
+        labelMark && (this.setMarkStyle(labelMark, {
+            fill: this.getColorAttribute(),
+            text: datum => datum[this.getStackValueField()]
+        }), this._invalidType && this.setMarkStyle(labelMark, {
+            visible: datum => "break" === this._invalidType ? couldBeValidNumber(datum[this.getStackValueField()]) : "link" !== this._invalidType || couldBeValidNumber(datum[this.getStackValueField()])
+        }, "normal", AttributeLevel.Series));
+    }
+}
+//# sourceMappingURL=line-mixin.js.map

package/esm/series/mixin/line-mixin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/mixin/line-mixin.ts"],"names":[],"mappings":"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","file":"line-mixin.js","sourcesContent":["import type { ITrigger } from '../../interaction/interface';\nimport type { ISeries } from '../interface/series';\nimport { AttributeLevel } from '../../constant';\n\nimport type { IMark, IMarkProgressiveConfig, MarkType } from '../../mark/interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { MarkTypeEnum } from '../../mark/interface';\nimport type { ILineMark } from '../../mark/line';\nimport type { ISymbolMark } from '../../mark/symbol';\nimport type { ITextMark } from '../../mark/text';\nimport type {\n  DirectionType,\n  IInvalidType,\n  InterpolateType,\n  ILineMarkSpec,\n  ISymbolMarkSpec,\n  Maybe,\n  Datum,\n  IMarkTheme\n} from '../../typings';\nimport { DEFAULT_SMOOTH_INTERPOLATE } from '../../typings/interpolate';\nimport { Direction } from '../../typings/space';\n// eslint-disable-next-line no-duplicate-imports\nimport { DEFAULT_CLOSE_STROKE_JOIN, DEFAULT_LINEAR_CLOSED_INTERPOLATE } from '../../typings';\n// eslint-disable-next-line no-duplicate-imports\nimport { couldBeValidNumber, isValid, merge } from '../../util';\nimport type { ISeriesMarkInitOption, ISeriesTooltipHelper } from '../interface';\nimport type { ILabelSpec } from '../../component/label';\n\nexport interface ILineLikeSeriesTheme {\n  size: number;\n  line?: Partial<IMarkTheme<ILineMarkSpec>>;\n  point?: Partial<IMarkTheme<ISymbolMarkSpec>>;\n  label?: Partial<ILabelSpec>;\n}\n\nexport interface LineLikeSeriesMixin extends ISeries {\n  _spec: any;\n  _seriesField: string;\n  _theme: Maybe<ILineLikeSeriesTheme>;\n  _trigger: ITrigger;\n  _tooltipHelper: ISeriesTooltipHelper;\n  _invalidType: IInvalidType;\n\n  _lineMark: ILineMark;\n  _symbolMark: ISymbolMark;\n  _labelMark: ITextMark;\n\n  _createMark: (type: MarkType, name: string, option?: ISeriesMarkInitOption) => IMark;\n}\n\nexport class LineLikeSeriesMixin {\n  setSeriesField(field: string): void {\n    if (isValid(field)) {\n      this._seriesField = field;\n      this.getMarksInType([MarkTypeEnum.line, MarkTypeEnum.area]).forEach(m => {\n        m.setFacet(this._seriesField);\n      });\n    }\n  }\n\n  initLineMark(progressive?: IMarkProgressiveConfig, isSeriesMark?: boolean) {\n    this._lineMark = this._createMark(MarkTypeEnum.line, 'line', {\n      defaultMorphElementKey: this.getDimensionField()[0],\n      groupKey: this._seriesField,\n      isSeriesMark: isSeriesMark ?? true,\n      progressive\n    }) as ILineMark;\n    return this._lineMark;\n  }\n\n  initLineMarkStyle(direction?: DirectionType, areaCurveType?: InterpolateType) {\n    const lineMark = this._lineMark;\n    if (lineMark) {\n      this.setMarkStyle(\n        lineMark,\n        {\n          stroke: this.getColorAttribute()\n        },\n        'normal',\n        AttributeLevel.Series\n      );\n      if (this.coordinate === 'polar') {\n        // 极坐标系下需要关闭\n        this.setMarkStyle(\n          lineMark,\n          {\n            lineJoin: DEFAULT_CLOSE_STROKE_JOIN,\n            curveType: DEFAULT_LINEAR_CLOSED_INTERPOLATE\n          },\n          'normal',\n          AttributeLevel.Series\n        );\n      } else {\n        const userCurveType = areaCurveType ?? this.getSpec().line?.style?.curveType;\n        const curveType =\n          userCurveType === DEFAULT_SMOOTH_INTERPOLATE\n            ? direction === Direction.vertical\n              ? 'monotoneX'\n              : 'monotoneY'\n            : userCurveType;\n\n        this.setMarkStyle(\n          lineMark,\n          {\n            curveType\n          },\n          'normal',\n          AttributeLevel.Built_In\n        );\n      }\n      if (this._invalidType) {\n        this.setMarkStyle(\n          lineMark,\n          {\n            defined: (datum: Datum) => {\n              if (this._invalidType === 'break') {\n                return couldBeValidNumber(datum[this.getStackValueField()]);\n              }\n              return true;\n            }\n          },\n          'normal',\n          AttributeLevel.Series\n        );\n      }\n      this.setMarkStyle(\n        lineMark,\n        {\n          x: this.dataToPositionX.bind(this),\n          y: this.dataToPositionY.bind(this)\n        },\n        'normal',\n        AttributeLevel.Series\n      );\n      this._trigger.registerMark(lineMark);\n      this._tooltipHelper?.activeTriggerSet.dimension.add(lineMark);\n    }\n    return lineMark;\n  }\n\n  initSymbolMark(progressive?: IMarkProgressiveConfig) {\n    this._symbolMark = this._createMark(MarkTypeEnum.symbol, 'point', {\n      defaultMorphElementKey: this.getDimensionField()[0],\n      groupKey: this._seriesField,\n      label: merge({ animation: this._spec.animation }, this._spec.label),\n      progressive\n    }) as ISymbolMark;\n    return this._symbolMark;\n  }\n\n  initSymbolMarkStyle() {\n    const symbolMark = this._symbolMark;\n    if (symbolMark) {\n      this.setMarkStyle(\n        symbolMark,\n        {\n          fill: this.getColorAttribute(),\n          fillOpacity: 1,\n          size: this._theme?.size\n        },\n        'normal',\n        AttributeLevel.Series\n      );\n\n      if (this._invalidType) {\n        this.setMarkStyle(\n          symbolMark,\n          {\n            visible: (datum: Datum) => {\n              if (this._invalidType === 'break') {\n                return couldBeValidNumber(datum[this.getStackValueField()]);\n              } else if (this._invalidType === 'link') {\n                return couldBeValidNumber(datum[this.getStackValueField()]);\n              }\n              return true;\n            }\n          },\n          'normal',\n          AttributeLevel.Series\n        );\n      }\n      this.setMarkStyle(\n        symbolMark,\n        {\n          x: this.dataToPositionX.bind(this),\n          y: this.dataToPositionY.bind(this)\n        },\n        'normal',\n        AttributeLevel.Series\n      );\n      this._trigger.registerMark(symbolMark);\n      this._tooltipHelper?.activeTriggerSet.mark.add(symbolMark);\n    }\n    return symbolMark;\n  }\n\n  initLabelMarkStyle(labelMark?: ITextMark) {\n    if (!labelMark) {\n      return;\n    }\n    this.setMarkStyle(labelMark, {\n      fill: this.getColorAttribute(),\n      text: (datum: Datum) => {\n        return datum[this.getStackValueField()];\n      }\n    });\n    if (this._invalidType) {\n      this.setMarkStyle(\n        labelMark,\n        {\n          visible: (datum: Datum) => {\n            if (this._invalidType === 'break') {\n              return couldBeValidNumber(datum[this.getStackValueField()]);\n            } else if (this._invalidType === 'link') {\n              return couldBeValidNumber(datum[this.getStackValueField()]);\n            }\n            return true;\n          }\n        },\n        'normal',\n        AttributeLevel.Series\n      );\n    }\n  }\n}\n"]}

package/esm/series/pie/animation/animation.d.ts

@@ -0,0 +1,23 @@
+import type { IElement, IAnimationTypeConfig } from '@visactor/vgrammar';
+import { AnimationStateEnum } from '../../../animation/interface';
+import type { Datum } from '../../../typings';
+export interface IPieAnimationParams {
+    growField?: 'angle' | 'radius';
+    growFrom: (datum: Datum, element: IElement, state: AnimationStateEnum) => number;
+}
+export type PieAppearPreset = 'growAngle' | 'growRadius' | 'fadeIn';
+export declare function pieGrowOption(pieParams: IPieAnimationParams, isOverall: boolean, state: AnimationStateEnum): (datum: Datum, element: IElement, params: AnimationStateEnum) => {
+    overall: number;
+} | {
+    overall: boolean;
+};
+export declare const Appear_Grow: (params: IPieAnimationParams) => IAnimationTypeConfig;
+export declare const Appear_FadeIn: {
+    type: string;
+};
+export declare const pieEnter: (params: IPieAnimationParams) => IAnimationTypeConfig;
+export declare const pieExit: (params: IPieAnimationParams) => IAnimationTypeConfig;
+export declare const pieDisappear: (params: IPieAnimationParams) => IAnimationTypeConfig;
+export declare function piePresetAnimation(params: IPieAnimationParams, preset: PieAppearPreset | boolean): IAnimationTypeConfig | {
+    type: string;
+};

package/esm/series/pie/animation/animation.js

@@ -0,0 +1,56 @@
+import { AnimationStateEnum } from "../../../animation/interface";
+
+export function pieGrowOption(pieParams, isOverall, state) {
+    return (datum, element, params) => isOverall ? "radius" === pieParams.growField ? {
+        overall: 0
+    } : {
+        overall: pieParams.growFrom(datum, element, state)
+    } : {
+        overall: !1
+    };
+}
+
+export const Appear_Grow = params => ({
+    type: "radius" === params.growField ? "growRadiusIn" : "growAngleIn",
+    options: pieGrowOption(params, !0, AnimationStateEnum.appear)
+});
+
+export const Appear_FadeIn = {
+    type: "fadeIn"
+};
+
+export const pieEnter = params => ({
+    type: "radius" === params.growField ? "growRadiusIn" : "growAngleIn",
+    easing: "linear",
+    options: pieGrowOption(params, !0, AnimationStateEnum.enter)
+});
+
+export const pieExit = params => ({
+    type: "radius" === params.growField ? "growRadiusOut" : "growAngleOut",
+    easing: "linear",
+    options: pieGrowOption(params, !0, AnimationStateEnum.exit)
+});
+
+export const pieDisappear = params => ({
+    type: "radius" === params.growField ? "growRadiusOut" : "growAngleOut",
+    options: pieGrowOption(params, !0, AnimationStateEnum.exit)
+});
+
+export function piePresetAnimation(params, preset) {
+    if (!1 === preset) return {};
+    switch (preset) {
+      case "fadeIn":
+        return Appear_FadeIn;
+
+      case "growRadius":
+        return Appear_Grow(Object.assign(Object.assign({}, params), {
+            growField: "radius"
+        }));
+
+      default:
+        return Appear_Grow(Object.assign(Object.assign({}, params), {
+            growField: "angle"
+        }));
+    }
+}
+//# sourceMappingURL=animation.js.map

package/esm/series/pie/animation/animation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/pie/animation/animation.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAkBlE,MAAM,UAAU,aAAa,CAAC,SAA8B,EAAE,SAAkB,EAAE,KAAyB;IACzG,OAAO,CAAC,KAAY,EAAE,OAAiB,EAAE,MAA0B,EAAE,EAAE;QACrE,IAAI,SAAS,EAAE;YACb,IAAI,SAAS,CAAC,SAAS,KAAK,QAAQ,EAAE;gBACpC,OAAO;oBACL,OAAO,EAAE,CAAC;iBACX,CAAC;aACH;YACD,OAAO;gBACL,OAAO,EAAE,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC;aACnD,CAAC;SACH;QACD,OAAO;YACL,OAAO,EAAE,KAAK;SACf,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,MAA2B,EAAwB,EAAE;IAC/E,OAAO;QACL,IAAI,EAAE,MAAM,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa;QACpE,OAAO,EAAE,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE,kBAAkB,CAAC,MAAM,CAAC;KAChE,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,QAAQ;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,MAA2B,EAAwB,EAAE;IAC5E,OAAO;QACL,IAAI,EAAE,MAAM,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa;QACpE,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE,kBAAkB,CAAC,KAAK,CAAC;KAC/D,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,MAA2B,EAAwB,EAAE;IAC3E,OAAO;QACL,IAAI,EAAE,MAAM,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc;QACtE,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE,kBAAkB,CAAC,IAAI,CAAC;KAC9D,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAA2B,EAAwB,EAAE;IAChF,OAAO;QACL,IAAI,EAAE,MAAM,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc;QACtE,OAAO,EAAE,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE,kBAAkB,CAAC,IAAI,CAAC;KAC9D,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,kBAAkB,CAAC,MAA2B,EAAE,MAAiC;IAC/F,IAAI,MAAM,KAAK,KAAK,EAAE;QACpB,OAAO,EAAE,CAAC;KACX;IACD,QAAQ,MAAM,EAAE;QACd,KAAK,QAAQ;YACX,OAAO,aAAa,CAAC;QACvB,KAAK,YAAY;YACf,OAAO,WAAW,iCACb,MAAM,KACT,SAAS,EAAE,QAAQ,IACnB,CAAC;QACL;YACE,OAAO,WAAW,iCACb,MAAM,KACT,SAAS,EAAE,OAAO,IAClB,CAAC;KACN;AACH,CAAC","file":"animation.js","sourcesContent":["import type { IElement, IAnimationTypeConfig } from '@visactor/vgrammar';\nimport { AnimationStateEnum } from '../../../animation/interface';\nimport type { Datum } from '../../../typings';\n\nexport interface IPieAnimationParams {\n  growField?: 'angle' | 'radius';\n  growFrom: (datum: Datum, element: IElement, state: AnimationStateEnum) => number;\n}\n\nexport type PieAppearPreset = 'growAngle' | 'growRadius' | 'fadeIn';\n\n/**\n * grow生长option\n * 在appear时，所有柱子一起从同一个位置生长，需要growXXXOverall效果；\n * 在enter时，柱子应该从自身位置生长；\n * @param params\n * @param isOverall\n * @returns\n */\nexport function pieGrowOption(pieParams: IPieAnimationParams, isOverall: boolean, state: AnimationStateEnum) {\n  return (datum: Datum, element: IElement, params: AnimationStateEnum) => {\n    if (isOverall) {\n      if (pieParams.growField === 'radius') {\n        return {\n          overall: 0\n        };\n      }\n      return {\n        overall: pieParams.growFrom(datum, element, state)\n      };\n    }\n    return {\n      overall: false\n    };\n  };\n}\n\nexport const Appear_Grow = (params: IPieAnimationParams): IAnimationTypeConfig => {\n  return {\n    type: params.growField === 'radius' ? 'growRadiusIn' : 'growAngleIn',\n    options: pieGrowOption(params, true, AnimationStateEnum.appear)\n  };\n};\n\nexport const Appear_FadeIn = {\n  type: 'fadeIn'\n};\n\nexport const pieEnter = (params: IPieAnimationParams): IAnimationTypeConfig => {\n  return {\n    type: params.growField === 'radius' ? 'growRadiusIn' : 'growAngleIn',\n    easing: 'linear',\n    options: pieGrowOption(params, true, AnimationStateEnum.enter)\n  };\n};\n\nexport const pieExit = (params: IPieAnimationParams): IAnimationTypeConfig => {\n  return {\n    type: params.growField === 'radius' ? 'growRadiusOut' : 'growAngleOut',\n    easing: 'linear',\n    options: pieGrowOption(params, true, AnimationStateEnum.exit)\n  };\n};\n\nexport const pieDisappear = (params: IPieAnimationParams): IAnimationTypeConfig => {\n  return {\n    type: params.growField === 'radius' ? 'growRadiusOut' : 'growAngleOut',\n    options: pieGrowOption(params, true, AnimationStateEnum.exit)\n  };\n};\n\nexport function piePresetAnimation(params: IPieAnimationParams, preset: PieAppearPreset | boolean) {\n  if (preset === false) {\n    return {};\n  }\n  switch (preset) {\n    case 'fadeIn':\n      return Appear_FadeIn;\n    case 'growRadius':\n      return Appear_Grow({\n        ...params,\n        growField: 'radius'\n      });\n    default:\n      return Appear_Grow({\n        ...params,\n        growField: 'angle'\n      });\n  }\n}\n"]}

package/esm/series/pie/animation/centerOffset.d.ts

@@ -0,0 +1,6 @@
+import type { IAnimationTimeline, IAnimationTypeConfig } from '@visactor/vgrammar';
+import type { IArcMark } from '../../../mark/arc';
+export type ICenterOffsetAnimationOptions = {
+    distance?: number;
+};
+export declare function centerOffsetConfig(mark: IArcMark, originalConfig: IAnimationTypeConfig): IAnimationTimeline;

package/esm/series/pie/animation/centerOffset.js

@@ -0,0 +1,56 @@
+import { isValidNumber, polarToCartesian } from "../../../util";
+
+import { ARC_MIDDLE_ANGLE } from "../../../constant";
+
+export function centerOffsetConfig(mark, originalConfig) {
+    var _a, _b, _c, _d;
+    const offset = null !== (_b = null === (_a = originalConfig.options) || void 0 === _a ? void 0 : _a.distance) && void 0 !== _b ? _b : 10, duration = isValidNumber(originalConfig.duration) ? originalConfig.duration / 2 : 1e3, easing = null !== (_c = originalConfig.options.easing) && void 0 !== _c ? _c : "cubicOut";
+    return {
+        oneByOne: originalConfig.oneByOne,
+        loop: null !== (_d = originalConfig.loop) && void 0 !== _d && _d,
+        timeSlices: [ {
+            duration: duration,
+            effects: {
+                easing: easing,
+                channel: {
+                    x: {
+                        from: datum => mark.getAttribute("x", datum),
+                        to: datum => mark.getAttribute("x", datum) + polarToCartesian({
+                            angle: datum[ARC_MIDDLE_ANGLE],
+                            radius: offset
+                        }).x
+                    },
+                    y: {
+                        from: datum => mark.getAttribute("y", datum),
+                        to: datum => mark.getAttribute("y", datum) + polarToCartesian({
+                            angle: datum[ARC_MIDDLE_ANGLE],
+                            radius: offset
+                        }).y
+                    }
+                }
+            }
+        }, {
+            duration: duration,
+            effects: {
+                easing: easing,
+                channel: {
+                    x: {
+                        to: datum => mark.getAttribute("x", datum),
+                        from: datum => mark.getAttribute("x", datum) + polarToCartesian({
+                            angle: datum[ARC_MIDDLE_ANGLE],
+                            radius: offset
+                        }).x
+                    },
+                    y: {
+                        to: datum => mark.getAttribute("y", datum),
+                        from: datum => mark.getAttribute("y", datum) + polarToCartesian({
+                            angle: datum[ARC_MIDDLE_ANGLE],
+                            radius: offset
+                        }).y
+                    }
+                }
+            }
+        } ]
+    };
+}
+//# sourceMappingURL=centerOffset.js.map

package/esm/series/pie/animation/centerOffset.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/pie/animation/centerOffset.ts"],"names":[],"mappings":"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","file":"centerOffset.js","sourcesContent":["import type { IAnimationTimeline, IAnimationTypeConfig } from '@visactor/vgrammar';\nimport { isValidNumber, polarToCartesian } from '../../../util';\nimport { ARC_MIDDLE_ANGLE } from '../../../constant';\nimport type { IArcMark } from '../../../mark/arc';\nimport type { Datum } from '../../../typings';\n\nexport type ICenterOffsetAnimationOptions = {\n  distance?: number;\n};\n\nexport function centerOffsetConfig(mark: IArcMark, originalConfig: IAnimationTypeConfig): IAnimationTimeline {\n  const offset = originalConfig.options?.distance ?? 10;\n  const duration = isValidNumber(originalConfig.duration) ? originalConfig.duration / 2 : 1000;\n  const easing = originalConfig.options.easing ?? 'cubicOut';\n  return {\n    oneByOne: originalConfig.oneByOne,\n    loop: originalConfig.loop ?? false,\n    timeSlices: [\n      {\n        duration,\n        effects: {\n          easing,\n          channel: {\n            x: {\n              from: (datum: Datum) => mark.getAttribute('x', datum),\n              to: (datum: Datum) => {\n                const center = mark.getAttribute('x', datum) as number;\n                const point = polarToCartesian({\n                  angle: datum[ARC_MIDDLE_ANGLE],\n                  radius: offset\n                });\n                return center + point.x;\n              }\n            },\n            y: {\n              from: (datum: Datum) => mark.getAttribute('y', datum),\n              to: (datum: Datum) => {\n                const center = mark.getAttribute('y', datum) as number;\n                const point = polarToCartesian({\n                  angle: datum[ARC_MIDDLE_ANGLE],\n                  radius: offset\n                });\n                return center + point.y;\n              }\n            }\n          }\n        }\n      },\n      {\n        duration,\n        effects: {\n          easing,\n          channel: {\n            x: {\n              to: (datum: Datum) => mark.getAttribute('x', datum),\n              from: (datum: Datum) => {\n                const center = mark.getAttribute('x', datum) as number;\n                const point = polarToCartesian({\n                  angle: datum[ARC_MIDDLE_ANGLE],\n                  radius: offset\n                });\n                return center + point.x;\n              }\n            },\n            y: {\n              to: (datum: Datum) => mark.getAttribute('y', datum),\n              from: (datum: Datum) => {\n                const center = mark.getAttribute('y', datum) as number;\n                const point = polarToCartesian({\n                  angle: datum[ARC_MIDDLE_ANGLE],\n                  radius: offset\n                });\n                return center + point.y;\n              }\n            }\n          }\n        }\n      }\n    ]\n  };\n}\n"]}