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

package/esm/charts/image-cloud/series/constant.d.ts

@@ -0,0 +1,76 @@
+import { MarkTypeEnum } from '@visactor/vchart';
+export declare const IMAGE_CLOUD_CHART_TYPE = "imageCloud";
+export declare const IMAGE_CLOUD_SERIES_TYPE = "imageCloud";
+export declare const enum ImageCloudMarkNameEnum {
+    image = "image",
+    imageMask = "imageMask"
+}
+export declare const imageCloudSeriesMark: {
+    image: {
+        name: ImageCloudMarkNameEnum;
+        type: MarkTypeEnum;
+    };
+    imageMask: {
+        name: ImageCloudMarkNameEnum;
+        type: MarkTypeEnum;
+    };
+    label?: import("@visactor/vchart").ISeriesMarkInfo;
+    point?: import("@visactor/vchart").ISeriesMarkInfo;
+    line?: import("@visactor/vchart").ISeriesMarkInfo;
+    area?: import("@visactor/vchart").ISeriesMarkInfo;
+    bar?: import("@visactor/vchart").ISeriesMarkInfo;
+    boxPlot?: import("@visactor/vchart").ISeriesMarkInfo;
+    outlier?: import("@visactor/vchart").ISeriesMarkInfo;
+    circlePacking?: import("@visactor/vchart").ISeriesMarkInfo;
+    group?: import("@visactor/vchart").ISeriesMarkInfo;
+    gridBackground?: import("@visactor/vchart").ISeriesMarkInfo;
+    grid?: import("@visactor/vchart").ISeriesMarkInfo;
+    dot?: import("@visactor/vchart").ISeriesMarkInfo;
+    title?: import("@visactor/vchart").ISeriesMarkInfo;
+    subTitle?: import("@visactor/vchart").ISeriesMarkInfo;
+    symbol?: import("@visactor/vchart").ISeriesMarkInfo;
+    funnel?: import("@visactor/vchart").ISeriesMarkInfo;
+    transform?: import("@visactor/vchart").ISeriesMarkInfo;
+    transformLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+    outerLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+    outerLabelLine?: import("@visactor/vchart").ISeriesMarkInfo;
+    pin?: import("@visactor/vchart").ISeriesMarkInfo;
+    pinBackground?: import("@visactor/vchart").ISeriesMarkInfo;
+    pointer?: import("@visactor/vchart").ISeriesMarkInfo;
+    segment?: import("@visactor/vchart").ISeriesMarkInfo;
+    track?: import("@visactor/vchart").ISeriesMarkInfo;
+    cell?: import("@visactor/vchart").ISeriesMarkInfo;
+    cellBackground?: import("@visactor/vchart").ISeriesMarkInfo;
+    link?: import("@visactor/vchart").ISeriesMarkInfo;
+    arrow?: import("@visactor/vchart").ISeriesMarkInfo;
+    pie?: import("@visactor/vchart").ISeriesMarkInfo;
+    labelLine?: import("@visactor/vchart").ISeriesMarkInfo;
+    progress?: import("@visactor/vchart").ISeriesMarkInfo;
+    minLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+    maxLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+    rose?: import("@visactor/vchart").ISeriesMarkInfo;
+    node?: import("@visactor/vchart").ISeriesMarkInfo;
+    sunburst?: import("@visactor/vchart").ISeriesMarkInfo;
+    nonLeaf?: import("@visactor/vchart").ISeriesMarkInfo;
+    leaf?: import("@visactor/vchart").ISeriesMarkInfo;
+    nonLeafLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+    leaderLine?: import("@visactor/vchart").ISeriesMarkInfo;
+    stackLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+    word?: import("@visactor/vchart").ISeriesMarkInfo;
+    fillingWord?: import("@visactor/vchart").ISeriesMarkInfo;
+    wordMask?: import("@visactor/vchart").ISeriesMarkInfo;
+    nodePoint?: import("@visactor/vchart").ISeriesMarkInfo;
+    ripplePoint?: import("@visactor/vchart").ISeriesMarkInfo;
+    centerPoint?: import("@visactor/vchart").ISeriesMarkInfo;
+    centerLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+    barBackground?: import("@visactor/vchart").ISeriesMarkInfo;
+    lineLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+    areaLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+    liquidGroup?: import("@visactor/vchart").ISeriesMarkInfo;
+    liquid?: import("@visactor/vchart").ISeriesMarkInfo;
+    liquidBackground?: import("@visactor/vchart").ISeriesMarkInfo;
+    liquidOutline?: import("@visactor/vchart").ISeriesMarkInfo;
+    circle?: import("@visactor/vchart").ISeriesMarkInfo;
+    overlap?: import("@visactor/vchart").ISeriesMarkInfo;
+    overlapLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+};

package/esm/charts/image-cloud/series/constant.js

@@ -0,0 +1,23 @@
+import { baseSeriesMark } from "@visactor/vchart";
+
+export const IMAGE_CLOUD_CHART_TYPE = "imageCloud";
+
+export const IMAGE_CLOUD_SERIES_TYPE = "imageCloud";
+
+export var ImageCloudMarkNameEnum;
+
+!function(ImageCloudMarkNameEnum) {
+    ImageCloudMarkNameEnum.image = "image", ImageCloudMarkNameEnum.imageMask = "imageMask";
+}(ImageCloudMarkNameEnum || (ImageCloudMarkNameEnum = {}));
+
+export const imageCloudSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), {
+    image: {
+        name: "image",
+        type: "image"
+    },
+    imageMask: {
+        name: "imageMask",
+        type: "rect"
+    }
+});
+//# sourceMappingURL=constant.js.map

