@visactor/vchart 1.3.1-test.2 → 1.3.1-test.3

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

@@ -0,0 +1,162 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.lineLikeSeriesMark = exports.LineLikeSeriesMixin = void 0;
+
+const base_1 = require("../../constant/base"), vdataset_1 = require("@visactor/vdataset"), event_1 = require("../../constant/event"), constant_1 = require("../../constant"), interface_1 = require("../../mark/interface"), interpolate_1 = require("../../typings/interpolate"), space_1 = require("../../typings/space"), typings_1 = require("../../typings"), util_1 = require("../../util"), interface_2 = require("../interface"), utils_1 = require("../../animation/utils"), dimension_1 = require("../../event/events/dimension"), interface_3 = require("../../compile/mark/interface");
+
+class LineLikeSeriesMixin {
+    initLineMark(progressive, isSeriesMark) {
+        return this._lineMark = this._createMark(exports.lineLikeSeriesMark.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", constant_1.AttributeLevel.Series), "zero" !== this._invalidType && this.setMarkStyle(lineMark, {
+                defined: this._getInvalidDefined,
+                connectedType: this._getInvalidConnectType()
+            }, "normal", constant_1.AttributeLevel.Series), this.event.on(event_1.ChartEvent.viewDataStatisticsUpdate, {
+                filter: param => param.model === this
+            }, (() => {
+                this.encodeDefined(lineMark, "defined");
+            })), "polar" === this.coordinate) this.setMarkStyle(lineMark, {
+                lineJoin: typings_1.DEFAULT_CLOSE_STROKE_JOIN,
+                curveType: typings_1.DEFAULT_LINEAR_CLOSED_INTERPOLATE
+            }, "normal", constant_1.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 === interpolate_1.DEFAULT_SMOOTH_INTERPOLATE ? direction === space_1.Direction.vertical ? "monotoneX" : "monotoneY" : userCurveType;
+                this.setMarkStyle(lineMark, {
+                    curveType: curveType
+                }, "normal", constant_1.AttributeLevel.Built_In);
+            }
+            this.setMarkStyle(lineMark, {
+                x: this.dataToPositionX.bind(this),
+                y: this.dataToPositionY.bind(this),
+                z: this._fieldZ ? this.dataToPositionZ.bind(this) : null
+            }, "normal", constant_1.AttributeLevel.Series), this._trigger.registerMark(lineMark), 
+            null === (_c = this._tooltipHelper) || void 0 === _c || _c.activeTriggerSet.dimension.add(lineMark);
+        }
+        return lineMark;
+    }
+    _getEventElement(params, reverse = !1) {
+        let data = [];
+        return params.dimensionInfo.some((df => (df.data.some((dd => dd.series === this && (data = dd.datum, 
+        !0))), !data.length))), data;
+    }
+    _dimensionTrigger(params) {
+        const elements = this._getEventElement(params);
+        switch (params.action) {
+          case "enter":
+            this._symbolActiveMark.getDataView().parse(elements), this._symbolActiveMark.getData().updateData(!1);
+            break;
+
+          case "leave":
+            this._symbolActiveMark.getDataView().parse([]), this._symbolActiveMark.getData().updateData(!1);
+        }
+    }
+    initSymbolMark(progressive, isSeriesMark) {
+        if (this._symbolMark = this._createMark(exports.lineLikeSeriesMark.point, {
+            morph: (0, utils_1.shouldDoMorph)(this._spec.animation, this._spec.morph, (0, utils_1.userAnimationConfig)("point", this._spec)),
+            defaultMorphElementKey: this.getDimensionField()[0],
+            groupKey: this._seriesField,
+            label: (0, util_1.mergeSpec)({
+                animation: this._spec.animation
+            }, this._spec.label),
+            progressive: progressive,
+            isSeriesMark: !!isSeriesMark
+        }), !0 === this._spec.activePoint) {
+            const activeData = new vdataset_1.DataView(this._option.dataSet, {
+                name: `${base_1.PREFIX}_series_${this.id}_active_point`
+            });
+            activeData.parse([]), this._symbolActiveMark = this._createMark({
+                name: "active_point",
+                type: interface_1.MarkTypeEnum.symbol
+            }, {
+                morph: !1,
+                groupKey: this._seriesField,
+                label: null,
+                isSeriesMark: !1,
+                dataView: activeData
+            }), this._symbolActiveMark.setVisible(!1);
+        }
+        return this._symbolMark;
+    }
+    initSymbolMarkStyle() {
+        var _a;
+        const symbolMark = this._symbolMark;
+        if (!symbolMark) return symbolMark;
+        if (this.setMarkStyle(symbolMark, {
+            fill: this.getColorAttribute()
+        }, "normal", constant_1.AttributeLevel.Series), "zero" !== this._invalidType && this.setMarkStyle(symbolMark, {
+            visible: this._getInvalidDefined
+        }, "normal", constant_1.AttributeLevel.Series), this.event.on(event_1.ChartEvent.viewDataStatisticsUpdate, {
+            filter: param => param.model === this
+        }, (() => {
+            this.encodeDefined(symbolMark, "visible");
+        })), this.setMarkStyle(symbolMark, {
+            x: this.dataToPositionX.bind(this),
+            y: this.dataToPositionY.bind(this),
+            z: this._fieldZ ? this.dataToPositionZ.bind(this) : null
+        }, "normal", constant_1.AttributeLevel.Series), this._trigger.registerMark(symbolMark), 
+        null === (_a = this._tooltipHelper) || void 0 === _a || _a.activeTriggerSet.mark.add(symbolMark), 
+        this._symbolActiveMark && this._symbolMark.stateStyle.dimension_hover) {
+            this._symbolActiveMark.setVisible(!0), this.event.on(dimension_1.DimensionEventEnum.dimensionHover, this._dimensionTrigger.bind(this));
+            for (const state in this._symbolMark.stateStyle) {
+                this._symbolActiveMark.stateStyle[state] = {};
+                for (const key in this._symbolMark.stateStyle[state]) this._symbolActiveMark.stateStyle[state][key] = {
+                    style: null,
+                    level: constant_1.AttributeLevel.Series,
+                    referer: symbolMark
+                };
+            }
+            this._symbolActiveMark.state.changeStateInfo({
+                stateValue: interface_3.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER,
+                filter: () => !0
+            });
+        }
+        return symbolMark;
+    }
+    initLabelMarkStyle(labelMark) {
+        labelMark && (this.setMarkStyle(labelMark, {
+            fill: this.getColorAttribute(),
+            text: datum => datum[this.getStackValueField()],
+            z: this._fieldZ ? this.dataToPositionZ.bind(this) : null
+        }), "zero" !== this._invalidType && this.setMarkStyle(labelMark, {
+            visible: this._getInvalidDefined
+        }, "normal", constant_1.AttributeLevel.Series), this.event.on(event_1.ChartEvent.viewDataStatisticsUpdate, {
+            filter: param => param.model === this
+        }, (() => {
+            this.encodeDefined(labelMark, "visible");
+        })));
+    }
+    encodeDefined(mark, attr) {
+        var _a, _b;
+        if (!mark) return;
+        const statistics = null === (_b = null === (_a = this.getViewDataStatistics()) || void 0 === _a ? void 0 : _a.latestData) || void 0 === _b ? void 0 : _b[this.getStackValueField()];
+        "zero" === this._invalidType || statistics && (null == statistics ? void 0 : statistics.allValid) ? this.setMarkStyle(mark, {
+            [attr]: !0
+        }, "normal", constant_1.AttributeLevel.Series) : this.setMarkStyle(mark, {
+            [attr]: this._getInvalidDefined
+        }, "normal", constant_1.AttributeLevel.Series);
+    }
+}
+
+exports.LineLikeSeriesMixin = LineLikeSeriesMixin, exports.lineLikeSeriesMark = {
+    [interface_2.SeriesMarkNameEnum.point]: {
+        name: interface_2.SeriesMarkNameEnum.point,
+        type: interface_1.MarkTypeEnum.symbol
+    },
+    [interface_2.SeriesMarkNameEnum.line]: {
+        name: interface_2.SeriesMarkNameEnum.line,
+        type: interface_1.MarkTypeEnum.line
+    }
+};
+//# sourceMappingURL=line-mixin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/series/mixin/line-mixin.ts"],"names":[],"mappings":"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","file":"line-mixin.js","sourcesContent":["import { PREFIX } from '../../constant/base';\nimport type { ISeriesOption } from '../interface/common';\nimport { DataView } from '@visactor/vdataset';\nimport { ChartEvent } from '../../constant/event';\nimport type { ITrigger } from '../../interaction/interface';\nimport type { ISeries } from '../interface/series';\nimport { AttributeLevel } from '../../constant';\n\nimport type { IMark, IMarkProgressiveConfig } 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 { mergeSpec } from '../../util';\nimport type { ISeriesMarkInfo, ISeriesMarkInitOption, ISeriesTooltipHelper, SeriesMarkMap } from '../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { SeriesMarkNameEnum } from '../interface';\nimport type { ILabelSpec } from '../../component/label';\nimport { shouldDoMorph, userAnimationConfig } from '../../animation/utils';\nimport { DimensionEventEnum, type DimensionEventParams } from '../../event/events/dimension';\nimport type { EventCallback, EventParams } from '../../event/interface';\nimport { STATE_VALUE_ENUM } from '../../compile/mark/interface';\n\nexport interface ILineLikeSeriesTheme {\n  line?: Partial<IMarkTheme<ILineMarkSpec>>;\n  point?: Partial<IMarkTheme<ISymbolMarkSpec>> & { visibleInActive?: boolean };\n  label?: Partial<ILabelSpec>;\n}\n\nexport interface LineLikeSeriesMixin extends ISeries {\n  _spec: any;\n  _option: ISeriesOption;\n  _seriesField: string;\n  _theme: Maybe<ILineLikeSeriesTheme>;\n  _trigger: ITrigger;\n  _tooltipHelper: ISeriesTooltipHelper;\n  _invalidType: IInvalidType;\n\n  _lineMark: ILineMark;\n  _symbolMark: ISymbolMark;\n  _symbolActiveMark: ISymbolMark;\n  _labelMark: ITextMark;\n  _fieldZ?: string[];\n\n  _createMark: (markInfo: ISeriesMarkInfo, option?: ISeriesMarkInitOption) => IMark;\n  _getInvalidDefined: () => boolean;\n  _getInvalidConnectType: () => IInvalidType;\n}\n\nexport class LineLikeSeriesMixin {\n  initLineMark(progressive?: IMarkProgressiveConfig, isSeriesMark?: boolean) {\n    this._lineMark = this._createMark(lineLikeSeriesMark.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._invalidType !== 'zero') {\n        this.setMarkStyle(\n          lineMark,\n          {\n            defined: this._getInvalidDefined,\n            connectedType: this._getInvalidConnectType()\n          },\n          'normal',\n          AttributeLevel.Series\n        );\n      }\n      this.event.on(ChartEvent.viewDataStatisticsUpdate, { filter: param => param.model === this }, () => {\n        this.encodeDefined(lineMark, 'defined');\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\n      this.setMarkStyle(\n        lineMark,\n        {\n          x: this.dataToPositionX.bind(this),\n          y: this.dataToPositionY.bind(this),\n          z: this._fieldZ ? this.dataToPositionZ.bind(this) : null\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  protected _getEventElement(params: DimensionEventParams, reverse: boolean = false): Datum[] {\n    // items 修改遍历方法从 mark\n    let data: Datum[] = [];\n    params.dimensionInfo.some(df => {\n      df.data.some(dd => {\n        if (dd.series === this) {\n          data = dd.datum;\n          return true;\n        }\n        return false;\n      });\n      return !data.length;\n    });\n    return data;\n  }\n\n  protected _dimensionTrigger(params: DimensionEventParams) {\n    const elements = this._getEventElement(params);\n    switch (params.action) {\n      case 'enter':\n        this._symbolActiveMark.getDataView().parse(elements);\n        this._symbolActiveMark.getData().updateData(false);\n        break;\n      case 'leave':\n        this._symbolActiveMark.getDataView().parse([]);\n        this._symbolActiveMark.getData().updateData(false);\n      case 'click':\n      case 'move':\n      default:\n        break;\n    }\n  }\n\n  initSymbolMark(progressive?: IMarkProgressiveConfig, isSeriesMark?: boolean) {\n    this._symbolMark = this._createMark(lineLikeSeriesMark.point, {\n      morph: shouldDoMorph(this._spec.animation, this._spec.morph, userAnimationConfig('point', this._spec)),\n      defaultMorphElementKey: this.getDimensionField()[0],\n      groupKey: this._seriesField,\n      label: mergeSpec({ animation: this._spec.animation }, this._spec.label),\n      progressive,\n      isSeriesMark: !!isSeriesMark\n    }) as ISymbolMark;\n\n    if (this._spec.activePoint === true) {\n      const activeData = new DataView(this._option.dataSet, { name: `${PREFIX}_series_${this.id}_active_point` });\n      activeData.parse([]);\n      this._symbolActiveMark = this._createMark(\n        { name: `active_point`, type: MarkTypeEnum.symbol },\n        {\n          morph: false,\n          groupKey: this._seriesField,\n          label: null,\n          isSeriesMark: false,\n          dataView: activeData\n        }\n      ) as ISymbolMark;\n      this._symbolActiveMark.setVisible(false);\n    }\n\n    return this._symbolMark;\n  }\n\n  initSymbolMarkStyle() {\n    const symbolMark = this._symbolMark;\n    if (!symbolMark) {\n      return symbolMark;\n    }\n    this.setMarkStyle(\n      symbolMark,\n      {\n        fill: this.getColorAttribute()\n      },\n      'normal',\n      AttributeLevel.Series\n    );\n    if (this._invalidType !== 'zero') {\n      this.setMarkStyle(\n        symbolMark,\n        {\n          visible: this._getInvalidDefined\n        },\n        'normal',\n        AttributeLevel.Series\n      );\n    }\n\n    this.event.on(ChartEvent.viewDataStatisticsUpdate, { filter: param => param.model === this }, () => {\n      this.encodeDefined(symbolMark, 'visible');\n    });\n\n    this.setMarkStyle(\n      symbolMark,\n      {\n        x: this.dataToPositionX.bind(this),\n        y: this.dataToPositionY.bind(this),\n        z: this._fieldZ ? this.dataToPositionZ.bind(this) : null\n      },\n      'normal',\n      AttributeLevel.Series\n    );\n    this._trigger.registerMark(symbolMark);\n    this._tooltipHelper?.activeTriggerSet.mark.add(symbolMark);\n\n    // setStyle to active point\n    if (this._symbolActiveMark && this._symbolMark.stateStyle.dimension_hover) {\n      // active point will show\n      this._symbolActiveMark.setVisible(true);\n      this.event.on(DimensionEventEnum.dimensionHover, this._dimensionTrigger.bind(this) as EventCallback<EventParams>);\n      // set style with referer\n      for (const state in this._symbolMark.stateStyle) {\n        this._symbolActiveMark.stateStyle[state] = {};\n        for (const key in this._symbolMark.stateStyle[state]) {\n          this._symbolActiveMark.stateStyle[state][key] = {\n            style: null,\n            level: AttributeLevel.Series,\n            referer: symbolMark\n          };\n        }\n      }\n      // make sure activeMark in state\n      this._symbolActiveMark.state.changeStateInfo({\n        stateValue: STATE_VALUE_ENUM.STATE_DIMENSION_HOVER,\n        filter: () => true\n      });\n    }\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      z: this._fieldZ ? this.dataToPositionZ.bind(this) : null\n    });\n    if (this._invalidType !== 'zero') {\n      this.setMarkStyle(\n        labelMark,\n        {\n          visible: this._getInvalidDefined\n        },\n        'normal',\n        AttributeLevel.Series\n      );\n    }\n\n    this.event.on(ChartEvent.viewDataStatisticsUpdate, { filter: param => param.model === this }, () => {\n      this.encodeDefined(labelMark, 'visible');\n    });\n  }\n\n  encodeDefined(mark: IMark, attr: string) {\n    if (!mark) {\n      return;\n    }\n    const statistics = this.getViewDataStatistics()?.latestData?.[this.getStackValueField()];\n    if (this._invalidType === 'zero' || (statistics && statistics?.allValid)) {\n      this.setMarkStyle(mark, { [attr]: true }, 'normal', AttributeLevel.Series);\n    } else {\n      this.setMarkStyle(mark, { [attr]: this._getInvalidDefined }, 'normal', AttributeLevel.Series);\n    }\n  }\n}\n\nexport const lineLikeSeriesMark: SeriesMarkMap = {\n  [SeriesMarkNameEnum.point]: { name: SeriesMarkNameEnum.point, type: MarkTypeEnum.symbol },\n  [SeriesMarkNameEnum.line]: { name: SeriesMarkNameEnum.line, type: MarkTypeEnum.line }\n};\n"]}

