@visactor/vchart 0.0.1-alpha.0

package/esm/series/polar/progress-like/progress-like.js

@@ -0,0 +1,66 @@
+import { isValid, isValidNumber } from "@visactor/vutils";
+
+import { POLAR_END_RADIAN, POLAR_START_RADIAN, STACK_FIELD_END, STACK_FIELD_START } from "../../../constant";
+
+import { radians, valueInScaleRange } from "../../../util";
+
+import { PolarSeries } from "../polar";
+
+export class ProgressLikeSeries extends PolarSeries {
+    constructor() {
+        super(...arguments), this._stack = !0;
+    }
+    setAttrFromSpec() {
+        var _a, _b, _c, _d, _e;
+        super.setAttrFromSpec();
+        const chartSpec = null === (_a = this._option.globalInstance.getChart()) || void 0 === _a ? void 0 : _a.getSpec();
+        this._startAngle = null !== (_c = null !== (_b = radians(this._spec.startAngle)) && void 0 !== _b ? _b : radians(null == chartSpec ? void 0 : chartSpec.startAngle)) && void 0 !== _c ? _c : POLAR_START_RADIAN, 
+        this._endAngle = null !== (_e = null !== (_d = radians(this._spec.endAngle)) && void 0 !== _d ? _d : radians(null == chartSpec ? void 0 : chartSpec.endAngle)) && void 0 !== _e ? _e : POLAR_END_RADIAN, 
+        this.setAngleField(this._spec.valueField || this._spec.angleField), this.setRadiusField(this._spec.categoryField || this._spec.radiusField);
+    }
+    getStackGroupFields() {
+        return this._radiusField;
+    }
+    getStackValueField() {
+        var _a;
+        return null === (_a = this._angleField) || void 0 === _a ? void 0 : _a[0];
+    }
+    setValueFieldToStack() {}
+    setValueFieldToPercent() {}
+    setValueFieldToStackOffsetSilhouette() {}
+    getGroupFields() {
+        return this._angleField;
+    }
+    _convertMarkStyle(style) {
+        const newStyle = super._convertMarkStyle(style);
+        if (newStyle.fill) {
+            const value = style.fill;
+            "conical" !== (null == value ? void 0 : value.gradient) || isValid(null == value ? void 0 : value.startAngle) || isValid(null == value ? void 0 : value.endAngle) || (newStyle.fill = Object.assign(Object.assign({}, value), {
+                startAngle: this._startAngle,
+                endAngle: this._endAngle
+            }));
+        }
+        return newStyle;
+    }
+    _getAngleValueStart(datum) {
+        if (this._stack) {
+            const value = valueInScaleRange(this.angleAxisHelper.dataToPosition([ datum[STACK_FIELD_START] ]), this.angleAxisHelper.getScale(0));
+            if (isValidNumber(value)) return value;
+        }
+        return this._startAngle;
+    }
+    _getAngleValueEnd(datum) {
+        if (this._stack) {
+            const value = valueInScaleRange(this.angleAxisHelper.dataToPosition([ datum[STACK_FIELD_END] ]), this.angleAxisHelper.getScale(0));
+            if (isValidNumber(value)) return value;
+        }
+        return this.angleAxisHelper.dataToPosition([ datum[this._angleField[0]] ]);
+    }
+    getDimensionField() {
+        return this._radiusField;
+    }
+    getMeasureField() {
+        return this._angleField;
+    }
+}
+//# sourceMappingURL=progress-like.js.map

