@visactor/vchart-extension 2.1.0-alpha.21 → 2.1.0-alpha.23

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

@@ -84,4 +84,4 @@ const registerBarLink = () => {
 };
 
 exports.registerBarLink = registerBarLink;
-//# sourceMappingURL=bar-link.js.map
+//# sourceMappingURL=bar-link.js.map

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

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

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

@@ -46,4 +46,4 @@ Object.defineProperty(exports, "getBarLinkConfig", {
         return util_1.appendBarLinkConfig;
     }
 }), __exportStar(require("./constant"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

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

@@ -180,4 +180,4 @@ function appendBarLinkConfig(rawSpec, barLinkSpec) {
 
 exports.groupBarsByFields = groupBarsByFields, exports.getLinkData = getLinkData, 
 exports.getBarLinkConfig = getBarLinkConfig, exports.appendBarLinkConfig = appendBarLinkConfig;
-//# sourceMappingURL=util.js.map
+//# sourceMappingURL=util.js.map

package/cjs/components/bar-regression-line/index.js

@@ -84,4 +84,4 @@ function appendBarRegressionLineConfig(chartSpec, spec) {
 }
 
 exports.getBarRegressionLineConfig = getBarRegressionLineConfig, exports.appendBarRegressionLineConfig = appendBarRegressionLineConfig;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/components/bar-regression-line/type.js

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

package/cjs/components/extension-mark-sync-state/extension-mark-sync-state.js

@@ -78,4 +78,4 @@ const registerExtensionMarkSyncStatePlugin = () => {
 };
 
 exports.registerExtensionMarkSyncStatePlugin = registerExtensionMarkSyncStatePlugin;
-//# sourceMappingURL=extension-mark-sync-state.js.map
+//# sourceMappingURL=extension-mark-sync-state.js.map

package/cjs/components/extension-mark-sync-state/index.js

@@ -32,4 +32,4 @@ Object.defineProperty(exports, "ExtensionMarkSyncStatePlugin", {
         return extension_mark_sync_state_1.registerExtensionMarkSyncStatePlugin;
     }
 }), __exportStar(require("./type"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/components/extension-mark-sync-state/type.js

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

package/cjs/components/histogram-regression-line/index.js

@@ -76,4 +76,4 @@ function appendHistogramRegressionLineConfig(chartSpec, spec) {
 }
 
 exports.getHistogramRegressionLineConfig = getHistogramRegressionLineConfig, exports.appendHistogramRegressionLineConfig = appendHistogramRegressionLineConfig;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/components/histogram-regression-line/type.js

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

package/cjs/components/map-label/index.js

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

package/cjs/components/map-label/layout.js

@@ -151,4 +151,4 @@ function candidatesByOrient(positions, anchor, rect, offset = 0) {
 exports.bound = bound, exports.layoutByPosition = layoutByPosition, exports.layoutOuter = layoutOuter, 
 exports.layoutOuter2 = layoutOuter2, exports.placeRectByOrient = placeRectByOrient, 
 exports.candidatesByOrient = candidatesByOrient;
-//# sourceMappingURL=layout.js.map
+//# sourceMappingURL=layout.js.map

package/cjs/components/map-label/map-label-transformer.js

@@ -13,4 +13,4 @@ class MapLabelSpecTransformer extends vchart_1.BaseComponentSpecTransformer {
 }
 
 exports.MapLabelSpecTransformer = MapLabelSpecTransformer;
-//# sourceMappingURL=map-label-transformer.js.map
+//# sourceMappingURL=map-label-transformer.js.map

package/cjs/components/map-label/map-label.js

@@ -263,4 +263,4 @@ const registerMapLabel = option => {
 };
 
 exports.registerMapLabel = registerMapLabel;
-//# sourceMappingURL=map-label.js.map
+//# sourceMappingURL=map-label.js.map

package/cjs/components/map-label/theme.js

@@ -60,4 +60,4 @@ exports.mapLabel = {
         }
     }
 };
-//# sourceMappingURL=theme.js.map
+//# sourceMappingURL=theme.js.map

package/cjs/components/map-label/type.js

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

package/cjs/components/regression-line/index.js

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

package/cjs/components/regression-line/regression-line.js

@@ -55,4 +55,4 @@ const registerRegressionLine = () => {
 };
 
 exports.registerRegressionLine = registerRegressionLine;
-//# sourceMappingURL=regression-line.js.map
+//# sourceMappingURL=regression-line.js.map

package/cjs/components/regression-line/type.js

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

package/cjs/components/scatter-regression-line/index.js

@@ -100,4 +100,4 @@ function appendScatterRegressionLineConfig(chartSpec, spec) {
 }
 
 exports.getScatterRegressionLineConfig = getScatterRegressionLineConfig, exports.appendScatterRegressionLineConfig = appendScatterRegressionLineConfig;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/components/scatter-regression-line/type.js

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

package/cjs/components/series-break/constant.js

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

package/cjs/components/series-break/index.js

@@ -46,4 +46,4 @@ Object.defineProperty(exports, "getSeriesBreakConfig", {
         return util_1.appendSeriesBreakConfig;
     }
 }), __exportStar(require("./type"), exports), __exportStar(require("./constant"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/components/series-break/series-break.js

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

package/cjs/components/series-break/type.js

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

package/cjs/components/series-break/util.js

@@ -244,4 +244,5 @@ const appendSeriesBreakConfig = rawSpec => {
     return !1;
 };
 
-exports.appendSeriesBreakConfig = appendSeriesBreakConfig;
+exports.appendSeriesBreakConfig = appendSeriesBreakConfig;
+//# sourceMappingURL=util.js.map

package/cjs/components/series-label/constant.js

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

package/cjs/components/series-label/index.js

@@ -46,4 +46,4 @@ Object.defineProperty(exports, "getSeriesLabelConfig", {
         return util_1.appendSeriesLabelConfig;
     }
 });
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/components/series-label/series-label.js

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

package/cjs/components/series-label/type.js

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

package/cjs/components/series-label/util.js

@@ -149,4 +149,4 @@ function appendSeriesLabelConfig(rawSpec, seriesLabelSpec) {
 
 exports.dodge = dodge, exports.dodgeHorizontal = dodgeHorizontal, exports.getSeriesLabelConfig = getSeriesLabelConfig, 
 exports.appendSeriesLabelConfig = appendSeriesLabelConfig;
-//# sourceMappingURL=util.js.map
+//# sourceMappingURL=util.js.map

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

@@ -15,4 +15,5 @@ import { registerCartesianTimeAxis3d } from "./time-axis";
 export const registerAxis3dPlugin = () => {
     register3DPlugin(), registerLayout3d(), registerCartesianBandAxis3d(), registerCartesianLinearAxis3d(), 
     registerCartesianTimeAxis3d(), registerCartesianSymlogAxis3d(), registerCartesianLogAxis3d();
-};
+};
+//# sourceMappingURL=index.js.map

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

@@ -12,5 +12,4 @@ export const registerCartesianLinearAxis3d = () => {
     AxisCls.builtInTheme = Object.assign(Object.assign({}, AxisCls.builtInTheme), {
         axisZ: Object.assign(Object.assign({}, CartesianLinearAxis.builtInTheme.axisX), axisZ)
     }), mixin(AxisCls, Axis3dMixin);
-};
-//# sourceMappingURL=linear-axis.js.map
+};

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

@@ -8,4 +8,4 @@ export class Bar3dChartSpecTransformer extends BarChartSpecTransformer {
         seriesSpec;
     }
 }
-//# sourceMappingURL=chart-spec-transformer.js.map
+//# sourceMappingURL=chart-spec-transformer.js.map

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

@@ -22,4 +22,4 @@ Bar3dChart.type = "bar3d", Bar3dChart.seriesType = SeriesType3dEnum.bar3d, Bar3d
 export const registerBar3dChart = () => {
     register3DPlugin(), registerLayout3d(), registerBar3dSeries(), Factory.registerChart(Bar3dChart.type, Bar3dChart);
 };
-//# sourceMappingURL=chart.js.map
+//# sourceMappingURL=chart.js.map

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

@@ -8,4 +8,4 @@ export const bar3dSeriesMark = {
         type: "rect3d"
     }
 };