package/cjs/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/cjs/series/pie/animation/animation.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/series/pie/animation/animation.ts"],"names":[],"mappings":";;;AACA,4DAAkE;AAkBlE,SAAgB,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;AAhBD,sCAgBC;AAEM,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,8BAAkB,CAAC,MAAM,CAAC;KAChE,CAAC;AACJ,CAAC,CAAC;AALW,QAAA,WAAW,eAKtB;AAEW,QAAA,aAAa,GAAG;IAC3B,IAAI,EAAE,QAAQ;CACf,CAAC;AAEK,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,8BAAkB,CAAC,KAAK,CAAC;KAC/D,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,QAAQ,YAMnB;AAEK,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,8BAAkB,CAAC,IAAI,CAAC;KAC9D,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,OAAO,WAMlB;AAEK,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,8BAAkB,CAAC,IAAI,CAAC;KAC9D,CAAC;AACJ,CAAC,CAAC;AALW,QAAA,YAAY,gBAKvB;AAEF,SAAgB,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,qBAAa,CAAC;QACvB,KAAK,YAAY;YACf,OAAO,IAAA,mBAAW,kCACb,MAAM,KACT,SAAS,EAAE,QAAQ,IACnB,CAAC;QACL;YACE,OAAO,IAAA,mBAAW,kCACb,MAAM,KACT,SAAS,EAAE,OAAO,IAClB,CAAC;KACN;AACH,CAAC;AAlBD,gDAkBC","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/cjs/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/cjs/series/pie/animation/centerOffset.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.centerOffsetConfig = void 0;
+
+const util_1 = require("../../../util"), constant_1 = require("../../../constant");
+
+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 = (0, 
+    util_1.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) + (0, util_1.polarToCartesian)({
+                            angle: datum[constant_1.ARC_MIDDLE_ANGLE],
+                            radius: offset
+                        }).x
+                    },
+                    y: {
+                        from: datum => mark.getAttribute("y", datum),
+                        to: datum => mark.getAttribute("y", datum) + (0, util_1.polarToCartesian)({
+                            angle: datum[constant_1.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) + (0, util_1.polarToCartesian)({
+                            angle: datum[constant_1.ARC_MIDDLE_ANGLE],
+                            radius: offset
+                        }).x
+                    },
+                    y: {
+                        to: datum => mark.getAttribute("y", datum),
+                        from: datum => mark.getAttribute("y", datum) + (0, util_1.polarToCartesian)({
+                            angle: datum[constant_1.ARC_MIDDLE_ANGLE],
+                            radius: offset
+                        }).y
+                    }
+                }
+            }
+        } ]
+    };
+}
+
+exports.centerOffsetConfig = centerOffsetConfig;
+//# sourceMappingURL=centerOffset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/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"]}

