@visactor/vchart-extension 2.0.2 → 2.0.3-alpha.1

package/esm/charts/sequence-scatter-pixel/utils.js

@@ -0,0 +1,46 @@
+import { BACKGROUND_KEY, DATA_KEY } from "./constant";
+
+export function createImageDataFromColorMatrix(colorMatrix, spec) {
+    var _a;
+    if ("undefined" == typeof document) throw new Error("Canvas rendering requires browser environment with document object");
+    const canvas = document.createElement("canvas");
+    canvas.width = spec.width, canvas.height = spec.height;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) throw new Error("Failed to get 2D rendering context from canvas");
+    const imageData = ctx.createImageData(spec.width, spec.height);
+    for (let y = 0; y < 300; y++) for (let x = 0; x < 300; x++) {
+        const rgb = (null === (_a = colorMatrix[y]) || void 0 === _a ? void 0 : _a[x]) || [ 0, 0, 0 ], pixelIndex = 4 * (300 * y + x);
+        imageData.data[pixelIndex] = Math.round(255 * rgb[0]), imageData.data[pixelIndex + 1] = Math.round(255 * rgb[1]), 
+        imageData.data[pixelIndex + 2] = Math.round(255 * rgb[2]), imageData.data[pixelIndex + 3] = 255;
+    }
+    return ctx.putImageData(imageData, 0, 0), canvas.toDataURL("image/png");
+}
+
+export function processSequenceData(spec) {
+    const result = [];
+    return Object.keys(spec.data).forEach((inter => {
+        let backgroundData = null;
+        if (spec.backgroundColors && spec.backgroundColors[inter]) {
+            backgroundData = {
+                imageData: createImageDataFromColorMatrix(spec.backgroundColors[inter], spec)
+            };
+        }
+        result.push({
+            data: [ {
+                id: "nodes",
+                values: spec.data[inter].map(((d, i) => Object.assign(Object.assign({}, d), {
+                    [DATA_KEY]: i
+                })))
+            }, {
+                id: "inter",
+                values: [ {
+                    inter: inter
+                } ]
+            }, {
+                id: BACKGROUND_KEY,
+                values: backgroundData ? [ backgroundData ] : []
+            } ]
+        });
+    })), result;
+}
+//# sourceMappingURL=utils.js.map

package/esm/charts/sequence-scatter-pixel/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/sequence-scatter-pixel/utils.ts"],"names":[],"mappings":"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","file":"utils.js","sourcesContent":["import { ISequenceScatterPixelSpec } from './interface';\nimport { BACKGROUND_KEY, DATA_KEY } from './constant';\n\n// 将RGB三元组数组转换为Canvas可用的imageData\nexport function createImageDataFromColorMatrix(colorMatrix: any[][], spec: ISequenceScatterPixelSpec): string | null {\n  // 浏览器环境检查\n  if (typeof document === 'undefined') {\n    throw new Error('Canvas rendering requires browser environment with document object'); // 非浏览器环境下返回null\n  }\n\n  // 创建Canvas离屏渲染\n  const canvas = document.createElement('canvas');\n  canvas.width = spec.width;\n  canvas.height = spec.height;\n  const ctx = canvas.getContext('2d');\n\n  if (!ctx) {\n    throw new Error('Failed to get 2D rendering context from canvas'); // Canvas context creation failed\n  }\n\n  // 创建imageData\n  const imageData = ctx.createImageData(spec.width, spec.height);\n\n  // 填充像素数据\n  for (let y = 0; y < 300; y++) {\n    for (let x = 0; x < 300; x++) {\n      const rgb = colorMatrix[y]?.[x] || [0, 0, 0];\n      const pixelIndex = (y * 300 + x) * 4;\n\n      // 转换0-1范围到0-255\n      imageData.data[pixelIndex] = Math.round(rgb[0] * 255); // R\n      imageData.data[pixelIndex + 1] = Math.round(rgb[1] * 255); // G\n      imageData.data[pixelIndex + 2] = Math.round(rgb[2] * 255); // B\n      imageData.data[pixelIndex + 3] = 255; // A (完全不透明)\n    }\n  }\n\n  // 将imageData绘制到canvas然后返回dataURL\n  ctx.putImageData(imageData, 0, 0);\n  return canvas.toDataURL('image/png');\n}\n\nexport function processSequenceData(spec: ISequenceScatterPixelSpec) {\n  const result: any[] = [];\n  Object.keys(spec.data).forEach(inter => {\n    let backgroundData = null;\n    if (spec.backgroundColors && spec.backgroundColors[inter]) {\n      const imageData = createImageDataFromColorMatrix(spec.backgroundColors[inter], spec);\n      backgroundData = { imageData };\n    }\n    result.push({\n      data: [\n        {\n          id: 'nodes',\n          values: spec.data[inter].map((d, i) => {\n            return { ...d, [DATA_KEY]: i };\n          })\n        },\n        {\n          id: 'inter',\n          values: [\n            {\n              inter\n            }\n          ]\n        },\n        {\n          id: BACKGROUND_KEY,\n          values: backgroundData ? [backgroundData] : []\n        }\n      ]\n    });\n  });\n  return result;\n}\n"]}

package/esm/charts/word-cloud-3d/animation.d.ts

@@ -0,0 +1,4 @@
+import type { IWordcloud3dAnimationParams } from './interface';
+import type { IAnimationTypeConfig } from '@visactor/vchart';
+export declare const WordCloud3dAnimation: (params: IWordcloud3dAnimationParams | (() => any)) => IAnimationTypeConfig;
+export declare const registerWordCloud3dAnimation: () => void;

package/esm/charts/word-cloud-3d/animation.js

