@visactor/vchart-extension 2.1.0-alpha.14 → 2.1.0-alpha.16

package/cjs/charts/axis-3d/index.js

@@ -10,4 +10,5 @@ const layout_1 = require("../3d/layout"), plugin_1 = require("../3d/plugin"), ba
     (0, symlog_axis_1.registerCartesianSymlogAxis3d)(), (0, log_axis_1.registerCartesianLogAxis3d)();
 };
 
-exports.registerAxis3dPlugin = registerAxis3dPlugin;
+exports.registerAxis3dPlugin = registerAxis3dPlugin;
+//# sourceMappingURL=index.js.map

package/cjs/charts/axis-3d/linear-axis.js

@@ -12,5 +12,4 @@ const vchart_1 = require("@visactor/vchart"), theme_1 = require("./theme"), vcha
     }), (0, vchart_2.mixin)(AxisCls, axis_3d_mixin_1.Axis3dMixin);
 };
 
-exports.registerCartesianLinearAxis3d = registerCartesianLinearAxis3d;
-//# sourceMappingURL=linear-axis.js.map
+exports.registerCartesianLinearAxis3d = registerCartesianLinearAxis3d;

package/cjs/charts/bar-3d/chart-spec-transformer.js

@@ -16,4 +16,4 @@ class Bar3dChartSpecTransformer extends vchart_1.BarChartSpecTransformer {
 }
 
 exports.Bar3dChartSpecTransformer = Bar3dChartSpecTransformer;
-//# sourceMappingURL=chart-spec-transformer.js.map
+//# sourceMappingURL=chart-spec-transformer.js.map

package/cjs/charts/bar-3d/chart.js

@@ -22,4 +22,4 @@ const registerBar3dChart = () => {
 };
 
 exports.registerBar3dChart = registerBar3dChart;
-//# sourceMappingURL=chart.js.map
+//# sourceMappingURL=chart.js.map

package/cjs/charts/bar-3d/constant.js

@@ -12,4 +12,4 @@ Object.defineProperty(exports, "__esModule", {
         type: "rect3d"
     }
 };
-//# sourceMappingURL=constant.js.map
+//# sourceMappingURL=constant.js.map

package/cjs/charts/bar-3d/index.js

@@ -20,4 +20,4 @@ Object.defineProperty(exports, "__esModule", {
 }), __exportStar(require("./chart"), exports), __exportStar(require("./chart-spec-transformer"), exports), 
 __exportStar(require("./interface"), exports), __exportStar(require("./series"), exports), 
 __exportStar(require("./series-spec-transformer"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/charts/bar-3d/interface.js

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

package/cjs/charts/bar-3d/series-spec-transformer.js

@@ -13,4 +13,4 @@ class Bar3dSeriesSpecTransformer extends vchart_1.BarSeriesSpecTransformer {
 }
 
 exports.Bar3dSeriesSpecTransformer = Bar3dSeriesSpecTransformer;
-//# sourceMappingURL=series-spec-transformer.js.map
+//# sourceMappingURL=series-spec-transformer.js.map

package/cjs/charts/bar-3d/series.js

@@ -25,4 +25,4 @@ const registerBar3dSeries = () => {
 };
 
 exports.registerBar3dSeries = registerBar3dSeries;
-//# sourceMappingURL=series.js.map
+//# sourceMappingURL=series.js.map

package/cjs/charts/bar-3d/theme.js

@@ -16,4 +16,4 @@ Object.defineProperty(exports, "__esModule", {
         }
     }
 };
-//# sourceMappingURL=theme.js.map
+//# sourceMappingURL=theme.js.map

package/cjs/charts/candlestick/candlestick-transformer.js

@@ -21,4 +21,4 @@ class CandlestickChartSpecTransformer extends vchart_1.CartesianChartSpecTransfo
 }
 
 exports.CandlestickChartSpecTransformer = CandlestickChartSpecTransformer;
-//# sourceMappingURL=candlestick-transformer.js.map
+//# sourceMappingURL=candlestick-transformer.js.map

package/cjs/charts/candlestick/candlestick.js