package/cjs/series/pie/constant.d.ts

@@ -0,0 +1,3 @@
+import { type SeriesMarkMap } from '../interface/common';
+export declare const pieSeriesMark: SeriesMarkMap;
+export declare const pie3dSeriesMark: SeriesMarkMap;

package/cjs/series/pie/constant.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.pie3dSeriesMark = exports.pieSeriesMark = void 0;
+
+const interface_1 = require("../../mark/interface"), constant_1 = require("../base/constant"), common_1 = require("../interface/common");
+
+exports.pieSeriesMark = Object.assign(Object.assign({}, constant_1.baseSeriesMark), {
+    [common_1.SeriesMarkNameEnum.pie]: {
+        name: common_1.SeriesMarkNameEnum.pie,
+        type: interface_1.MarkTypeEnum.arc
+    },
+    [common_1.SeriesMarkNameEnum.labelLine]: {
+        name: common_1.SeriesMarkNameEnum.labelLine,
+        type: interface_1.MarkTypeEnum.path
+    }
+}), exports.pie3dSeriesMark = Object.assign(Object.assign({}, constant_1.baseSeriesMark), {
+    [common_1.SeriesMarkNameEnum.pie3d]: {
+        name: common_1.SeriesMarkNameEnum.pie3d,
+        type: interface_1.MarkTypeEnum.arc3d
+    },
+    [common_1.SeriesMarkNameEnum.labelLine]: {
+        name: common_1.SeriesMarkNameEnum.labelLine,
+        type: interface_1.MarkTypeEnum.path
+    }
+});
+//# sourceMappingURL=constant.js.map