@@ -0,0 +1,18 @@
+import { RotateBySphereAnimate } from "@visactor/vrender-animate";
+
+import { Factory } from "@visactor/vchart";
+
+export const WordCloud3dAnimation = params => ({
+    custom: RotateBySphereAnimate,
+    customParameters: () => params,
+    easing: "linear",
+    loop: 1 / 0,
+    duration: 6e3
+});
+
+export const registerWordCloud3dAnimation = () => {
+    Factory.registerAnimation("wordCloud3d", (params => ({
+        appear: WordCloud3dAnimation(params)
+    })));
+};
+//# sourceMappingURL=animation.js.map

package/esm/charts/word-cloud-3d/animation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/word-cloud-3d/animation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,MAAiD,EAAwB,EAAE;IAC9G,OAAO;QACL,MAAM,EAAE,qBAAqB;QAC7B,gBAAgB,EAAE,GAAG,EAAE,CAAC,MAAM;QAC9B,MAAM,EAAE,QAAQ;QAChB,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,IAAI;KACf,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,EAAE;IAC/C,OAAO,CAAC,iBAAiB,CAAC,aAAa,EAAE,CAAC,MAAmC,EAAE,EAAE,CAAC,CAAC;QACjF,MAAM,EAAE,oBAAoB,CAAC,MAAM,CAAC;KACrC,CAAC,CAAC,CAAC;AACN,CAAC,CAAC","file":"animation.js","sourcesContent":["import { RotateBySphereAnimate } from '@visactor/vrender-animate';\nimport type { IWordcloud3dAnimationParams } from './interface';\nimport type { IAnimationTypeConfig } from '@visactor/vchart';\nimport { Factory } from '@visactor/vchart';\n\nexport const WordCloud3dAnimation = (params: IWordcloud3dAnimationParams | (() => any)): IAnimationTypeConfig => {\n  return {\n    custom: RotateBySphereAnimate,\n    customParameters: () => params,\n    easing: 'linear',\n    loop: Infinity,\n    duration: 6000\n  };\n};\n\nexport const registerWordCloud3dAnimation = () => {\n  Factory.registerAnimation('wordCloud3d', (params: IWordcloud3dAnimationParams) => ({\n    appear: WordCloud3dAnimation(params)\n  }));\n};\n"]}

package/esm/charts/word-cloud-3d/chart-spec-transformer.d.ts

@@ -0,0 +1,5 @@
+import { BaseWordCloudChartSpecTransformer, type AdaptiveSpec } from '@visactor/vchart';
+import type { IWordCloud3dChartSpec } from './interface';
+export declare class WordCloud3dChartSpecTransformer<T extends IWordCloud3dChartSpec = IWordCloud3dChartSpec> extends BaseWordCloudChartSpecTransformer<AdaptiveSpec<T, 'type' | 'series'>> {
+    protected _getDefaultSeriesSpec(spec: IWordCloud3dChartSpec): any;
+}

package/esm/charts/word-cloud-3d/chart-spec-transformer.js

@@ -0,0 +1,9 @@
+import { BaseWordCloudChartSpecTransformer } from "@visactor/vchart";
+
+export class WordCloud3dChartSpecTransformer extends BaseWordCloudChartSpecTransformer {
+    _getDefaultSeriesSpec(spec) {
+        const series = super._getDefaultSeriesSpec(spec);
+        return series.depth_3d = spec.depth_3d, series;
+    }
+}
+//# sourceMappingURL=chart-spec-transformer.js.map

package/esm/charts/word-cloud-3d/chart-spec-transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/word-cloud-3d/chart-spec-transformer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iCAAiC,EAAqB,MAAM,kBAAkB,CAAC;AAGxF,MAAM,OAAO,+BAEX,SAAQ,iCAAqE;IACnE,qBAAqB,CAAC,IAA2B;QACzD,MAAM,MAAM,GAAQ,KAAK,CAAC,qBAAqB,CAAC,IAAW,CAAC,CAAC;QAC7D,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAEhC,OAAO,MAAM,CAAC;IAChB,CAAC;CACF","file":"chart-spec-transformer.js","sourcesContent":["import { BaseWordCloudChartSpecTransformer, type AdaptiveSpec } from '@visactor/vchart';\nimport type { IWordCloud3dChartSpec } from './interface';\n\nexport class WordCloud3dChartSpecTransformer<\n  T extends IWordCloud3dChartSpec = IWordCloud3dChartSpec\n> extends BaseWordCloudChartSpecTransformer<AdaptiveSpec<T, 'type' | 'series'>> {\n  protected _getDefaultSeriesSpec(spec: IWordCloud3dChartSpec): any {\n    const series: any = super._getDefaultSeriesSpec(spec as any);\n    series.depth_3d = spec.depth_3d;\n\n    return series;\n  }\n}\n"]}

package/esm/charts/word-cloud-3d/chart.d.ts

@@ -0,0 +1,14 @@
+import type { AdaptiveSpec } from '@visactor/vchart';
+import { BaseWordCloudChart } from '@visactor/vchart';
+import type { IWordCloud3dChartSpec } from './interface';
+import { WordCloud3dChartSpecTransformer } from './chart-spec-transformer';
+export declare class WordCloud3dChart<T extends IWordCloud3dChartSpec = IWordCloud3dChartSpec> extends BaseWordCloudChart<AdaptiveSpec<T, 'type' | 'series'>> {
+    static readonly type: string;
+    static readonly seriesType: string;
+    static readonly transformerConstructor: typeof WordCloud3dChartSpecTransformer;
+    readonly transformerConstructor: typeof WordCloud3dChartSpecTransformer;
+    readonly type: string;
+    readonly seriesType: string;
+}
+export declare const registerWordCloud3dChart: () => void;
+export declare const registerWordCloudShape3dChart: () => void;