@@ -22,5 +22,4 @@ const registerCandlestickChart = () => {
     (0, candlestick_1.registerCandlestickSeries)(), vchart_1.Factory.registerChart(CandlestickChart.type, CandlestickChart);
 };
 
-exports.registerCandlestickChart = registerCandlestickChart;
-//# sourceMappingURL=candlestick.js.map
+exports.registerCandlestickChart = registerCandlestickChart;

package/cjs/charts/candlestick/index.js

@@ -20,4 +20,4 @@ Object.defineProperty(exports, "__esModule", {
 }), __exportStar(require("./candlestick"), exports), __exportStar(require("./interface"), exports), 
 __exportStar(require("./candlestick-transformer"), exports), __exportStar(require("./series/candlestick"), exports), 
 __exportStar(require("./util"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/charts/candlestick/interface.js

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

package/cjs/charts/candlestick/util.js

@@ -7,4 +7,4 @@ function transformCandlestickSeriesSpec(spec) {
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.transformCandlestickSeriesSpec = void 0, exports.transformCandlestickSeriesSpec = transformCandlestickSeriesSpec;
-//# sourceMappingURL=util.js.map
+//# sourceMappingURL=util.js.map

package/cjs/charts/combination-candlestick/combination-candlestick-transformer.js

@@ -201,4 +201,4 @@ class CombinationCandlestickChartSpecTransformer extends vchart_1.CartesianChart
 }
 
 exports.CombinationCandlestickChartSpecTransformer = CombinationCandlestickChartSpecTransformer;
-//# sourceMappingURL=combination-candlestick-transformer.js.map
+//# sourceMappingURL=combination-candlestick-transformer.js.map

package/cjs/charts/combination-candlestick/combination-candlestick.js

@@ -28,4 +28,4 @@ const registerCombinationCandlestickChart = () => {
 };
 
 exports.registerCombinationCandlestickChart = registerCombinationCandlestickChart;
-//# sourceMappingURL=combination-candlestick.js.map
+//# sourceMappingURL=combination-candlestick.js.map

package/cjs/charts/combination-candlestick/constant.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.CombinationCandlestickChart_TYPE = void 0, exports.CombinationCandlestickChart_TYPE = "combinationCandlestick";
-//# sourceMappingURL=constant.js.map
+//# sourceMappingURL=constant.js.map

package/cjs/charts/combination-candlestick/index.js

@@ -19,4 +19,4 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), __exportStar(require("./combination-candlestick"), exports), __exportStar(require("./interface"), exports), 
 __exportStar(require("./constant"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/charts/combination-candlestick/interface.js

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

package/cjs/charts/conversion-funnel/arrow-data-transform.js

@@ -95,5 +95,5 @@ function computeIndex(arrow, totalArrows) {
     return index;
 }
 
-exports.conversionArrowTransform = conversionArrowTransform;
 //# sourceMappingURL=arrow-data-transform.js.map
+exports.conversionArrowTransform = conversionArrowTransform;

package/cjs/charts/conversion-funnel/constants.js

@@ -21,4 +21,4 @@ exports.DEFAULT_ARROW_MARK_STYLE = {
 }, exports.DEFAULT_FUNNEL_BACKGROUND_MARK_STYLE = {
     fill: "#eff1f9"
 };
-//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=constants.js.map

package/cjs/charts/conversion-funnel/conversion-funnel-transformer.js

@@ -193,5 +193,5 @@ function addFunnelBackgroundMark(funnelBackground) {
     });
 }
 
-exports.ConversionFunnelChartSpecTransformer = ConversionFunnelChartSpecTransformer;
 //# sourceMappingURL=conversion-funnel-transformer.js.map
+exports.ConversionFunnelChartSpecTransformer = ConversionFunnelChartSpecTransformer;

package/cjs/charts/conversion-funnel/conversion-funnel.js

@@ -59,4 +59,4 @@ const registerConversionFunnelChart = option => {
 };
 
 exports.registerConversionFunnelChart = registerConversionFunnelChart;
-//# sourceMappingURL=conversion-funnel.js.map
+//# sourceMappingURL=conversion-funnel.js.map

package/cjs/charts/conversion-funnel/index.js

@@ -18,4 +18,4 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), __exportStar(require("./interface"), exports), __exportStar(require("./conversion-funnel"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/charts/conversion-funnel/interface.js

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

package/cjs/charts/conversion-funnel/util.js

@@ -14,4 +14,4 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.isSameArrow = exports.isArrowCross = void 0, exports.isArrowCross = isArrowCross, 
 exports.isSameArrow = isSameArrow;
-//# sourceMappingURL=util.js.map
+//# sourceMappingURL=util.js.map

package/cjs/charts/histogram-3d/chart.js

@@ -27,5 +27,4 @@ const registerHistogram3dChart = () => {
     (0, series_1.registerBar3dSeries)(), vchart_1.Factory.registerChart(Histogram3dChart.type, Histogram3dChart);
 };
 
-exports.registerHistogram3dChart = registerHistogram3dChart;
-//# sourceMappingURL=chart.js.map
+exports.registerHistogram3dChart = registerHistogram3dChart;

package/cjs/charts/histogram-3d/index.js

@@ -18,4 +18,4 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), __exportStar(require("./chart"), exports), __exportStar(require("./interface"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/charts/histogram-3d/interface.js

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

package/cjs/charts/image-cloud/image-cloud-transformer.js

@@ -16,4 +16,4 @@ class ImageCloudChartSpecTransformer extends vchart_1.BaseChartSpecTransformer {
 }
 
 exports.ImageCloudChartSpecTransformer = ImageCloudChartSpecTransformer;
-//# sourceMappingURL=image-cloud-transformer.js.map
+//# sourceMappingURL=image-cloud-transformer.js.map

package/cjs/charts/image-cloud/image-cloud.js

@@ -21,4 +21,4 @@ const registerImageCloudChart = () => {
 };
 
 exports.registerImageCloudChart = registerImageCloudChart;
-//# sourceMappingURL=image-cloud.js.map
+//# sourceMappingURL=image-cloud.js.map

package/cjs/charts/image-cloud/index.js

@@ -18,4 +18,4 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), __exportStar(require("./image-cloud"), exports), __exportStar(require("./interface"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/charts/image-cloud/interface.js

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

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

@@ -0,0 +1,138 @@
+import type { IImageCloudSeriesSpec } from './interface';
+import { ImageCloudMarkNameEnum } from './constant';
+import type { IPoint } from '@visactor/vchart';
+import { createImage } from '@visactor/vchart';
+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/vchart").TextShapeMask | import("@visactor/vchart").GeometricMaskShape;
+        maskConfig: {
+            visible?: boolean;
+            threshold?: number;
+            invert?: boolean;
+            removeWhiteBorder?: boolean;
+            style?: Partial<import("@visactor/vchart").IImageMarkSpec>;
+        };
+        layoutConfig: import("@visactor/vchart").LayoutConfigType;
+        createCanvas: (params: import("@visactor/vrender-core").ICreateCanvasParams) => any;
+        createImage: typeof createImage;
+        onUpdateMaskCanvas: (inputImage?: HTMLCanvasElement, maskImage?: HTMLCanvasElement) => void;
+        onLayoutFinished: () => 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/cjs/charts/pictogram/element-highlight-by-graphic-name.js

@@ -50,4 +50,4 @@ const registerElementHighlightByGraphicName = () => {
 };
 
 exports.registerElementHighlightByGraphicName = registerElementHighlightByGraphicName;
-//# sourceMappingURL=element-highlight-by-graphic-name.js.map
+//# sourceMappingURL=element-highlight-by-graphic-name.js.map

package/cjs/charts/storyline/index.d.ts

@@ -0,0 +1,4 @@
+export * from './interface';
+export * from './layout';
+export * from './storyline';
+export * from './storyline-transformer';

package/cjs/charts/storyline/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./interface"), exports), __exportStar(require("./layout"), exports), 
+__exportStar(require("./storyline"), exports), __exportStar(require("./storyline-transformer"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/charts/storyline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/storyline/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,2CAAyB;AACzB,8CAA4B;AAC5B,0DAAwC","file":"index.js","sourcesContent":["export * from './interface';\nexport * from './layout';\nexport * from './storyline';\nexport * from './storyline-transformer';\n"]}

package/cjs/charts/storyline/interface.d.ts

@@ -0,0 +1,61 @@
+import type { IChartSpec, IComposedTextMarkSpec, IImageMarkSpec, IMarkSpec, IPathMarkSpec, IRectMarkSpec, ITextMarkSpec, StringOrNumber } from '@visactor/vchart';
+export type StorylineLayoutType = 'clock' | 'bowl' | 'dome' | 'wing' | 'landscape' | 'portrait' | 'up-ladder' | 'down-ladder' | 'pulse' | 'spiral';
+export type StorylineImagePosition = 'top' | 'left' | 'right' | 'bottom';
+export type StorylineLineType = 'line' | 'polyline' | 'curve';
+export type StorylineWingDirection = 'left' | 'right';
+export interface IStorylineBlock {
+    id?: StringOrNumber;
+    title?: string;
+    content?: string | string[];
+    image?: string | HTMLImageElement | HTMLCanvasElement;
+    datum?: unknown;
+}
+export interface IStorylineLayoutOptions {
+    type: StorylineLayoutType;
+    padding?: number | [number, number, number, number];
+    radiusRatio?: number;
+    startAngle?: number;
+    endAngle?: number;
+    direction?: StorylineWingDirection;
+}
+export interface IStorylineBlockSpec {
+    width?: number;
+    widthRatio?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    height?: number;
+    padding?: number | [number, number, number, number];
+    gap?: number;
+    style?: Partial<IRectMarkSpec>;
+}
+export interface IStorylineImageSpec extends IMarkSpec<IImageMarkSpec> {
+    width?: number;
+    height?: number;
+    position?: StorylineImagePosition;
+    gap?: number;
+}
+export interface IStorylineCenterImageSpec extends IMarkSpec<IImageMarkSpec> {
+    width?: number;
+    height?: number;
+    visible?: boolean;
+    image?: string | HTMLImageElement | HTMLCanvasElement;
+}
+export interface IStorylineLineSpec extends IMarkSpec<IPathMarkSpec> {
+    visible?: boolean;
+    type?: StorylineLineType;
+    showArrow?: boolean;
+    arrowSize?: number;
+    distance?: number;
+}
+export interface IStorylineSpec extends Omit<IChartSpec, 'type' | 'data' | 'series' | 'title' | 'layout'> {
+    type: 'storyline';
+    data: IStorylineBlock[];
+    layout?: StorylineLayoutType | IStorylineLayoutOptions;
+    block?: IStorylineBlockSpec;
+    title?: IMarkSpec<ITextMarkSpec>;
+    content?: IMarkSpec<IComposedTextMarkSpec>;
+    image?: IStorylineImageSpec;
+    centerImage?: IStorylineCenterImageSpec;
+    line?: IStorylineLineSpec;
+    themeColor?: string;
+}

package/cjs/charts/storyline/interface.js

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

package/cjs/charts/storyline/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/storyline/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type {\n  IChartSpec,\n  IComposedTextMarkSpec,\n  IImageMarkSpec,\n  IMarkSpec,\n  IPathMarkSpec,\n  IRectMarkSpec,\n  ITextMarkSpec,\n  StringOrNumber\n} from '@visactor/vchart';\n\nexport type StorylineLayoutType =\n  | 'clock'\n  | 'bowl'\n  | 'dome'\n  | 'wing'\n  | 'landscape'\n  | 'portrait'\n  | 'up-ladder'\n  | 'down-ladder'\n  | 'pulse'\n  | 'spiral';\n\nexport type StorylineImagePosition = 'top' | 'left' | 'right' | 'bottom';\nexport type StorylineLineType = 'line' | 'polyline' | 'curve';\nexport type StorylineWingDirection = 'left' | 'right';\n\nexport interface IStorylineBlock {\n  id?: StringOrNumber;\n  title?: string;\n  content?: string | string[];\n  image?: string | HTMLImageElement | HTMLCanvasElement;\n  datum?: unknown;\n}\n\nexport interface IStorylineLayoutOptions {\n  type: StorylineLayoutType;\n  /**\n   * 边缘留白，支持单值或 [top, right, bottom, left]。\n   */\n  padding?: number | [number, number, number, number];\n  /**\n   * 对 circular/arc 布局生效，控制半径占可用空间的比例。\n   */\n  radiusRatio?: number;\n  /**\n   * 对 circular/arc 布局生效，角度单位为度。\n   */\n  startAngle?: number;\n  /**\n   * 对 circular/arc 布局生效，角度单位为度。\n   */\n  endAngle?: number;\n  /**\n   * 对 wing 布局生效，控制翅膀展开方向。\n   * - 'left'：圆心锚在画布左侧、弧凸向右展开（默认）；\n   * - 'right'：圆心锚在画布右侧、弧凸向左展开。\n   */\n  direction?: StorylineWingDirection;\n}\n\nexport interface IStorylineBlockSpec {\n  width?: number;\n  widthRatio?: number;\n  minWidth?: number;\n  maxWidth?: number;\n  height?: number;\n  padding?: number | [number, number, number, number];\n  gap?: number;\n  style?: Partial<IRectMarkSpec>;\n}\n\nexport interface IStorylineImageSpec extends IMarkSpec<IImageMarkSpec> {\n  width?: number;\n  height?: number;\n  position?: StorylineImagePosition;\n  gap?: number;\n}\n\nexport interface IStorylineCenterImageSpec extends IMarkSpec<IImageMarkSpec> {\n  width?: number;\n  height?: number;\n  visible?: boolean;\n  image?: string | HTMLImageElement | HTMLCanvasElement;\n}\n\nexport interface IStorylineLineSpec extends IMarkSpec<IPathMarkSpec> {\n  visible?: boolean;\n  type?: StorylineLineType;\n  showArrow?: boolean;\n  arrowSize?: number;\n  /**\n   * 连接线和 block 边缘之间的距离。\n   */\n  distance?: number;\n}\n\nexport interface IStorylineSpec extends Omit<IChartSpec, 'type' | 'data' | 'series' | 'title' | 'layout'> {\n  type: 'storyline';\n  data: IStorylineBlock[];\n  layout?: StorylineLayoutType | IStorylineLayoutOptions;\n  block?: IStorylineBlockSpec;\n  title?: IMarkSpec<ITextMarkSpec>;\n  content?: IMarkSpec<IComposedTextMarkSpec>;\n  image?: IStorylineImageSpec;\n  centerImage?: IStorylineCenterImageSpec;\n  line?: IStorylineLineSpec;\n  themeColor?: string;\n}\n"]}

package/cjs/charts/storyline/layout.d.ts

@@ -0,0 +1,53 @@
+import type { IStorylineBlock, IStorylineLayoutOptions, StorylineLayoutType } from './interface';
+export interface StorylineSize {
+    width: number;
+    height: number;
+}
+export interface StorylinePadding {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+export interface StorylinePoint {
+    x: number;
+    y: number;
+}
+export interface StorylineBlockPosition extends StorylinePoint, StorylineSize {
+    id: string | number;
+    index: number;
+    datum: IStorylineBlock;
+    center: StorylinePoint;
+}
+export interface StorylineLinkPosition {
+    from: StorylineBlockPosition;
+    to: StorylineBlockPosition;
+    start: StorylinePoint;
+    end: StorylinePoint;
+    points: StorylinePoint[];
+}
+export interface StorylineCircleGuide {
+    center: StorylinePoint;
+    radius: number;
+}
+export interface StorylineLayoutResult {
+    blocks: StorylineBlockPosition[];
+    links: StorylineLinkPosition[];
+    circleGuide?: StorylineCircleGuide;
+}
+export interface StorylineComputeOptions {
+    layout: StorylineLayoutType | IStorylineLayoutOptions | undefined;
+    viewBox: StorylineSize;
+    block: StorylineSize;
+    gap?: number;
+    padding?: number | [number, number, number, number];
+    lineDistance?: number;
+}
+export declare const normalizePadding: (padding?: number | [
+    number,
+    number,
+    number,
+    number
+]) => StorylinePadding;
+export declare const normalizeLayout: (layout?: StorylineLayoutType | IStorylineLayoutOptions) => IStorylineLayoutOptions;
+export declare const computeStorylineLayout: (data: IStorylineBlock[], options: StorylineComputeOptions) => StorylineLayoutResult;