package/cjs/series/pie/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/series/pie/constant.ts"],"names":[],"mappings":";;;AAAA,oDAAoD;AACpD,+CAAkD;AAClD,gDAA6E;AAEhE,QAAA,aAAa,mCACrB,yBAAc,KACjB,CAAC,2BAAkB,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,EAAE,2BAAkB,CAAC,GAAG,EAAE,IAAI,EAAE,wBAAY,CAAC,GAAG,EAAE,EAClF,CAAC,2BAAkB,CAAC,SAAS,CAAC,EAAE,EAAE,IAAI,EAAE,2BAAkB,CAAC,SAAS,EAAE,IAAI,EAAE,wBAAY,CAAC,IAAI,EAAE,IAC/F;AAEW,QAAA,eAAe,mCACvB,yBAAc,KACjB,CAAC,2BAAkB,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,2BAAkB,CAAC,KAAK,EAAE,IAAI,EAAE,wBAAY,CAAC,KAAK,EAAE,EACxF,CAAC,2BAAkB,CAAC,SAAS,CAAC,EAAE,EAAE,IAAI,EAAE,2BAAkB,CAAC,SAAS,EAAE,IAAI,EAAE,wBAAY,CAAC,IAAI,EAAE,IAC/F","file":"constant.js","sourcesContent":["import { MarkTypeEnum } from '../../mark/interface';\nimport { baseSeriesMark } from '../base/constant';\nimport { SeriesMarkNameEnum, type SeriesMarkMap } from '../interface/common';\n\nexport const pieSeriesMark: SeriesMarkMap = {\n  ...baseSeriesMark,\n  [SeriesMarkNameEnum.pie]: { name: SeriesMarkNameEnum.pie, type: MarkTypeEnum.arc },\n  [SeriesMarkNameEnum.labelLine]: { name: SeriesMarkNameEnum.labelLine, type: MarkTypeEnum.path }\n};\n\nexport const pie3dSeriesMark: SeriesMarkMap = {\n  ...baseSeriesMark,\n  [SeriesMarkNameEnum.pie3d]: { name: SeriesMarkNameEnum.pie3d, type: MarkTypeEnum.arc3d },\n  [SeriesMarkNameEnum.labelLine]: { name: SeriesMarkNameEnum.labelLine, type: MarkTypeEnum.path }\n};\n"]}