package/esm/charts/image-cloud/series/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/image-cloud/series/constant.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAgB,MAAM,kBAAkB,CAAC;AAEhE,MAAM,CAAC,MAAM,sBAAsB,GAAG,YAAY,CAAC;AACnD,MAAM,CAAC,MAAM,uBAAuB,GAAG,YAAY,CAAC;AAEpD,MAAM,CAAN,IAAkB,sBAGjB;AAHD,WAAkB,sBAAsB;IACtC,yCAAe,CAAA;IACf,iDAAuB,CAAA;AACzB,CAAC,EAHiB,sBAAsB,KAAtB,sBAAsB,QAGvC;AAED,MAAM,CAAC,MAAM,oBAAoB,mCAC5B,cAAc,KACjB,SAA8B,EAAE,EAAE,IAAI,SAA8B,EAAE,IAAI,SAAoB,EAAE,EAChG,aAAkC,EAAE,EAAE,IAAI,aAAkC,EAAE,IAAI,QAAmB,EAAE,GACxG,CAAC","file":"constant.js","sourcesContent":["import { baseSeriesMark, MarkTypeEnum } from '@visactor/vchart';\n\nexport const IMAGE_CLOUD_CHART_TYPE = 'imageCloud';\nexport const IMAGE_CLOUD_SERIES_TYPE = 'imageCloud';\n\nexport const enum ImageCloudMarkNameEnum {\n  image = 'image',\n  imageMask = 'imageMask'\n}\n\nexport const imageCloudSeriesMark = {\n  ...baseSeriesMark,\n  [ImageCloudMarkNameEnum.image]: { name: ImageCloudMarkNameEnum.image, type: MarkTypeEnum.image },\n  [ImageCloudMarkNameEnum.imageMask]: { name: ImageCloudMarkNameEnum.imageMask, type: MarkTypeEnum.rect }\n};\n"]}

package/esm/charts/image-cloud/series/image-cloud.d.ts

@@ -0,0 +1,137 @@
+import type { IImageCloudSeriesSpec } from './interface';
+import { ImageCloudMarkNameEnum } from './constant';
+import type { IPoint } from '@visactor/vutils';
+import { createImage } from '@visactor/vrender-core';
+import type { Datum, IImageMark, IMark, IRectMark } from '@visactor/vchart';
+import { BaseSeries } from '@visactor/vchart';
+export declare class ImageCloudSeries<T extends IImageCloudSeriesSpec> extends BaseSeries<T> {
+    static readonly type: string;
+    type: string;
+    static readonly mark: {
+        image: {
+            name: ImageCloudMarkNameEnum;
+            type: import("@visactor/vchart").MarkTypeEnum;
+        };
+        imageMask: {
+            name: ImageCloudMarkNameEnum;
+            type: import("@visactor/vchart").MarkTypeEnum;
+        };
+        label?: import("@visactor/vchart").ISeriesMarkInfo;
+        point?: import("@visactor/vchart").ISeriesMarkInfo;
+        line?: import("@visactor/vchart").ISeriesMarkInfo;
+        area?: import("@visactor/vchart").ISeriesMarkInfo;
+        bar?: import("@visactor/vchart").ISeriesMarkInfo;
+        boxPlot?: import("@visactor/vchart").ISeriesMarkInfo;
+        outlier?: import("@visactor/vchart").ISeriesMarkInfo;
+        circlePacking?: import("@visactor/vchart").ISeriesMarkInfo;
+        group?: import("@visactor/vchart").ISeriesMarkInfo;
+        gridBackground?: import("@visactor/vchart").ISeriesMarkInfo;
+        grid?: import("@visactor/vchart").ISeriesMarkInfo;
+        dot?: import("@visactor/vchart").ISeriesMarkInfo;
+        title?: import("@visactor/vchart").ISeriesMarkInfo;
+        subTitle?: import("@visactor/vchart").ISeriesMarkInfo;
+        symbol?: import("@visactor/vchart").ISeriesMarkInfo;
+        funnel?: import("@visactor/vchart").ISeriesMarkInfo;
+        transform?: import("@visactor/vchart").ISeriesMarkInfo;
+        transformLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+        outerLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+        outerLabelLine?: import("@visactor/vchart").ISeriesMarkInfo;
+        pin?: import("@visactor/vchart").ISeriesMarkInfo;
+        pinBackground?: import("@visactor/vchart").ISeriesMarkInfo;
+        pointer?: import("@visactor/vchart").ISeriesMarkInfo;
+        segment?: import("@visactor/vchart").ISeriesMarkInfo;
+        track?: import("@visactor/vchart").ISeriesMarkInfo;
+        cell?: import("@visactor/vchart").ISeriesMarkInfo;
+        cellBackground?: import("@visactor/vchart").ISeriesMarkInfo;
+        link?: import("@visactor/vchart").ISeriesMarkInfo;
+        arrow?: import("@visactor/vchart").ISeriesMarkInfo;
+        pie?: import("@visactor/vchart").ISeriesMarkInfo;
+        labelLine?: import("@visactor/vchart").ISeriesMarkInfo;
+        progress?: import("@visactor/vchart").ISeriesMarkInfo;
+        minLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+        maxLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+        rose?: import("@visactor/vchart").ISeriesMarkInfo;
+        node?: import("@visactor/vchart").ISeriesMarkInfo;
+        sunburst?: import("@visactor/vchart").ISeriesMarkInfo;
+        nonLeaf?: import("@visactor/vchart").ISeriesMarkInfo;
+        leaf?: import("@visactor/vchart").ISeriesMarkInfo;
+        nonLeafLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+        leaderLine?: import("@visactor/vchart").ISeriesMarkInfo;
+        stackLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+        word?: import("@visactor/vchart").ISeriesMarkInfo;
+        fillingWord?: import("@visactor/vchart").ISeriesMarkInfo;
+        wordMask?: import("@visactor/vchart").ISeriesMarkInfo;
+        nodePoint?: import("@visactor/vchart").ISeriesMarkInfo;
+        ripplePoint?: import("@visactor/vchart").ISeriesMarkInfo;
+        centerPoint?: import("@visactor/vchart").ISeriesMarkInfo;
+        centerLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+        barBackground?: import("@visactor/vchart").ISeriesMarkInfo;
+        lineLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+        areaLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+        liquidGroup?: import("@visactor/vchart").ISeriesMarkInfo;
+        liquid?: import("@visactor/vchart").ISeriesMarkInfo;
+        liquidBackground?: import("@visactor/vchart").ISeriesMarkInfo;
+        liquidOutline?: import("@visactor/vchart").ISeriesMarkInfo;
+        circle?: import("@visactor/vchart").ISeriesMarkInfo;
+        overlap?: import("@visactor/vchart").ISeriesMarkInfo;
+        overlapLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+    };
+    protected _urlField: string;
+    protected _nameField?: string;
+    protected _valueField?: string;
+    setValueField(field: string): void;
+    protected _imageMark?: IImageMark;
+    protected _maskMark?: IRectMark;
+    setAttrFromSpec(): void;
+    initMark(): void;
+    initMarkStyle(): void;
+    protected _initImageMarkStyle(): void;
+    protected isFillingImage(datum: Datum): boolean;
+    protected _initMaskMarkStyle(): void;
+    protected initTooltip(): void;
+    protected _imageCloudTransformOption(): {
+        size: () => number[];
+        image: {
+            field: string;
+        };
+        weight: {
+            field: string;
+        };
+        imageConfig: {
+            imageSize: number;
+            imageSizeRange: [number, number];
+            padding: number;
+        };
+        ratio: number;
+        mask: string | import("@visactor/vlayouts").TextShapeMask | import("@visactor/vlayouts").GeometricMaskShape;
+        maskConfig: {
+            visible?: boolean;
+            threshold?: number;
+            invert?: boolean;
+            removeWhiteBorder?: boolean;
+            style?: Partial<import("@visactor/vchart").IImageMarkSpec>;
+        };
+        layoutConfig: import("@visactor/vlayouts").LayoutConfigType;
+        createCanvas: (params: import("@visactor/vrender-core").ICreateCanvasParams) => any;
+        createImage: typeof createImage;
+        onUpdateMaskCanvas: (inputImage?: HTMLCanvasElement, maskImage?: HTMLCanvasElement) => void;
+    };
+    protected _buildMarkAttributeContext(): void;
+    initAnimation(): void;
+    getDimensionField(): string[];
+    getMeasureField(): string[];
+    getStatisticFields(): {
+        key: string;
+        operations: Array<'max' | 'min' | 'values'>;
+    }[];
+    getActiveMarks(): IMark[];
+    getMarkData(datum: Datum): any;
+    getGroupFields(): string[];
+    dataToPosition(data: Datum): IPoint | null;
+    dataToPositionX(data: Datum): number | null;
+    dataToPositionY(data: Datum): number | null;
+    valueToPosition(value1: any, value2?: any): null;
+    getStackGroupFields(): string[];
+    getStackValueField(): string;
+}
+export declare const registerImageCloudSeries: () => void;