package/esm/charts/word-cloud-3d/chart.js

@@ -0,0 +1,29 @@
+import { BaseWordCloudChart, Factory } from "@visactor/vchart";
+
+import { register3DPlugin } from "../3d/plugin";
+
+import { registerWordCloud3dSeries, registerWordCloudShape3dSeries } from "./series";
+
+import { WordCloud3dChartSpecTransformer } from "./chart-spec-transformer";
+
+import { SeriesType3dEnum } from "../3d/enum";
+
+export class WordCloud3dChart extends BaseWordCloudChart {
+    constructor() {
+        super(...arguments), this.transformerConstructor = WordCloud3dChartSpecTransformer, 
+        this.type = "wordCloud3d", this.seriesType = SeriesType3dEnum.wordCloud3d;
+    }
+}
+
+WordCloud3dChart.type = "wordCloud3d", WordCloud3dChart.seriesType = SeriesType3dEnum.wordCloud3d, 
+WordCloud3dChart.transformerConstructor = WordCloud3dChartSpecTransformer;
+
+export const registerWordCloud3dChart = () => {
+    register3DPlugin(), registerWordCloud3dSeries(), Factory.registerChart(WordCloud3dChart.type, WordCloud3dChart);
+};
+
+export const registerWordCloudShape3dChart = () => {
+    register3DPlugin(), registerWordCloudShape3dSeries(), register3DPlugin(), registerWordCloud3dSeries(), 
+    Factory.registerChart(WordCloud3dChart.type, WordCloud3dChart);
+};
+//# sourceMappingURL=chart.js.map

