@visactor/vchart-extension 1.13.22 → 1.13.23-alpha.0

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

@@ -0,0 +1,64 @@
+import { CommonChartSpecTransformer } from "@visactor/vchart";
+
+import { processSequenceData } from "./utils";
+
+import { DATA_KEY } from "./constant";
+
+export class SequenceScatterPixelChartSpecTransformer extends CommonChartSpecTransformer {
+    transformSpec(spec) {
+        var _a, _b, _c, _d, _e;
+        super.transformSpec(spec);
+        const dataSpecs = processSequenceData(spec);
+        spec.type = "common", spec.dataKey = DATA_KEY, spec.data = dataSpecs[0].data, spec.width = 300, 
+        spec.height = 300, spec.autoFit = !1, spec.series = [ {
+            type: "scatter",
+            xField: spec.xField,
+            yField: spec.yField
+        } ], spec.player && (spec.player = Object.assign(Object.assign({}, spec.player), {
+            specs: dataSpecs
+        }), spec.animationAppear = {
+            duration: null !== (_b = null === (_a = spec.player) || void 0 === _a ? void 0 : _a.duration) && void 0 !== _b ? _b : 2e3,
+            easing: "linear"
+        }, spec.animationUpdate = {
+            duration: null !== (_d = null === (_c = spec.player) || void 0 === _c ? void 0 : _c.duration) && void 0 !== _d ? _d : 2e3,
+            easing: "linear"
+        }), spec.axes = [ {
+            orient: "left",
+            type: "linear"
+        }, {
+            orient: "bottom",
+            label: {
+                visible: !0
+            },
+            type: "linear"
+        } ], spec.customMark = [ {
+            type: "image",
+            dataIndex: 2,
+            style: {
+                x: 0,
+                y: 0,
+                width: 300,
+                height: 300,
+                image: datum => datum.imageData,
+                zIndex: -1
+            }
+        }, {
+            type: "text",
+            dataIndex: 1,
+            style: Object.assign({
+                text: datum => datum.inter,
+                x: 50,
+                y: () => 10,
+                textBaseline: "top",
+                textAlign: "left",
+                fontSize: 100,
+                fontWeight: "bolder",
+                fill: "black",
+                fillOpacity: .2
+            }, null === (_e = spec.infoLabel) || void 0 === _e ? void 0 : _e.style)
+        } ], spec.tooltip = {
+            visible: !1
+        }, super.transformSpec(spec);
+    }
+}
+//# sourceMappingURL=sequence-scatter-pixel-transformer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/sequence-scatter-pixel/sequence-scatter-pixel-transformer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,OAAO,wCAAyC,SAAQ,0BAA+B;IAC3F,aAAa,CAAC,IAAS;;QACrB,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC1B,MAAM,SAAS,GAAG,mBAAmB,CAAC,IAA4C,CAAC,CAAC;QAEpF,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC;QACxB,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAE9B,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC;QACjB,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC;QAClB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QAErB,IAAI,CAAC,MAAM,GAAG;YACZ;gBACE,IAAI,EAAE,SAAS;gBACf,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,MAAM,EAAE,IAAI,CAAC,MAAM;aACpB;SACF,CAAC;QAEF,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,mCACN,IAAI,CAAC,MAAM,KACd,KAAK,EAAE,SAAS,GACjB,CAAC;YACF,IAAI,CAAC,eAAe,GAAG;gBACrB,QAAQ,EAAE,MAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,QAAQ,mCAAI,IAAI;gBACvC,MAAM,EAAE,QAAQ;aACjB,CAAC;YAEF,IAAI,CAAC,eAAe,GAAG;gBACrB,QAAQ,EAAE,MAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,QAAQ,mCAAI,IAAI;gBACvC,MAAM,EAAE,QAAQ;aACjB,CAAC;SACH;QAED,IAAI,CAAC,IAAI,GAAG;YACV;gBACE,MAAM,EAAE,MAAM;gBACd,IAAI,EAAE,QAAQ;aACf;YACD;gBACE,MAAM,EAAE,QAAQ;gBAChB,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;gBACxB,IAAI,EAAE,QAAQ;aACf;SACF,CAAC;QAEF,IAAI,CAAC,UAAU,GAAG;YAEhB;gBACE,IAAI,EAAE,OAAO;gBACb,SAAS,EAAE,CAAC;gBACZ,KAAK,EAAE;oBACL,CAAC,EAAE,CAAC;oBACJ,CAAC,EAAE,CAAC;oBACJ,KAAK,EAAE,GAAG;oBACV,MAAM,EAAE,GAAG;oBACX,KAAK,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS;oBACxC,MAAM,EAAE,CAAC,CAAC;iBACX;aACF;YACD;gBACE,IAAI,EAAE,MAAM;gBACZ,SAAS,EAAE,CAAC;gBACZ,KAAK,kBACH,IAAI,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EACtC,CAAC,EAAE,EAAE,EACL,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,EACX,YAAY,EAAE,KAAK,EACnB,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,GAAG,EACb,UAAU,EAAE,QAAQ,EACpB,IAAI,EAAE,OAAO,EACb,WAAW,EAAE,GAAG,IACb,MAAA,IAAI,CAAC,SAAS,0CAAE,KAAK,CACzB;aACF;SACF,CAAC;QAEF,IAAI,CAAC,OAAO,GAAG;YACb,OAAO,EAAE,KAAK;SACf,CAAC;QAEF,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC;CACF","file":"sequence-scatter-pixel-transformer.js","sourcesContent":["import { Datum } from '@visactor/vchart/src/typings';\nimport type { ISequenceScatterPixelSpec } from './interface';\nimport { CommonChartSpecTransformer } from '@visactor/vchart';\nimport { processSequenceData } from './utils';\nimport { DATA_KEY } from './constant';\n\nexport class SequenceScatterPixelChartSpecTransformer extends CommonChartSpecTransformer<any> {\n  transformSpec(spec: any): void {\n    super.transformSpec(spec);\n    const dataSpecs = processSequenceData(spec as unknown as ISequenceScatterPixelSpec);\n\n    spec.type = 'common';\n    spec.dataKey = DATA_KEY;\n    spec.data = dataSpecs[0].data;\n\n    spec.width = 300;\n    spec.height = 300;\n    spec.autoFit = false;\n\n    spec.series = [\n      {\n        type: 'scatter',\n        xField: spec.xField,\n        yField: spec.yField\n      }\n    ];\n\n    if (spec.player) {\n      spec.player = {\n        ...spec.player,\n        specs: dataSpecs\n      };\n      spec.animationAppear = {\n        duration: spec.player?.duration ?? 2000,\n        easing: 'linear'\n      };\n\n      spec.animationUpdate = {\n        duration: spec.player?.duration ?? 2000,\n        easing: 'linear'\n      };\n    }\n\n    spec.axes = [\n      {\n        orient: 'left',\n        type: 'linear'\n      },\n      {\n        orient: 'bottom',\n        label: { visible: true },\n        type: 'linear'\n      }\n    ];\n\n    spec.customMark = [\n      // 背景图像\n      {\n        type: 'image',\n        dataIndex: 2,\n        style: {\n          x: 0,\n          y: 0,\n          width: 300,\n          height: 300,\n          image: (datum: Datum) => datum.imageData,\n          zIndex: -1\n        }\n      },\n      {\n        type: 'text',\n        dataIndex: 1,\n        style: {\n          text: (datum: Datum) => datum['inter'],\n          x: 50,\n          y: () => 10,\n          textBaseline: 'top',\n          textAlign: 'left',\n          fontSize: 100,\n          fontWeight: 'bolder',\n          fill: 'black',\n          fillOpacity: 0.2,\n          ...spec.infoLabel?.style\n        }\n      }\n    ];\n\n    spec.tooltip = {\n      visible: false\n    };\n\n    super.transformSpec(spec);\n  }\n}\n"]}