package/esm/charts/image-cloud/series/image-cloud.js

@@ -0,0 +1,198 @@
+import { IMAGE_CLOUD_SERIES_TYPE, imageCloudSeriesMark } from "./constant";
+
+import { isValid } from "@visactor/vutils";
+
+import { imagecloudTransform } from "@visactor/vlayouts";
+
+import { registerImageCloudAnimation } from "./animation";
+
+import { ImageCloudTooltipHelper } from "./tooltip-helper";
+
+import { createImage } from "@visactor/vrender-core";
+
+import { animationConfig, AttributeLevel, BaseSeries, DEFAULT_DATA_KEY, Factory, registerImageMark, userAnimationConfig, vglobal } from "@visactor/vchart";
+
+export class ImageCloudSeries extends BaseSeries {
+    constructor() {
+        super(...arguments), this.type = IMAGE_CLOUD_SERIES_TYPE;
+    }
+    setValueField(field) {
+        isValid(field) && (this._valueField = field);
+    }
+    setAttrFromSpec() {
+        super.setAttrFromSpec(), this._nameField = this._spec.nameField, this._valueField = this._spec.valueField, 
+        this._urlField = this._spec.urlField;
+    }
+    initMark() {
+        var _a;
+        (null === (_a = this._spec.imageMask) || void 0 === _a ? void 0 : _a.visible) && (this._maskMark = this._createMark(imageCloudSeriesMark.imageMask, {
+            dataView: !1,
+            skipBeforeLayouted: !0
+        })), this._imageMark = this._createMark(imageCloudSeriesMark.image, {
+            key: datum => `${datum[DEFAULT_DATA_KEY]}-${datum.frequency}`,
+            isSeriesMark: !0,
+            skipBeforeLayouted: !0
+        });
+    }
+    initMarkStyle() {
+        this._initImageMarkStyle(), this._initMaskMarkStyle();
+    }
+    _initImageMarkStyle() {
+        var _a, _b;
+        if (!this._imageMark) return;
+        this._imageMark.setTransform([ Object.assign({
+            type: "imagecloud"
+        }, this._imageCloudTransformOption()) ]), this.setMarkStyle(this._imageMark, {
+            x: datum => datum.x,
+            y: datum => datum.y,
+            width: datum => datum.width,
+            height: datum => datum.height,
+            visible: datum => datum.visible,
+            angle: datum => datum.angle,
+            clipConfig: datum => datum.clipConfig,
+            image: datum => datum[this._urlField],
+            scaleCenter: [ "50%", "50%" ]
+        }, "normal", AttributeLevel.Series);
+        "masked" === (null === (_a = this._spec.layoutConfig) || void 0 === _a ? void 0 : _a.placement) && (this.setMarkStyle(this._imageMark, {
+            globalCompositeOperation: "source-atop"
+        }, "normal", AttributeLevel.Series), this.setMarkStyle(this._rootMark, {
+            width: () => this._region.getLayoutRect().width,
+            height: () => this._region.getLayoutRect().height,
+            globalCompositeOperation: "destination-in",
+            clip: !0,
+            drawMode: 1
+        }, "normal", AttributeLevel.Series)), "stack" === (null === (_b = this._spec.layoutConfig) || void 0 === _b ? void 0 : _b.layoutMode) && this.setMarkStyle(this._imageMark, {
+            stroke: "white",
+            lineWidth: 2,
+            shadowBlur: 6,
+            shadowColor: "grey"
+        }, "normal", AttributeLevel.Series);
+    }
+    isFillingImage(datum) {
+        return datum._frequency > 1;
+    }
+    _initMaskMarkStyle() {
+        this._maskMark && (this._maskMark.setMarkConfig({
+            interactive: !1
+        }), this.setMarkStyle(this._maskMark, {
+            width: () => this._region.getLayoutRect().width,
+            height: () => this._region.getLayoutRect().height
+        }, "normal", AttributeLevel.Series));
+    }
+    initTooltip() {
+        this._tooltipHelper = new ImageCloudTooltipHelper(this), this._imageMark && this._tooltipHelper.activeTriggerSet.mark.add(this._imageMark);
+    }
+    _imageCloudTransformOption() {
+        var _a;
+        return {
+            size: () => {
+                const {width: width, height: height} = this._region.getLayoutRect();
+                return [ width, height ];
+            },
+            image: {
+                field: this._urlField
+            },
+            weight: {
+                field: this._valueField
+            },
+            imageConfig: {
+                imageSize: this._spec.imageSize,
+                imageSizeRange: this._spec.imageSizeRange,
+                padding: null === (_a = this._spec.image) || void 0 === _a ? void 0 : _a.padding
+            },
+            ratio: this._spec.ratio,
+            mask: this._spec.maskShape,
+            maskConfig: this._spec.imageMask,
+            layoutConfig: this._spec.layoutConfig,
+            createCanvas: vglobal.createCanvas.bind(vglobal),
+            createImage: createImage,
+            onUpdateMaskCanvas: ((inputImage, maskImage) => {
+                var _a;
+                inputImage && this._maskMark && this._maskMark.getProduct().getChildren().forEach((element => {
+                    element.setAttribute("background", inputImage);
+                })), maskImage && "masked" === (null === (_a = this._spec.layoutConfig) || void 0 === _a ? void 0 : _a.placement) && this._rootMark.getProduct().setAttribute("background", maskImage);
+            }).bind(this)
+        };
+    }
+    _buildMarkAttributeContext() {
+        super._buildMarkAttributeContext(), this._markAttributeContext.isFillingImage = this.isFillingImage.bind(this);
+    }
+    initAnimation() {
+        [ this._imageMark ].forEach((mark => {
+            var _a, _b;
+            if (mark) {
+                const appearPreset = null === (_b = null === (_a = this._spec) || void 0 === _a ? void 0 : _a.animationAppear) || void 0 === _b ? void 0 : _b.preset, params = {
+                    center: () => {
+                        const {width: width, height: height} = this._region.getLayoutRect();
+                        return {
+                            x: width / 2,
+                            y: height / 2
+                        };
+                    },
+                    height: () => {
+                        const {height: height} = this._region.getLayoutRect();
+                        return height;
+                    }
+                };
+                mark.setAnimationConfig(animationConfig(Factory.getAnimationInKey("imageCloud")(params, appearPreset), userAnimationConfig("image", this._spec, this._markAttributeContext)));
+            }
+        }));
+    }
+    getDimensionField() {
+        var _a;
+        return [ null !== (_a = this._nameField) && void 0 !== _a ? _a : this._spec.urlField ];
+    }
+    getMeasureField() {
+        return [ this._valueField ];
+    }
+    getStatisticFields() {
+        const fields = [];
+        return fields.push({
+            key: this._nameField,
+            operations: [ "values" ]
+        }), fields.push({
+            key: this._valueField,
+            operations: [ "max", "min" ]
+        }), fields;
+    }
+    getActiveMarks() {
+        return [ this._imageMark ];
+    }
+    getMarkData(datum) {
+        var _a;
+        return null !== (_a = null == datum ? void 0 : datum.datum) && void 0 !== _a ? _a : datum;
+    }
+    getGroupFields() {
+        return [];
+    }
+    dataToPosition(data) {
+        return null;
+    }
+    dataToPositionX(data) {
+        var _a;
+        return null === (_a = this.dataToPosition(data)) || void 0 === _a ? void 0 : _a.x;
+    }
+    dataToPositionY(data) {
+        var _a;
+        return null === (_a = this.dataToPosition(data)) || void 0 === _a ? void 0 : _a.y;
+    }
+    valueToPosition(value1, value2) {
+        return null;
+    }
+    getStackGroupFields() {
+        return [];
+    }
+    getStackValueField() {
+        return "";
+    }
+}
+
+ImageCloudSeries.type = IMAGE_CLOUD_SERIES_TYPE, ImageCloudSeries.mark = imageCloudSeriesMark;
+
+export const registerImageCloudSeries = () => {
+    registerImageMark(), registerImageCloudAnimation(), Factory.registerSeries(ImageCloudSeries.type, ImageCloudSeries), 
+    Factory.registerGrammarTransform("imagecloud", {
+        transform: imagecloudTransform
+    });
+};
+//# sourceMappingURL=image-cloud.js.map