package/esm/series/polar/progress-like/progress-like.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/polar/progress-like/progress-like.ts"],"names":[],"mappings":"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","file":"progress-like.js","sourcesContent":["import type { Datum } from '@visactor/vgrammar';\nimport { isValid, isValidNumber } from '@visactor/vutils';\nimport { POLAR_END_RADIAN, POLAR_START_RADIAN, STACK_FIELD_END, STACK_FIELD_START } from '../../../constant';\nimport type { IMarkStyle } from '../../../mark/interface';\nimport type { ConvertToMarkStyleSpec, ICommonSpec } from '../../../typings';\nimport { radians, valueInScaleRange } from '../../../util';\nimport { PolarSeries } from '../polar';\nimport type { IProgressLikeSeriesSpec } from './interface';\n\nexport abstract class ProgressLikeSeries<T extends IProgressLikeSeriesSpec> extends PolarSeries<T> {\n  protected _stack: boolean = true;\n\n  protected _startAngle: number;\n  protected _endAngle: number;\n\n  setAttrFromSpec(): void {\n    super.setAttrFromSpec();\n    const chartSpec = this._option.globalInstance.getChart()?.getSpec() as any;\n    this._startAngle = radians(this._spec.startAngle) ?? radians(chartSpec?.startAngle) ?? POLAR_START_RADIAN;\n    this._endAngle = radians(this._spec.endAngle) ?? radians(chartSpec?.endAngle) ?? POLAR_END_RADIAN;\n\n    // 值信息给角度\n    this.setAngleField(this._spec.valueField || this._spec.angleField);\n    // 分类信息给半径\n    this.setRadiusField(this._spec.categoryField || this._spec.radiusField);\n  }\n\n  getStackGroupFields(): string[] {\n    return this._radiusField;\n  }\n\n  getStackValueField() {\n    return this._angleField?.[0];\n  }\n\n  setValueFieldToStack(): void {\n    // this.setAngleField(STACK_FIELD_END);\n  }\n\n  setValueFieldToPercent(): void {\n    //do nothing\n  }\n\n  setValueFieldToStackOffsetSilhouette(): void {\n    // do nothing\n  }\n\n  getGroupFields() {\n    return this._angleField;\n  }\n\n  /** 重载 mark style 赋值前转换逻辑 */\n  protected _convertMarkStyle<T extends ICommonSpec = ICommonSpec>(\n    style: Partial<IMarkStyle<T> | ConvertToMarkStyleSpec<T>>\n  ): Partial<IMarkStyle<T> | ConvertToMarkStyleSpec<T>> {\n    const newStyle = super._convertMarkStyle(style) as unknown as any;\n\n    const fillKey = 'fill';\n    if (newStyle[fillKey]) {\n      const value = style[fillKey] as unknown as any;\n      // 为环形渐变色自动加 startAngle 和 endAngle\n      if (value?.gradient === 'conical' && !isValid(value?.startAngle) && !isValid(value?.endAngle)) {\n        newStyle[fillKey] = {\n          ...value,\n          startAngle: this._startAngle,\n          endAngle: this._endAngle\n        };\n      }\n    }\n\n    return newStyle;\n  }\n\n  protected _getAngleValueStart(datum: Datum) {\n    if (this._stack) {\n      const value = valueInScaleRange(\n        this.angleAxisHelper.dataToPosition([datum[STACK_FIELD_START]]),\n        this.angleAxisHelper.getScale(0)\n      );\n      if (isValidNumber(value)) {\n        return value;\n      }\n    }\n    return this._startAngle;\n  }\n\n  protected _getAngleValueEnd(datum: Datum) {\n    if (this._stack) {\n      const value = valueInScaleRange(\n        this.angleAxisHelper.dataToPosition([datum[STACK_FIELD_END]]),\n        this.angleAxisHelper.getScale(0)\n      );\n      if (isValidNumber(value)) {\n        return value;\n      }\n    }\n    return this.angleAxisHelper.dataToPosition([datum[this._angleField[0]]]);\n  }\n\n  getDimensionField(): string[] {\n    return this._radiusField;\n  }\n\n  getMeasureField(): string[] {\n    return this._angleField;\n  }\n}\n"]}

package/esm/series/polar/rose-like/index.d.ts

@@ -0,0 +1,2 @@
+export * from './rose-like';
+export * from './interface';

package/esm/series/polar/rose-like/index.js

@@ -0,0 +1,4 @@
+export * from "./rose-like";
+
+export * from "./interface";
+//# sourceMappingURL=index.js.map

package/esm/series/polar/rose-like/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/polar/rose-like/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC","file":"index.js","sourcesContent":["export * from './rose-like';\nexport * from './interface';\n"]}

package/esm/series/polar/rose-like/interface.d.ts

@@ -0,0 +1,8 @@
+import type { ILabelSpec } from '../../../component/label';
+import type { IPolarSeriesSpec, IPolarSeriesTheme } from '../interface';
+export interface IRoseLikeSeriesSpec extends IPolarSeriesSpec {
+    label?: Partial<ILabelSpec>;
+}
+export interface IRoseLikeSeriesTheme extends IPolarSeriesTheme {
+    label?: Partial<ILabelSpec>;
+}

package/esm/series/polar/rose-like/interface.js

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

package/esm/series/polar/rose-like/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/polar/rose-like/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { ILabelSpec } from '../../../component/label';\nimport type { IPolarSeriesSpec, IPolarSeriesTheme } from '../interface';\n\nexport interface IRoseLikeSeriesSpec extends IPolarSeriesSpec {\n  /** 标签配置 */\n  label?: Partial<ILabelSpec>;\n}\n\nexport interface IRoseLikeSeriesTheme extends IPolarSeriesTheme {\n  /** 标签配置 */\n  label?: Partial<ILabelSpec>;\n}\n"]}

package/esm/series/polar/rose-like/rose-like.d.ts

@@ -0,0 +1,14 @@
+import { PolarSeries } from '../polar';
+import type { IRoseLikeSeriesSpec } from './interface';
+export declare abstract class RoseLikeSeries<T extends IRoseLikeSeriesSpec> extends PolarSeries<T> {
+    getStackGroupFields(): string[];
+    getStackValueField(): string;
+    getGroupFields(): string[];
+    setAttrFromSpec(): void;
+    setValueFieldToStack(): void;
+    setValueFieldToPercent(): void;
+    getDimensionField(): string[];
+    getMeasureField(): string[];
+    getDefaultShapeType(): string;
+    setValueFieldToStackOffsetSilhouette(): void;
+}

package/esm/series/polar/rose-like/rose-like.js

@@ -0,0 +1,39 @@
+import { array } from "@visactor/vutils";
+
+import { STACK_FIELD_END, STACK_FIELD_END_PERCENT, STACK_FIELD_START, STACK_FIELD_START_PERCENT } from "../../../constant";
+
+import { PolarSeries } from "../polar";
+
+export class RoseLikeSeries extends PolarSeries {
+    getStackGroupFields() {
+        return this._angleField;
+    }
+    getStackValueField() {
+        return array(this._spec.valueField)[0] || array(this._spec.radiusField)[0];
+    }
+    getGroupFields() {
+        return this._angleField;
+    }
+    setAttrFromSpec() {
+        super.setAttrFromSpec(), this.setAngleField(this._spec.categoryField || this._spec.angleField), 
+        this.setRadiusField(this._spec.valueField || this._spec.radiusField), this.setInnerRadiusField(this._spec.valueField || this._spec.radiusField), 
+        this._stack && this.setValueFieldToStack(), this._percent && this.setValueFieldToPercent();
+    }
+    setValueFieldToStack() {
+        this.setRadiusField(STACK_FIELD_END), this.setInnerRadiusField(STACK_FIELD_START);
+    }
+    setValueFieldToPercent() {
+        this.setRadiusField(STACK_FIELD_END_PERCENT), this.setInnerRadiusField(STACK_FIELD_START_PERCENT);
+    }
+    getDimensionField() {
+        return this._angleField;
+    }
+    getMeasureField() {
+        return this._radiusField;
+    }
+    getDefaultShapeType() {
+        return "square";
+    }
+    setValueFieldToStackOffsetSilhouette() {}
+}
+//# sourceMappingURL=rose-like.js.map

package/esm/series/polar/rose-like/rose-like.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/polar/rose-like/rose-like.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EACL,eAAe,EACf,uBAAuB,EACvB,iBAAiB,EACjB,yBAAyB,EAC1B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGvC,MAAM,OAAgB,cAA8C,SAAQ,WAAc;IACxF,mBAAmB;QACjB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAED,kBAAkB;QAChB,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7E,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAED,eAAe;QACb,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QACtE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QACrE,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAC1E,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,oBAAoB,EAAE,CAAC;SAC7B;QACD,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,sBAAsB,EAAE,CAAC;SAC/B;IACH,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;QACrC,IAAI,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;IAC9C,CAAC;IAED,sBAAsB;QACpB,IAAI,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;QAC7C,IAAI,CAAC,mBAAmB,CAAC,yBAAyB,CAAC,CAAC;IACtD,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IAED,mBAAmB;QACjB,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,oCAAoC;IAEpC,CAAC;CACF","file":"rose-like.js","sourcesContent":["import { array } from '@visactor/vutils';\nimport {\n  STACK_FIELD_END,\n  STACK_FIELD_END_PERCENT,\n  STACK_FIELD_START,\n  STACK_FIELD_START_PERCENT\n} from '../../../constant';\nimport { PolarSeries } from '../polar';\nimport type { IRoseLikeSeriesSpec } from './interface';\n\nexport abstract class RoseLikeSeries<T extends IRoseLikeSeriesSpec> extends PolarSeries<T> {\n  getStackGroupFields(): string[] {\n    return this._angleField;\n  }\n\n  getStackValueField() {\n    return array(this._spec.valueField)[0] || array(this._spec.radiusField)[0];\n  }\n\n  getGroupFields() {\n    return this._angleField;\n  }\n\n  setAttrFromSpec() {\n    super.setAttrFromSpec();\n    // 兼容小组件写法，因为 spec 改造前已经开放了\n    this.setAngleField(this._spec.categoryField || this._spec.angleField);\n    this.setRadiusField(this._spec.valueField || this._spec.radiusField);\n    this.setInnerRadiusField(this._spec.valueField || this._spec.radiusField);\n    if (this._stack) {\n      this.setValueFieldToStack();\n    }\n    if (this._percent) {\n      this.setValueFieldToPercent();\n    }\n  }\n\n  setValueFieldToStack(): void {\n    this.setRadiusField(STACK_FIELD_END);\n    this.setInnerRadiusField(STACK_FIELD_START);\n  }\n\n  setValueFieldToPercent(): void {\n    this.setRadiusField(STACK_FIELD_END_PERCENT);\n    this.setInnerRadiusField(STACK_FIELD_START_PERCENT);\n  }\n\n  getDimensionField(): string[] {\n    return this._angleField;\n  }\n  getMeasureField(): string[] {\n    return this._radiusField;\n  }\n\n  getDefaultShapeType(): string {\n    return 'square';\n  }\n\n  setValueFieldToStackOffsetSilhouette(): void {\n    // do nothing\n  }\n}\n"]}

package/esm/series/progress/circular/circular.d.ts

@@ -0,0 +1,20 @@
+import type { Maybe, Datum } from '../../../typings';
+import { SeriesTypeEnum } from '../../interface';
+import type { ICircularProgressSeriesSpec, ICircularProgressSeriesTheme } from './interface';
+import { ProgressLikeSeries } from '../../polar/progress-like/progress-like';
+export declare class CircularProgressSeries extends ProgressLikeSeries<ICircularProgressSeriesSpec> {
+    static readonly type: string;
+    type: SeriesTypeEnum;
+    protected _theme: Maybe<ICircularProgressSeriesTheme>;
+    private _progressMark;
+    private _trackMark;
+    getStackGroupFields(): string[];
+    getGroupFields(): string[];
+    initMark(): void;
+    initMarkStyle(): void;
+    private initProgressMarkStyle;
+    private initTrackMarkStyle;
+    protected _getRadiusValueStart(datum: Datum): number;
+    protected _getRadiusValueEnd(datum: Datum): number;
+    initAnimation(): void;
+}

package/esm/series/progress/circular/circular.js

@@ -0,0 +1,95 @@
+import { MarkTypeEnum } from "../../../mark/interface";
+
+import { isValidNumber } from "../../../util";
+
+import { SeriesTypeEnum } from "../../interface";
+
+import { animationConfig, userAnimationConfig } from "../../../animation/utils";
+
+import { DEFAULT_MARK_ANIMATION } from "../../../animation/config";
+
+import { ProgressLikeSeries } from "../../polar/progress-like/progress-like";
+
+export class CircularProgressSeries extends ProgressLikeSeries {
+    constructor() {
+        super(...arguments), this.type = SeriesTypeEnum.circularProgress, this._progressMark = null, 
+        this._trackMark = null;
+    }
+    getStackGroupFields() {
+        return this.getGroupFields();
+    }
+    getGroupFields() {
+        return this._radiusField;
+    }
+    initMark() {
+        this._trackMark = this._createMark(MarkTypeEnum.progressArc, "track"), this._progressMark = this._createMark(MarkTypeEnum.progressArc, "progress", {
+            isSeriesMark: !0
+        });
+    }
+    initMarkStyle() {
+        this.initTrackMarkStyle(), this.initProgressMarkStyle();
+    }
+    initProgressMarkStyle() {
+        var _a, _b;
+        const progressMark = this._progressMark;
+        progressMark && (this.setMarkStyle(progressMark, {
+            x: () => this.angleAxisHelper.center().x,
+            y: () => this.angleAxisHelper.center().y,
+            startAngle: this._getAngleValueStart.bind(this),
+            endAngle: this._getAngleValueEnd.bind(this),
+            innerRadius: this._getRadiusValueStart.bind(this),
+            outerRadius: this._getRadiusValueEnd.bind(this),
+            cap: null !== (_a = this._spec.roundCap) && void 0 !== _a && _a,
+            boundsMode: "imprecise",
+            cornerRadius: this._spec.cornerRadius,
+            fill: this.getColorAttribute(),
+            fillOpacity: 1,
+            zIndex: 200,
+            forceShowCap: !0
+        }), this._trigger.registerMark(progressMark), null === (_b = this._tooltipHelper) || void 0 === _b || _b.activeTriggerSet.mark.add(progressMark));
+    }
+    initTrackMarkStyle() {
+        const trackMark = this._trackMark;
+        trackMark && (this.setMarkStyle(trackMark, {
+            visible: datum => {
+                const range = this.angleAxisHelper.getScale(0).range(), min = Math.min(range[0], range[range.length - 1]), startValue = this._getAngleValueStart(datum);
+                return Math.abs(startValue - min) <= 1e-14;
+            },
+            x: () => this.angleAxisHelper.center().x,
+            y: () => this.angleAxisHelper.center().y,
+            startAngle: this._startAngle,
+            endAngle: this._endAngle,
+            innerRadius: this._getRadiusValueStart.bind(this),
+            outerRadius: this._getRadiusValueEnd.bind(this),
+            cornerRadius: this._spec.cornerRadius,
+            fill: this.getColorAttribute(),
+            fillOpacity: .2,
+            zIndex: 100
+        }), this._trigger.registerMark(trackMark));
+    }
+    _getRadiusValueStart(datum) {
+        if (this.getGroupFields().length > 1) {
+            const value = this.radiusAxisHelper.dataToPosition(this.getDatumPositionValues(datum, this.getGroupFields()));
+            if (isValidNumber(value)) return value;
+        }
+        return this.radiusAxisHelper.dataToPosition([ datum[this._radiusField[0]] ]);
+    }
+    _getRadiusValueEnd(datum) {
+        var _a, _b;
+        if (this.getGroupFields().length > 1) {
+            const value = this.radiusAxisHelper.dataToPosition(this.getDatumPositionValues(datum, this.getGroupFields())) + (null === (_b = (_a = this.radiusAxisHelper).getBandwidth) || void 0 === _b ? void 0 : _b.call(_a, this._groups ? this._groups.fields.length - 1 : 0));
+            if (isValidNumber(value)) return value;
+        }
+        return this.radiusAxisHelper.dataToPosition([ datum[this._radiusField[0]] ]) + this.radiusAxisHelper.getScale(0).step();
+    }
+    initAnimation() {
+        var _a, _b;
+        const appearPreset = null === (_b = null === (_a = this._spec) || void 0 === _a ? void 0 : _a.animationAppear) || void 0 === _b ? void 0 : _b.preset;
+        this._progressMark.setAnimationConfig(animationConfig(DEFAULT_MARK_ANIMATION.circularProgress({
+            startAngle: this._startAngle
+        }, appearPreset), userAnimationConfig("progress", this._spec))), this._trackMark.setAnimationConfig(animationConfig(DEFAULT_MARK_ANIMATION.progressBackground(), userAnimationConfig("track", this._spec)));
+    }
+}
+
+CircularProgressSeries.type = SeriesTypeEnum.circularProgress;
+//# sourceMappingURL=circular.js.map

package/esm/series/progress/circular/circular.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/progress/circular/circular.ts"],"names":[],"mappings":"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","file":"circular.js","sourcesContent":["import type { BandScale } from '@visactor/vscale';\nimport type { IArcMark } from '../../../mark/arc';\nimport { MarkTypeEnum } from '../../../mark/interface';\nimport type { Maybe, Datum } from '../../../typings';\n// eslint-disable-next-line no-duplicate-imports\nimport { isValidNumber } from '../../../util';\nimport { SeriesTypeEnum } from '../../interface';\nimport { animationConfig, userAnimationConfig } from '../../../animation/utils';\nimport { DEFAULT_MARK_ANIMATION } from '../../../animation/config';\nimport type { ICircularProgressSeriesSpec, ICircularProgressSeriesTheme } from './interface';\nimport { ProgressLikeSeries } from '../../polar/progress-like/progress-like';\nimport type { IStateAnimateSpec } from '../../../animation/spec';\nimport type { IProgressArcMark } from '../../../mark/progress-arc';\n\nexport class CircularProgressSeries extends ProgressLikeSeries<ICircularProgressSeriesSpec> {\n  static readonly type: string = SeriesTypeEnum.circularProgress;\n  type = SeriesTypeEnum.circularProgress;\n\n  protected declare _theme: Maybe<ICircularProgressSeriesTheme>;\n\n  private _progressMark: IProgressArcMark | null = null;\n  private _trackMark: IProgressArcMark | null = null;\n\n  getStackGroupFields(): string[] {\n    return this.getGroupFields();\n  }\n\n  getGroupFields() {\n    return this._radiusField;\n  }\n\n  initMark(): void {\n    this._trackMark = this._createMark(MarkTypeEnum.progressArc, 'track') as IArcMark;\n    this._progressMark = this._createMark(MarkTypeEnum.progressArc, 'progress', {\n      isSeriesMark: true\n    }) as IArcMark;\n  }\n\n  initMarkStyle(): void {\n    this.initTrackMarkStyle();\n    this.initProgressMarkStyle();\n  }\n\n  private initProgressMarkStyle() {\n    const progressMark = this._progressMark;\n    if (progressMark) {\n      this.setMarkStyle(progressMark, {\n        x: () => this.angleAxisHelper.center().x,\n        y: () => this.angleAxisHelper.center().y,\n        startAngle: this._getAngleValueStart.bind(this),\n        endAngle: this._getAngleValueEnd.bind(this),\n        innerRadius: this._getRadiusValueStart.bind(this),\n        outerRadius: this._getRadiusValueEnd.bind(this),\n        cap: this._spec.roundCap ?? false,\n        boundsMode: 'imprecise',\n        cornerRadius: this._spec.cornerRadius,\n        fill: this.getColorAttribute(),\n        fillOpacity: 1,\n        zIndex: 200,\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        // forceShowCap 是内部属性，不在接口中暴露\n        forceShowCap: true\n      });\n      this._trigger.registerMark(progressMark);\n      this._tooltipHelper?.activeTriggerSet.mark.add(progressMark);\n    }\n  }\n\n  private initTrackMarkStyle() {\n    const trackMark = this._trackMark;\n    if (trackMark) {\n      this.setMarkStyle(trackMark, {\n        visible: (datum: Datum) => {\n          const scale = this.angleAxisHelper.getScale(0);\n          const range = scale.range();\n          const min = Math.min(range[0], range[range.length - 1]);\n          const startValue = this._getAngleValueStart(datum);\n          // 堆叠情况只显示第一组的背景\n          return Math.abs(startValue - min) <= 1e-14;\n        },\n        x: () => this.angleAxisHelper.center().x,\n        y: () => this.angleAxisHelper.center().y,\n        startAngle: this._startAngle,\n        endAngle: this._endAngle,\n        innerRadius: this._getRadiusValueStart.bind(this),\n        outerRadius: this._getRadiusValueEnd.bind(this),\n        cornerRadius: this._spec.cornerRadius,\n        fill: this.getColorAttribute(),\n        fillOpacity: 0.2,\n        zIndex: 100\n      });\n      this._trigger.registerMark(trackMark);\n    }\n  }\n\n  protected _getRadiusValueStart(datum: Datum) {\n    if (this.getGroupFields().length > 1) {\n      const value = this.radiusAxisHelper.dataToPosition(this.getDatumPositionValues(datum, this.getGroupFields()));\n      if (isValidNumber(value)) {\n        return value;\n      }\n    }\n    return this.radiusAxisHelper.dataToPosition([datum[this._radiusField[0]]]);\n  }\n\n  protected _getRadiusValueEnd(datum: Datum) {\n    if (this.getGroupFields().length > 1) {\n      const value =\n        this.radiusAxisHelper.dataToPosition(this.getDatumPositionValues(datum, this.getGroupFields())) +\n        this.radiusAxisHelper.getBandwidth?.(this._groups ? this._groups.fields.length - 1 : 0);\n      if (isValidNumber(value)) {\n        return value;\n      }\n    }\n    return (\n      this.radiusAxisHelper.dataToPosition([datum[this._radiusField[0]]]) +\n      (this.radiusAxisHelper.getScale(0) as BandScale).step()\n    );\n  }\n\n  initAnimation() {\n    const appearPreset = (this._spec?.animationAppear as IStateAnimateSpec<any>)?.preset;\n\n    this._progressMark.setAnimationConfig(\n      animationConfig(\n        DEFAULT_MARK_ANIMATION.circularProgress(\n          {\n            startAngle: this._startAngle\n          },\n          appearPreset\n        ),\n        userAnimationConfig('progress', this._spec)\n      )\n    );\n\n    this._trackMark.setAnimationConfig(\n      animationConfig(DEFAULT_MARK_ANIMATION.progressBackground(), userAnimationConfig('track', this._spec))\n    );\n  }\n}\n"]}

package/esm/series/progress/circular/index.d.ts

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

package/esm/series/progress/circular/index.js

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

package/esm/series/progress/circular/index.js.map

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

package/esm/series/progress/circular/interface.d.ts

@@ -0,0 +1,19 @@
+import type { IAnimationSpec } from '../../../animation/spec';
+import type { IMarkSpec, IMarkTheme } from '../../../typings/spec/common';
+import type { IProgressArcMarkSpec } from '../../../typings/visual';
+import type { ProgressLikeAppearPreset } from '../../polar/progress-like/animation';
+import type { IProgressSeriesSpec } from '../interface';
+import type { IProgressLikeSeriesSpec, IProgressLikeSeriesTheme } from '../../polar/progress-like/interface';
+export type CircularProgressMarks = 'progress' | 'track';
+export interface ICircularProgressSeriesSpec extends IProgressSeriesSpec, IProgressLikeSeriesSpec, IAnimationSpec<CircularProgressMarks, ProgressLikeAppearPreset> {
+    type: 'circularProgress';
+    categoryField?: string | string[];
+    radiusField?: string;
+    maxValue?: number;
+    progress?: IMarkSpec<IProgressArcMarkSpec>;
+    track?: IMarkSpec<IProgressArcMarkSpec>;
+}
+export interface ICircularProgressSeriesTheme extends IProgressLikeSeriesTheme {
+    progress?: Partial<IMarkTheme<IProgressArcMarkSpec>>;
+    track?: Partial<IMarkTheme<IProgressArcMarkSpec>>;
+}

package/esm/series/progress/circular/interface.js

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

package/esm/series/progress/circular/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/progress/circular/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IAnimationSpec } from '../../../animation/spec';\nimport type { IMarkSpec, IMarkTheme } from '../../../typings/spec/common';\nimport type { IProgressArcMarkSpec } from '../../../typings/visual';\nimport type { ProgressLikeAppearPreset } from '../../polar/progress-like/animation';\nimport type { IProgressSeriesSpec } from '../interface';\nimport type { IProgressLikeSeriesSpec, IProgressLikeSeriesTheme } from '../../polar/progress-like/interface';\n\nexport type CircularProgressMarks = 'progress' | 'track';\n\nexport interface ICircularProgressSeriesSpec\n  extends IProgressSeriesSpec,\n    IProgressLikeSeriesSpec,\n    IAnimationSpec<CircularProgressMarks, ProgressLikeAppearPreset> {\n  type: 'circularProgress';\n\n  /** 分类字段 */\n  categoryField?: string | string[];\n\n  radiusField?: string;\n\n  /** 数据最大值，默认为 1 */\n  maxValue?: number;\n\n  /** 进度条样式 */\n  progress?: IMarkSpec<IProgressArcMarkSpec>;\n\n  /** 背景样式 */\n  track?: IMarkSpec<IProgressArcMarkSpec>;\n}\n\nexport interface ICircularProgressSeriesTheme extends IProgressLikeSeriesTheme {\n  progress?: Partial<IMarkTheme<IProgressArcMarkSpec>>;\n  track?: Partial<IMarkTheme<IProgressArcMarkSpec>>;\n}\n"]}

package/esm/series/progress/interface.d.ts

@@ -0,0 +1,7 @@
+import type { IMarkSpec, ISeriesSpec } from '../../typings/spec/common';
+import type { IArcMarkSpec, IRectMarkSpec, IGroupMarkSpec } from '../../typings/visual';
+export interface IProgressSeriesSpec extends ISeriesSpec {
+    cornerRadius?: number;
+    progress?: IMarkSpec<IArcMarkSpec> | IMarkSpec<IRectMarkSpec>;
+    track?: IMarkSpec<IArcMarkSpec> | IMarkSpec<IGroupMarkSpec>;
+}

package/esm/series/progress/interface.js

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

package/esm/series/progress/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/progress/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IMarkSpec, ISeriesSpec } from '../../typings/spec/common';\nimport type { IArcMarkSpec, IRectMarkSpec, IGroupMarkSpec } from '../../typings/visual';\n\nexport interface IProgressSeriesSpec extends ISeriesSpec {\n  /**\n   * 进度条圆角半径\n   * @default 0\n   */\n  cornerRadius?: number;\n\n  /** 进度条样式 */\n  progress?: IMarkSpec<IArcMarkSpec> | IMarkSpec<IRectMarkSpec>;\n  /** 背景样式 */\n  track?: IMarkSpec<IArcMarkSpec> | IMarkSpec<IGroupMarkSpec>;\n}\n"]}

package/esm/series/progress/linear/animation.d.ts

@@ -0,0 +1,9 @@
+import type { IAnimationTypeConfig } from '@visactor/vgrammar';
+import type { DirectionType } from '../../../typings';
+export interface ILinearProgressAnimationParams {
+    direction: DirectionType;
+}
+export type LinearProgressAppearPreset = 'grow' | 'fadeIn';
+export declare const linearProgressDisappear: (params: ILinearProgressAnimationParams) => IAnimationTypeConfig;
+export declare const Appear_FadeIn: IAnimationTypeConfig;
+export declare function linearProgressPresetAnimation(params: ILinearProgressAnimationParams, preset: LinearProgressAppearPreset | boolean): IAnimationTypeConfig;

package/esm/series/progress/linear/animation.js

@@ -0,0 +1,28 @@
+import { Direction } from "../../../typings";
+
+function LinearProgressGrowOption(params) {
+    return () => "vertical" === params.direction ? {
+        orient: "negative"
+    } : {
+        orient: "positive"
+    };
+}
+
+const Appear_Grow = params => ({
+    type: params.direction === Direction.horizontal ? "growWidthIn" : "growHeightIn",
+    options: LinearProgressGrowOption(params)
+});
+
+export const linearProgressDisappear = params => ({
+    type: params.direction === Direction.horizontal ? "growWidthOut" : "growHeightOut",
+    options: LinearProgressGrowOption(params)
+});
+
+export const Appear_FadeIn = {
+    type: "fadeIn"
+};
+
+export function linearProgressPresetAnimation(params, preset) {
+    return !1 === preset ? {} : "fadeIn" === preset ? Appear_FadeIn : Appear_Grow(params);
+}
+//# sourceMappingURL=animation.js.map

package/esm/series/progress/linear/animation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/progress/linear/animation.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAQ7C,SAAS,wBAAwB,CAAC,MAAsC;IACtE,OAAO,GAAG,EAAE;QACV,IAAI,MAAM,CAAC,SAAS,KAAK,UAAU,EAAE;YACnC,OAAO;gBACL,MAAM,EAAE,UAAU;aACnB,CAAC;SACH;QACD,OAAO;YACL,MAAM,EAAE,UAAU;SACnB,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,WAAW,GAAG,CAAC,MAAsC,EAAwB,EAAE;IACnF,OAAO;QACL,IAAI,EAAE,MAAM,CAAC,SAAS,KAAK,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc;QAChF,OAAO,EAAE,wBAAwB,CAAC,MAAM,CAAC;KAC1C,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,MAAsC,EAAwB,EAAE;IACtG,OAAO;QACL,IAAI,EAAE,MAAM,CAAC,SAAS,KAAK,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe;QAClF,OAAO,EAAE,wBAAwB,CAAC,MAAM,CAAC;KAC1C,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAyB;IACjD,IAAI,EAAE,QAAQ;CACf,CAAC;AAEF,MAAM,UAAU,6BAA6B,CAC3C,MAAsC,EACtC,MAA4C;IAE5C,IAAI,MAAM,KAAK,KAAK,EAAE;QACpB,OAAO,EAAE,CAAC;KACX;IACD,QAAQ,MAAM,EAAE;QACd,KAAK,QAAQ;YACX,OAAO,aAAa,CAAC;QACvB;YACE,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC;KAC9B;AACH,CAAC","file":"animation.js","sourcesContent":["import type { IAnimationTypeConfig } from '@visactor/vgrammar';\nimport type { DirectionType } from '../../../typings';\n// eslint-disable-next-line no-duplicate-imports\nimport { Direction } from '../../../typings';\n\nexport interface ILinearProgressAnimationParams {\n  direction: DirectionType;\n}\n\nexport type LinearProgressAppearPreset = 'grow' | 'fadeIn';\n\nfunction LinearProgressGrowOption(params: ILinearProgressAnimationParams) {\n  return () => {\n    if (params.direction === 'vertical') {\n      return {\n        orient: 'negative'\n      };\n    }\n    return {\n      orient: 'positive'\n    };\n  };\n}\n\nconst Appear_Grow = (params: ILinearProgressAnimationParams): IAnimationTypeConfig => {\n  return {\n    type: params.direction === Direction.horizontal ? 'growWidthIn' : 'growHeightIn',\n    options: LinearProgressGrowOption(params)\n  };\n};\n\nexport const linearProgressDisappear = (params: ILinearProgressAnimationParams): IAnimationTypeConfig => {\n  return {\n    type: params.direction === Direction.horizontal ? 'growWidthOut' : 'growHeightOut',\n    options: LinearProgressGrowOption(params)\n  };\n};\n\nexport const Appear_FadeIn: IAnimationTypeConfig = {\n  type: 'fadeIn'\n};\n\nexport function linearProgressPresetAnimation(\n  params: ILinearProgressAnimationParams,\n  preset: LinearProgressAppearPreset | boolean\n) {\n  if (preset === false) {\n    return {};\n  }\n  switch (preset) {\n    case 'fadeIn':\n      return Appear_FadeIn;\n    default:\n      return Appear_Grow(params);\n  }\n}\n"]}

package/esm/series/progress/linear/index.d.ts

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

package/esm/series/progress/linear/index.js

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

package/esm/series/progress/linear/index.js.map

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

package/esm/series/progress/linear/interface.d.ts

@@ -0,0 +1,25 @@
+import type { IAnimationSpec } from '../../../animation/spec';
+import type { DirectionType } from '../../../typings';
+import type { IMarkSpec, IMarkTheme } from '../../../typings/spec/common';
+import type { IGroupMarkSpec, IRectMarkSpec } from '../../../typings/visual';
+import type { IProgressSeriesSpec } from '../interface';
+import type { LinearProgressAppearPreset } from './animation';
+export interface ILinearProgressSeriesSpec extends IProgressSeriesSpec, IAnimationSpec<string, LinearProgressAppearPreset> {
+    type: 'linearProgress';
+    xField: string | string[];
+    yField: string | string[];
+    direction?: DirectionType;
+    bandWidth?: number;
+    progress?: IMarkSpec<IRectMarkSpec> & {
+        topPadding?: number;
+        bottomPadding?: number;
+        leftPadding?: number;
+        rightPadding?: number;
+    };
+    track?: IMarkSpec<IGroupMarkSpec>;
+}
+export interface ILinearProgressSeriesTheme {
+    bandWidth?: number;
+    progress?: Partial<IMarkTheme<IRectMarkSpec>>;
+    track?: Partial<IMarkTheme<IGroupMarkSpec>>;
+}

package/esm/series/progress/linear/interface.js

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

package/esm/series/progress/linear/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/progress/linear/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IAnimationSpec } from '../../../animation/spec';\nimport type { DirectionType } from '../../../typings';\nimport type { IMarkSpec, IMarkTheme } from '../../../typings/spec/common';\nimport type { IGroupMarkSpec, IRectMarkSpec } from '../../../typings/visual';\nimport type { IProgressSeriesSpec } from '../interface';\nimport type { LinearProgressAppearPreset } from './animation';\n\nexport interface ILinearProgressSeriesSpec\n  extends IProgressSeriesSpec,\n    // TODO: 补充MarkName类型 @liupei\n    IAnimationSpec<string, LinearProgressAppearPreset> {\n  type: 'linearProgress';\n  /**\n   * coordinate: 'cartesian'\n   * x轴字段\n   */\n  xField: string | string[];\n  /**\n   * y轴字段\n   * 因为存在 direction，运行双轴都为离散，连续。所以 yField 也可以像 xField 一样支持多维度\n   */\n  yField: string | string[];\n\n  /**\n   * 方向\n   * @default Direction.horizontal\n   */\n  direction?: DirectionType;\n\n  /**\n   * 进度条宽度\n   * 以像素值(px)为单位\n   */\n  bandWidth?: number;\n\n  /**\n   * 进度条样式\n   * TODO: 支持百分比作为padding, 类型为string\n   */\n  progress?: IMarkSpec<IRectMarkSpec> & {\n    /** 进度条上侧 padding（水平生效） */\n    topPadding?: number;\n    /** 进度条下侧 padding（水平生效） */\n    bottomPadding?: number;\n    /** 进度条左侧 padding（垂直生效） */\n    leftPadding?: number;\n    /** 进度条右侧 padding（垂直生效） */\n    rightPadding?: number;\n  };\n\n  /** 背景条样式 */\n  track?: IMarkSpec<IGroupMarkSpec>;\n}\n\nexport interface ILinearProgressSeriesTheme {\n  bandWidth?: number;\n  progress?: Partial<IMarkTheme<IRectMarkSpec>>;\n  track?: Partial<IMarkTheme<IGroupMarkSpec>>;\n}\n"]}

package/esm/series/progress/linear/linear.d.ts

@@ -0,0 +1,22 @@
+import { CartesianSeries } from '../../cartesian/cartesian';
+import { SeriesTypeEnum } from '../../interface';
+import type { Maybe } from '../../../typings';
+import type { ILinearProgressSeriesSpec, ILinearProgressSeriesTheme } from './interface';
+export declare class LinearProgressSeries extends CartesianSeries<ILinearProgressSeriesSpec> {
+    static readonly type: string;
+    type: SeriesTypeEnum;
+    protected _theme: Maybe<ILinearProgressSeriesTheme>;
+    private _progressMark;
+    private _trackMark;
+    private _progressGroupMark;
+    initMark(): void;
+    initMarkStyle(): void;
+    private initProgressMark;
+    private initProgressMarkStyle;
+    private initTrackMark;
+    private initTrackMarkStyle;
+    private initProgressGroupMark;
+    private initProgressGroupMarkStyle;
+    initAnimation(): void;
+    protected initTooltip(): void;
+}