-//# sourceMappingURL=constant.js.map
+//# sourceMappingURL=constant.js.map

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

@@ -7,4 +7,4 @@ export * from "./interface";
 export * from "./series";
 
 export * from "./series-spec-transformer";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

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

@@ -5,4 +5,4 @@ export class Bar3dSeriesSpecTransformer extends BarSeriesSpecTransformer {
         this._addMarkLabelSpec(spec, "bar3d");
     }
 }
-//# sourceMappingURL=series-spec-transformer.js.map
+//# sourceMappingURL=series-spec-transformer.js.map

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

@@ -27,4 +27,4 @@ export const registerBar3dSeries = () => {
     registerBar3dAnimation(), registerRect3dMark(), registerCartesianBandAxis(), registerCartesianLinearAxis(), 
     Factory.registerSeries(Bar3dSeries.type, Bar3dSeries);
 };
-//# sourceMappingURL=series.js.map
+//# sourceMappingURL=series.js.map

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

@@ -12,4 +12,4 @@ export const bar3d = {
         }
     }
 };
-//# sourceMappingURL=theme.js.map
+//# sourceMappingURL=theme.js.map

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

@@ -13,4 +13,4 @@ export class CandlestickChartSpecTransformer extends CartesianChartSpecTransform
         } ]), setDefaultCrosshairForCartesianChart(spec);
     }
 }