package/esm/charts/image-cloud/series/image-cloud.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/image-cloud/series/image-cloud.ts"],"names":[],"mappings":"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","file":"image-cloud.js","sourcesContent":["import type { IImageCloudSeriesSpec } from './interface';\nimport { IMAGE_CLOUD_SERIES_TYPE, ImageCloudMarkNameEnum, imageCloudSeriesMark } from './constant';\nimport type { IPoint } from '@visactor/vutils';\nimport { isValid } from '@visactor/vutils';\nimport { imagecloudTransform } from '@visactor/vlayouts';\nimport type { GridLayoutConfig } from '@visactor/vlayouts';\nimport { registerImageCloudAnimation } from './animation';\nimport { ImageCloudTooltipHelper } from './tooltip-helper';\nimport { createImage } from '@visactor/vrender-core';\nimport type { Datum, IImageMark, IMark, IRectMark } from '@visactor/vchart';\nimport {\n  animationConfig,\n  AttributeLevel,\n  BaseSeries,\n  DEFAULT_DATA_KEY,\n  Factory,\n  registerImageMark,\n  userAnimationConfig,\n  vglobal\n} from '@visactor/vchart';\n\nexport class ImageCloudSeries<T extends IImageCloudSeriesSpec> extends BaseSeries<T> {\n  static readonly type: string = IMAGE_CLOUD_SERIES_TYPE;\n  type = IMAGE_CLOUD_SERIES_TYPE;\n\n  static readonly mark = imageCloudSeriesMark;\n\n  protected _urlField: string;\n  protected _nameField?: string;\n  protected _valueField?: string;\n  setValueField(field: string) {\n    if (isValid(field)) {\n      this._valueField = field;\n    }\n  }\n\n  protected _imageMark?: IImageMark;\n  protected _maskMark?: IRectMark;\n\n  setAttrFromSpec() {\n    super.setAttrFromSpec();\n    this._nameField = this._spec.nameField;\n    this._valueField = this._spec.valueField;\n    this._urlField = this._spec.urlField;\n  }\n\n  initMark() {\n    if (this._spec.imageMask?.visible) {\n      this._maskMark = this._createMark(imageCloudSeriesMark.imageMask, {\n        dataView: false,\n        skipBeforeLayouted: true\n      }) as IRectMark;\n    }\n\n    this._imageMark = this._createMark(imageCloudSeriesMark.image, {\n      key: datum => `${datum[DEFAULT_DATA_KEY]}-${datum.frequency}`,\n      isSeriesMark: true,\n      skipBeforeLayouted: true\n    }) as IImageMark;\n  }\n\n  initMarkStyle() {\n    this._initImageMarkStyle();\n    this._initMaskMarkStyle();\n  }\n\n  protected _initImageMarkStyle() {\n    if (!this._imageMark) {\n      return;\n    }\n\n    this._imageMark.setTransform([\n      {\n        type: 'imagecloud',\n        ...this._imageCloudTransformOption()\n      }\n    ]);\n\n    this.setMarkStyle(\n      this._imageMark,\n      {\n        x: (datum: Datum) => datum.x,\n        y: (datum: Datum) => datum.y,\n        width: (datum: Datum) => datum.width,\n        height: (datum: Datum) => datum.height,\n        visible: (datum: Datum) => datum.visible,\n        angle: (datum: Datum) => datum.angle,\n        clipConfig: (datum: Datum) => datum.clipConfig,\n        image: (datum: Datum) => datum[this._urlField],\n        scaleCenter: ['50%', '50%']\n      },\n      'normal',\n      AttributeLevel.Series\n    );\n\n    const isMasked = (this._spec.layoutConfig as GridLayoutConfig)?.placement === 'masked';\n    if (isMasked) {\n      this.setMarkStyle(\n        this._imageMark,\n        {\n          globalCompositeOperation: 'source-atop'\n        },\n        'normal',\n        AttributeLevel.Series\n      );\n      this.setMarkStyle(\n        this._rootMark,\n        {\n          width: () => this._region.getLayoutRect().width,\n          height: () => this._region.getLayoutRect().height,\n          globalCompositeOperation: 'destination-in',\n          clip: true,\n          drawMode: 1\n        },\n        'normal',\n        AttributeLevel.Series\n      );\n    }\n\n    if (this._spec.layoutConfig?.layoutMode === 'stack') {\n      this.setMarkStyle(\n        this._imageMark,\n        {\n          stroke: 'white',\n          lineWidth: 2,\n          shadowBlur: 6,\n          shadowColor: 'grey'\n        },\n        'normal',\n        AttributeLevel.Series\n      );\n    }\n  }\n\n  protected isFillingImage(datum: Datum) {\n    return datum._frequency > 1;\n  }\n\n  protected _initMaskMarkStyle() {\n    if (!this._maskMark) {\n      return;\n    }\n    this._maskMark.setMarkConfig({ interactive: false });\n    this.setMarkStyle(\n      this._maskMark,\n      {\n        width: () => {\n          return this._region.getLayoutRect().width;\n        },\n        height: () => {\n          return this._region.getLayoutRect().height;\n        }\n      },\n      'normal',\n      AttributeLevel.Series\n    );\n  }\n\n  protected initTooltip(): void {\n    this._tooltipHelper = new ImageCloudTooltipHelper(this);\n    this._imageMark && this._tooltipHelper.activeTriggerSet.mark.add(this._imageMark);\n  }\n\n  protected _imageCloudTransformOption() {\n    return {\n      size: () => {\n        const { width, height } = this._region.getLayoutRect();\n        return [width, height];\n      },\n      image: { field: this._urlField },\n      weight: { field: this._valueField },\n      imageConfig: {\n        imageSize: this._spec.imageSize,\n        imageSizeRange: this._spec.imageSizeRange,\n        padding: this._spec.image?.padding\n      },\n      ratio: this._spec.ratio,\n      mask: this._spec.maskShape,\n      maskConfig: this._spec.imageMask,\n      layoutConfig: this._spec.layoutConfig,\n      createCanvas: vglobal.createCanvas.bind(vglobal),\n      createImage,\n      onUpdateMaskCanvas: ((inputImage?: HTMLCanvasElement, maskImage?: HTMLCanvasElement) => {\n        if (inputImage && this._maskMark) {\n          this._maskMark\n            .getProduct()\n            .getChildren()\n            .forEach((element: any) => {\n              element.setAttribute('background', inputImage);\n            });\n        }\n        if (maskImage && (this._spec.layoutConfig as GridLayoutConfig)?.placement === 'masked') {\n          this._rootMark.getProduct().setAttribute('background', maskImage);\n        }\n      }).bind(this)\n    };\n  }\n\n  protected _buildMarkAttributeContext(): void {\n    super._buildMarkAttributeContext();\n    this._markAttributeContext.isFillingImage = this.isFillingImage.bind(this);\n  }\n\n  initAnimation(): void {\n    [this._imageMark].forEach(mark => {\n      if (mark) {\n        const appearPreset = (this._spec?.animationAppear as any)?.preset;\n        const params = {\n          center: () => {\n            const { width, height } = this._region.getLayoutRect();\n            return { x: width / 2, y: height / 2 };\n          },\n          height: () => {\n            const { height } = this._region.getLayoutRect();\n            return height;\n          }\n        };\n        mark.setAnimationConfig(\n          animationConfig(\n            Factory.getAnimationInKey('imageCloud')(params, appearPreset),\n            userAnimationConfig(ImageCloudMarkNameEnum.image, this._spec, this._markAttributeContext)\n          )\n        );\n      }\n    });\n  }\n\n  getDimensionField(): string[] {\n    return [this._nameField ?? this._spec.urlField];\n  }\n\n  getMeasureField(): string[] {\n    return [this._valueField];\n  }\n\n  getStatisticFields() {\n    const fields: { key: string; operations: Array<'max' | 'min' | 'values'> }[] = [];\n    fields.push({ key: this._nameField, operations: ['values'] });\n    fields.push({ key: this._valueField, operations: ['max', 'min'] });\n    return fields;\n  }\n\n  getActiveMarks(): IMark[] {\n    return [this._imageMark];\n  }\n\n  getMarkData(datum: Datum) {\n    return datum?.datum ?? datum;\n  }\n\n  getGroupFields(): string[] {\n    // do nothing\n    return [];\n  }\n\n  dataToPosition(data: Datum): IPoint | null {\n    return null;\n  }\n\n  dataToPositionX(data: Datum): number | null {\n    return this.dataToPosition(data)?.x;\n  }\n  dataToPositionY(data: Datum): number | null {\n    return this.dataToPosition(data)?.y;\n  }\n\n  valueToPosition(value1: any, value2?: any): null {\n    return null;\n  }\n\n  getStackGroupFields(): string[] {\n    // do nothing\n    return [];\n  }\n\n  getStackValueField(): string {\n    // do nothing\n    return '';\n  }\n}\n\nexport const registerImageCloudSeries = () => {\n  registerImageMark();\n  registerImageCloudAnimation();\n  Factory.registerSeries(ImageCloudSeries.type, ImageCloudSeries);\n  Factory.registerGrammarTransform('imagecloud', {\n    transform: imagecloudTransform\n  });\n};\n"]}

package/esm/charts/image-cloud/series/index.d.ts

@@ -0,0 +1,2 @@
+export * from './image-cloud';
+export * from './interface';

package/esm/charts/image-cloud/series/index.js

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

package/esm/charts/image-cloud/series/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/image-cloud/series/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC","file":"index.js","sourcesContent":["export * from './image-cloud';\nexport * from './interface';\n"]}

package/esm/charts/image-cloud/series/interface.d.ts

@@ -0,0 +1,25 @@
+import type { LayoutConfigType as ImageCloudLayoutConfig, GeometricMaskShape, shapes, TextShapeMask } from '@visactor/vlayouts';
+import type { ImageCloudAppearPresetType } from './animation';
+import type { IAnimationSpec, IImageMarkSpec, IMarkSpec, ISeriesSpec } from '@visactor/vchart';
+import type { ImageCloudMarkNameEnum } from './constant';
+export interface IImageCloudSeriesSpec extends ISeriesSpec, IAnimationSpec<'image', ImageCloudAppearPresetType> {
+    type: 'imageCloud';
+    urlField: string;
+    nameField?: string;
+    valueField?: string;
+    imageSize?: number;
+    imageSizeRange?: [number, number];
+    ratio?: number;
+    maskShape?: string | keyof typeof shapes | TextShapeMask | GeometricMaskShape;
+    imageMask?: {
+        visible?: boolean;
+        threshold?: number;
+        invert?: boolean;
+        removeWhiteBorder?: boolean;
+        style?: Partial<IImageMarkSpec>;
+    };
+    layoutConfig?: ImageCloudLayoutConfig;
+    [ImageCloudMarkNameEnum.image]?: IMarkSpec<Partial<IImageMarkSpec>> & {
+        padding?: number;
+    };
+}

package/esm/charts/image-cloud/series/interface.js

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

package/esm/charts/image-cloud/series/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/image-cloud/series/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type {\n  LayoutConfigType as ImageCloudLayoutConfig,\n  GeometricMaskShape,\n  shapes,\n  TextShapeMask\n} from '@visactor/vlayouts';\n\nimport type { ImageCloudAppearPresetType } from './animation';\nimport type { IAnimationSpec, IImageMarkSpec, IMarkSpec, ISeriesSpec } from '@visactor/vchart';\nimport type { ImageCloudMarkNameEnum } from './constant';\n\nexport interface IImageCloudSeriesSpec extends ISeriesSpec, IAnimationSpec<'image', ImageCloudAppearPresetType> {\n  type: 'imageCloud';\n  /**\n   * 图片 url 字段\n   */\n  urlField: string;\n  /**\n   * 文本字段\n   */\n  nameField?: string;\n  /**\n   * 权重字段\n   */\n  valueField?: string;\n  /**\n   * 图片大小\n   */\n  imageSize?: number;\n  /**\n   * 图片大小范围\n   * @default [50,50]\n   */\n  imageSizeRange?: [number, number];\n  /**\n   * 图片大小与画布大小的比例\n   * @description 当 layoutType 为 spiral 时，ratio 默认 0.45；其他 layoutType 时，ratio 默认 0.1\n   */\n  ratio?: number;\n  /**\n   * 图云形状\n   * @default 'circle'\n   */\n  maskShape?: string | keyof typeof shapes | TextShapeMask | GeometricMaskShape;\n\n  imageMask?: {\n    /**\n     * 是否显示遮罩图元\n     * @default false\n     */\n    visible?: boolean;\n    /**\n     * 二值化阈值。\n     * 默认情况下，透明或白色的像素会被认为是背景进行剔除。\n     * @default undefined\n     */\n    threshold?: number;\n    /**\n     * 反转图像\n     * @default false\n     */\n    invert?: boolean;\n    /**\n     * 是否对遮罩图片去除白边\n     * @default false\n     */\n    removeWhiteBorder?: boolean;\n    style?: Partial<IImageMarkSpec>;\n  };\n\n  /**\n   * 布局相关配置\n   */\n  layoutConfig?: ImageCloudLayoutConfig;\n  /**\n   * 图片图元配置\n   * @description 可以根据 datum._frequency 来区分图片是否为填充图片\n   */\n  [ImageCloudMarkNameEnum.image]?: IMarkSpec<Partial<IImageMarkSpec>> & {\n    padding?: number;\n  };\n}\n"]}

package/esm/charts/image-cloud/series/tooltip-helper.d.ts

@@ -0,0 +1,10 @@
+import type { Datum } from '@visactor/vchart';
+import { BaseSeriesTooltipHelper } from '@visactor/vchart';
+import type { ImageCloudSeries } from './image-cloud';
+export declare class ImageCloudTooltipHelper extends BaseSeriesTooltipHelper {
+    series: ImageCloudSeries<any>;
+    get defaultShapeType(): string;
+    markTooltipKeyCallback: (datum: Datum) => any;
+    markTooltipValueCallback: (datum: Datum) => string | undefined;
+    dimensionTooltipTitleCallback: (datum: Datum) => string | undefined;
+}

package/esm/charts/image-cloud/series/tooltip-helper.js

@@ -0,0 +1,22 @@
+import { BaseSeriesTooltipHelper } from "@visactor/vchart";
+
+export class ImageCloudTooltipHelper extends BaseSeriesTooltipHelper {
+    constructor() {
+        super(...arguments), this.markTooltipKeyCallback = datum => {
+            var _a, _b;
+            return null === (_b = null === (_a = this.series) || void 0 === _a ? void 0 : _a.getMarkData(datum)) || void 0 === _b ? void 0 : _b[this.series.getDimensionField()[0]];
+        }, this.markTooltipValueCallback = datum => {
+            var _a, _b;
+            const {measureFields: measureFields} = this._seriesCacheInfo, data = null === (_a = this.series) || void 0 === _a ? void 0 : _a.getMarkData(datum);
+            if (measureFields[0] && data) return null !== (_b = data[measureFields[0]]) && void 0 !== _b ? _b : datum.value;
+        }, this.dimensionTooltipTitleCallback = datum => {
+            var _a;
+            const {dimensionFields: dimensionFields} = this._seriesCacheInfo, data = null === (_a = this.series) || void 0 === _a ? void 0 : _a.getMarkData(datum);
+            if (dimensionFields[0] && data) return data[dimensionFields[0]];
+        };
+    }
+    get defaultShapeType() {
+        return "square";
+    }
+}
+//# sourceMappingURL=tooltip-helper.js.map

package/esm/charts/image-cloud/series/tooltip-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/image-cloud/series/tooltip-helper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG3D,MAAM,OAAO,uBAAwB,SAAQ,uBAAuB;IAApE;;QAME,2BAAsB,GAAG,CAAC,KAAY,EAAE,EAAE;;YACxC,OAAO,MAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,WAAW,CAAC,KAAK,CAAC,0CAAG,IAAI,CAAC,MAAM,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/E,CAAC,CAAC;QAEF,6BAAwB,GAAG,CAAC,KAAY,EAAsB,EAAE;;YAC9D,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,gBAAgB,CAAC;YAChD,MAAM,IAAI,GAAG,MAAA,IAAI,CAAC,MAAM,0CAAE,WAAW,CAAC,KAAK,CAAC,CAAC;YAC7C,IAAI,aAAa,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE;gBAC5B,OAAO,MAAA,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,mCAAI,KAAK,CAAC,KAAK,CAAC;aAC9C;YACD,OAAO,SAAS,CAAC;QACnB,CAAC,CAAC;QAEF,kCAA6B,GAAG,CAAC,KAAY,EAAsB,EAAE;;YACnE,MAAM,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC,gBAAgB,CAAC;YAClD,MAAM,IAAI,GAAG,MAAA,IAAI,CAAC,MAAM,0CAAE,WAAW,CAAC,KAAK,CAAC,CAAC;YAC7C,IAAI,eAAe,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE;gBAC9B,OAAO,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;aACjC;YACD,OAAO,SAAS,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC;IAzBC,IAAI,gBAAgB;QAClB,OAAO,QAAQ,CAAC;IAClB,CAAC;CAuBF","file":"tooltip-helper.js","sourcesContent":["import type { Datum } from '@visactor/vchart';\nimport { BaseSeriesTooltipHelper } from '@visactor/vchart';\nimport type { ImageCloudSeries } from './image-cloud';\n\nexport class ImageCloudTooltipHelper extends BaseSeriesTooltipHelper {\n  declare series: ImageCloudSeries<any>;\n  get defaultShapeType(): string {\n    return 'square';\n  }\n\n  markTooltipKeyCallback = (datum: Datum) => {\n    return this.series?.getMarkData(datum)?.[this.series.getDimensionField()[0]];\n  };\n\n  markTooltipValueCallback = (datum: Datum): string | undefined => {\n    const { measureFields } = this._seriesCacheInfo;\n    const data = this.series?.getMarkData(datum);\n    if (measureFields[0] && data) {\n      return data[measureFields[0]] ?? datum.value;\n    }\n    return undefined;\n  };\n\n  dimensionTooltipTitleCallback = (datum: Datum): string | undefined => {\n    const { dimensionFields } = this._seriesCacheInfo;\n    const data = this.series?.getMarkData(datum);\n    if (dimensionFields[0] && data) {\n      return data[dimensionFields[0]];\n    }\n    return undefined;\n  };\n}\n"]}

package/esm/charts/pictogram/element-highlight-by-graphic-name.d.ts

@@ -0,0 +1,12 @@
+import { ElementHighlight, type BaseEventParams } from '@visactor/vchart';
+export declare class ElementHighlightByGraphicName extends ElementHighlight {
+    static type: string;
+    type: string;
+    protected _filterByName(e: BaseEventParams): boolean;
+    protected _parseTargetKey(e: BaseEventParams): string;
+    start(itemKey: any): void;
+    reset(): void;
+    handleStart: (e: BaseEventParams) => void;
+    handleReset: (e: BaseEventParams) => void;
+}
+export declare const registerElementHighlightByGraphicName: () => void;

package/esm/charts/pictogram/element-highlight-by-graphic-name.js

@@ -0,0 +1,49 @@
+import { ElementHighlight, Factory } from "@visactor/vchart";
+
+import { isNil } from "@visactor/vutils";
+
+const type = "element-highlight-by-graphic-name";
+
+export class ElementHighlightByGraphicName extends ElementHighlight {
+    constructor() {
+        super(...arguments), this.type = type, this.handleStart = e => {
+            if (e && e.item && this.isGraphicInMark(e.item)) {
+                if (this.options.shouldStart ? this.options.shouldStart(e) : this._filterByName(e)) {
+                    const itemKey = this._parseTargetKey(e);
+                    this.start(itemKey);
+                }
+            }
+        }, this.handleReset = e => {
+            e && e.item && this.isGraphicInMark(e.item) && this.reset();
+        };
+    }
+    _filterByName(e) {
+        var _a;
+        return !!(null === (_a = null == e ? void 0 : e.node) || void 0 === _a ? void 0 : _a.name);
+    }
+    _parseTargetKey(e) {
+        return e.node.name;
+    }
+    start(itemKey) {
+        if (isNil(itemKey)) return;
+        const {interaction: interaction, highlightState: highlightState, blurState: blurState} = this.options, statedGraphics = interaction.getStatedGraphics(this), newStatedGraphics = [];
+        this.getMarks().forEach((m => {
+            var _a;
+            null === (_a = m.getGraphics()) || void 0 === _a || _a.forEach((g => {
+                g.name === itemKey && newStatedGraphics.push(g);
+            }));
+        })), interaction.updateStates(this, newStatedGraphics, statedGraphics, highlightState, blurState), 
+        interaction.setStatedGraphics(this, newStatedGraphics);
+    }
+    reset() {
+        const {highlightState: highlightState, blurState: blurState, interaction: interaction} = this.options;
+        interaction.clearAllStatesOfTrigger(this, highlightState, blurState), interaction.setStatedGraphics(this, []);
+    }
+}
+
+ElementHighlightByGraphicName.type = type;
+
+export const registerElementHighlightByGraphicName = () => {
+    Factory.registerInteractionTrigger(ElementHighlightByGraphicName.type, ElementHighlightByGraphicName);
+};
+//# sourceMappingURL=element-highlight-by-graphic-name.js.map

package/esm/charts/pictogram/element-highlight-by-graphic-name.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/pictogram/element-highlight-by-graphic-name.ts"],"names":[],"mappings":"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","file":"element-highlight-by-graphic-name.js","sourcesContent":["import { ElementHighlight, Factory, type BaseEventParams, type IMarkGraphic } from '@visactor/vchart';\nimport { isNil } from '@visactor/vutils';\n\nconst type = 'element-highlight-by-graphic-name';\n\nexport class ElementHighlightByGraphicName extends ElementHighlight {\n  static type: string = type;\n  type: string = type;\n\n  protected _filterByName(e: BaseEventParams) {\n    const name = e?.node?.name;\n    return !!name;\n  }\n\n  protected _parseTargetKey(e: BaseEventParams) {\n    return e.node.name;\n  }\n\n  start(itemKey: any) {\n    if (isNil(itemKey)) {\n      return;\n    }\n\n    const { interaction, highlightState, blurState } = this.options;\n    const statedGraphics = interaction.getStatedGraphics(this);\n    const newStatedGraphics: IMarkGraphic[] = [];\n\n    this.getMarks().forEach(m => {\n      m.getGraphics()?.forEach(g => {\n        if (g.name === itemKey) {\n          newStatedGraphics.push(g);\n        }\n      });\n    });\n\n    interaction.updateStates(this, newStatedGraphics, statedGraphics, highlightState, blurState);\n    interaction.setStatedGraphics(this, newStatedGraphics);\n  }\n\n  reset() {\n    const { highlightState, blurState, interaction } = this.options;\n\n    interaction.clearAllStatesOfTrigger(this, highlightState, blurState);\n    interaction.setStatedGraphics(this, []);\n  }\n\n  handleStart = (e: BaseEventParams) => {\n    if (e && e.item && this.isGraphicInMark(e.item)) {\n      const shouldStart = this.options.shouldStart ? this.options.shouldStart(e) : this._filterByName(e);\n      if (shouldStart) {\n        const itemKey = this._parseTargetKey(e);\n        this.start(itemKey);\n      }\n    }\n  };\n\n  handleReset = (e: BaseEventParams) => {\n    if (e && e.item && this.isGraphicInMark(e.item)) {\n      this.reset();\n    }\n  };\n}\n\nexport const registerElementHighlightByGraphicName = () => {\n  Factory.registerInteractionTrigger(ElementHighlightByGraphicName.type, ElementHighlightByGraphicName);\n};\n"]}