package/cjs/series/pie/interface.d.ts

@@ -0,0 +1,61 @@
+import type { IAnimationSpec } from '../../animation/spec';
+import type { IMarkSpec, IMarkTheme } from '../../typings/spec/common';
+import type { IArcMarkSpec, ITextMarkSpec, IPathMarkSpec, IArc3dMarkSpec } from '../../typings/visual';
+import type { SeriesMarkNameEnum } from '../interface';
+import type { IPolarSeriesSpec, IPolarSeriesTheme } from '../polar/interface';
+import type { PieAppearPreset } from './animation/animation';
+import type { ILabelSpec } from '../../component/label';
+export type PieMarks = 'pie' | 'label' | 'labelLine';
+export interface IPieSeriesSpec extends IPolarSeriesSpec, IAnimationSpec<PieMarks, PieAppearPreset> {
+    type: 'pie';
+    categoryField: string;
+    valueField: string;
+    centerX?: number;
+    centerY?: number;
+    centerOffset?: number;
+    radius?: number;
+    outerRadius?: number;
+    innerRadius?: number;
+    cornerRadius?: number;
+    startAngle?: number;
+    endAngle?: number;
+    padAngle?: number;
+    [SeriesMarkNameEnum.pie]?: IMarkSpec<IArcMarkSpec>;
+    [SeriesMarkNameEnum.label]?: IArcLabelSpec;
+}
+export interface IPieSeriesTheme extends IPolarSeriesTheme {
+    [SeriesMarkNameEnum.pie]?: Partial<IMarkTheme<IArcMarkSpec>>;
+    [SeriesMarkNameEnum.label]?: IArcLabelSpec;
+}
+export type IPie3dSeriesSpec = {
+    type: 'pie3d';
+    angle3d?: number;
+} & Omit<IPieSeriesSpec, 'type'>;
+export interface IPie3dSeriesTheme extends IPolarSeriesTheme {
+    [SeriesMarkNameEnum.pie3d]?: Partial<IMarkTheme<IArc3dMarkSpec>>;
+    [SeriesMarkNameEnum.label]?: IArcLabelSpec;
+}
+export interface IArcLabelLineSpec extends IMarkSpec<IPathMarkSpec> {
+    visible?: boolean;
+    line1MinLength?: number;
+    line2MinLength?: number;
+}
+export type ArcLabelAlignType = 'arc' | 'labelLine' | 'edge';
+export type ArcLabelStrategyType = 'priority' | 'vertical' | 'none';
+export interface IArcLabelLayoutSpec {
+    textAlign?: ArcLabelAlignType;
+    align?: ArcLabelAlignType;
+    strategy?: ArcLabelStrategyType;
+    tangentConstraint?: boolean;
+}
+export interface IArcLabelSpec extends ILabelSpec {
+    position?: 'outside' | 'inside';
+    showRule?: 'all' | 'max' | 'min' | 'minAndMax' | 'headAndTail';
+    coverEnable?: boolean;
+    rotate?: boolean;
+    spaceWidth?: number;
+    layoutArcGap?: number;
+    style?: ITextMarkSpec;
+    line?: IArcLabelLineSpec;
+    layout?: IArcLabelLayoutSpec;
+}