package/esm/charts/sequence-scatter-pixel/sequence-scatter-pixel.d.ts

@@ -0,0 +1,16 @@
+import { ISequenceScatterPixelSpec } from './interface';
+import { VChart, BaseChart } from '@visactor/vchart';
+import { SequenceScatterPixelChartSpecTransformer } from './sequence-scatter-pixel-transformer';
+export declare class SequenceScatterPixel extends BaseChart<Omit<ISequenceScatterPixelSpec, 'data'>> {
+    type: string;
+    static type: string;
+    static readonly view: string;
+    _spec: ISequenceScatterPixelSpec;
+    static readonly transformerConstructor: typeof SequenceScatterPixelChartSpecTransformer;
+    readonly transformerConstructor: typeof SequenceScatterPixelChartSpecTransformer;
+    init(): void;
+    protected isValid(): boolean;
+}
+export declare const registerSequenceScatterPixel: (option?: {
+    VChart?: typeof VChart;
+}) => void;

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

@@ -0,0 +1,28 @@
+import { VChart, BaseChart, ScatterChart } from "@visactor/vchart";
+
+import { SequenceScatterPixelChartSpecTransformer } from "./sequence-scatter-pixel-transformer";
+
+export class SequenceScatterPixel extends BaseChart {
+    constructor() {
+        super(...arguments), this.type = "sequenceScatterPixel", this.transformerConstructor = SequenceScatterPixelChartSpecTransformer;
+    }
+    init() {
+        this.isValid() && super.init();
+    }
+    isValid() {
+        var _a, _b, _c, _d;
+        const {xField: xField, yField: yField, data: data} = this._spec;
+        return xField && yField ? !!data || (null === (_d = (_c = this._option).onError) || void 0 === _d || _d.call(_c, "Data is required"), 
+        !1) : (null === (_b = (_a = this._option).onError) || void 0 === _b || _b.call(_a, "Missing Required Config: `xField`, `yField` "), 
+        !1);
+    }
+}
+
+SequenceScatterPixel.type = "sequenceScatterPixel", SequenceScatterPixel.view = "singleDefault", 
+SequenceScatterPixel.transformerConstructor = SequenceScatterPixelChartSpecTransformer;
+
+export const registerSequenceScatterPixel = option => {
+    const vchartConstructor = (null == option ? void 0 : option.VChart) || VChart;
+    vchartConstructor && vchartConstructor.useChart([ SequenceScatterPixel, ScatterChart ]);
+};
+//# sourceMappingURL=sequence-scatter-pixel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/sequence-scatter-pixel/sequence-scatter-pixel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAAE,wCAAwC,EAAE,MAAM,sCAAsC,CAAC;AAEhG,MAAM,OAAO,oBAAqB,SAAQ,SAAkD;IAA5F;;QACE,SAAI,GAAG,sBAAsB,CAAC;QAOrB,2BAAsB,GAAG,wCAAwC,CAAC;IAqB7E,CAAC;IAnBC,IAAI;QACF,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE;YACnB,OAAO;SACR;QACD,KAAK,CAAC,IAAI,EAAE,CAAC;IACf,CAAC;IAES,OAAO;;QACf,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC5C,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE;YACtB,MAAA,MAAA,IAAI,CAAC,OAAO,EAAC,OAAO,mDAAG,8CAA8C,CAAC,CAAC;YACvE,OAAO,KAAK,CAAC;SACd;QACD,IAAI,CAAC,IAAI,EAAE;YACT,MAAA,MAAA,IAAI,CAAC,OAAO,EAAC,OAAO,mDAAG,kBAAkB,CAAC,CAAC;YAC3C,OAAO,KAAK,CAAC;SACd;QACD,OAAO,IAAI,CAAC;IACd,CAAC;;AA1BM,yBAAI,GAAG,sBAAsB,CAAC;AACrB,yBAAI,GAAW,eAAe,CAAC;AAI/B,2CAAsB,GAAG,wCAAwC,CAAC;AAwBpF,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,MAAmC,EAAE,EAAE;IAClF,MAAM,iBAAiB,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,KAAI,MAAM,CAAC;IACnD,IAAI,iBAAiB,EAAE;QACrB,iBAAiB,CAAC,QAAQ,CAAC,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC,CAAC;KAClE;AACH,CAAC,CAAC","file":"sequence-scatter-pixel.js","sourcesContent":["import { ISequenceScatterPixelSpec } from './interface';\nimport { VChart, BaseChart, ScatterChart } from '@visactor/vchart';\nimport { SequenceScatterPixelChartSpecTransformer } from './sequence-scatter-pixel-transformer';\n\nexport class SequenceScatterPixel extends BaseChart<Omit<ISequenceScatterPixelSpec, 'data'>> {\n  type = 'sequenceScatterPixel';\n  static type = 'sequenceScatterPixel';\n  static readonly view: string = 'singleDefault';\n\n  declare _spec: ISequenceScatterPixelSpec;\n\n  static readonly transformerConstructor = SequenceScatterPixelChartSpecTransformer;\n  readonly transformerConstructor = SequenceScatterPixelChartSpecTransformer;\n\n  init() {\n    if (!this.isValid()) {\n      return;\n    }\n    super.init();\n  }\n\n  protected isValid() {\n    const { xField, yField, data } = this._spec;\n    if (!xField || !yField) {\n      this._option.onError?.('Missing Required Config: `xField`, `yField` ');\n      return false;\n    }\n    if (!data) {\n      this._option.onError?.('Data is required');\n      return false;\n    }\n    return true;\n  }\n}\n\nexport const registerSequenceScatterPixel = (option?: { VChart?: typeof VChart }) => {\n  const vchartConstructor = option?.VChart || VChart;\n  if (vchartConstructor) {\n    vchartConstructor.useChart([SequenceScatterPixel, ScatterChart]);\n  }\n};\n"]}

