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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/image-cloud/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IChartExtendsSeriesSpec, IChartSpec } from '@visactor/vchart';\nimport type { IImageCloudSeriesSpec } from './series/interface';\n\nexport interface IImageCloudChartSpec extends IChartSpec, Omit<IChartExtendsSeriesSpec<IImageCloudSeriesSpec>, 'type'> {\n  type: 'imageCloud';\n  series?: IImageCloudSeriesSpec[];\n}\n"]}

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

@@ -0,0 +1,23 @@
+import type { EasingType } from '@visactor/vrender-core';
+import { ACustomAnimate } from '@visactor/vrender-animate';
+import type { IAnimationConfig } from '@visactor/vchart';
+export declare class AxialRotateAnimation extends ACustomAnimate<{}> {
+    valid: boolean;
+    private _rotations;
+    private _scaleX;
+    constructor(from: any, to: any, duration: number, easing: EasingType, params: {
+        rotation?: number;
+    });
+    onBind(): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export interface IImageCloudAnimationParams {
+    height: () => number;
+    center: () => {
+        x: number;
+        y: number;
+    };
+}
+export type ImageCloudAppearPresetType = 'fadeIn' | 'scaleIn' | 'growIn' | 'axialRotate';
+export declare function imageCloudPresetAnimation(params: IImageCloudAnimationParams, preset: ImageCloudAppearPresetType): IAnimationConfig | IAnimationConfig[];
+export declare const registerImageCloudAnimation: () => void;

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

@@ -0,0 +1,94 @@
+import { ACustomAnimate } from "@visactor/vrender-animate";
+
+import { isValidNumber } from "@visactor/vutils";
+
+import { DEFAULT_ANIMATION_CONFIG, Factory } from "@visactor/vchart";
+
+export class AxialRotateAnimation extends ACustomAnimate {
+    constructor(from, to, duration, easing, params) {
+        var _a;
+        super(from, to, duration, easing, params), this._rotations = null !== (_a = null == params ? void 0 : params.rotation) && void 0 !== _a ? _a : 1;
+    }
+    onBind() {
+        this._scaleX = this.target.attribute.scaleX, isValidNumber(this._rotations) || (this.valid = !1);
+    }
+    onUpdate(end, ratio, out) {
+        var _a;
+        if (!1 === this.valid) return;
+        if (end) return void (out.scaleX = this._scaleX);
+        const currentAngleInRadians = 360 * this._rotations * ratio * Math.PI / 180, scaleX = Math.abs(Math.cos(currentAngleInRadians)) * (null !== (_a = this._scaleX) && void 0 !== _a ? _a : 1);
+        this.target.attribute.scaleX = scaleX, this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+    }
+}
+
+export function imageCloudPresetAnimation(params, preset) {
+    switch (preset) {
+      case "axialRotate":
+        return [ {
+            custom: AxialRotateAnimation,
+            customParameters: {
+                rotation: 1
+            },
+            duration: DEFAULT_ANIMATION_CONFIG.appear.duration
+        }, {
+            channel: {
+                y: {
+                    from: (datum, element) => params.height() + element.getFinalAttribute().y
+                },
+                fillOpacity: {
+                    from: 0,
+                    to: 1
+                }
+            },
+            easing: "sineInOut"
+        } ];
+
+      case "growIn":
+        return {
+            channel: {
+                scaleX: {
+                    from: 0,
+                    to: 1
+                },
+                scaleY: {
+                    from: 0,
+                    to: 1
+                },
+                x: {
+                    from: () => params.center().x
+                },
+                y: {
+                    from: () => params.center().y
+                }
+            },
+            duration: DEFAULT_ANIMATION_CONFIG.appear.duration
+        };
+
+      case "scaleIn":
+        return {
+            type: "scaleIn",
+            duration: DEFAULT_ANIMATION_CONFIG.appear.duration
+        };
+
+      default:
+        return {
+            type: "fadeIn",
+            easing: "linear",
+            duration: DEFAULT_ANIMATION_CONFIG.appear.duration
+        };
+    }
+}
+
+export const registerImageCloudAnimation = () => {
+    Factory.registerAnimation("imageCloud", ((params, preset) => ({
+        appear: imageCloudPresetAnimation(params, preset),
+        enter: imageCloudPresetAnimation(params, preset),
+        exit: {
+            type: "fadeOut"
+        },
+        disappear: {
+            type: "fadeOut"
+        }
+    })));
+};
+//# sourceMappingURL=animation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/image-cloud/series/animation.ts"],"names":[],"mappings":"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","file":"animation.js","sourcesContent":["import type { EasingType } from '@visactor/vrender-core';\nimport { ACustomAnimate } from '@visactor/vrender-animate';\nimport { isValidNumber } from '@visactor/vutils';\nimport type { IAnimationConfig } from '@visactor/vchart';\nimport { DEFAULT_ANIMATION_CONFIG, Factory } from '@visactor/vchart';\n\nexport class AxialRotateAnimation extends ACustomAnimate<{}> {\n  declare valid: boolean;\n\n  private _rotations: number;\n  private _scaleX: number;\n\n  constructor(from: any, to: any, duration: number, easing: EasingType, params: { rotation?: number }) {\n    super(from, to, duration, easing, params);\n    this._rotations = params?.rotation ?? 1;\n  }\n\n  onBind(): void {\n    this._scaleX = this.target.attribute.scaleX;\n    if (!isValidNumber(this._rotations)) {\n      this.valid = false;\n    }\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>) {\n    if (this.valid === false) {\n      return;\n    }\n\n    if (end) {\n      out.scaleX = this._scaleX;\n      return;\n    }\n\n    // 计算当前的旋转角度\n    const currentAngle = this._rotations * 360 * ratio;\n    const currentAngleInRadians = (currentAngle * Math.PI) / 180;\n    const scaleX = Math.abs(Math.cos(currentAngleInRadians)) * (this._scaleX ?? 1);\n    this.target.attribute.scaleX = scaleX;\n    this.target.addUpdatePositionTag();\n    this.target.addUpdateShapeAndBoundsTag();\n  }\n}\n\nexport interface IImageCloudAnimationParams {\n  height: () => number;\n  center: () => { x: number; y: number };\n}\nexport type ImageCloudAppearPresetType = 'fadeIn' | 'scaleIn' | 'growIn' | 'axialRotate';\n\nexport function imageCloudPresetAnimation(\n  params: IImageCloudAnimationParams,\n  preset: ImageCloudAppearPresetType\n): IAnimationConfig | IAnimationConfig[] {\n  switch (preset) {\n    case 'axialRotate':\n      return [\n        {\n          custom: AxialRotateAnimation,\n          customParameters: {\n            rotation: 1\n          },\n          duration: DEFAULT_ANIMATION_CONFIG.appear.duration\n        },\n        {\n          channel: {\n            y: {\n              from: (datum: any, element: any) => {\n                return params.height() + element.getFinalAttribute().y;\n              }\n            },\n            fillOpacity: {\n              from: 0,\n              to: 1\n            }\n          },\n          easing: 'sineInOut'\n        }\n      ];\n    case 'growIn':\n      return {\n        channel: {\n          scaleX: {\n            from: 0,\n            to: 1\n          },\n          scaleY: {\n            from: 0,\n            to: 1\n          },\n          x: { from: () => params.center().x },\n          y: { from: () => params.center().y }\n        },\n        duration: DEFAULT_ANIMATION_CONFIG.appear.duration\n      };\n    case 'scaleIn':\n      return { type: 'scaleIn', duration: DEFAULT_ANIMATION_CONFIG.appear.duration };\n    case 'fadeIn':\n    default:\n      return { type: 'fadeIn', easing: 'linear', duration: DEFAULT_ANIMATION_CONFIG.appear.duration };\n  }\n}\n\nexport const registerImageCloudAnimation = () => {\n  Factory.registerAnimation('imageCloud', (params: IImageCloudAnimationParams, preset: ImageCloudAppearPresetType) => ({\n    appear: imageCloudPresetAnimation(params, preset),\n    enter: imageCloudPresetAnimation(params, preset),\n    exit: { type: 'fadeOut' },\n    disappear: { type: 'fadeOut' }\n  }));\n};\n"]}

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

@@ -0,0 +1,78 @@
+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;
+    curveLink?: import("@visactor/vchart").ISeriesMarkInfo;
+    imageLabel?: 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,139 @@
+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;
+        curveLink?: import("@visactor/vchart").ISeriesMarkInfo;
+        imageLabel?: 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;
+    };
+}