-//# sourceMappingURL=candlestick-transformer.js.map
+//# sourceMappingURL=candlestick-transformer.js.map

package/esm/charts/candlestick/candlestick.js

@@ -19,5 +19,4 @@ CandlestickChart.transformerConstructor = CandlestickChartSpecTransformer;
 export const registerCandlestickChart = () => {
     registerDimensionTooltipProcessor(), registerMarkTooltipProcessor(), registerDimensionEvents(), 
     registerDimensionHover(), registerCandlestickSeries(), Factory.registerChart(CandlestickChart.type, CandlestickChart);
-};
-//# sourceMappingURL=candlestick.js.map
+};

package/esm/charts/candlestick/index.js

@@ -7,4 +7,4 @@ export * from "./candlestick-transformer";
 export * from "./series/candlestick";
 
 export * from "./util";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/esm/charts/candlestick/interface.js

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

package/esm/charts/candlestick/util.js

@@ -1,4 +1,4 @@
 export function transformCandlestickSeriesSpec(spec) {
     spec.yField = [ spec.openField, spec.highField, spec.lowField, spec.closeField ];
 }
-//# sourceMappingURL=util.js.map
+//# sourceMappingURL=util.js.map

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

@@ -196,4 +196,4 @@ export class CombinationCandlestickChartSpecTransformer extends CartesianChartSp
         };
     }
 }
-//# sourceMappingURL=combination-candlestick-transformer.js.map
+//# sourceMappingURL=combination-candlestick-transformer.js.map

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

@@ -26,4 +26,4 @@ mixin(CombinationCandlestickChart, StackChartMixin);
 export const registerCombinationCandlestickChart = () => {
     registerCandlestickSeries(), Factory.registerChart(CombinationCandlestickChart.type, CombinationCandlestickChart);
 };
-//# sourceMappingURL=combination-candlestick.js.map
+//# sourceMappingURL=combination-candlestick.js.map

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

@@ -1,2 +1,2 @@
 export const CombinationCandlestickChart_TYPE = "combinationCandlestick";
-//# sourceMappingURL=constant.js.map
+//# sourceMappingURL=constant.js.map

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

@@ -3,4 +3,4 @@ export * from "./combination-candlestick";
 export * from "./interface";
 
 export * from "./constant";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -22,4 +22,4 @@ export const DEFAULT_ARROW_TEXT_MARK_STYLE = {
 export const DEFAULT_FUNNEL_BACKGROUND_MARK_STYLE = {
     fill: "#eff1f9"
 };
-//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=constants.js.map

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

@@ -190,4 +190,4 @@ function addFunnelBackgroundMark(funnelBackground) {
         })
     });
 }
-//# sourceMappingURL=conversion-funnel-transformer.js.map
+//# sourceMappingURL=conversion-funnel-transformer.js.map

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