package/esm/charts/sequence-scatter-pixel/utils.d.ts

@@ -0,0 +1,3 @@
+import { ISequenceScatterPixelSpec } from './interface';
+export declare function createImageDataFromColorMatrix(colorMatrix: any[][], spec: ISequenceScatterPixelSpec): string | null;
+export declare function processSequenceData(spec: ISequenceScatterPixelSpec): any[];

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":["charts/sequence-scatter-pixel/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtD,MAAM,UAAU,8BAA8B,CAAC,WAAoB,EAAE,IAA+B;;IAElG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;QACnC,MAAM,IAAI,KAAK,CAAC,oEAAoE,CAAC,CAAC;KACvF;IAGD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChD,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;IAC1B,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;IAC5B,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAEpC,IAAI,CAAC,GAAG,EAAE;QACR,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;KACnE;IAGD,MAAM,SAAS,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IAG/D,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;QAC5B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;YAC5B,MAAM,GAAG,GAAG,CAAA,MAAA,WAAW,CAAC,CAAC,CAAC,0CAAG,CAAC,CAAC,KAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YAC7C,MAAM,UAAU,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;YAGrC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;YACtD,SAAS,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;YAC1D,SAAS,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;YAC1D,SAAS,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;SACtC;KACF;IAGD,GAAG,CAAC,YAAY,CAAC,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAClC,OAAO,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;AACvC,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,IAA+B;IACjE,MAAM,MAAM,GAAU,EAAE,CAAC;IACzB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACrC,IAAI,cAAc,GAAG,IAAI,CAAC;QAC1B,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE;YACzD,MAAM,SAAS,GAAG,8BAA8B,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;YACrF,cAAc,GAAG,EAAE,SAAS,EAAE,CAAC;SAChC;QACD,MAAM,CAAC,IAAI,CAAC;YACV,IAAI,EAAE;gBACJ;oBACE,EAAE,EAAE,OAAO;oBACX,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;wBACpC,uCAAY,CAAC,KAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAG;oBACjC,CAAC,CAAC;iBACH;gBACD;oBACE,EAAE,EAAE,OAAO;oBACX,MAAM,EAAE;wBACN;4BACE,KAAK;yBACN;qBACF;iBACF;gBACD;oBACE,EAAE,EAAE,cAAc;oBAClB,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE;iBAC/C;aACF;SACF,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AAChB,CAAC","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/components/bar-link/bar-link.d.ts