package/cjs/series/pie/interface.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=interface.js.map

package/cjs/series/pie/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/series/pie/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IAnimationSpec } from '../../animation/spec';\nimport type { IMarkSpec, IMarkTheme } from '../../typings/spec/common';\nimport type { IArcMarkSpec, ITextMarkSpec, IPathMarkSpec, IArc3dMarkSpec } from '../../typings/visual';\nimport type { SeriesMarkNameEnum } from '../interface';\nimport type { IPolarSeriesSpec, IPolarSeriesTheme } from '../polar/interface';\nimport type { PieAppearPreset } from './animation/animation';\nimport type { ILabelSpec } from '../../component/label';\n\nexport type PieMarks = 'pie' | 'label' | 'labelLine';\n\nexport interface IPieSeriesSpec extends IPolarSeriesSpec, IAnimationSpec<PieMarks, PieAppearPreset> {\n  type: 'pie';\n  /**\n   * 分类字段\n   * @description 饼图每个扇区为独立的系列\n   */\n  categoryField: string;\n  /** 数值字段 */\n  valueField: string;\n  /** 饼图中心点 x 坐标 */\n  centerX?: number;\n  /** 饼图中心点 y 坐标 */\n  centerY?: number;\n  /** 饼图扇区中心偏移 */\n  centerOffset?: number;\n\n  /**\n   * 饼图扇区半径\n   * @default 0.6\n   * @deprecated use outerRadius instead\n   */\n  radius?: number;\n\n  /**\n   * 饼图扇区外半径\n   * @default 0.6\n   */\n  outerRadius?: number;\n\n  /**\n   * 饼图扇区内半径\n   * @default 0\n   */\n  innerRadius?: number;\n\n  /**\n   * 饼图扇区圆角半径\n   * @default 0\n   */\n  cornerRadius?: number;\n  /** 扇区起始角度 */\n  startAngle?: number;\n  /** 扇区结束角度 */\n  endAngle?: number;\n  /** 扇区间隔角度 */\n  padAngle?: number;\n\n  /** 扇区样式 */\n  [SeriesMarkNameEnum.pie]?: IMarkSpec<IArcMarkSpec>;\n  /** 标签配置 */\n  [SeriesMarkNameEnum.label]?: IArcLabelSpec;\n}\n\nexport interface IPieSeriesTheme extends IPolarSeriesTheme {\n  [SeriesMarkNameEnum.pie]?: Partial<IMarkTheme<IArcMarkSpec>>;\n  /** 标签配置 */\n  [SeriesMarkNameEnum.label]?: IArcLabelSpec;\n}\n\nexport type IPie3dSeriesSpec = {\n  type: 'pie3d';\n  // 饼图整体绕x轴的旋转角度\n  angle3d?: number;\n} & Omit<IPieSeriesSpec, 'type'>;\n\nexport interface IPie3dSeriesTheme extends IPolarSeriesTheme {\n  [SeriesMarkNameEnum.pie3d]?: Partial<IMarkTheme<IArc3dMarkSpec>>;\n  /** 标签配置 */\n  [SeriesMarkNameEnum.label]?: IArcLabelSpec;\n}\n\nexport interface IArcLabelLineSpec extends IMarkSpec<IPathMarkSpec> {\n  /**\n   * 是否显示引导线\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * 引导线 line1 部分最小长度\n   * @default 20\n   */\n  line1MinLength?: number;\n  /**\n   * 引导线 line2 部分最小长度\n   * @default 10\n   */\n  line2MinLength?: number;\n}\n\nexport type ArcLabelAlignType = 'arc' | 'labelLine' | 'edge';\n\nexport type ArcLabelStrategyType = 'priority' | 'vertical' | 'none';\n\nexport interface IArcLabelLayoutSpec {\n  /**\n   * 标签对齐方式\n   * @default 'arc'\n   */\n  textAlign?: ArcLabelAlignType;\n  /** @deprecate 建议统一使用textAlign，后续将废除 */\n  align?: ArcLabelAlignType;\n  /**\n   * 标签布局策略\n   * @default 'priority'\n   */\n  strategy?: ArcLabelStrategyType;\n  /**\n   * 是否启用切线约束\n   * @default true\n   */\n  tangentConstraint?: boolean;\n}\n\n// export interface ILabelTextMarkSpec extends Omit<ITextMarkSpec, 'align' | 'textAlign'> {\n//   /** text 配置 align 为 auto 时将根据布局逻辑自动处理 align  */\n//   textAlign?: TextAlign | 'auto';\n//   /** @deprecate 建议统一使用textAlign，后续将废除 */\n//   align?: TextAlign | 'auto';\n// }\n\nexport interface IArcLabelSpec extends ILabelSpec {\n  /**\n   * 标签布局方式\n   * @default 'outside'\n   */\n  position?: 'outside' | 'inside';\n  /**\n   * 标签内容显示规则\n   * @default 'all'\n   */\n  showRule?: 'all' | 'max' | 'min' | 'minAndMax' | 'headAndTail';\n  /**\n   * 是否允许标签重叠\n   * @default false\n   */\n  coverEnable?: boolean;\n  /**\n   * 是否允许标签旋转\n   * @default true\n   */\n  rotate?: boolean;\n\n  /**\n   * 文字与引导线间隔宽度\n   * @default 5\n   */\n  spaceWidth?: number;\n  /**\n   * 扇区间标签的间隔\n   * @default 6\n   */\n  layoutArcGap?: number;\n\n  /** 标签文字样式 */\n  style?: ITextMarkSpec;\n  /** 标签引导线样式 */\n  line?: IArcLabelLineSpec;\n  /** 标签布局配置 */\n  layout?: IArcLabelLayoutSpec;\n}\n"]}

package/cjs/series/pie/pie-3d.d.ts

@@ -0,0 +1,16 @@
+import { MarkTypeEnum } from '../../mark/interface';
+import type { IArcSeries, SeriesMarkMap } from '../interface';
+import { SeriesMarkNameEnum } from '../interface';
+import { SeriesTypeEnum } from '../interface/type';
+import type { IPie3dSeriesSpec } from './interface';
+import { BasePieSeries } from './pie';
+export declare class Pie3dSeries<T extends IPie3dSeriesSpec = IPie3dSeriesSpec> extends BasePieSeries<T> implements IArcSeries {
+    static readonly type: string;
+    type: SeriesTypeEnum;
+    protected _pieMarkName: SeriesMarkNameEnum;
+    protected _pieMarkType: MarkTypeEnum;
+    static readonly mark: SeriesMarkMap;
+    protected _angle3d: number;
+    setAttrFromSpec(): void;
+    initMarkStyle(): void;
+}

package/cjs/series/pie/pie-3d.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Pie3dSeries = void 0;
+
+const constant_1 = require("../../constant"), util_1 = require("../../util"), interface_1 = require("../../mark/interface"), interface_2 = require("../interface"), type_1 = require("../interface/type"), vchart_1 = require("../../core/vchart"), path_1 = require("../../mark/path"), text_1 = require("../../mark/text"), arc_3d_1 = require("../../mark/arc-3d"), pie_1 = require("./pie"), constant_2 = require("./constant");
+
+vchart_1.VChart.useMark([ path_1.PathMark, text_1.TextMark, arc_3d_1.Arc3dMark ]);
+
+class Pie3dSeries extends pie_1.BasePieSeries {
+    constructor() {
+        super(...arguments), this.type = type_1.SeriesTypeEnum.pie3d, this._pieMarkName = interface_2.SeriesMarkNameEnum.pie3d, 
+        this._pieMarkType = interface_1.MarkTypeEnum.arc3d;
+    }
+    setAttrFromSpec() {
+        var _a, _b;
+        super.setAttrFromSpec(), this._angle3d = null !== (_b = null === (_a = this._spec) || void 0 === _a ? void 0 : _a.angle3d) && void 0 !== _b ? _b : -Math.PI / 3;
+    }
+    initMarkStyle() {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        const pieMark = this._pieMark;
+        if (pieMark) {
+            this.setMarkStyle(pieMark, {
+                x: () => {
+                    var _a, _b;
+                    return null !== (_b = null === (_a = this._center) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : this._region.getLayoutRect().width / 2;
+                },
+                y: () => {
+                    var _a, _b;
+                    return null !== (_b = null === (_a = this._center) || void 0 === _a ? void 0 : _a.y) && void 0 !== _b ? _b : this._region.getLayoutRect().height / 2;
+                },
+                beta: () => this._angle3d,
+                fill: this.getColorAttribute(),
+                outerRadius: () => this.computeLayoutRadius() * this._outerRadius,
+                innerRadius: () => this.computeLayoutRadius() * this._innerRadius,
+                cornerRadius: () => this.computeLayoutRadius() * this._cornerRadius,
+                startAngle: (0, util_1.field)(constant_1.ARC_START_ANGLE).bind(this),
+                endAngle: (0, util_1.field)(constant_1.ARC_END_ANGLE).bind(this),
+                padAngle: this._padAngle,
+                centerOffset: this._centerOffset
+            }, "normal", constant_1.AttributeLevel.Series);
+            const pieSpec = this.getSpec()[pieMark.name];
+            if (pieSpec) for (const state in pieSpec.state || {}) this.setMarkStyle(pieMark, this.generateRadiusStyle(pieSpec.state[state]), state, constant_1.AttributeLevel.User_Mark);
+            this._trigger.registerMark(pieMark), null === (_a = this._tooltipHelper) || void 0 === _a || _a.activeTriggerSet.mark.add(pieMark);
+        }
+        const labelMark = this._labelMark, spec = this.getSpec(), params3d = {};
+        (null === (_b = null == spec ? void 0 : spec.label) || void 0 === _b ? void 0 : _b.support3d) && (params3d.beta = -Math.PI / 3, 
+        params3d.anchor3d = datum => {
+            var _a, _b, _c, _d;
+            return [ (null !== (_b = null === (_a = this._center) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : this._region.getLayoutRect().width / 2) - (0, 
+            util_1.field)(constant_1.DEFAULT_LABEL_X).bind(this)(datum), (null !== (_d = null === (_c = this._center) || void 0 === _c ? void 0 : _c.y) && void 0 !== _d ? _d : this._region.getLayoutRect().height / 2) - (0, 
+            util_1.field)(constant_1.DEFAULT_LABEL_Y).bind(this)(datum) ];
+        }), labelMark && (this.setMarkStyle(labelMark, Object.assign({
+            visible: (0, util_1.field)(constant_1.DEFAULT_LABEL_VISIBLE).bind(this),
+            x: (0, util_1.field)(constant_1.DEFAULT_LABEL_X).bind(this),
+            y: (0, util_1.field)(constant_1.DEFAULT_LABEL_Y).bind(this),
+            text: (0, util_1.field)(constant_1.DEFAULT_LABEL_TEXT).bind(this),
+            fill: (null === (_d = null === (_c = this._spec.label) || void 0 === _c ? void 0 : _c.style) || void 0 === _d ? void 0 : _d.fill) || this.getColorAttribute(),
+            textAlign: (0, util_1.field)(constant_1.DEFAULT_LABEL_ALIGN).bind(this),
+            textBaseline: "inside" === (null === (_e = this._spec.label) || void 0 === _e ? void 0 : _e.position) ? "middle" : "top",
+            angle: datum => {
+                var _a;
+                const angle = datum[constant_1.ARC_MIDDLE_ANGLE];
+                return "inside" === (null === (_a = this._spec.label) || void 0 === _a ? void 0 : _a.position) ? (0, 
+                util_1.degrees)(angle) : 0;
+            },
+            limit: (0, util_1.field)(constant_1.DEFAULT_LABEL_LIMIT).bind(this)
+        }, params3d), void 0, constant_1.AttributeLevel.User_Mark), this._trigger.registerMark(labelMark));
+        const labelLineMark = this._labelLineMark;
+        labelLineMark && (this.setMarkStyle(labelLineMark, Object.assign(Object.assign(Object.assign({
+            visible: (0, util_1.field)(constant_1.DEFAULT_LABEL_VISIBLE).bind(this),
+            stroke: (null === (_h = null === (_g = null === (_f = this._spec.label) || void 0 === _f ? void 0 : _f.line) || void 0 === _g ? void 0 : _g.style) || void 0 === _h ? void 0 : _h.stroke) || this.getColorAttribute(),
+            lineWidth: 1
+        }, this.generateLinePath("normal")), params3d), {
+            anchor3d: () => {
+                var _a, _b, _c, _d;
+                return [ null !== (_b = null === (_a = this._center) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : this._region.getLayoutRect().width / 2, null !== (_d = null === (_c = this._center) || void 0 === _c ? void 0 : _c.y) && void 0 !== _d ? _d : this._region.getLayoutRect().height / 2 ];
+            }
+        })), this.setMarkStyle(labelLineMark, this.generateLinePath("hover"), "hover"), 
+        this.setMarkStyle(labelLineMark, this.generateLinePath("selected"), "selected"), 
+        this._trigger.registerMark(labelLineMark));
+    }
+}
+
+exports.Pie3dSeries = Pie3dSeries, Pie3dSeries.type = type_1.SeriesTypeEnum.pie3d, 
+Pie3dSeries.mark = constant_2.pie3dSeriesMark;
+//# sourceMappingURL=pie-3d.js.map