@@ -54,4 +54,4 @@ export const registerConversionFunnelChart = option => {
     const vchartConstructor = (null == option ? void 0 : option.VChart) || VChart;
     vchartConstructor && (vchartConstructor.useChart([ ConversionFunnelChart ]), vchartConstructor.useSeries([ ConversionFunnelSeries ]));
 };
-//# sourceMappingURL=conversion-funnel.js.map
+//# sourceMappingURL=conversion-funnel.js.map

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

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

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

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

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

@@ -7,4 +7,4 @@ export function isSameArrow(arrow1, arrow2) {
     const {from: from1, to: to1} = arrow1, {from: from2, to: to2} = arrow2;
     return from1 === from2 && to1 === to2;
 }
-//# sourceMappingURL=util.js.map
+//# sourceMappingURL=util.js.map

package/esm/charts/funnel-3d/chart.js

@@ -21,5 +21,4 @@ Funnel3dChart.transformerConstructor = FunnelChartSpecTransformer;
 export const registerFunnel3dChart = () => {
     registerMarkTooltipProcessor(), register3DPlugin(), registerLayout3d(), registerFunnel3dSeries(), 
     Factory.registerChart(Funnel3dChart.type, Funnel3dChart);
-};
-//# sourceMappingURL=chart.js.map
+};

package/esm/charts/funnel-3d/constant.js

@@ -22,4 +22,4 @@ export const funnel3dSeriesMark = Object.assign(Object.assign({}, baseSeriesMark
         type: "rule"
     }
 });
-//# sourceMappingURL=constant.js.map
+//# sourceMappingURL=constant.js.map

package/esm/charts/funnel-3d/index.js

@@ -5,4 +5,4 @@ export * from "./series";
 export * from "./series-spec-transformer";
 
 export * from "./interface";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/esm/charts/funnel-3d/interface.js

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

package/esm/charts/funnel-3d/series-spec-transformer.js

@@ -5,4 +5,4 @@ export class Funnel3dSeriesSpecTransformer extends FunnelSeriesSpecTransformer {
         this._addMarkLabelSpec(spec, "funnel3d"), spec.isTransform && this._addMarkLabelSpec(spec, "transform3d", "transformLabel");
     }
 }
-//# sourceMappingURL=series-spec-transformer.js.map
+//# sourceMappingURL=series-spec-transformer.js.map

package/esm/charts/funnel-3d/series.js