package/esm/charts/word-cloud-3d/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/word-cloud-3d/chart.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,yBAAyB,EAAE,8BAA8B,EAAE,MAAM,UAAU,CAAC;AACrF,OAAO,EAAE,+BAA+B,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAmB,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE/D,MAAM,OAAO,gBAA0E,SAAQ,kBAE9F;IAFD;;QAOW,2BAAsB,GAAG,+BAA+B,CAAC;QACzD,SAAI,iBAAuC;QAC3C,eAAU,GAAW,gBAAgB,CAAC,WAAW,CAAC;IAC7D,CAAC;;AAPiB,qBAAI,iBAAuC;AAC3C,2BAAU,GAAW,gBAAgB,CAAC,WAAW,CAAC;AAClD,uCAAsB,GAAG,+BAA+B,CAAC;AAO3E,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAC3C,gBAAgB,EAAE,CAAC;IACnB,yBAAyB,EAAE,CAAC;IAC5B,OAAO,CAAC,aAAa,CAAC,gBAAgB,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;AACjE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAG,GAAG,EAAE;IAChD,gBAAgB,EAAE,CAAC;IACnB,8BAA8B,EAAE,CAAC;IACjC,wBAAwB,EAAE,CAAC;AAC7B,CAAC,CAAC","file":"chart.js","sourcesContent":["import type { AdaptiveSpec } from '@visactor/vchart';\nimport { BaseWordCloudChart, Factory } from '@visactor/vchart';\nimport { register3DPlugin } from '../3d/plugin';\nimport type { IWordCloud3dChartSpec } from './interface';\nimport { registerWordCloud3dSeries, registerWordCloudShape3dSeries } from './series';\nimport { WordCloud3dChartSpecTransformer } from './chart-spec-transformer';\nimport { ChartType3dEnum, SeriesType3dEnum } from '../3d/enum';\n\nexport class WordCloud3dChart<T extends IWordCloud3dChartSpec = IWordCloud3dChartSpec> extends BaseWordCloudChart<\n  AdaptiveSpec<T, 'type' | 'series'>\n> {\n  static readonly type: string = ChartType3dEnum.wordCloud3d;\n  static readonly seriesType: string = SeriesType3dEnum.wordCloud3d;\n  static readonly transformerConstructor = WordCloud3dChartSpecTransformer;\n  // @ts-ignore\n  readonly transformerConstructor = WordCloud3dChartSpecTransformer;\n  readonly type: string = ChartType3dEnum.wordCloud3d;\n  readonly seriesType: string = SeriesType3dEnum.wordCloud3d;\n}\n\nexport const registerWordCloud3dChart = () => {\n  register3DPlugin();\n  registerWordCloud3dSeries();\n  Factory.registerChart(WordCloud3dChart.type, WordCloud3dChart);\n};\n\nexport const registerWordCloudShape3dChart = () => {\n  register3DPlugin();\n  registerWordCloudShape3dSeries();\n  registerWordCloud3dChart();\n};\n"]}

package/esm/charts/word-cloud-3d/index.d.ts

@@ -0,0 +1,4 @@
+export * from './chart';
+export * from './chart-spec-transformer';
+export * from './series';
+export * from './interface';

package/esm/charts/word-cloud-3d/index.js

@@ -0,0 +1,8 @@
+export * from "./chart";
+
+export * from "./chart-spec-transformer";
+
+export * from "./series";
+
+export * from "./interface";
+//# sourceMappingURL=index.js.map

package/esm/charts/word-cloud-3d/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/word-cloud-3d/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC","file":"index.js","sourcesContent":["export * from './chart';\nexport * from './chart-spec-transformer';\nexport * from './series';\nexport * from './interface';\n"]}

package/esm/charts/word-cloud-3d/interface.d.ts

@@ -0,0 +1,22 @@
+import type { IChartExtendsSeriesSpec, IChartSpec, IMarkSpec, ITextMarkSpec, IWordCloudSeriesBaseSpec, SeriesMarkNameEnum } from '@visactor/vchart';
+export interface IWordCloud3dChartSpec extends IChartSpec, IChartExtendsSeriesSpec<IWordCloud3dSeriesSpec> {
+    type: 'wordCloud3d';
+    series?: IWordCloud3dSeriesSpec[];
+}
+export interface IWordcloud3dAnimationParams {
+    radius: number;
+    depth_3d: number;
+}
+export interface IWordCloud3dSeriesSpec extends IWordCloudSeriesBaseSpec {
+    type: 'wordCloud3d';
+    depth_3d?: number;
+    postProjection?: 'StereographicProjection';
+}
+export interface IWordCloud3dSeriesTheme {
+    [SeriesMarkNameEnum.word]?: IMarkSpec<ITextMarkSpec> & {
+        padding?: number;
+    };
+    [SeriesMarkNameEnum.fillingWord]?: IMarkSpec<ITextMarkSpec> & {
+        padding?: number;
+    };
+}

package/esm/charts/word-cloud-3d/interface.js

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

package/esm/charts/word-cloud-3d/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/word-cloud-3d/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type {\n  IChartExtendsSeriesSpec,\n  IChartSpec,\n  IMarkSpec,\n  ITextMarkSpec,\n  IWordCloudSeriesBaseSpec,\n  SeriesMarkNameEnum\n} from '@visactor/vchart';\n\nexport interface IWordCloud3dChartSpec extends IChartSpec, IChartExtendsSeriesSpec<IWordCloud3dSeriesSpec> {\n  type: 'wordCloud3d';\n  series?: IWordCloud3dSeriesSpec[];\n}\n\nexport interface IWordcloud3dAnimationParams {\n  radius: number;\n  depth_3d: number;\n}\n\nexport interface IWordCloud3dSeriesSpec extends IWordCloudSeriesBaseSpec {\n  type: 'wordCloud3d';\n  depth_3d?: number; // 词云的半径深度\n  postProjection?: 'StereographicProjection'; // 词云投影的算法\n}\n\nexport interface IWordCloud3dSeriesTheme {\n  [SeriesMarkNameEnum.word]?: IMarkSpec<ITextMarkSpec> & {\n    padding?: number;\n  };\n  [SeriesMarkNameEnum.fillingWord]?: IMarkSpec<ITextMarkSpec> & {\n    padding?: number;\n  };\n}\n"]}

package/esm/charts/word-cloud-3d/series.d.ts

@@ -0,0 +1,37 @@
+import type { IWordCloud3dSeriesSpec } from './interface';
+import { SeriesType3dEnum } from '../3d/enum';
+import { BaseWordCloudSeries } from '@visactor/vchart';
+export declare class WordCloud3dSeries<T extends IWordCloud3dSeriesSpec = IWordCloud3dSeriesSpec> extends BaseWordCloudSeries<T> {
+    static readonly type: string;
+    type: SeriesType3dEnum;
+    static readonly builtInTheme: {
+        wordCloud3d: import("./interface").IWordCloud3dSeriesTheme;
+    };
+    protected _wordCloudTransformOption(): {
+        postProjection: "StereographicProjection";
+        depth_3d: number;
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+    };
+    protected _wordCloudShapeTransformOption(): {
+        postProjection: "StereographicProjection";
+        depth_3d: number;
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+    };
+    initMark(): void;
+    initMarkStyle(): void;
+    initAnimation(): void;
+}
+export declare const registerWordCloud3dSeries: () => void;
+export declare const registerWordCloudShape3dSeries: () => void;

package/esm/charts/word-cloud-3d/series.js

@@ -0,0 +1,74 @@
+import { registerWordCloud3dAnimation } from "./animation";
+
+import { SeriesType3dEnum } from "../3d/enum";
+
+import { animationConfig, AttributeLevel, BaseWordCloudSeries, Factory, registerTextMark, userAnimationConfig } from "@visactor/vchart";
+
+import { wordCloud3d } from "./theme";
+
+export class WordCloud3dSeries extends BaseWordCloudSeries {
+    constructor() {
+        super(...arguments), this.type = SeriesType3dEnum.wordCloud3d;
+    }
+    _wordCloudTransformOption() {
+        var _a;
+        return Object.assign(Object.assign({}, super._wordCloudTransformOption()), {
+            postProjection: null !== (_a = this._spec.postProjection) && void 0 !== _a ? _a : "StereographicProjection",
+            depth_3d: this._spec.depth_3d
+        });
+    }
+    _wordCloudShapeTransformOption() {
+        var _a;
+        return Object.assign(Object.assign({}, super._wordCloudShapeTransformOption()), {
+            postProjection: null !== (_a = this._spec.postProjection) && void 0 !== _a ? _a : "StereographicProjection",
+            depth_3d: this._spec.depth_3d
+        });
+    }
+    initMark() {
+        this._wordMark = this._createMark(BaseWordCloudSeries.mark.word, {
+            groupKey: this._seriesField,
+            isSeriesMark: !0
+        }, {
+            support3d: !0
+        });
+    }
+    initMarkStyle() {
+        super.initMarkStyle();
+        const wordMark = this._wordMark;
+        wordMark && this.setMarkStyle(wordMark, {
+            z: datum => {
+                var _a;
+                return null !== (_a = datum.z) && void 0 !== _a ? _a : 0;
+            }
+        }, "normal", AttributeLevel.Series);
+    }
+    initAnimation() {
+        var _a, _b;
+        const padding = null !== (_a = this._padding) && void 0 !== _a ? _a : {};
+        this._wordMark && this._wordMark.setAnimationConfig(animationConfig(null === (_b = Factory.getAnimationInKey("wordCloud3d")) || void 0 === _b ? void 0 : _b((() => {
+            var _a;
+            const stage = this.getCompiler().getStage(), width = stage.width - padding.left || 0 - padding.right || 0, height = stage.height - padding.top || 0 - padding.bottom || 0, r = Math.max(width, height) / 2;
+            return {
+                center: {
+                    x: r,
+                    y: r,
+                    z: null !== (_a = this._spec.depth_3d) && void 0 !== _a ? _a : r
+                },
+                r: r
+            };
+        })), userAnimationConfig("word", this._spec, this._markAttributeContext)));
+    }
+}
+
+WordCloud3dSeries.type = SeriesType3dEnum.wordCloud3d, WordCloud3dSeries.builtInTheme = {
+    wordCloud3d: wordCloud3d
+};
+
+export const registerWordCloud3dSeries = () => {
+    registerTextMark(), registerWordCloud3dAnimation(), Factory.registerSeries(WordCloud3dSeries.type, WordCloud3dSeries);
+};
+
+export const registerWordCloudShape3dSeries = () => {
+    registerTextMark(), registerWordCloud3dAnimation(), Factory.registerSeries(WordCloud3dSeries.type, WordCloud3dSeries);
+};
+//# sourceMappingURL=series.js.map

package/esm/charts/word-cloud-3d/series.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/word-cloud-3d/series.ts"],"names":[],"mappings":"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","file":"series.js","sourcesContent":["import type { IWordCloud3dSeriesSpec } from './interface';\nimport { registerWordCloud3dAnimation } from './animation';\nimport { SeriesType3dEnum } from '../3d/enum';\nimport type { Datum, ITextMark } from '@visactor/vchart';\nimport {\n  animationConfig,\n  AttributeLevel,\n  BaseWordCloudSeries,\n  Factory,\n  registerTextMark,\n  SeriesMarkNameEnum,\n  userAnimationConfig\n} from '@visactor/vchart';\nimport { wordCloud3d } from './theme';\n\nexport class WordCloud3dSeries<\n  T extends IWordCloud3dSeriesSpec = IWordCloud3dSeriesSpec\n> extends BaseWordCloudSeries<T> {\n  static readonly type: string = SeriesType3dEnum.wordCloud3d;\n  type = SeriesType3dEnum.wordCloud3d;\n  static readonly builtInTheme = { wordCloud3d };\n\n  protected _wordCloudTransformOption() {\n    return {\n      ...super._wordCloudTransformOption(),\n      postProjection: this._spec.postProjection ?? 'StereographicProjection',\n      depth_3d: this._spec.depth_3d\n    };\n  }\n\n  protected _wordCloudShapeTransformOption() {\n    return {\n      ...super._wordCloudShapeTransformOption(),\n      postProjection: this._spec.postProjection ?? 'StereographicProjection',\n      depth_3d: this._spec.depth_3d\n    };\n  }\n\n  initMark(): void {\n    this._wordMark = this._createMark(\n      BaseWordCloudSeries.mark.word,\n      {\n        groupKey: this._seriesField,\n        isSeriesMark: true\n      },\n      {\n        support3d: true\n      }\n    ) as ITextMark;\n  }\n\n  initMarkStyle() {\n    super.initMarkStyle();\n    const wordMark = this._wordMark;\n    if (wordMark) {\n      this.setMarkStyle(\n        wordMark,\n        {\n          z: (datum: Datum) => datum.z ?? 0\n        },\n        'normal',\n        AttributeLevel.Series\n      );\n    }\n  }\n\n  initAnimation() {\n    const padding = this._padding ?? {};\n    if (this._wordMark) {\n      this._wordMark.setAnimationConfig(\n        animationConfig(\n          Factory.getAnimationInKey('wordCloud3d')?.(() => {\n            const stage = this.getCompiler().getStage();\n\n            const width = stage.width - padding.left || 0 - padding.right || 0;\n            const height = stage.height - padding.top || 0 - padding.bottom || 0;\n            const r = Math.max(width, height) / 2;\n            return {\n              center: { x: r, y: r, z: this._spec.depth_3d ?? r },\n              r\n            };\n          }),\n          userAnimationConfig(SeriesMarkNameEnum.word, this._spec, this._markAttributeContext)\n        )\n      );\n    }\n  }\n}\n\nexport const registerWordCloud3dSeries = () => {\n  registerTextMark();\n  registerWordCloud3dAnimation();\n  Factory.registerSeries(WordCloud3dSeries.type, WordCloud3dSeries);\n};\n\nexport const registerWordCloudShape3dSeries = () => {\n  registerWordCloud3dSeries();\n};\n"]}

package/esm/charts/word-cloud-3d/theme.d.ts

@@ -0,0 +1,2 @@
+import type { IWordCloud3dSeriesTheme } from './interface';
+export declare const wordCloud3d: IWordCloud3dSeriesTheme;

package/esm/charts/word-cloud-3d/theme.js

@@ -0,0 +1,10 @@
+export const wordCloud3d = {
+    word: {
+        padding: 1,
+        style: {
+            textAlign: "center",
+            textBaseline: "alphabetic"
+        }
+    }
+};
+//# sourceMappingURL=theme.js.map

package/esm/charts/word-cloud-3d/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/word-cloud-3d/theme.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAA4B;IAClD,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;QACV,KAAK,EAAE;YACL,SAAS,EAAE,QAAQ;YACnB,YAAY,EAAE,YAAY;SAC3B;KACF;CACF,CAAC","file":"theme.js","sourcesContent":["import type { IWordCloud3dSeriesTheme } from './interface';\n\nexport const wordCloud3d: IWordCloud3dSeriesTheme = {\n  word: {\n    padding: 1,\n    style: {\n      textAlign: 'center',\n      textBaseline: 'alphabetic'\n    }\n  }\n};\n"]}

package/esm/components/bar-link/bar-link.d.ts

@@ -0,0 +1,7 @@
+import { AbstractComponent } from '@visactor/vrender-components';
+import type { BarLinkAttrs } from './type';
+export declare class BarLinkComponent extends AbstractComponent<Required<BarLinkAttrs>> {
+    name: string;
+    protected render(): void;
+}
+export declare const registerBarLink: () => void;

package/esm/components/bar-link/bar-link.js

@@ -0,0 +1,85 @@
+import { AbstractComponent, Segment } from "@visactor/vrender-components";
+
+import { cloneDeep, isEmpty } from "@visactor/vutils";
+
+import { Factory } from "@visactor/vchart";
+
+import { createArea, createText } from "@visactor/vrender-core";
+
+import { STACK_FIELD_END, STACK_FIELD_START } from "@visactor/vchart";
+
+import { BAR_LINK } from "./constant";
+
+export class BarLinkComponent extends AbstractComponent {
+    constructor() {
+        super(...arguments), this.name = BAR_LINK;
+    }
+    render() {
+        const {data: data, linkStyle: linkStyle, areaStyle: areaStyle, styleMap: styleMap, label: label, linkType: linkType = "total"} = this.attribute;
+        isEmpty(data) || (this.removeAllChild(), data.forEach(((datum, index) => {
+            var _a, _b, _c, _d, _e;
+            const {linePoints: linePoints, areaPoints: areaPoints, id: id = index, color: color, data: curData} = datum;
+            if (areaPoints && !1 !== (null === (_a = null == styleMap ? void 0 : styleMap[`area-${id}`]) || void 0 === _a ? void 0 : _a.visible)) {
+                const area = createArea(Object.assign(Object.assign({
+                    points: areaPoints,
+                    fillOpacity: .3,
+                    fill: color,
+                    zIndex: 0
+                }, areaStyle), null == styleMap ? void 0 : styleMap[`area-${id}`]));
+                area.name = "bar-link-area", area.id = `area-${id}`, this.add(area);
+            }
+            if (linePoints && !1 !== (null === (_b = null == styleMap ? void 0 : styleMap[`line-${id}`]) || void 0 === _b ? void 0 : _b.visible) && 0 !== (null === (_c = null == linkStyle ? void 0 : linkStyle.lineStyle) || void 0 === _c ? void 0 : _c.lineWidth) && 0 !== (null === (_d = null == styleMap ? void 0 : styleMap[`line-${id}`]) || void 0 === _d ? void 0 : _d.lineWidth)) {
+                const {startSymbol: startSymbol = {}, endSymbol: endSymbol = {}, lineStyle: lineStyle} = linkStyle || {}, startSymbolAttrs = cloneDeep(startSymbol), endSymbolAttrs = cloneDeep(endSymbol);
+                (null == styleMap ? void 0 : styleMap[`line-${id}`]) && styleMap[`line-${id}`].stroke && (startSymbolAttrs.style = Object.assign(Object.assign({}, startSymbolAttrs.style), {
+                    color: styleMap[`line-${id}`].stroke
+                }), endSymbolAttrs.style = Object.assign(Object.assign({}, endSymbolAttrs.style), {
+                    color: styleMap[`line-${id}`].stroke
+                })), startSymbolAttrs.symbolType || startSymbolAttrs.originSymbolType || (startSymbolAttrs.originSymbolType = "solidArrow"), 
+                endSymbolAttrs.symbolType || endSymbolAttrs.originSymbolType || (endSymbolAttrs.originSymbolType = "solidArrow");
+                const line = new Segment({
+                    points: linePoints,
+                    startSymbol: Object.assign({
+                        size: 8
+                    }, startSymbolAttrs),
+                    endSymbol: Object.assign({
+                        size: 8
+                    }, endSymbolAttrs),
+                    lineStyle: Object.assign(Object.assign({
+                        lineDash: [ 3, 3 ],
+                        lineWidth: 1,
+                        stroke: "#000"
+                    }, lineStyle), null == styleMap ? void 0 : styleMap[`line-${id}`]),
+                    pickable: !0,
+                    childrenPickable: !1,
+                    zIndex: 1
+                });
+                line.name = "bar-link-line", line.id = `line-${id}`, this.add(line);
+            }
+            if ((null == label ? void 0 : label.visible) && !1 !== (null === (_e = null == styleMap ? void 0 : styleMap[`label-${id}`]) || void 0 === _e ? void 0 : _e.visible)) {
+                const {style: style, formatMethod: formatMethod} = label, [startData, endData] = curData;
+                let startValue = startData[STACK_FIELD_END], endValue = endData[STACK_FIELD_END];
+                "value" === linkType && (startValue = startData[STACK_FIELD_END] - startData[STACK_FIELD_START], 
+                endValue = endData[STACK_FIELD_END] - endData[STACK_FIELD_START]);
+                const value = endValue - startValue, percentage = (endValue - startValue) / startValue * 100, text = createText(Object.assign(Object.assign({
+                    x: .5 * (linePoints[0].x + linePoints[1].x),
+                    y: .5 * (linePoints[0].y + linePoints[1].y),
+                    text: formatMethod ? formatMethod(value, percentage, curData) : `${value} ${percentage}`,
+                    fontSize: 14,
+                    fill: "#000",
+                    stroke: "#fff",
+                    lineWidth: 1,
+                    textAlign: "center",
+                    textBaseline: "middle",
+                    background: "#fff",
+                    zIndex: 2
+                }, style), null == styleMap ? void 0 : styleMap[`label-${id}`]));
+                text.name = "bar-link-label", text.id = `label-${id}`, this.add(text);
+            }
+        })));
+    }
+}
+
+export const registerBarLink = () => {
+    Factory.registerGraphicComponent(BAR_LINK, (attrs => new BarLinkComponent(attrs)));
+};
+//# sourceMappingURL=bar-link.js.map

package/esm/components/bar-link/bar-link.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/bar-link/bar-link.ts"],"names":[],"mappings":"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","file":"bar-link.js","sourcesContent":["/**\n * @description 堆叠柱系列的连接线组件\n * @author zhangweixing\n */\nimport { AbstractComponent, Segment } from '@visactor/vrender-components';\nimport { cloneDeep, isEmpty } from '@visactor/vutils';\nimport { Factory } from '@visactor/vchart';\nimport { type IGraphic, type ILineGraphicAttribute, createArea, createText } from '@visactor/vrender-core';\nimport { STACK_FIELD_END, STACK_FIELD_START } from '@visactor/vchart';\nimport type { BarLinkAttrs } from './type';\nimport { BAR_LINK } from './constant';\n\nexport class BarLinkComponent extends AbstractComponent<Required<BarLinkAttrs>> {\n  name = BAR_LINK;\n\n  protected render() {\n    const { data, linkStyle, areaStyle, styleMap, label, linkType = 'total' } = this.attribute as BarLinkAttrs;\n    if (isEmpty(data)) {\n      return;\n    }\n    this.removeAllChild();\n    data.forEach((datum, index) => {\n      const { linePoints, areaPoints, id = index, color, data: curData } = datum;\n\n      if (areaPoints && styleMap?.[`area-${id}`]?.visible !== false) {\n        // 先绘制面\n        const area = createArea({\n          points: areaPoints,\n          fillOpacity: 0.3,\n          fill: color,\n          zIndex: 0,\n          ...areaStyle,\n          ...styleMap?.[`area-${id}`]\n        });\n        area.name = 'bar-link-area';\n        area.id = `area-${id}`;\n        this.add(area);\n      }\n\n      if (\n        linePoints &&\n        styleMap?.[`line-${id}`]?.visible !== false &&\n        (linkStyle?.lineStyle as any)?.lineWidth !== 0 &&\n        styleMap?.[`line-${id}`]?.lineWidth !== 0\n      ) {\n        // 再绘制点\n        const { startSymbol = {}, endSymbol = {}, lineStyle } = linkStyle || {};\n\n        const startSymbolAttrs = cloneDeep(startSymbol);\n        const endSymbolAttrs = cloneDeep(endSymbol);\n        if (styleMap?.[`line-${id}`] && styleMap[`line-${id}`].stroke) {\n          (startSymbolAttrs as any).style = {\n            ...(startSymbolAttrs as any).style,\n            color: styleMap[`line-${id}`].stroke\n          };\n          (endSymbolAttrs as any).style = {\n            ...(endSymbolAttrs as any).style,\n            color: styleMap[`line-${id}`].stroke\n          };\n        }\n\n        if (!(startSymbolAttrs as any).symbolType && !(startSymbolAttrs as any).originSymbolType) {\n          (startSymbolAttrs as any).originSymbolType = 'solidArrow';\n        }\n        if (!(endSymbolAttrs as any).symbolType && !(endSymbolAttrs as any).originSymbolType) {\n          (endSymbolAttrs as any).originSymbolType = 'solidArrow';\n        }\n        const line = new Segment({\n          points: linePoints,\n          startSymbol: {\n            size: 8,\n            ...startSymbolAttrs\n          },\n          endSymbol: {\n            size: 8,\n            ...endSymbolAttrs\n          },\n          lineStyle: {\n            lineDash: [3, 3],\n            lineWidth: 1,\n            stroke: '#000',\n            ...lineStyle,\n            ...styleMap?.[`line-${id}`]\n          } as ILineGraphicAttribute,\n          pickable: true,\n          childrenPickable: false,\n          zIndex: 1\n        });\n        line.name = 'bar-link-line';\n        line.id = `line-${id}`;\n        this.add(line as unknown as IGraphic);\n      }\n\n      if (label?.visible && styleMap?.[`label-${id}`]?.visible !== false) {\n        const { style, formatMethod } = label;\n\n        const [startData, endData] = curData;\n\n        let startValue = startData[STACK_FIELD_END];\n        let endValue = endData[STACK_FIELD_END];\n        if (linkType === 'value') {\n          startValue = startData[STACK_FIELD_END] - startData[STACK_FIELD_START];\n          endValue = endData[STACK_FIELD_END] - endData[STACK_FIELD_START];\n        }\n\n        const value = endValue - startValue;\n        const percentage = ((endValue - startValue) / startValue) * 100;\n\n        const text = createText({\n          x: (linePoints[0].x + linePoints[1].x) * 0.5,\n          y: (linePoints[0].y + linePoints[1].y) * 0.5,\n          text: formatMethod ? (formatMethod(value, percentage, curData) as string) : `${value} ${percentage}`,\n          fontSize: 14,\n          fill: '#000',\n          stroke: '#fff',\n          lineWidth: 1,\n          textAlign: 'center',\n          textBaseline: 'middle',\n          background: '#fff',\n          zIndex: 2,\n          ...style,\n          ...styleMap?.[`label-${id}`]\n        });\n        text.name = 'bar-link-label';\n        text.id = `label-${id}`;\n        this.add(text);\n      }\n    });\n  }\n}\n\nexport const registerBarLink = () => {\n  Factory.registerGraphicComponent(\n    BAR_LINK,\n    (attrs: Required<BarLinkAttrs>) => new BarLinkComponent(attrs) as unknown as IGraphic\n  );\n};\n"]}

package/esm/components/bar-link/constant.d.ts

@@ -0,0 +1 @@
+export declare const BAR_LINK = "barLink";

package/esm/components/bar-link/constant.js

@@ -0,0 +1,2 @@
+export const BAR_LINK = "barLink";
+//# sourceMappingURL=constant.js.map

package/esm/components/bar-link/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/bar-link/constant.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,SAAS,CAAC","file":"constant.js","sourcesContent":["export const BAR_LINK = 'barLink';\n"]}

package/esm/components/bar-link/index.d.ts

@@ -0,0 +1,4 @@
+export { BarLinkComponent, registerBarLink } from './bar-link';
+export * from './type';
+export { getBarLinkConfig, appendBarLinkConfig } from './util';
+export * from './constant';

package/esm/components/bar-link/index.js

@@ -0,0 +1,8 @@
+export { BarLinkComponent, registerBarLink } from "./bar-link";
+
+export * from "./type";
+
+export { getBarLinkConfig, appendBarLinkConfig } from "./util";
+
+export * from "./constant";
+//# sourceMappingURL=index.js.map

package/esm/components/bar-link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/bar-link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC/D,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAC/D,cAAc,YAAY,CAAC","file":"index.js","sourcesContent":["export { BarLinkComponent, registerBarLink } from './bar-link';\nexport * from './type';\nexport { getBarLinkConfig, appendBarLinkConfig } from './util';\nexport * from './constant';\n"]}

package/esm/components/bar-link/type.d.ts

@@ -0,0 +1,27 @@
+import type { IAreaGraphicAttribute, IGroupGraphicAttribute, ILineGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender-core';
+import type { SegmentAttributes } from '@visactor/vrender-components';
+import type { Dict, IPointLike } from '@visactor/vutils';
+export type Point = {
+    x: number;
+    y: number;
+};
+export type BarLinkDatum = {
+    areaPoints: [IPointLike, IPointLike];
+    linePoints: [IPointLike, IPointLike];
+    id?: string;
+    color?: string;
+    data: [Dict<any>, Dict<any>];
+};
+export interface BarLinkAttrs extends IGroupGraphicAttribute {
+    data: BarLinkDatum[];
+    linkType?: 'total' | 'value';
+    doFill?: boolean;
+    linkStyle?: Pick<SegmentAttributes, 'startSymbol' | 'endSymbol' | 'lineStyle'>;
+    areaStyle?: IAreaGraphicAttribute;
+    styleMap?: Record<string, ILineGraphicAttribute>;
+    label?: {
+        visible?: boolean;
+        style?: ITextGraphicAttribute;
+        formatMethod?: (value: number, percent: number, data: [any, any]) => (string | number) | (string | number)[];
+    };
+}

package/esm/components/bar-link/type.js

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

package/esm/components/bar-link/type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/bar-link/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type {\n  IAreaGraphicAttribute,\n  IGroupGraphicAttribute,\n  ILineGraphicAttribute,\n  ITextGraphicAttribute\n} from '@visactor/vrender-core';\nimport type { SegmentAttributes } from '@visactor/vrender-components';\nimport type { Dict, IPointLike } from '@visactor/vutils';\n\nexport type Point = {\n  x: number;\n  y: number;\n};\n\nexport type BarLinkDatum = {\n  /**\n   * 用于绘制的面积的坐标点\n   */\n  areaPoints: [IPointLike, IPointLike];\n  /**\n   * 用于绘制线的坐标点\n   */\n  linePoints: [IPointLike, IPointLike];\n\n  /**\n   * 唯一标识，如果不声明，则默认使用数据索引\n   */\n  id?: string;\n  color?: string;\n  /**\n   * 点携带的图形数据\n   */\n  data: [Dict<any>, Dict<any>];\n};\n\nexport interface BarLinkAttrs extends IGroupGraphicAttribute {\n  data: BarLinkDatum[];\n  /**\n   * 连接类型\n   * 1. 'total' 累计值进行连接\n   * 2. 'value' 本身值连接\n   */\n  linkType?: 'total' | 'value';\n  /**\n   * 是否填充\n   */\n  doFill?: boolean;\n  linkStyle?: Pick<SegmentAttributes, 'startSymbol' | 'endSymbol' | 'lineStyle'>;\n  areaStyle?: IAreaGraphicAttribute;\n  /**\n   * 用于配置各个线的样式，key 对应线的 id，主要用于连接线的编辑场景\n   * 1. 删除：{ visible: false }\n   * 2. 样式编辑：{ stroke: 'red' }\n   */\n  styleMap?: Record<string, ILineGraphicAttribute>;\n  label?: {\n    visible?: boolean;\n    style?: ITextGraphicAttribute;\n    formatMethod?: (value: number, percent: number, data: [any, any]) => (string | number) | (string | number)[];\n  };\n}\n"]}

package/esm/components/bar-link/util.d.ts

@@ -0,0 +1,21 @@
+import type { Dict } from '@visactor/vutils';
+import type { BarLinkAttrs, BarLinkDatum } from './type';
+import type { IMarkGraphic, ISpec } from '@visactor/vchart';
+export declare function groupBarsByFields(elements: IMarkGraphic[], groupFields: string[]): Dict<IMarkGraphic[]>;
+export declare function getLinkData(currentElement: IMarkGraphic, nextElement: IMarkGraphic, config: {
+    isHorizontal: boolean;
+    isXAxisInverse: boolean;
+    isYAxisInverse: boolean;
+    linkType: string;
+    doFill: boolean;
+    regionStartX: number;
+    regionStartY: number;
+}): BarLinkDatum;
+export declare function getBarLinkConfig(style?: Pick<BarLinkAttrs, 'areaStyle' | 'label' | 'linkStyle' | 'styleMap' | 'doFill' | 'linkType'>, extraStyle?: any): {
+    type: string;
+    componentType: string;
+    zIndex: number;
+    interactive: boolean;
+    style: any;
+};
+export declare function appendBarLinkConfig(rawSpec: ISpec, barLinkSpec?: Pick<BarLinkAttrs, 'areaStyle' | 'label' | 'linkStyle' | 'styleMap' | 'doFill' | 'linkType'>): void;