@@ -0,0 +1,7 @@
+import { AbstractComponent } from '@visactor/vrender-components';
+import { 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/vgrammar-core";
+
+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":["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/vgrammar-core';\nimport { type IGraphic, type ILineGraphicAttribute, createArea, createText } from '@visactor/vrender-core';\nimport { STACK_FIELD_END, STACK_FIELD_START } from '@visactor/vchart';\nimport { 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 BarLinkLineAttrs;\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?.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) : `${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":["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":["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":["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,22 @@
+import type { IElement } from '@visactor/vgrammar-core';
+import type { Dict } from '@visactor/vutils';
+import type { BarLinkAttrs, BarLinkDatum } from './type';
+import type { ISpec } from '@visactor/vchart';
+export declare function groupBarsByFields(elements: IElement[], groupFields: string[]): Dict<IElement[]>;
+export declare function getLinkData(currentElement: IElement, nextElement: IElement, 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;

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

@@ -0,0 +1,178 @@
+var __rest = this && this.__rest || function(s, e) {
+    var t = {};
+    for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+    if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+    }
+    return t;
+};
+
+import { STACK_FIELD_END } from "@visactor/vchart";
+
+import { array } from "@visactor/vutils";
+
+import { BAR_LINK } from "./constant";
+
+export function groupBarsByFields(elements, groupFields) {
+    var _a;
+    const result = {};
+    for (let i = 0; i < elements.length; i++) {
+        const item = elements[i], itemData = null === (_a = item.data) || void 0 === _a ? void 0 : _a[0], groupKey = groupFields.map((field => itemData[field])).join("-");
+        result[groupKey] || (result[groupKey] = []), result[groupKey].push(item);
+    }
+    return result;
+}
+
+export function getLinkData(currentElement, nextElement, config) {
+    const {isHorizontal: isHorizontal, isXAxisInverse: isXAxisInverse, isYAxisInverse: isYAxisInverse, linkType: linkType, doFill: doFill, regionStartX: regionStartX, regionStartY: regionStartY} = config, currentBarGraphic = currentElement.getGraphicItem(), nextBarGraphic = nextElement.getGraphicItem(), currentBarBounds = currentBarGraphic.AABBBounds, nextBarBounds = nextBarGraphic.AABBBounds;
+    let linePoints, areaPoints;
+    return isHorizontal ? (linePoints = [ {
+        x: (currentBarBounds.x1 + currentBarBounds.x2) / 2 + regionStartX,
+        y: currentBarBounds.y1 + regionStartY
+    }, {
+        x: (nextBarBounds.x1 + nextBarBounds.x2) / 2 + regionStartX,
+        y: nextBarBounds.y2 + regionStartY
+    } ], isXAxisInverse ? ("total" === linkType && (linePoints = [ {
+        x: currentBarBounds.x1 + regionStartX,
+        y: currentBarBounds.y1 + regionStartY
+    }, {
+        x: nextBarBounds.x1 + regionStartX,
+        y: nextBarBounds.y2 + regionStartY
+    } ]), doFill && (areaPoints = [ {
+        x: currentBarBounds.x1 + regionStartX,
+        x1: currentBarBounds.x2 + regionStartX,
+        y: currentBarBounds.y1 + regionStartY
+    }, {
+        x: nextBarBounds.x1 + regionStartX,
+        x1: nextBarBounds.x2 + regionStartX,
+        y: nextBarBounds.y2 + regionStartY
+    } ])) : ("total" === linkType && (linePoints = [ {
+        x: currentBarBounds.x2 + regionStartX,
+        y: currentBarBounds.y1 + regionStartY
+    }, {
+        x: nextBarBounds.x2 + regionStartX,
+        y: nextBarBounds.y2 + regionStartY
+    } ]), doFill && (areaPoints = [ {
+        x: currentBarBounds.x2 + regionStartX,
+        x1: currentBarBounds.x1 + regionStartX,
+        y: currentBarBounds.y1 + regionStartY
+    }, {
+        x: nextBarBounds.x2 + regionStartX,
+        x1: nextBarBounds.x1 + regionStartX,
+        y: nextBarBounds.y2 + regionStartY
+    } ]))) : (linePoints = [ {
+        x: currentBarBounds.x2 + regionStartX,
+        y: (currentBarBounds.y1 + currentBarBounds.y2) / 2 + regionStartY
+    }, {
+        x: nextBarBounds.x1 + regionStartX,
+        y: (nextBarBounds.y1 + nextBarBounds.y2) / 2 + regionStartY
+    } ], isYAxisInverse ? ("total" === linkType && (linePoints = [ {
+        x: currentBarBounds.x2 + regionStartX,
+        y: currentBarBounds.y2 + regionStartY
+    }, {
+        x: nextBarBounds.x1 + regionStartX,
+        y: nextBarBounds.y2 + regionStartY
+    } ]), doFill && (areaPoints = [ {
+        x: currentBarBounds.x2 + regionStartX,
+        y: currentBarBounds.y2 + regionStartY,
+        y1: currentBarBounds.y1 + regionStartY
+    }, {
+        x: nextBarBounds.x1 + regionStartX,
+        y: nextBarBounds.y2 + regionStartY,
+        y1: nextBarBounds.y1 + regionStartY
+    } ])) : ("total" === linkType && (linePoints = [ {
+        x: currentBarBounds.x2 + regionStartX,
+        y: currentBarBounds.y1 + regionStartY
+    }, {
+        x: nextBarBounds.x1 + regionStartX,
+        y: nextBarBounds.y1 + regionStartY
+    } ]), doFill && (areaPoints = [ {
+        x: currentBarBounds.x2 + regionStartX,
+        y: currentBarBounds.y1 + regionStartY,
+        y1: currentBarBounds.y2 + regionStartY
+    }, {
+        x: nextBarBounds.x1 + regionStartX,
+        y: nextBarBounds.y1 + regionStartY,
+        y1: nextBarBounds.y2 + regionStartY
+    } ]))), {
+        areaPoints: areaPoints,
+        linePoints: linePoints,
+        data: [ currentElement.data[0], nextElement.data[0] ],
+        color: currentBarGraphic.attribute.fill
+    };
+}
+
+export function getBarLinkConfig(style = {}, extraStyle) {
+    const {linkType: linkType = "total", doFill: doFill} = style, rest = __rest(style, [ "linkType", "doFill" ]);
+    return {
+        type: "component",
+        componentType: BAR_LINK,
+        zIndex: 500,
+        interactive: !1,
+        style: Object.assign(Object.assign({
+            data: (datum, context) => {
+                const {vchart: vchart} = context, regions = vchart.getChart().getAllRegions(), linkLineData = [];
+                return regions.forEach((region => {
+                    const barSeriesArr = region.getSeries().filter((s => "bar" === s.type)), {x: regionStartX, y: regionStartY} = region.getLayoutStartPoint();
+                    if (barSeriesArr.length) {
+                        const groupFields = barSeriesArr[0].getGroupFields(), allBarElements = [];
+                        barSeriesArr.forEach((barSeries => {
+                            var _a, _b;
+                            (null === (_b = null === (_a = barSeries.getMarkInName("bar")) || void 0 === _a ? void 0 : _a.getProduct()) || void 0 === _b ? void 0 : _b.elements).forEach((barElement => {
+                                allBarElements.push(barElement);
+                            }));
+                        }));
+                        const groupData = groupBarsByFields(allBarElements, groupFields);
+                        Object.values(groupData).forEach((groupedValues => {
+                            groupedValues.sort(((prev, curr) => prev.data[0][STACK_FIELD_END] - curr.data[0][STACK_FIELD_END]));
+                        }));
+                        const barSeries = barSeriesArr[0], isHorizontal = "horizontal" === barSeries.direction, isYAxisInverse = barSeries.getYAxisHelper().isInverse(), isXAxisInverse = barSeries.getXAxisHelper().isInverse(), groupValues = Object.values(groupData);
+                        if (groupValues.length) if (isHorizontal) {
+                            groupValues[0][0].getGraphicItem().AABBBounds.y1 < groupValues[groupValues.length - 1][0].getGraphicItem().AABBBounds.y1 && groupValues.reverse();
+                        } else {
+                            groupValues[0][0].getGraphicItem().AABBBounds.x1 > groupValues[groupValues.length - 1][0].getGraphicItem().AABBBounds.x1 && groupValues.reverse();
+                        }
+                        for (let index = 0; index < groupValues.length - 1; index++) {
+                            const currentValues = groupValues[index], nextValues = groupValues[index + 1];
+                            if (currentValues.forEach(((element, elementIndex) => {
+                                var _a;
+                                const linkData = getLinkData(element, null !== (_a = nextValues[elementIndex]) && void 0 !== _a ? _a : nextValues[nextValues.length - 1], {
+                                    isHorizontal: isHorizontal,
+                                    isXAxisInverse: isXAxisInverse,
+                                    isYAxisInverse: isYAxisInverse,
+                                    doFill: doFill,
+                                    linkType: linkType,
+                                    regionStartX: regionStartX,
+                                    regionStartY: regionStartY
+                                });
+                                linkLineData.push(linkData);
+                            })), currentValues.length < nextValues.length) {
+                                const lastElementOfCurrentElement = currentValues[currentValues.length - 1];
+                                for (let i = currentValues.length; i < nextValues.length; i++) {
+                                    const linkData = getLinkData(lastElementOfCurrentElement, nextValues[i], {
+                                        isHorizontal: isHorizontal,
+                                        isXAxisInverse: isXAxisInverse,
+                                        isYAxisInverse: isYAxisInverse,
+                                        doFill: doFill,
+                                        linkType: linkType,
+                                        regionStartX: regionStartX,
+                                        regionStartY: regionStartY
+                                    });
+                                    linkLineData.push(linkData);
+                                }
+                            }
+                        }
+                    }
+                })), linkLineData;
+            },
+            linkType: linkType
+        }, rest), extraStyle)
+    };
+}
+
+export function appendBarLinkConfig(rawSpec, barLinkSpec) {
+    rawSpec.customMark = array(rawSpec.customMark).filter((obj => obj.componentType !== BAR_LINK)), 
+    rawSpec.customMark.push(getBarLinkConfig(barLinkSpec));
+}
+//# sourceMappingURL=util.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/bar-link/util.ts"],"names":[],"mappings":"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","file":"util.js","sourcesContent":["import type { IElement } from '@visactor/vgrammar-core';\nimport type { Dict, IPointLike } from '@visactor/vutils';\nimport type { BarLinkAttrs, BarLinkDatum } from './type';\nimport type { ICartesianSeries, ISpec } from '@visactor/vchart';\nimport { STACK_FIELD_END } from '@visactor/vchart';\nimport { array } from '@visactor/vutils';\nimport { BAR_LINK } from './constant';\n\nexport function groupBarsByFields(elements: IElement[], groupFields: string[]) {\n  const result: Dict<IElement[]> = {};\n  for (let i = 0; i < elements.length; i++) {\n    const item = elements[i];\n    const itemData = item.data?.[0];\n    const groupKey = groupFields.map(field => itemData[field]).join('-');\n    if (!result[groupKey]) {\n      result[groupKey] = [];\n    }\n    result[groupKey].push(item);\n  }\n  return result;\n}\n\nexport function getLinkData(\n  currentElement: IElement,\n  nextElement: IElement,\n  config: {\n    isHorizontal: boolean;\n    isXAxisInverse: boolean;\n    isYAxisInverse: boolean;\n    linkType: string;\n    doFill: boolean;\n    regionStartX: number;\n    regionStartY: number;\n  }\n): BarLinkDatum {\n  const { isHorizontal, isXAxisInverse, isYAxisInverse, linkType, doFill, regionStartX, regionStartY } = config;\n  const currentBarGraphic = currentElement.getGraphicItem();\n  const nextBarGraphic = nextElement.getGraphicItem();\n  const currentBarBounds = currentBarGraphic.AABBBounds;\n  const nextBarBounds = nextBarGraphic.AABBBounds;\n\n  let linePoints: [IPointLike, IPointLike];\n  let areaPoints: [IPointLike, IPointLike];\n\n  if (isHorizontal) {\n    linePoints = [\n      {\n        x: (currentBarBounds.x1 + currentBarBounds.x2) / 2 + regionStartX,\n        y: currentBarBounds.y1 + regionStartY\n      },\n      {\n        x: (nextBarBounds.x1 + nextBarBounds.x2) / 2 + regionStartX,\n        y: nextBarBounds.y2 + regionStartY\n      }\n    ];\n    if (isXAxisInverse) {\n      if (linkType === 'total') {\n        linePoints = [\n          {\n            x: currentBarBounds.x1 + regionStartX,\n            y: currentBarBounds.y1 + regionStartY\n          },\n          {\n            x: nextBarBounds.x1 + regionStartX,\n            y: nextBarBounds.y2 + regionStartY\n          }\n        ];\n      }\n\n      if (doFill) {\n        areaPoints = [\n          {\n            x: currentBarBounds.x1 + regionStartX,\n            x1: currentBarBounds.x2 + regionStartX,\n            y: currentBarBounds.y1 + regionStartY\n          },\n          {\n            x: nextBarBounds.x1 + regionStartX,\n            x1: nextBarBounds.x2 + regionStartX,\n            y: nextBarBounds.y2 + regionStartY\n          }\n        ];\n      }\n    } else {\n      if (linkType === 'total') {\n        linePoints = [\n          {\n            x: currentBarBounds.x2 + regionStartX,\n            y: currentBarBounds.y1 + regionStartY\n          },\n          {\n            x: nextBarBounds.x2 + regionStartX,\n            y: nextBarBounds.y2 + regionStartY\n          }\n        ];\n      }\n\n      if (doFill) {\n        areaPoints = [\n          {\n            x: currentBarBounds.x2 + regionStartX,\n            x1: currentBarBounds.x1 + regionStartX,\n            y: currentBarBounds.y1 + regionStartY\n          },\n          {\n            x: nextBarBounds.x2 + regionStartX,\n            x1: nextBarBounds.x1 + regionStartX,\n            y: nextBarBounds.y2 + regionStartY\n          }\n        ];\n      }\n    }\n  } else {\n    linePoints = [\n      {\n        x: currentBarBounds.x2 + regionStartX,\n        y: (currentBarBounds.y1 + currentBarBounds.y2) / 2 + regionStartY\n      },\n      {\n        x: nextBarBounds.x1 + regionStartX,\n        y: (nextBarBounds.y1 + nextBarBounds.y2) / 2 + regionStartY\n      }\n    ];\n\n    if (isYAxisInverse) {\n      if (linkType === 'total') {\n        linePoints = [\n          {\n            x: currentBarBounds.x2 + regionStartX,\n            y: currentBarBounds.y2 + regionStartY\n          },\n          {\n            x: nextBarBounds.x1 + regionStartX,\n            y: nextBarBounds.y2 + regionStartY\n          }\n        ];\n      }\n      if (doFill) {\n        areaPoints = [\n          {\n            x: currentBarBounds.x2 + regionStartX,\n            y: currentBarBounds.y2 + regionStartY,\n            y1: currentBarBounds.y1 + regionStartY\n          },\n          {\n            x: nextBarBounds.x1 + regionStartX,\n            y: nextBarBounds.y2 + regionStartY,\n            y1: nextBarBounds.y1 + regionStartY\n          }\n        ];\n      }\n    } else {\n      if (linkType === 'total') {\n        linePoints = [\n          {\n            x: currentBarBounds.x2 + regionStartX,\n            y: currentBarBounds.y1 + regionStartY\n          },\n          {\n            x: nextBarBounds.x1 + regionStartX,\n            y: nextBarBounds.y1 + regionStartY\n          }\n        ];\n      }\n      if (doFill) {\n        areaPoints = [\n          {\n            x: currentBarBounds.x2 + regionStartX,\n            y: currentBarBounds.y1 + regionStartY,\n            y1: currentBarBounds.y2 + regionStartY\n          },\n          {\n            x: nextBarBounds.x1 + regionStartX,\n            y: nextBarBounds.y1 + regionStartY,\n            y1: nextBarBounds.y2 + regionStartY\n          }\n        ];\n      }\n    }\n  }\n\n  return {\n    // points,\n    areaPoints,\n    linePoints,\n    data: [currentElement.data[0], nextElement.data[0]],\n    color: currentBarGraphic.attribute.fill as string\n  };\n}\n\nexport function getBarLinkConfig(\n  style: Pick<BarLinkAttrs, 'areaStyle' | 'label' | 'linkStyle' | 'styleMap' | 'doFill' | 'linkType'> = {},\n  extraStyle?: any\n) {\n  const { linkType = 'total', doFill, ...rest } = style;\n  return {\n    type: 'component',\n    componentType: BAR_LINK,\n    zIndex: 500, // 需要处于 region 上层\n    interactive: false,\n    style: {\n      data: (datum: any, context: any) => {\n        const { vchart } = context;\n        const regions = vchart.getChart().getAllRegions();\n        const linkLineData: BarLinkDatum[] = [];\n        regions.forEach((region: any) => {\n          // 获取所有 bar 系列\n          const barSeriesArr = region\n            .getSeries()\n            .filter((s: ICartesianSeries) => s.type === 'bar') as ICartesianSeries[];\n          const { x: regionStartX, y: regionStartY } = region.getLayoutStartPoint();\n          if (barSeriesArr.length) {\n            const groupFields = barSeriesArr[0].getGroupFields();\n            const allBarElements: IElement[] = [];\n            barSeriesArr.forEach(barSeries => {\n              const barGraphicElements = barSeries.getMarkInName('bar')?.getProduct()?.elements;\n              barGraphicElements.forEach(barElement => {\n                allBarElements.push(barElement);\n              });\n            });\n            // 按照 xField/yField 进行分组\n            const groupData = groupBarsByFields(allBarElements, groupFields);\n\n            // 对同组内的图形进行排序\n            Object.values(groupData).forEach((groupedValues: IElement[]) => {\n              groupedValues.sort((prev: IElement, curr: IElement) => {\n                return prev.data[0][STACK_FIELD_END] - curr.data[0][STACK_FIELD_END];\n              });\n            });\n\n            const barSeries = barSeriesArr[0];\n            const isHorizontal = barSeries.direction === 'horizontal';\n            const isYAxisInverse = barSeries.getYAxisHelper().isInverse();\n            const isXAxisInverse = barSeries.getXAxisHelper().isInverse();\n\n            const groupValues: IElement[][] = Object.values(groupData);\n\n            // 根据每组图形：\n            // 1. 水平，每组图形的 y1 进行由小到大排序，保证图形顺序\n            // 2. 垂直，每组图形的 x1 进行由小到大排序，保证图形顺序\n            if (groupValues.length) {\n              if (isHorizontal) {\n                const firstElementPosY = groupValues[0][0].getGraphicItem().AABBBounds.y1;\n                const lastElementPosY = groupValues[groupValues.length - 1][0].getGraphicItem().AABBBounds.y1;\n                if (firstElementPosY < lastElementPosY) {\n                  groupValues.reverse();\n                }\n              } else {\n                const firstElementPosX = groupValues[0][0].getGraphicItem().AABBBounds.x1;\n                const lastElementPosX = groupValues[groupValues.length - 1][0].getGraphicItem().AABBBounds.x1;\n                if (firstElementPosX > lastElementPosX) {\n                  groupValues.reverse();\n                }\n              }\n            }\n\n            for (let index = 0; index < groupValues.length - 1; index++) {\n              const currentValues: IElement[] = groupValues[index];\n              const nextValues: IElement[] = groupValues[index + 1];\n\n              currentValues.forEach((element, elementIndex) => {\n                const nextElement = nextValues[elementIndex] ?? nextValues[nextValues.length - 1];\n\n                const linkData = getLinkData(element, nextElement, {\n                  isHorizontal,\n                  isXAxisInverse,\n                  isYAxisInverse,\n                  doFill,\n                  linkType,\n                  regionStartX,\n                  regionStartY\n                });\n\n                linkLineData.push(linkData);\n              });\n\n              if (currentValues.length < nextValues.length) {\n                // 如果当前组的个数小于下一个组的个数，用当前组的最后一个元素去链接下一组剩余的图形\n                // 使用当前组的最后一个元素去链接下一组剩余的图形\n                const lastElementOfCurrentElement = currentValues[currentValues.length - 1];\n                for (let i = currentValues.length; i < nextValues.length; i++) {\n                  const nextElement = nextValues[i];\n\n                  const linkData = getLinkData(lastElementOfCurrentElement, nextElement, {\n                    isHorizontal,\n                    isXAxisInverse,\n                    isYAxisInverse,\n                    doFill,\n                    linkType,\n                    regionStartX,\n                    regionStartY\n                  });\n\n                  linkLineData.push(linkData);\n                }\n              }\n            }\n          }\n        });\n\n        return linkLineData;\n      },\n      linkType,\n      ...rest,\n      ...extraStyle\n    }\n  };\n}\n\nexport function appendBarLinkConfig(\n  rawSpec: ISpec,\n  barLinkSpec?: Pick<BarLinkAttrs, 'areaStyle' | 'label' | 'linkStyle' | 'styleMap' | 'doFill' | 'linkType'>\n) {\n  // 判断 editorSpec 中是否有 barLink，有则添加 customMark\n  (rawSpec as any).customMark = array((rawSpec as any).customMark).filter((obj: any) => obj.componentType !== BAR_LINK);\n  (rawSpec as any).customMark.push(getBarLinkConfig(barLinkSpec));\n}\n"]}