@@ -81,4 +81,4 @@ Funnel3dSeries.builtInTheme = {
 export const registerFunnel3dSeries = () => {
     registerPyramid3dMark(), registerTextMark(), registerRuleMark(), Factory.registerSeries(Funnel3dSeries.type, Funnel3dSeries);
 };
-//# sourceMappingURL=series.js.map
+//# sourceMappingURL=series.js.map

package/esm/charts/funnel-3d/theme.js

@@ -1,4 +1,4 @@
 import { getFunnelTheme } from "@visactor/vchart";
 
 export const funnel3d = getFunnelTheme(!0);
-//# sourceMappingURL=theme.js.map
+//# sourceMappingURL=theme.js.map

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

@@ -27,4 +27,4 @@ export const registerHistogram3dChart = () => {
     registerDimensionEvents(), registerDimensionHover(), register3DPlugin(), registerLayout3d(), 
     registerBar3dSeries(), Factory.registerChart(Histogram3dChart.type, Histogram3dChart);
 };
-//# sourceMappingURL=chart.js.map
+//# sourceMappingURL=chart.js.map

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

@@ -41,7 +41,7 @@ export interface IStorylineImageSpec extends IMarkSpec<IImageMarkSpec> {
     gap?: number;
     showBackground?: boolean;
 }
-export interface IStorylineCenterImageSpec extends IMarkSpec<IImageMarkSpec> {
+export interface IStorylineTitleImageSpec extends IMarkSpec<IImageMarkSpec> {
     width?: number;
     height?: number;
     visible?: boolean;
@@ -60,9 +60,9 @@ export interface IStorylineSpec extends Omit<IChartSpec, 'type' | 'data' | 'seri
     layout?: StorylineLayoutType | IStorylineLayoutOptions;
     block?: IStorylineBlockSpec;
     title?: IMarkSpec<ITextMarkSpec>;
+    titleImage?: IStorylineTitleImageSpec;
     content?: IMarkSpec<IComposedTextMarkSpec>;
     image?: IStorylineImageSpec;
-    centerImage?: IStorylineCenterImageSpec;
     line?: IStorylineLineSpec;
     marker?: IMarkSpec<ITextMarkSpec>;
     themeColor?: string;

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

@@ -1 +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 = 'clock' | 'arc' | 'wing' | 'landscape' | 'portrait' | 'ladder' | 'spiral';\n\nexport type StorylineImagePosition = 'top' | 'left' | 'right' | 'bottom';\nexport type StorylineLineType = 'line' | 'polyline' | 'curve';\nexport type StorylineWingDirection = 'left' | 'right';\nexport type StorylineLadderDirection = 'up' | 'down';\nexport type StorylineArcDirection = 'up' | 'down';\n\nexport interface IStorylineBlock {\n  id?: StringOrNumber;\n  title?: string;\n  content?: string | string[];\n  image?: string | HTMLImageElement | HTMLCanvasElement;\n  /**\n   * 绘制在主 image 背后的装饰图（如 portrait 布局的错位 shadow image）。\n   * 若未配置，则不会绘制装饰 image。\n   */\n  subImage?: string | HTMLImageElement | HTMLCanvasElement;\n  /**\n   * 时间节点文本（如 \"2012\"）。\n   * 仅 portrait 布局生效：在中轴 rect 上沿每个 block 的 center.y 处纵向绘制。\n   * 配合 spec.marker 控制样式与显隐。\n   */\n  marker?: string;\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   * 方向控制：\n   * - wing 布局：'left' | 'right'，圆心锚位置；\n   * - ladder 布局：'up' | 'down'，'up' 表示左下→右上对角线（默认），'down' 表示左上→右下对角线；\n   * - arc 布局：'up' | 'down'，'up' 表示穹顶（centerImage 贴底，弧线在上方），'down' 表示碗形（centerImage 贴顶，弧线在下方）。\n   */\n  direction?: StorylineWingDirection | StorylineLadderDirection | StorylineArcDirection;\n  /**\n   * 对 ladder 布局生效：贯穿画布的倾斜大字 headline。\n   * 缺省时使用占位文本。倾斜方向自动跟随对角线。\n   */\n  headline?: string;\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  /**\n   * 是否展示 block 背后的卡片背景 rect（白底 + 描边 + 阴影）。\n   * 仅 up-ladder 等少数布局支持，默认 false（不展示）。\n   */\n  showBackground?: boolean;\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   * 是否展示 image 背后的白色背景 rect（白底 + 主题色描边）。\n   * 所有布局支持。\n   * portrait / landscape 默认 false（不展示），其他布局默认 true（展示）。\n   * 注：不影响 subImage（错位装饰图元的显隐。\n   */\n  showBackground?: boolean;\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  /**\n   * 时间节点文本配置（仅 portrait 布局生效）。\n   * 当 spec.data[i].marker 有值时，在中轴 rect 上沿垂直方向绘制每个 block 的时间节点文本。\n   */\n  marker?: IMarkSpec<ITextMarkSpec>;\n  themeColor?: string;\n}\n"]}
+{"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\n/**\n * Storyline 图表支持的布局类型。\n */\nexport type StorylineLayoutType = 'clock' | 'arc' | 'wing' | 'landscape' | 'portrait' | 'ladder' | 'spiral';\n\n/**\n * block 内图片相对文本内容的摆放位置。\n */\nexport type StorylineImagePosition = 'top' | 'left' | 'right' | 'bottom';\n/**\n * block 之间连线的绘制方式。\n */\nexport type StorylineLineType = 'line' | 'polyline' | 'curve';\n/**\n * wing 布局的展开方向。\n */\nexport type StorylineWingDirection = 'left' | 'right';\n/**\n * ladder 布局的对角线方向。\n */\nexport type StorylineLadderDirection = 'up' | 'down';\n/**\n * arc 布局的弧形方向。\n */\nexport type StorylineArcDirection = 'up' | 'down';\n\n/**\n * Storyline 中单个叙事节点的数据配置。\n */\nexport interface IStorylineBlock {\n  /**\n   * 节点唯一标识。未配置时使用数据索引作为内部标识。\n   */\n  id?: StringOrNumber;\n  /**\n   * 节点标题文本。\n   */\n  title?: string;\n  /**\n   * 节点正文内容。传入数组时会按段落拼接为富文本内容。\n   */\n  content?: string | string[];\n  /**\n   * 节点主图片，支持图片 URL、HTMLImageElement 或 HTMLCanvasElement。\n   */\n  image?: string | HTMLImageElement | HTMLCanvasElement;\n  /**\n   * 绘制在主 image 背后的装饰图（如 portrait 布局的错位 shadow image）。\n   * 若未配置，则不会绘制装饰 image。\n   */\n  subImage?: string | HTMLImageElement | HTMLCanvasElement;\n  /**\n   * 时间节点文本（如 \"2012\"）。\n   * 仅 portrait 布局生效：在中轴 rect 上沿每个 block 的 center.y 处纵向绘制。\n   * 配合 spec.marker 控制样式与显隐。\n   */\n  marker?: string;\n  /**\n   * 绑定到该节点的原始业务数据，供外部交互或扩展逻辑使用。\n   */\n  datum?: unknown;\n}\n\n/**\n * Storyline 布局参数配置。\n */\nexport interface IStorylineLayoutOptions {\n  /**\n   * 布局类型。\n   */\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   * 方向控制：\n   * - wing 布局：'left' | 'right'，圆心锚位置；\n   * - ladder 布局：'up' | 'down'，'up' 表示左下→右上对角线（默认），'down' 表示左上→右下对角线；\n   * - arc 布局：'up' | 'down'，'up' 表示穹顶（titleImage 贴底，弧线在上方），'down' 表示碗形（titleImage 贴顶，弧线在下方）。\n   */\n  direction?: StorylineWingDirection | StorylineLadderDirection | StorylineArcDirection;\n  /**\n   * 对 ladder 布局生效：贯穿画布的倾斜大字 headline。\n   * 缺省时使用占位文本。倾斜方向自动跟随对角线。\n   */\n  headline?: string;\n}\n\n/**\n * Storyline 节点 block 的尺寸、间距、背景和样式配置。\n */\nexport interface IStorylineBlockSpec {\n  /**\n   * block 的固定宽度。配置后优先级高于 widthRatio、minWidth、maxWidth。\n   */\n  width?: number;\n  /**\n   * block 宽度相对可用视图宽度的比例。\n   */\n  widthRatio?: number;\n  /**\n   * block 自适应宽度的最小值。\n   */\n  minWidth?: number;\n  /**\n   * block 自适应宽度的最大值。\n   */\n  maxWidth?: number;\n  /**\n   * block 的固定高度。\n   */\n  height?: number;\n  /**\n   * block 内边距，支持单值或 [top, right, bottom, left]。\n   */\n  padding?: number | [number, number, number, number];\n  /**\n   * block 之间的布局间距。\n   */\n  gap?: number;\n  /**\n   * 是否展示 block 背后的卡片背景 rect（白底 + 描边 + 阴影）。\n   * 仅 ladder 等少数布局支持，默认 false（不展示）。\n   */\n  showBackground?: boolean;\n  /**\n   * block 背景 rect 的图形样式配置。\n   */\n  style?: Partial<IRectMarkSpec>;\n}\n\n/**\n * Storyline 节点主图片配置。\n */\nexport interface IStorylineImageSpec extends IMarkSpec<IImageMarkSpec> {\n  /**\n   * 节点主图片宽度。\n   */\n  width?: number;\n  /**\n   * 节点主图片高度。\n   */\n  height?: number;\n  /**\n   * 节点主图片相对标题和正文的位置。\n   */\n  position?: StorylineImagePosition;\n  /**\n   * 节点主图片与文本内容之间的间距。\n   */\n  gap?: number;\n  /**\n   * 是否展示 image 背后的白色背景 rect（白底 + 主题色描边）。\n   * 所有布局支持。\n   * portrait / landscape 默认 false（不展示），其他布局默认 true（展示）。\n   * 注：不影响 subImage（错位装饰图元）的显隐。\n   */\n  showBackground?: boolean;\n}\n\n/**\n * Storyline 标题图片配置，用于在不同布局中放置主题图片或标题图。\n */\nexport interface IStorylineTitleImageSpec extends IMarkSpec<IImageMarkSpec> {\n  /**\n   * 标题图片宽度。未配置时由布局根据画布尺寸自适应计算。\n   */\n  width?: number;\n  /**\n   * 标题图片高度。未配置时由布局根据宽度和默认比例自适应计算。\n   */\n  height?: number;\n  /**\n   * 是否显示标题图片。\n   */\n  visible?: boolean;\n  /**\n   * 标题图片资源，支持图片 URL、HTMLImageElement 或 HTMLCanvasElement。\n   */\n  image?: string | HTMLImageElement | HTMLCanvasElement;\n}\n\n/**\n * Storyline 连接线配置。\n */\nexport interface IStorylineLineSpec extends IMarkSpec<IPathMarkSpec> {\n  /**\n   * 是否显示连接线或布局主轴线。\n   */\n  visible?: boolean;\n  /**\n   * 连接线类型。\n   */\n  type?: StorylineLineType;\n  /**\n   * 是否在线段末端显示箭头。\n   */\n  showArrow?: boolean;\n  /**\n   * 箭头尺寸。\n   */\n  arrowSize?: number;\n  /**\n   * 连接线和 block 边缘之间的距离。\n   */\n  distance?: number;\n}\n\n/**\n * Storyline 图表总配置。\n */\nexport interface IStorylineSpec extends Omit<IChartSpec, 'type' | 'data' | 'series' | 'title' | 'layout'> {\n  /**\n   * 图表类型，固定为 'storyline'。\n   */\n  type: 'storyline';\n  /**\n   * Storyline 节点数据数组。\n   */\n  data: IStorylineBlock[];\n  /**\n   * 布局类型或布局参数配置。\n   */\n  layout?: StorylineLayoutType | IStorylineLayoutOptions;\n  /**\n   * 节点 block 的尺寸、间距、背景和样式配置。\n   */\n  block?: IStorylineBlockSpec;\n  /**\n   * 节点标题文本 mark 配置。\n   */\n  title?: IMarkSpec<ITextMarkSpec>;\n  /**\n   * 图表标题图片配置。\n   */\n  titleImage?: IStorylineTitleImageSpec;\n  /**\n   * 节点正文富文本 mark 配置。\n   */\n  content?: IMarkSpec<IComposedTextMarkSpec>;\n  /**\n   * 节点主图片配置。\n   */\n  image?: IStorylineImageSpec;\n  /**\n   * 节点之间连接线或布局主轴线配置。\n   */\n  line?: IStorylineLineSpec;\n  /**\n   * 时间节点文本配置（仅 portrait 布局生效）。\n   * 当 spec.data[i].marker 有值时，在中轴 rect 上沿垂直方向绘制每个 block 的时间节点文本。\n   */\n  marker?: IMarkSpec<ITextMarkSpec>;\n  /**\n   * Storyline 主题色，用于连接线、轴、图片背景和强调元素的默认颜色。\n   */\n  themeColor?: string;\n}\n"]}

package/esm/charts/storyline/layouts/arc.d.ts

@@ -1,5 +1,5 @@
 import type { IExtensionGroupMarkSpec } from '@visactor/vchart';
 import type { IStorylineBlock, IStorylineSpec } from '../interface';
 export declare const buildArcMark: (spec: IStorylineSpec) => IExtensionGroupMarkSpec | null;
-export declare const buildArcCenterImageMark: (spec: IStorylineSpec) => IExtensionGroupMarkSpec | null;
+export declare const buildArcTitleImageMark: (spec: IStorylineSpec) => IExtensionGroupMarkSpec | null;
 export declare const buildArcBlockMark: (spec: IStorylineSpec, block: IStorylineBlock, index: number) => IExtensionGroupMarkSpec;