@visactor/vchart 0.0.1-alpha.0

package/cjs/series/rose/rose.d.ts

@@ -0,0 +1,22 @@
+import type { Maybe } from '../../typings';
+import { SeriesTypeEnum } from '../interface';
+import type { IRoseSeriesSpec, IRoseSeriesTheme } from './interface';
+import { RoseLikeSeries } from '../polar/rose-like';
+import type { ITextMark } from '../../mark/text';
+export declare const DefaultBandWidth = 0.5;
+export declare class RoseSeries extends RoseLikeSeries<IRoseSeriesSpec> {
+    static readonly type: string;
+    type: SeriesTypeEnum;
+    protected _theme: Maybe<IRoseSeriesTheme>;
+    protected _stack: boolean;
+    private _roseMark;
+    protected _labelMark: ITextMark | null;
+    initMark(): void;
+    initMarkStyle(): void;
+    private initRoseMark;
+    private initLabelMark;
+    private getRoseAngle;
+    private initRoseMarkStyle;
+    initLabelMarkStyle(): void;
+    initAnimation(): void;
+}

package/cjs/series/rose/rose.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.RoseSeries = exports.DefaultBandWidth = void 0;
+
+const interface_1 = require("../../mark/interface"), util_1 = require("../../util"), interface_2 = require("../interface"), utils_1 = require("../../animation/utils"), config_1 = require("../../animation/config"), rose_like_1 = require("../polar/rose-like"), constant_1 = require("../../constant");
+
+exports.DefaultBandWidth = .5;
+
+class RoseSeries extends rose_like_1.RoseLikeSeries {
+    constructor() {
+        super(...arguments), this.type = interface_2.SeriesTypeEnum.rose, this._stack = !0, 
+        this._roseMark = null, this._labelMark = null;
+    }
+    initMark() {
+        this.initRoseMark(), this.initLabelMark();
+    }
+    initMarkStyle() {
+        this.initRoseMarkStyle(), this.initLabelMarkStyle();
+    }
+    initRoseMark() {
+        this._roseMark = this._createMark(interface_1.MarkTypeEnum.arc, "rose", {
+            defaultMorphElementKey: this.getDimensionField()[0],
+            groupKey: this._seriesField,
+            isSeriesMark: !0
+        });
+    }
+    initLabelMark() {
+        var _a, _b, _c, _d;
+        (null === (_b = null === (_a = this._spec) || void 0 === _a ? void 0 : _a.label) || void 0 === _b ? void 0 : _b.visible) && (this._labelMark = this._createMark(interface_1.MarkTypeEnum.text, "label", {
+            themeSpec: null === (_c = this._theme) || void 0 === _c ? void 0 : _c.label,
+            markSpec: Object.assign({
+                visible: !0
+            }, null === (_d = this.getSpec()) || void 0 === _d ? void 0 : _d.label)
+        }));
+    }
+    getRoseAngle() {
+        var _a, _b, _c;
+        return null !== (_c = null === (_b = (_a = this.angleAxisHelper).getBandwidth) || void 0 === _b ? void 0 : _b.call(_a, this._groups ? this._groups.fields.length - 1 : 0)) && void 0 !== _c ? _c : exports.DefaultBandWidth;
+    }
+    initRoseMarkStyle() {
+        var _a;
+        const roseMark = this._roseMark;
+        roseMark && (this.setMarkStyle(roseMark, {
+            x: () => this.angleAxisHelper.center().x,
+            y: () => this.angleAxisHelper.center().y,
+            startAngle: datum => this.angleAxisHelper.dataToPosition(this.getDatumPositionValues(datum, this.getGroupFields())) - .5 * this.angleAxisHelper.getBandwidth(0),
+            endAngle: datum => this.angleAxisHelper.dataToPosition(this.getDatumPositionValues(datum, this.getGroupFields())) + this.getRoseAngle() - .5 * this.angleAxisHelper.getBandwidth(0),
+            fill: this.getColorAttribute(),
+            fillOpacity: 1,
+            outerRadius: datum => (0, util_1.valueInScaleRange)(this.radiusAxisHelper.dataToPosition([ datum[this._radiusField[0]] ]), this.radiusAxisHelper.getScale(0)),
+            innerRadius: datum => {
+                var _a;
+                if (!this._stack) return 0;
+                const stackStart = (0, util_1.valueInScaleRange)(this.radiusAxisHelper.dataToPosition([ datum[this._innerRadiusField[0]] ]), this.radiusAxisHelper.getScale(0));
+                return stackStart <= Number.MIN_VALUE ? this._computeLayoutRadius() * (null !== (_a = this._spec.innerRadius) && void 0 !== _a ? _a : 0) : stackStart;
+            }
+        }), this._trigger.registerMark(roseMark), null === (_a = this._tooltipHelper) || void 0 === _a || _a.activeTriggerSet.mark.add(roseMark));
+    }
+    initLabelMarkStyle() {
+        var _a, _b, _c, _d, _e, _f;
+        const labelMark = this._labelMark;
+        if (labelMark) {
+            let angle = 0, radius = 0;
+            this.setMarkStyle(labelMark, {
+                visible: !0,
+                x: datum => {
+                    var _a, _b;
+                    const baseAngle = this.angleAxisHelper.dataToPosition(this.getDatumPositionValues(datum, this.getGroupFields())), bandAngle = .5 * this.angleAxisHelper.getBandwidth(0), startAngle = baseAngle - bandAngle, endAngle = baseAngle + this.getRoseAngle() - bandAngle;
+                    return angle = (startAngle + endAngle) / 2, radius = (0, util_1.valueInScaleRange)(this.radiusAxisHelper.dataToPosition([ datum[this._radiusField[0]] ]), this.radiusAxisHelper.getScale(0)) - ((null === (_b = null === (_a = this._spec.label) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.size) || 10) / 2, 
+                    this.angleAxisHelper.center().x + radius * Math.cos(angle);
+                },
+                y: () => this.angleAxisHelper.center().y + radius * Math.sin(angle),
+                text: datum => datum[this._radiusField[0]],
+                fill: (null === (_b = null === (_a = this._spec.label) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fill) || "white",
+                stroke: (null === (_d = null === (_c = this._spec.label) || void 0 === _c ? void 0 : _c.style) || void 0 === _d ? void 0 : _d.stroke) || this.getColorAttribute(),
+                textAlign: "center",
+                textBaseline: "middle",
+                angle: () => {
+                    var _a, _b, _c;
+                    return (null === (_b = null === (_a = this._spec.label) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.angle) || (null !== (_c = (0, 
+                    util_1.degrees)(angle)) && void 0 !== _c ? _c : 0) + 90;
+                },
+                fontSize: (null === (_f = null === (_e = this._spec.label) || void 0 === _e ? void 0 : _e.style) || void 0 === _f ? void 0 : _f.fontSize) || 10
+            }, void 0, constant_1.AttributeLevel.User_Mark), this._trigger.registerMark(labelMark);
+        }
+    }
+    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;
+        if (this._roseMark) {
+            const animationParams = {
+                innerRadius: () => {
+                    var _a;
+                    return this._computeLayoutRadius() * (null !== (_a = this._spec.innerRadius) && void 0 !== _a ? _a : 0);
+                }
+            };
+            this._roseMark.setAnimationConfig((0, utils_1.animationConfig)(config_1.DEFAULT_MARK_ANIMATION.rose(animationParams, appearPreset), (0, 
+            utils_1.userAnimationConfig)(this._roseMark.name, this._spec)));
+        }
+    }
+}
+
+exports.RoseSeries = RoseSeries, RoseSeries.type = interface_2.SeriesTypeEnum.rose;
+//# sourceMappingURL=rose.js.map

package/cjs/series/rose/rose.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/rose/rose.ts"],"names":[],"mappings":"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","file":"rose.js","sourcesContent":["import type { IArcMark } from '../../mark/arc';\nimport { MarkTypeEnum } from '../../mark/interface';\nimport type { Maybe, Datum } from '../../typings';\nimport { valueInScaleRange, degrees } from '../../util';\nimport { SeriesTypeEnum } from '../interface';\nimport { animationConfig, userAnimationConfig } from '../../animation/utils';\nimport type { IRoseAnimationParams, RoseAppearPreset } from './animation';\nimport { DEFAULT_MARK_ANIMATION } from '../../animation/config';\nimport type { IRoseSeriesSpec, IRoseSeriesTheme } from './interface';\nimport { RoseLikeSeries } from '../polar/rose-like';\nimport type { IStateAnimateSpec } from '../../animation/spec';\nimport type { ITextMark } from '../../mark/text';\nimport { AttributeLevel } from '../../constant';\n\nexport const DefaultBandWidth = 0.5;\n\nexport class RoseSeries extends RoseLikeSeries<IRoseSeriesSpec> {\n  static readonly type: string = SeriesTypeEnum.rose;\n  type = SeriesTypeEnum.rose;\n\n  protected declare _theme: Maybe<IRoseSeriesTheme>;\n  protected _stack: boolean = true;\n\n  private _roseMark: IArcMark | null = null;\n  protected _labelMark: ITextMark | null = null;\n\n  initMark(): void {\n    this.initRoseMark();\n    this.initLabelMark();\n  }\n\n  initMarkStyle(): void {\n    this.initRoseMarkStyle();\n    this.initLabelMarkStyle();\n  }\n\n  // getStackValueField() {\n  //   return array(this._spec.valueField)[0] || array(this._spec.radiusField)[0];\n  // }\n\n  private initRoseMark() {\n    this._roseMark = this._createMark(MarkTypeEnum.arc, 'rose', {\n      defaultMorphElementKey: this.getDimensionField()[0],\n      groupKey: this._seriesField,\n      isSeriesMark: true\n    }) as IArcMark;\n  }\n\n  private initLabelMark() {\n    if (this._spec?.label?.visible) {\n      this._labelMark = this._createMark(MarkTypeEnum.text, 'label', {\n        themeSpec: this._theme?.label,\n        markSpec: {\n          visible: true,\n          ...this.getSpec()?.label\n        }\n      }) as ITextMark;\n    }\n  }\n\n  private getRoseAngle() {\n    const angleBandWidth =\n      this.angleAxisHelper.getBandwidth?.(this._groups ? this._groups.fields.length - 1 : 0) ?? DefaultBandWidth;\n    return angleBandWidth;\n  }\n\n  private initRoseMarkStyle() {\n    const roseMark = this._roseMark;\n    if (roseMark) {\n      this.setMarkStyle(roseMark, {\n        x: () => this.angleAxisHelper.center().x,\n        y: () => this.angleAxisHelper.center().y,\n        startAngle: (datum: Datum) =>\n          this.angleAxisHelper.dataToPosition(this.getDatumPositionValues(datum, this.getGroupFields())) -\n          this.angleAxisHelper.getBandwidth(0) * 0.5,\n        endAngle: (datum: Datum) =>\n          this.angleAxisHelper.dataToPosition(this.getDatumPositionValues(datum, this.getGroupFields())) +\n          this.getRoseAngle() -\n          this.angleAxisHelper.getBandwidth(0) * 0.5,\n        fill: this.getColorAttribute(),\n        fillOpacity: 1,\n        outerRadius: (datum: Datum) =>\n          valueInScaleRange(\n            this.radiusAxisHelper.dataToPosition([datum[this._radiusField[0]]]),\n            this.radiusAxisHelper.getScale(0)\n          ),\n        innerRadius: (datum: Datum) => {\n          if (!this._stack) {\n            return 0;\n          }\n          const stackStart = valueInScaleRange(\n            this.radiusAxisHelper.dataToPosition([datum[this._innerRadiusField[0]]]),\n            this.radiusAxisHelper.getScale(0)\n          );\n          return stackStart <= Number.MIN_VALUE\n            ? this._computeLayoutRadius() * (this._spec.innerRadius ?? 0)\n            : stackStart;\n        }\n      });\n      this._trigger.registerMark(roseMark);\n      this._tooltipHelper?.activeTriggerSet.mark.add(roseMark);\n    }\n  }\n\n  initLabelMarkStyle() {\n    const labelMark = this._labelMark;\n    if (labelMark) {\n      let angle: number = 0;\n      let radius: number = 0;\n      this.setMarkStyle(\n        labelMark,\n        {\n          visible: true,\n          x: (datum: Datum) => {\n            const baseAngle = this.angleAxisHelper.dataToPosition(\n              this.getDatumPositionValues(datum, this.getGroupFields())\n            );\n            const bandAngle = this.angleAxisHelper.getBandwidth(0) * 0.5;\n            const startAngle = baseAngle - bandAngle;\n            const endAngle = baseAngle + this.getRoseAngle() - bandAngle;\n            angle = (startAngle + endAngle) / 2;\n            radius =\n              valueInScaleRange(\n                this.radiusAxisHelper.dataToPosition([datum[this._radiusField[0]]]),\n                this.radiusAxisHelper.getScale(0)\n              ) -\n              (this._spec.label?.style?.size || 10) / 2;\n            return this.angleAxisHelper.center().x + radius * Math.cos(angle);\n          },\n          y: () => this.angleAxisHelper.center().y + radius * Math.sin(angle),\n          text: (datum: Datum) => {\n            return datum[this._radiusField[0]];\n          },\n          fill: this._spec.label?.style?.fill || 'white',\n          stroke: this._spec.label?.style?.stroke || this.getColorAttribute(),\n          textAlign: 'center',\n          textBaseline: 'middle',\n          angle: () => (this._spec.label?.style?.angle || (degrees(angle) ?? 0) + 90) as number,\n          fontSize: this._spec.label?.style?.fontSize || 10\n        },\n        undefined,\n        // 标签属性基于用户配置生成，样式优先级应当为用户级\n        AttributeLevel.User_Mark\n      );\n\n      this._trigger.registerMark(labelMark);\n    }\n  }\n\n  initAnimation() {\n    const appearPreset = (this._spec?.animationAppear as IStateAnimateSpec<RoseAppearPreset>)?.preset;\n\n    if (this._roseMark) {\n      const animationParams: IRoseAnimationParams = {\n        innerRadius: () => this._computeLayoutRadius() * (this._spec.innerRadius ?? 0)\n      };\n      this._roseMark.setAnimationConfig(\n        animationConfig(\n          DEFAULT_MARK_ANIMATION.rose(animationParams, appearPreset),\n          userAnimationConfig(this._roseMark.name, this._spec)\n        )\n      );\n    }\n  }\n}\n"]}

package/cjs/series/sankey/animation.d.ts

@@ -0,0 +1,12 @@
+import type { IAnimationTypeConfig } from '@visactor/vgrammar';
+import type { DirectionType } from '../../typings';
+export type SankeyMark = 'node' | 'link' | 'label';
+export type SankeyAppearPreset = 'growIn' | 'fadeIn';
+export interface ISankeyAnimationParams {
+    direction: DirectionType;
+    growFrom: () => number;
+}
+export declare const sankeyGrowIn: (params: ISankeyAnimationParams, isOverall?: boolean) => IAnimationTypeConfig;
+export declare const sankeyGrowOut: (params: ISankeyAnimationParams, isOverall?: boolean) => IAnimationTypeConfig;
+export declare const sankeyNodePresetAnimation: (params: ISankeyAnimationParams, preset: SankeyAppearPreset) => IAnimationTypeConfig;
+export declare const sankeyLinkPresetAnimation: (preset: SankeyAppearPreset) => IAnimationTypeConfig;

package/cjs/series/sankey/animation.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.sankeyLinkPresetAnimation = exports.sankeyNodePresetAnimation = exports.sankeyGrowOut = exports.sankeyGrowIn = void 0;
+
+const typings_1 = require("../../typings"), sankeyGrowIn = (params, isOverall = !0) => ({
+    type: params.direction === typings_1.Direction.horizontal ? "growWidthIn" : "growHeightIn",
+    options: {
+        overall: isOverall ? params.growFrom() : isOverall,
+        orient: typings_1.Direction.horizontal ? "positive" : "negative"
+    }
+});
+
+exports.sankeyGrowIn = sankeyGrowIn;
+
+const sankeyGrowOut = (params, isOverall = !0) => ({
+    type: params.direction === typings_1.Direction.horizontal ? "growWidthOut" : "growHeightOut",
+    options: {
+        overall: isOverall ? params.growFrom() : isOverall,
+        orient: typings_1.Direction.horizontal ? "positive" : "negative"
+    }
+});
+
+exports.sankeyGrowOut = sankeyGrowOut;
+
+const sankeyNodePresetAnimation = (params, preset) => "fadeIn" === preset ? {
+    type: "fadeIn"
+} : (0, exports.sankeyGrowIn)(params);
+
+exports.sankeyNodePresetAnimation = sankeyNodePresetAnimation;
+
+const sankeyLinkPresetAnimation = preset => "fadeIn" === preset ? {
+    type: "fadeIn"
+} : {
+    type: "linkPathGrowIn"
+};
+
+exports.sankeyLinkPresetAnimation = sankeyLinkPresetAnimation;
+//# sourceMappingURL=animation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["series/sankey/animation.ts"],"names":[],"mappings":";;;AAEA,2CAA0C;AAWnC,MAAM,YAAY,GAAG,CAAC,MAA8B,EAAE,YAAqB,IAAI,EAAwB,EAAE;IAC9G,OAAO;QACL,IAAI,EAAE,MAAM,CAAC,SAAS,KAAK,mBAAS,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc;QAChF,OAAO,EAAE;YACP,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS;YAClD,MAAM,EAAE,mBAAS,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;SACvD;KACF,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,YAAY,gBAQvB;AAEK,MAAM,aAAa,GAAG,CAAC,MAA8B,EAAE,YAAqB,IAAI,EAAwB,EAAE;IAC/G,OAAO;QACL,IAAI,EAAE,MAAM,CAAC,SAAS,KAAK,mBAAS,CAAC,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe;QAClF,OAAO,EAAE;YACP,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS;YAClD,MAAM,EAAE,mBAAS,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;SACvD;KACF,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,aAAa,iBAQxB;AAEK,MAAM,yBAAyB,GAAG,CACvC,MAA8B,EAC9B,MAA0B,EACJ,EAAE;IACxB,QAAQ,MAAM,EAAE;QACd,KAAK,QAAQ,CAAC,CAAC;YACb,OAAO;gBACL,IAAI,EAAE,QAAQ;aACf,CAAC;SACH;QACD,KAAK,QAAQ,CAAC,CAAC;YACb,OAAO,IAAA,oBAAY,EAAC,MAAM,CAAC,CAAC;SAC7B;QACD,OAAO,CAAC,CAAC;YACP,OAAO,IAAA,oBAAY,EAAC,MAAM,CAAC,CAAC;SAC7B;KACF;AACH,CAAC,CAAC;AAjBW,QAAA,yBAAyB,6BAiBpC;AAEK,MAAM,yBAAyB,GAAG,CAAC,MAA0B,EAAwB,EAAE;IAC5F,QAAQ,MAAM,EAAE;QACd,KAAK,QAAQ,CAAC,CAAC;YACb,OAAO;gBACL,IAAI,EAAE,QAAQ;aACf,CAAC;SACH;QACD,KAAK,QAAQ,CAAC,CAAC;YACb,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC;SACnC;QACD,OAAO,CAAC,CAAC;YACP,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC;SACnC;KACF;AACH,CAAC,CAAC;AAdW,QAAA,yBAAyB,6BAcpC","file":"animation.js","sourcesContent":["import type { IElement, IAnimationTypeConfig } from '@visactor/vgrammar';\nimport type { DirectionType } from '../../typings';\nimport { Direction } from '../../typings';\n\nexport type SankeyMark = 'node' | 'link' | 'label';\n\nexport type SankeyAppearPreset = 'growIn' | 'fadeIn';\n\nexport interface ISankeyAnimationParams {\n  direction: DirectionType;\n  growFrom: () => number;\n}\n\nexport const sankeyGrowIn = (params: ISankeyAnimationParams, isOverall: boolean = true): IAnimationTypeConfig => {\n  return {\n    type: params.direction === Direction.horizontal ? 'growWidthIn' : 'growHeightIn',\n    options: {\n      overall: isOverall ? params.growFrom() : isOverall,\n      orient: Direction.horizontal ? 'positive' : 'negative'\n    }\n  };\n};\n\nexport const sankeyGrowOut = (params: ISankeyAnimationParams, isOverall: boolean = true): IAnimationTypeConfig => {\n  return {\n    type: params.direction === Direction.horizontal ? 'growWidthOut' : 'growHeightOut',\n    options: {\n      overall: isOverall ? params.growFrom() : isOverall,\n      orient: Direction.horizontal ? 'positive' : 'negative'\n    }\n  };\n};\n\nexport const sankeyNodePresetAnimation = (\n  params: ISankeyAnimationParams,\n  preset: SankeyAppearPreset\n): IAnimationTypeConfig => {\n  switch (preset) {\n    case 'fadeIn': {\n      return {\n        type: 'fadeIn'\n      };\n    }\n    case 'growIn': {\n      return sankeyGrowIn(params);\n    }\n    default: {\n      return sankeyGrowIn(params);\n    }\n  }\n};\n\nexport const sankeyLinkPresetAnimation = (preset: SankeyAppearPreset): IAnimationTypeConfig => {\n  switch (preset) {\n    case 'fadeIn': {\n      return {\n        type: 'fadeIn'\n      };\n    }\n    case 'growIn': {\n      return { type: 'linkPathGrowIn' };\n    }\n    default: {\n      return { type: 'linkPathGrowIn' };\n    }\n  }\n};\n"]}

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

@@ -0,0 +1,105 @@
+import type { ISeriesSpec, DirectionType } from '../../typings';
+import type { IMarkSpec } from '../../typings/spec/common';
+import type { IRectMarkSpec, ITextMarkSpec, ILinkPathMarkSpec } from '../../typings/visual';
+import type { IAnimationSpec } from '../../animation/spec';
+import type { SankeyAppearPreset, SankeyMark } from './animation';
+export interface ISankeySeriesSpec extends Omit<ISeriesSpec, 'data'>, IAnimationSpec<SankeyMark, SankeyAppearPreset> {
+    type: 'sankey';
+    categoryField: string;
+    valueField: string;
+    sourceField?: string;
+    targetField?: string;
+    direction?: DirectionType;
+    nodeAlign?: 'left' | 'right' | 'center' | 'justify' | 'start' | 'end';
+    nodeGap?: number;
+    nodeWidth?: string | number | ((node: SankeyNodeElement) => number);
+    linkWidth?: number | ((link: SankeyLinkElement) => number);
+    minStepWidth?: number;
+    minNodeHeight?: number;
+    minLinkHeight?: number;
+    iterations?: number;
+    nodeKey?: string | number | ((datum: SankeyNodeDatum) => string | number);
+    linkSortBy?: (a: SankeyLinkElement, b: SankeyLinkElement) => number;
+    nodeSortBy?: (a: SankeyNodeElement, b: SankeyNodeElement) => number;
+    setNodeLayer?: (datum: SankeyNodeDatum) => number;
+    node?: IMarkSpec<IRectMarkSpec>;
+    link?: IMarkSpec<ILinkPathMarkSpec>;
+    emphasis?: {
+        enable: boolean;
+        trigger?: 'click' | 'hover';
+        effect: 'self' | 'adjacency' | 'related';
+    };
+    label?: IMarkSpec<ITextMarkSpec> & {
+        position: 'outside' | 'inside-start' | 'inside-middle' | 'inside-end' | 'left' | 'right';
+        limit: number;
+    };
+}
+export interface SankeyLinkDatum {
+    source: string | number;
+    target: string | number;
+    value?: number;
+}
+export interface SankeyNodeDatum {
+    value?: number;
+}
+export interface HierarchyNodeDatum {
+    value?: number;
+    children?: HierarchyNodeDatum[];
+}
+export type SankeyData = {
+    nodes?: SankeyNodeDatum[];
+    links: SankeyLinkDatum[];
+} | {
+    nodes: HierarchyNodeDatum[];
+};
+export interface SankeyNodeElement {
+    key: string | number;
+    index: number;
+    depth: number;
+    endDepth?: number;
+    layer?: number;
+    isLastLayer?: boolean;
+    value: number;
+    datum: SankeyNodeDatum;
+    sourceLinks: SankeyLinkElement[];
+    targetLinks: SankeyLinkElement[];
+    x0?: number;
+    y0?: number;
+    x1?: number;
+    y1?: number;
+}
+export interface SankeyLinkElement {
+    vertical?: boolean;
+    index: number;
+    source: string | number;
+    target: string | number;
+    value: number;
+    datum: SankeyLinkDatum | SankeyLinkDatum[];
+    thickness?: number;
+    sourceRect?: {
+        x0: number;
+        x1: number;
+        y0: number;
+        y1: number;
+    };
+    targetRect?: {
+        x0: number;
+        x1: number;
+        y0: number;
+        y1: number;
+    };
+    parents?: (string | number)[];
+    y0?: number;
+    y1?: number;
+    x0?: number;
+    x1?: number;
+}
+export type SankeyLayoutResult = {
+    nodes: SankeyNodeElement[];
+    links: SankeyLinkElement[];
+    columns: SankeyNodeElement[][];
+}[];
+export interface ISankeySeriesTheme {
+    nodes?: IMarkSpec<IRectMarkSpec>;
+    links?: IMarkSpec<ILinkPathMarkSpec>;
+}

package/cjs/series/sankey/interface.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["series/sankey/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { ISeriesSpec, DirectionType } from '../../typings';\nimport type { IMarkSpec } from '../../typings/spec/common';\nimport type { IRectMarkSpec, ITextMarkSpec, ILinkPathMarkSpec } from '../../typings/visual';\nimport type { IAnimationSpec } from '../../animation/spec';\nimport type { SankeyAppearPreset, SankeyMark } from './animation';\n\nexport interface ISankeySeriesSpec extends Omit<ISeriesSpec, 'data'>, IAnimationSpec<SankeyMark, SankeyAppearPreset> {\n  type: 'sankey';\n\n  /**\n   * 数据字段配置\n   */\n  /** 节点名称字段配置 */\n  categoryField: string;\n  /** 节点之间关系的权重字段 */\n  valueField: string;\n  /** 来源节点数据字段\n   *  层级数据不提供\n   */\n  sourceField?: string;\n  /** 目标节点数据字段\n   *  层级数据不提供\n   */\n  targetField?: string;\n\n  /**\n   * 图表布局方向\n   */\n  direction?: DirectionType;\n  /**\n   * 节点的对齐类型\n   */\n  nodeAlign?: 'left' | 'right' | 'center' | 'justify' | 'start' | 'end';\n  /**\n   * 同一层中两个节点之间的间隙大小\n   */\n  nodeGap?: number;\n  /**\n   * 每个节点的宽度，支持三种取值\n   * 1. 百分比字符串，例如：{ nodeWidth: '12%' }\n   * 2. 以'px'为单位的简单数字，eg: { nodeWidth: 20 }\n   * 3. function，通过自定义计算指定nodeWidth\n   */\n  nodeWidth?: string | number | ((node: SankeyNodeElement) => number);\n  /**\n   * link宽度，单位px\n   */\n  linkWidth?: number | ((link: SankeyLinkElement) => number);\n  /**\n   * link + node 的最小宽度\n   */\n  minStepWidth?: number;\n  /**\n   * 数据不为零或空时节点的最小大小\n   *  - 这个配置可以用来避免数据太小时看不到太细的节点\n   *  - 建议小于5px\n   */\n  minNodeHeight?: number;\n  /**\n   * 数据不为零或空时边的最小大小\n   *  - 这个配置可以用来避免数据太小的时候看不到太细的链接\n   *  - 建议小于5px\n   *  - 当同时指定 `minNodeHeight` 和 `minLinkHeight` 两个选项时，此选项应小于 `minNodeHeight`\n   */\n  minLinkHeight?: number;\n  /** 布局的迭代次数 */\n  iterations?: number;\n  /** 解析node的key，defaultValue */\n  nodeKey?: string | number | ((datum: SankeyNodeDatum) => string | number);\n  /** 按此funtion排序link */\n  linkSortBy?: (a: SankeyLinkElement, b: SankeyLinkElement) => number;\n  /** 按此funtion排序node */\n  nodeSortBy?: (a: SankeyNodeElement, b: SankeyNodeElement) => number;\n  /** 自定义指定节点层 */\n  setNodeLayer?: (datum: SankeyNodeDatum) => number;\n\n  /** 节点配置 */\n  node?: IMarkSpec<IRectMarkSpec>;\n\n  /** 边配置 */\n  link?: IMarkSpec<ILinkPathMarkSpec>;\n\n  /** 联动交互配置 */\n  emphasis?: {\n    /** 是否开启交互 */\n    enable: boolean;\n    /**\n     * 交互触发类型\n     * 默认为‘click'\n     */\n    trigger?: 'click' | 'hover';\n    /**桑基图提供3种在节点上的交互联动效果\n     * self: 仅高亮当前节点。\n     * adjacency: 高亮当前节点上下游节点和关联的边，淡化其它图形元素。\n     * related： 高亮与当前节点相关的整条路径上的节点和边，淡化其它图形元素。 */\n    effect: 'self' | 'adjacency' | 'related';\n  };\n\n  /** 标签配置 */\n  label?: IMarkSpec<ITextMarkSpec> & {\n    /**\n     * 标签布局方式\n     * @default 'outside'\n     */\n    position: 'outside' | 'inside-start' | 'inside-middle' | 'inside-end' | 'left' | 'right';\n    /** 标签文字缩略 */\n    limit: number;\n  };\n\n  /** 进度条配置 */\n  // scroll?: IScrollSpec & {\n  //   /** 是否开启进度条 */\n  //   enable: boolean;\n  // };\n}\n\nexport interface SankeyLinkDatum {\n  source: string | number;\n  target: string | number;\n  value?: number;\n}\n\nexport interface SankeyNodeDatum {\n  value?: number;\n}\n\nexport interface HierarchyNodeDatum {\n  value?: number;\n  children?: HierarchyNodeDatum[];\n}\n\nexport type SankeyData =\n  | {\n      nodes?: SankeyNodeDatum[];\n      links: SankeyLinkDatum[];\n    }\n  | {\n      nodes: HierarchyNodeDatum[];\n    };\n\n/**\n * The node element after sankey layout\n */\nexport interface SankeyNodeElement {\n  key: string | number;\n  index: number;\n  /** the depth of node, from source to target */\n  depth: number;\n\n  /** the depth of node, from target to source */\n  endDepth?: number;\n  /** the final layer index after layout */\n  layer?: number;\n  isLastLayer?: boolean;\n  value: number;\n  datum: SankeyNodeDatum;\n  sourceLinks: SankeyLinkElement[];\n  targetLinks: SankeyLinkElement[];\n  x0?: number;\n  y0?: number;\n  x1?: number;\n  y1?: number;\n}\n/**\n * the link element after sankey layout\n */\nexport interface SankeyLinkElement {\n  vertical?: boolean;\n  index: number;\n  source: string | number;\n  target: string | number;\n  value: number;\n  datum: SankeyLinkDatum | SankeyLinkDatum[];\n  thickness?: number;\n  sourceRect?: { x0: number; x1: number; y0: number; y1: number };\n  targetRect?: { x0: number; x1: number; y0: number; y1: number };\n  /** this will only be generate in hierarchy node data*/\n  parents?: (string | number)[];\n  y0?: number;\n  y1?: number;\n  x0?: number;\n  x1?: number;\n}\n\nexport type SankeyLayoutResult = {\n  nodes: SankeyNodeElement[];\n  links: SankeyLinkElement[];\n  columns: SankeyNodeElement[][];\n}[];\n\nexport interface ISankeySeriesTheme {\n  nodes?: IMarkSpec<IRectMarkSpec>;\n  links?: IMarkSpec<ILinkPathMarkSpec>;\n}\n"]}

package/cjs/series/sankey/sankey.d.ts

@@ -0,0 +1,48 @@
+import { CartesianSeries } from '../cartesian/cartesian';
+import { SeriesTypeEnum } from '../interface';
+import { SeriesData } from '../base/series-data';
+import type { ISankeySeriesSpec } from './interface';
+import type { ExtendEventParam } from '../../event/interface';
+import type { IElement, IGlyphElement } from '@visactor/vgrammar';
+export declare class SankeySeries extends CartesianSeries<any> {
+    static readonly type: string;
+    type: SeriesTypeEnum;
+    protected _spec: ISankeySeriesSpec;
+    private _nodeMark;
+    private _linkMark;
+    private _labelMark?;
+    private _nodeLayoutZIndex;
+    private _labelLayoutZIndex;
+    private _labelLimit;
+    protected _nodesSeriesData?: SeriesData;
+    protected _linksSeriesData?: SeriesData;
+    private _viewBox;
+    protected _categoryField: string;
+    getCategoryField(): string;
+    setCategoryField(f: string): string;
+    protected _valueField: string;
+    getValueField(): string;
+    setValueField(f: string): string;
+    setAttrFromSpec(): void;
+    initData(): void;
+    initMark(): void;
+    initMarkStyle(): void;
+    protected _initNodeMarkStyle(): void;
+    protected _initLinkMarkStyle(): void;
+    protected _initLabelMarkStyle(): void;
+    initAnimation(): void;
+    protected initEvent(): void;
+    protected _handleAdjacencyClick: (params: ExtendEventParam) => void;
+    protected _handleRelatedClick: (params: ExtendEventParam) => void;
+    protected _handleNodeAdjacencyClick: (element: IElement) => void;
+    protected _handleLinkAdjacencyClick: (element: IGlyphElement) => void;
+    protected _handleNodeRelatedClick: (element: IElement) => void;
+    protected _handleLinkRelatedClick: (element: IGlyphElement) => void;
+    protected initTooltip(): void;
+    getNodeOrdinalColorScale(item: string): any;
+    getDimensionField(): string[];
+    getMeasureField(): string[];
+    getSeriesKeys(): string[];
+    onLayoutEnd(ctx: any): void;
+    getDefaultShapeType(): string;
+}