@visactor/vchart-extension 2.1.0-alpha.20 → 2.1.0-alpha.22

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   * portrait / landscape / wing 等布局支持。\n   * 默认 false（不展示）。\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;

package/esm/charts/storyline/layouts/arc.js

@@ -1,10 +1,10 @@
 import { LayoutZIndex } from "@visactor/vchart";
 
-import { buildRichContent, getRegionGeometry, getThemeColor, normalizeLayout, omitImageLayoutSpec, resolveBlockWidth, withAlpha } from "./common";
+import { buildRichContent, getImageBackgroundStyle, getRegionGeometry, getThemeColor, normalizeLayout, omitImageLayoutSpec, resolveAdaptiveLineHeight, resolveBlockWidth, resolveTitleFontSize, shouldShowImageBackground, withAlpha } from "./common";
 
-const ARC_BLOCK_IMAGE_SIZE = 240, ARC_BLOCK_IMAGE_BORDER = 3, ARC_BLOCK_IMAGE_HALO_PADDING = 6, ARC_TEXT_GAP_FROM_IMAGE = 10, ARC_TITLE_FONT_SIZE = 32, ARC_TITLE_LINE_HEIGHT = 34, ARC_CONTENT_LINE_HEIGHT = 26, ARC_CONTENT_FONT_SIZE = 20, ARC_TEXT_BOX_HEIGHT = 240, ARC_TITLE_TO_CONTENT_GAP = 4, ARC_TEXT_PADDING = 20, ARC_TEXT_BOX_MIN_WIDTH = 240, ARC_CENTER_IMAGE_SIZE_RATIO = .55, ARC_CENTER_IMAGE_TO_SYMBOL_RATIO = .8, ARC_GAP_FROM_CENTER_IMAGE = 200, isDownArc = spec => "down" === normalizeLayout(spec.layout).direction, getArcCenterImageRect = (spec, ctx) => {
+const ARC_BLOCK_IMAGE_SIZE = 240, ARC_BLOCK_IMAGE_BORDER = 3, ARC_BLOCK_IMAGE_HALO_PADDING = 6, ARC_TEXT_GAP_FROM_IMAGE = 10, ARC_TITLE_FONT_SIZE = 32, ARC_TITLE_LINE_HEIGHT = 34, ARC_CONTENT_LINE_HEIGHT = 26, ARC_CONTENT_FONT_SIZE = 20, ARC_TEXT_BOX_HEIGHT = 240, ARC_TITLE_TO_CONTENT_GAP = 4, ARC_TEXT_PADDING = 20, ARC_TEXT_BOX_MIN_WIDTH = 240, ARC_TITLE_IMAGE_WIDTH_RATIO = .68, ARC_TITLE_IMAGE_MAX_WIDTH = 900, ARC_TITLE_IMAGE_HEIGHT_RATIO = .34, ARC_GAP_FROM_TITLE_IMAGE = 200, isDownArc = spec => "down" === normalizeLayout(spec.layout).direction, getArcTitleImageRect = (spec, ctx) => {
     var _a, _b, _c, _e;
-    const {width: width, height: height, startX: startX, startY: startY} = getRegionGeometry(ctx), innerWidth = Math.max(width, 1), innerHeight = Math.max(height, 1), baseSize = .55 * Math.min(innerWidth, innerHeight), w = Math.max(null !== (_b = null === (_a = spec.centerImage) || void 0 === _a ? void 0 : _a.width) && void 0 !== _b ? _b : baseSize, 80), h = Math.max(null !== (_e = null === (_c = spec.centerImage) || void 0 === _c ? void 0 : _c.height) && void 0 !== _e ? _e : baseSize, 80);
+    const {width: width, height: height, startX: startX, startY: startY} = getRegionGeometry(ctx), innerWidth = Math.max(width, 1), innerHeight = Math.max(height, 1), baseWidth = Math.min(.68 * innerWidth, 900), w = Math.max(null !== (_b = null === (_a = spec.titleImage) || void 0 === _a ? void 0 : _a.width) && void 0 !== _b ? _b : baseWidth, 80), h = Math.max(null !== (_e = null === (_c = spec.titleImage) || void 0 === _c ? void 0 : _c.height) && void 0 !== _e ? _e : .34 * w, 40);
     return {
         x: startX + innerWidth / 2 - w / 2,
         y: isDownArc(spec) ? startY : startY + innerHeight - h,
@@ -13,14 +13,14 @@ const ARC_BLOCK_IMAGE_SIZE = 240, ARC_BLOCK_IMAGE_BORDER = 3, ARC_BLOCK_IMAGE_HA
     };
 }, getArcGeometry = (spec, ctx) => {
     var _a, _b, _c;
-    const {width: width, startX: startX} = getRegionGeometry(ctx), innerWidth = Math.max(width, 1), blockWidth = resolveBlockWidth(spec, width), layoutOpt = normalizeLayout(spec.layout), isDown = "down" === layoutOpt.direction, startAngle = null !== (_a = layoutOpt.startAngle) && void 0 !== _a ? _a : isDown ? 20 : 200, endAngle = null !== (_b = layoutOpt.endAngle) && void 0 !== _b ? _b : isDown ? 160 : 340, ratio = null !== (_c = layoutOpt.radiusRatio) && void 0 !== _c ? _c : .88, rx = Math.max((innerWidth - blockWidth) / 2, 1) * ratio, centerRect = getArcCenterImageRect(spec, ctx), centerTop = centerRect.y, centerBottom = centerRect.y + centerRect.height, sinStart = Math.sin(startAngle / 180 * Math.PI);
+    const {width: width, startX: startX} = getRegionGeometry(ctx), innerWidth = Math.max(width, 1), blockWidth = resolveBlockWidth(spec, width), layoutOpt = normalizeLayout(spec.layout), isDown = "down" === layoutOpt.direction, startAngle = null !== (_a = layoutOpt.startAngle) && void 0 !== _a ? _a : isDown ? 20 : 200, endAngle = null !== (_b = layoutOpt.endAngle) && void 0 !== _b ? _b : isDown ? 160 : 340, ratio = null !== (_c = layoutOpt.radiusRatio) && void 0 !== _c ? _c : .88, rx = Math.max((innerWidth - blockWidth) / 2, 1) * ratio, titleImageRect = getArcTitleImageRect(spec, ctx), centerTop = titleImageRect.y, centerBottom = titleImageRect.y + titleImageRect.height, sinStart = Math.sin(startAngle / 180 * Math.PI);
     let cy, ry;
     if (isDown) {
         const denom = Math.max(1 - sinStart, .05);
-        ry = (centerRect.height + 200) / denom, cy = centerTop - ry * sinStart;
+        ry = (titleImageRect.height + 200) / denom, cy = centerTop - ry * sinStart;
     } else {
         const denom = Math.max(1 + sinStart, .05);
-        ry = (centerRect.height + 200) / denom, cy = centerBottom - ry * sinStart;
+        ry = (titleImageRect.height + 200) / denom, cy = centerBottom - ry * sinStart;
     }
     return {
         cx: startX + innerWidth / 2,
@@ -77,97 +77,35 @@ export const buildArcMark = spec => {
     };
 };
 
-export const buildArcCenterImageMark = spec => {
-    var _a, _b, _c, _e;
-    if (!(!1 !== (null === (_a = spec.centerImage) || void 0 === _a ? void 0 : _a.visible))) return null;
-    const themeColor = getThemeColor(spec), hasImage = !!(null === (_b = spec.centerImage) || void 0 === _b ? void 0 : _b.image), symbolGradient = {
-        gradient: "linear",
-        x0: .5,
-        y0: 0,
-        x1: .5,
-        y1: 1,
-        stops: [ {
-            offset: 0,
-            color: withAlpha(themeColor, .15)
-        }, {
-            offset: 1,
-            color: themeColor
-        } ]
-    };
-    return {
+export const buildArcTitleImageMark = spec => {
+    var _a;
+    return (null === (_a = spec.titleImage) || void 0 === _a ? void 0 : _a.image) && !1 !== spec.titleImage.visible ? {
         type: "group",
-        name: "storyline-arc-center",
-        zIndex: LayoutZIndex.Mark,
-        children: [ {
-            type: "symbol",
-            name: "storyline-arc-center-symbol",
-            interactive: !1,
-            style: {
-                x: (_d, ctx) => {
-                    const r = getArcCenterImageRect(spec, ctx);
-                    return r.x + r.width / 2;
-                },
-                y: (_d, ctx) => {
-                    const r = getArcCenterImageRect(spec, ctx);
-                    return r.y + r.height / 2;
-                },
-                size: (_d, ctx) => {
-                    const r = getArcCenterImageRect(spec, ctx);
-                    return Math.max(r.width, r.height);
-                },
-                symbolType: "circle",
-                fill: hasImage ? symbolGradient : "#ffffff",
-                stroke: themeColor,
-                lineWidth: 2
-            }
-        }, hasImage ? Object.assign(Object.assign({
+        name: "storyline-arc-title-image",
+        zIndex: LayoutZIndex.Mark + 6,
+        children: [ Object.assign(Object.assign({
             type: "image",
-            name: "storyline-arc-center-image",
+            name: "storyline-arc-title-image-node",
             interactive: !1
-        }, spec.centerImage), {
+        }, spec.titleImage), {
             style: Object.assign({
-                x: (_d, ctx) => {
-                    var _a, _b;
-                    const r = getArcCenterImageRect(spec, ctx), userWidth = null === (_b = null === (_a = spec.centerImage) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.width, w = "number" == typeof userWidth ? userWidth : .8 * Math.max(r.width, r.height);
-                    return r.x + (r.width - w) / 2;
-                },
-                y: (_d, ctx) => {
-                    var _a, _b;
-                    const r = getArcCenterImageRect(spec, ctx), userHeight = null === (_b = null === (_a = spec.centerImage) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.height, h = "number" == typeof userHeight ? userHeight : .8 * Math.max(r.width, r.height);
-                    return r.y + (r.height - h) / 2;
-                },
-                width: (_d, ctx) => {
-                    var _a, _b;
-                    const r = getArcCenterImageRect(spec, ctx), userWidth = null === (_b = null === (_a = spec.centerImage) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.width;
-                    return "number" == typeof userWidth ? userWidth : .8 * Math.max(r.width, r.height);
-                },
-                height: (_d, ctx) => {
-                    var _a, _b;
-                    const r = getArcCenterImageRect(spec, ctx), userHeight = null === (_b = null === (_a = spec.centerImage) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.height;
-                    return "number" == typeof userHeight ? userHeight : .8 * Math.max(r.width, r.height);
-                },
-                cornerRadius: (_d, ctx) => {
-                    var _a, _b, _c, _e;
-                    const r = getArcCenterImageRect(spec, ctx), userWidth = null === (_b = null === (_a = spec.centerImage) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.width, userHeight = null === (_e = null === (_c = spec.centerImage) || void 0 === _c ? void 0 : _c.style) || void 0 === _e ? void 0 : _e.height, w = "number" == typeof userWidth ? userWidth : .8 * Math.max(r.width, r.height), h = "number" == typeof userHeight ? userHeight : .8 * Math.max(r.width, r.height);
-                    return Math.max(w, h) / 2;
-                },
-                image: null === (_c = spec.centerImage) || void 0 === _c ? void 0 : _c.image,
+                x: (_d, ctx) => getArcTitleImageRect(spec, ctx).x,
+                y: (_d, ctx) => getArcTitleImageRect(spec, ctx).y,
+                width: (_d, ctx) => getArcTitleImageRect(spec, ctx).width,
+                height: (_d, ctx) => getArcTitleImageRect(spec, ctx).height,
+                image: spec.titleImage.image,
                 repeatX: "no-repeat",
                 repeatY: "no-repeat",
-                imageMode: "cover",
-                imagePosition: "center",
-                anchor: (_d, ctx) => {
-                    const r = getArcCenterImageRect(spec, ctx);
-                    return [ r.x + r.width / 2, r.y + r.height / 2 ];
-                }
-            }, null === (_e = spec.centerImage) || void 0 === _e ? void 0 : _e.style)
-        }) : null ].filter(Boolean)
-    };
+                imageMode: "contain",
+                imagePosition: "center"
+            }, spec.titleImage.style)
+        }) ]
+    } : null;
 };
 
 const getArcBlockMetrics = (spec, index = 0) => {
-    var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
-    const titleFontSize = Number(null !== (_c = null === (_b = null === (_a = spec.title) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fontSize) && void 0 !== _c ? _c : 32), titleLineHeight = Number(null !== (_g = null === (_f = null === (_e = spec.title) || void 0 === _e ? void 0 : _e.style) || void 0 === _f ? void 0 : _f.lineHeight) && void 0 !== _g ? _g : Math.max(34, Math.round(1.35 * titleFontSize))), contentFontSize = Number(null !== (_k = null === (_j = null === (_h = spec.content) || void 0 === _h ? void 0 : _h.style) || void 0 === _j ? void 0 : _j.fontSize) && void 0 !== _k ? _k : 20), contentLineHeight = Number(null !== (_o = null === (_m = null === (_l = spec.content) || void 0 === _l ? void 0 : _l.style) || void 0 === _m ? void 0 : _m.lineHeight) && void 0 !== _o ? _o : 26), contentHeight = Math.max(240 - titleLineHeight - 4, contentLineHeight), imageDiameter = Math.max(null !== (_q = null === (_p = spec.image) || void 0 === _p ? void 0 : _p.width) && void 0 !== _q ? _q : 240, null !== (_s = null === (_r = spec.image) || void 0 === _r ? void 0 : _r.height) && void 0 !== _s ? _s : 240), imageWidth = imageDiameter, imageHeight = imageDiameter, isDown = isDownArc(spec), count = Math.max(null !== (_u = null === (_t = spec.data) || void 0 === _t ? void 0 : _t.length) && void 0 !== _u ? _u : 0, 1), canvasWidth = Number(null !== (_v = spec.width) && void 0 !== _v ? _v : imageWidth * count), defaultTextWidth = Math.round(canvasWidth / (count + 1)), textBoxWidth = Math.max(Number(null !== (_x = null === (_w = spec.block) || void 0 === _w ? void 0 : _w.width) && void 0 !== _x ? _x : defaultTextWidth), 240), isLeftSide = index < count / 2, imageBox = {
+    var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+    const contentFontSize = Number(null !== (_c = null === (_b = null === (_a = spec.content) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fontSize) && void 0 !== _c ? _c : 20), contentLineHeight = Number(null !== (_g = null === (_f = null === (_e = spec.content) || void 0 === _e ? void 0 : _e.style) || void 0 === _f ? void 0 : _f.lineHeight) && void 0 !== _g ? _g : 26), imageDiameter = Math.max(null !== (_j = null === (_h = spec.image) || void 0 === _h ? void 0 : _h.width) && void 0 !== _j ? _j : 240, null !== (_l = null === (_k = spec.image) || void 0 === _k ? void 0 : _k.height) && void 0 !== _l ? _l : 240), imageWidth = imageDiameter, imageHeight = imageDiameter, isDown = isDownArc(spec), count = Math.max(null !== (_o = null === (_m = spec.data) || void 0 === _m ? void 0 : _m.length) && void 0 !== _o ? _o : 0, 1), canvasWidth = Number(null !== (_p = spec.width) && void 0 !== _p ? _p : imageWidth * count), defaultTextWidth = Math.round(canvasWidth / (count + 1)), textBoxWidth = Math.max(Number(null !== (_r = null === (_q = spec.block) || void 0 === _q ? void 0 : _q.width) && void 0 !== _r ? _r : defaultTextWidth), 240), titleFontSize = resolveTitleFontSize(spec, void 0, null === (_t = null === (_s = spec.data) || void 0 === _s ? void 0 : _s[index]) || void 0 === _t ? void 0 : _t.title, textBoxWidth, 32, [ 8, 40 ]), titleLineHeight = resolveAdaptiveLineHeight(titleFontSize, null === (_u = spec.title) || void 0 === _u ? void 0 : _u.style, 34), contentHeight = Math.max(240 - titleLineHeight - 4, contentLineHeight), isLeftSide = index < count / 2, imageBox = {
         x: -imageWidth / 2,
         y: -imageHeight / 2,
         width: imageWidth,
@@ -197,7 +135,7 @@ const getArcBlockMetrics = (spec, index = 0) => {
 };
 
 export const buildArcBlockMark = (spec, block, index) => {
-    var _a, _b, _c, _e, _f;
+    var _a, _b, _c, _e;
     const hasImage = !!block.image, contentText = Array.isArray(block.content) ? block.content : block.content ? [ block.content ] : [], themeColor = getThemeColor(spec), metrics = getArcBlockMetrics(spec, index), connectorY = metrics.isDown ? metrics.imageBox.y + metrics.imageBox.height : metrics.textBox.y, connectorHeight = metrics.isDown ? Math.max(metrics.textBox.y + metrics.textBox.height - (metrics.imageBox.y + metrics.imageBox.height), 0) : Math.max(metrics.imageBox.y - metrics.textBox.y, 0);
     return {
         type: "group",
@@ -236,7 +174,7 @@ export const buildArcBlockMark = (spec, block, index) => {
                 image: block.image,
                 repeatX: "no-repeat",
                 repeatY: "no-repeat",
-                imageMode: "cover",
+                imageMode: "contain",
                 imagePosition: "center"
             }, null === (_b = spec.image) || void 0 === _b ? void 0 : _b.style)
         }) : {
@@ -244,16 +182,13 @@ export const buildArcBlockMark = (spec, block, index) => {
             name: `storyline-block-image-bg-${index}`,
             interactive: !1,
             zIndex: LayoutZIndex.Mark + 3,
-            style: {
+            style: Object.assign({
                 x: 0,
                 y: 0,
                 size: Math.min(metrics.imageBox.width, metrics.imageBox.height),
-                symbolType: "circle",
-                fill: "#ffffff",
-                stroke: themeColor,
-                lineWidth: 2
-            }
-        }, !0 === (null === (_c = spec.image) || void 0 === _c ? void 0 : _c.showBackground) ? {
+                symbolType: "circle"
+            }, getImageBackgroundStyle(spec))
+        }, shouldShowImageBackground(spec) ? {
             type: "symbol",
             name: `storyline-block-image-halo-${index}`,
             interactive: !1,
@@ -264,7 +199,7 @@ export const buildArcBlockMark = (spec, block, index) => {
                 size: Math.min(metrics.imageBox.width, metrics.imageBox.height) + 12,
                 symbolType: "circle",
                 fill: "transparent",
-                stroke: themeColor,
+                stroke: withAlpha(themeColor, .82),
                 lineWidth: 3
             }
         } : null, block.title ? Object.assign(Object.assign({
@@ -287,7 +222,7 @@ export const buildArcBlockMark = (spec, block, index) => {
                 lineJoin: "round",
                 textAlign: metrics.textAlign,
                 textBaseline: "top"
-            }, null === (_e = spec.title) || void 0 === _e ? void 0 : _e.style)
+            }, null === (_c = spec.title) || void 0 === _c ? void 0 : _c.style)
         }) : null, contentText.length ? Object.assign(Object.assign({
             type: "text",
             name: `storyline-block-content-${index}`,
@@ -313,7 +248,7 @@ export const buildArcBlockMark = (spec, block, index) => {
                 wordBreak: "break-word",
                 ellipsis: "...",
                 fill: "#596173"
-            }, null === (_f = spec.content) || void 0 === _f ? void 0 : _f.style)
+            }, null === (_e = spec.content) || void 0 === _e ? void 0 : _e.style)
         }) : null ].filter(Boolean)
     };
 };

package/esm/charts/storyline/layouts/arc.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/charts/storyline/layouts/arc.ts"],"names":[],"mappings":"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","file":"arc.js","sourcesContent":["import type { IExtensionGroupMarkSpec } from '@visactor/vchart';\nimport { LayoutZIndex } from '@visactor/vchart';\nimport type { IStorylineBlock, IStorylineSpec } from '../interface';\nimport {\n  type ICustomMarkSpec,\n  type LayoutContext,\n  type StorylinePoint,\n  buildRichContent,\n  getRegionGeometry,\n  getThemeColor,\n  normalizeLayout,\n  omitImageLayoutSpec,\n  resolveBlockWidth,\n  withAlpha\n} from './common';\n\n// arc 布局：弧形排列 + centerImage（穹顶 / 碗形二合一）\n// - direction = 'up'（默认）：穹顶 —— centerImage 贴底，弧线在 centerImage 上方\n// - direction = 'down'：碗形 —— centerImage 贴顶，弧线在 centerImage 下方\n// image 默认为圆形，ARC_BLOCK_IMAGE_SIZE 即圆的直径\nconst ARC_BLOCK_IMAGE_SIZE = 240;\n// 圆形 image 的边框环厚度（圆形描边宽度）\nconst ARC_BLOCK_IMAGE_BORDER = 3;\n// 圆形 image 背景环相对 image 的外扩量（始终渲染一个比 image 略大的圆形 symbol 作为背景环）\nconst ARC_BLOCK_IMAGE_HALO_PADDING = 6;\nconst ARC_TEXT_GAP_FROM_IMAGE = 10;\nconst ARC_TITLE_FONT_SIZE = 32;\nconst ARC_TITLE_LINE_HEIGHT = 34;\nconst ARC_CONTENT_LINE_HEIGHT = 26;\nconst ARC_CONTENT_FONT_SIZE = 20;\n// title + content 区域总高度（默认 240px，溢出由富文本 heightLimit + ellipsis 自动截断）\nconst ARC_TEXT_BOX_HEIGHT = 240;\nconst ARC_TITLE_TO_CONTENT_GAP = 4;\n// 引导线与 title/content 之间的水平间距\nconst ARC_TEXT_PADDING = 20;\n// title/content 区域的最小宽度，确保文字有足够展示空间，不受 image 宽度限制\nconst ARC_TEXT_BOX_MIN_WIDTH = 240;\n// centerImage 边长相对 inner 短边的比例（强制正方形，避免 cover 模式裁切图片）\nconst ARC_CENTER_IMAGE_SIZE_RATIO = 0.55;\n// centerImage 相对 centerSymbol 的比例：image 直径 = symbol 直径 * 这个值（0.8 让 image 略小于 symbol，露出环形背景）\nconst ARC_CENTER_IMAGE_TO_SYMBOL_RATIO = 0.8;\n// 弧线最高/最低点距离 centerImage 顶部/底部的距离\nconst ARC_GAP_FROM_CENTER_IMAGE = 200;\n\nconst isDownArc = (spec: IStorylineSpec) => normalizeLayout(spec.layout).direction === 'down';\n\n/**\n * 计算 arc 布局 centerImage 的 box：水平居中。\n * - up（dome）：垂直贴底（位于 inner 区域底部）\n * - down（bowl）：垂直贴顶（位于 inner 区域顶部）\n */\nconst getArcCenterImageRect = (spec: IStorylineSpec, ctx: LayoutContext) => {\n  const { width, height, startX, startY } = getRegionGeometry(ctx);\n  // width/height 已经是 VChart 减去 spec.padding 后的 region 大小\n  // 不要再重复减去 padding，直接用 region 几何信息定位\n  const innerWidth = Math.max(width, 1);\n  const innerHeight = Math.max(height, 1);\n  // 取 inner 短边作为基准，使 rect 始终为正方形\n  const baseSize = Math.min(innerWidth, innerHeight) * ARC_CENTER_IMAGE_SIZE_RATIO;\n  const w = Math.max(spec.centerImage?.width ?? baseSize, 80);\n  const h = Math.max(spec.centerImage?.height ?? baseSize, 80);\n  const cx = startX + innerWidth / 2;\n  const isDown = isDownArc(spec);\n  const top = isDown ? startY : startY + innerHeight - h;\n  return { x: cx - w / 2, y: top, width: w, height: h };\n};\n\n/**\n * 计算 arc 弧线的几何参数：\n * - cx / rx / startAngle / endAngle 与 layout.ts 中 arcCenters 一致；\n * - cy 与 ry 由两条对齐约束反推，使弧线起/终点 y 与 centerImage 端面对齐，\n *   弧线极值点（顶点 / 底点）距离 centerImage 远端 ARC_GAP_FROM_CENTER_IMAGE。\n *\n * up（dome）：startAngle = 200°、endAngle = 340°（弧线在 centerImage 上方）\n *   cy + ry * sin(startAngle) = centerImageBottom\n *   cy - ry                   = centerImageTop - GAP\n * → ry = (centerImageHeight + GAP) / (1 + sin(startAngle))\n *   cy = centerImageBottom - ry * sin(startAngle)\n *\n * down（bowl）：startAngle = 20°、endAngle = 160°（弧线在 centerImage 下方）\n *   cy + ry * sin(startAngle) = centerImageTop\n *   cy + ry                   = centerImageBottom + GAP\n * → ry = (GAP + centerImageHeight) / (1 - sin(startAngle))\n *   cy = centerImageTop - ry * sin(startAngle)\n */\nconst getArcGeometry = (spec: IStorylineSpec, ctx: LayoutContext) => {\n  const { width, startX } = getRegionGeometry(ctx);\n  // width 已经是 VChart 减去 spec.padding 后的 region 宽度\n  const innerWidth = Math.max(width, 1);\n  const blockWidth = resolveBlockWidth(spec, width);\n  const layoutOpt = normalizeLayout(spec.layout);\n  const isDown = layoutOpt.direction === 'down';\n  // 默认弧线起止角与 layout.ts 中一致\n  const startAngle = layoutOpt.startAngle ?? (isDown ? 20 : 200);\n  const endAngle = layoutOpt.endAngle ?? (isDown ? 160 : 340);\n  const ratio = layoutOpt.radiusRatio ?? 0.88;\n  const rx = Math.max((innerWidth - blockWidth) / 2, 1) * ratio;\n  const centerRect = getArcCenterImageRect(spec, ctx);\n  const centerTop = centerRect.y;\n  const centerBottom = centerRect.y + centerRect.height;\n  const sinStart = Math.sin((startAngle / 180) * Math.PI);\n  let cy: number;\n  let ry: number;\n  if (isDown) {\n    // bowl：sinStart 接近 1 时 ry → ∞；这里限制下界以防 startAngle 配置异常\n    const denom = Math.max(1 - sinStart, 0.05);\n    ry = (centerRect.height + ARC_GAP_FROM_CENTER_IMAGE) / denom;\n    cy = centerTop - ry * sinStart;\n  } else {\n    // dome：sinStart 接近 -1 时 ry → ∞\n    const denom = Math.max(1 + sinStart, 0.05);\n    ry = (centerRect.height + ARC_GAP_FROM_CENTER_IMAGE) / denom;\n    cy = centerBottom - ry * sinStart;\n  }\n  return {\n    cx: startX + innerWidth / 2,\n    cy,\n    rx,\n    ry,\n    startAngle,\n    endAngle,\n    centerTop,\n    centerBottom\n  };\n};\n\n/**\n * 在 arc 弧线上按 index 采样 block 中心，与 arc 完全同步。\n * 同时让 block 沿弧线径向向外偏移 imageHeight/2，\n * 使 image 内边贴在弧线上，image + text 整体位于弧线外侧。\n */\nconst getArcBlockCenter = (spec: IStorylineSpec, ctx: LayoutContext, index: number): StorylinePoint => {\n  const arc = getArcGeometry(spec, ctx);\n  const count = spec.data?.length ?? 0;\n  if (count <= 0) {\n    return { x: arc.cx, y: arc.cy };\n  }\n  const t = count === 1 ? 0.5 : index / (count - 1);\n  const angle = ((arc.startAngle + (arc.endAngle - arc.startAngle) * t) / 180) * Math.PI;\n  const px = arc.cx + Math.cos(angle) * arc.rx;\n  const py = arc.cy + Math.sin(angle) * arc.ry;\n  // 椭圆在 (px,py) 处的外法向量 ∝ (cos(angle)/rx, sin(angle)/ry)\n  const nxRaw = Math.cos(angle) / arc.rx;\n  const nyRaw = Math.sin(angle) / arc.ry;\n  const nLen = Math.hypot(nxRaw, nyRaw) || 1;\n  const nx = nxRaw / nLen;\n  const ny = nyRaw / nLen;\n  const imageHeight = spec.image?.height ?? ARC_BLOCK_IMAGE_SIZE;\n  const offset = imageHeight / 2;\n  return { x: px + nx * offset, y: py + ny * offset };\n};\n\n/**\n * 贯穿所有 block 的弧线 mark（path 通过沿椭圆采样实现，与 arc block 的弧形布局完全重合）\n *\n * 默认不展示，仅当用户在 spec.line.visible 显式置为 true 时才渲染。\n */\nexport const buildArcMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n  if (spec.line?.visible !== true) {\n    return null;\n  }\n  const themeColor = getThemeColor(spec);\n  return {\n    type: 'group' as any,\n    name: 'storyline-arc',\n    zIndex: LayoutZIndex.Mark,\n    children: [\n      {\n        type: 'path',\n        name: 'storyline-arc-path',\n        interactive: false,\n        style: {\n          stroke: themeColor,\n          lineWidth: 2,\n          lineCap: 'round',\n          fill: 'transparent',\n          fillOpacity: 0,\n          path: (_d: unknown, ctx: LayoutContext) => {\n            const arc = getArcGeometry(spec, ctx);\n            const span = arc.endAngle - arc.startAngle;\n            const samples = 64;\n            const segments: string[] = [];\n            for (let i = 0; i <= samples; i++) {\n              const t = i / samples;\n              const angle = ((arc.startAngle + span * t) / 180) * Math.PI;\n              const x = arc.cx + Math.cos(angle) * arc.rx;\n              const y = arc.cy + Math.sin(angle) * arc.ry;\n              segments.push(`${i === 0 ? 'M' : 'L'} ${x.toFixed(2)} ${y.toFixed(2)}`);\n            }\n            return segments.join(' ');\n          }\n        }\n      } as ICustomMarkSpec<'path'>\n    ]\n  };\n};\n\nexport const buildArcCenterImageMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n  const visible = spec.centerImage?.visible !== false;\n  if (!visible) {\n    return null;\n  }\n  const themeColor = getThemeColor(spec);\n  const hasImage = !!spec.centerImage?.image;\n  // 主题色生成的线性渐变（顶部偏淡 → 底部主题色），作为 centerImage 位置的 symbol 填充\n  const symbolGradient = {\n    gradient: 'linear',\n    x0: 0.5,\n    y0: 0,\n    x1: 0.5,\n    y1: 1,\n    stops: [\n      { offset: 0, color: withAlpha(themeColor, 0.15) },\n      { offset: 1, color: themeColor }\n    ]\n  };\n  return {\n    type: 'group' as any,\n    name: 'storyline-arc-center',\n    zIndex: LayoutZIndex.Mark,\n    children: [\n      // centerImage 底层：圆形 symbol（直径 = imageRect 的边长，保证视觉上是真正的圆）\n      // - 有图时：浅色渐变底，仅作细微的底色衬托\n      // - 无图时：纯白色圆形占位，保持视觉上的圆形轮廓\n      {\n        type: 'symbol',\n        name: 'storyline-arc-center-symbol',\n        interactive: false,\n        style: {\n          x: (_d: unknown, ctx: LayoutContext) => {\n            const r = getArcCenterImageRect(spec, ctx);\n            return r.x + r.width / 2;\n          },\n          y: (_d: unknown, ctx: LayoutContext) => {\n            const r = getArcCenterImageRect(spec, ctx);\n            return r.y + r.height / 2;\n          },\n          size: (_d: unknown, ctx: LayoutContext) => {\n            const r = getArcCenterImageRect(spec, ctx);\n            return Math.max(r.width, r.height);\n          },\n          symbolType: 'circle',\n          fill: hasImage ? symbolGradient : '#ffffff',\n          stroke: themeColor,\n          lineWidth: 2\n        }\n      } as ICustomMarkSpec<'symbol'>,\n      hasImage\n        ? ({\n            type: 'image',\n            name: 'storyline-arc-center-image',\n            interactive: false,\n            ...spec.centerImage,\n            style: {\n              x: (_d: unknown, ctx: LayoutContext) => {\n                const r = getArcCenterImageRect(spec, ctx);\n                const userWidth = (spec.centerImage?.style as { width?: number } | undefined)?.width;\n                const w =\n                  typeof userWidth === 'number'\n                    ? userWidth\n                    : Math.max(r.width, r.height) * ARC_CENTER_IMAGE_TO_SYMBOL_RATIO;\n                return r.x + (r.width - w) / 2;\n              },\n              y: (_d: unknown, ctx: LayoutContext) => {\n                const r = getArcCenterImageRect(spec, ctx);\n                const userHeight = (spec.centerImage?.style as { height?: number } | undefined)?.height;\n                const h =\n                  typeof userHeight === 'number'\n                    ? userHeight\n                    : Math.max(r.width, r.height) * ARC_CENTER_IMAGE_TO_SYMBOL_RATIO;\n                return r.y + (r.height - h) / 2;\n              },\n              width: (_d: unknown, ctx: LayoutContext) => {\n                const r = getArcCenterImageRect(spec, ctx);\n                const userWidth = (spec.centerImage?.style as { width?: number } | undefined)?.width;\n                return typeof userWidth === 'number'\n                  ? userWidth\n                  : Math.max(r.width, r.height) * ARC_CENTER_IMAGE_TO_SYMBOL_RATIO;\n              },\n              height: (_d: unknown, ctx: LayoutContext) => {\n                const r = getArcCenterImageRect(spec, ctx);\n                const userHeight = (spec.centerImage?.style as { height?: number } | undefined)?.height;\n                return typeof userHeight === 'number'\n                  ? userHeight\n                  : Math.max(r.width, r.height) * ARC_CENTER_IMAGE_TO_SYMBOL_RATIO;\n              },\n              cornerRadius: (_d: unknown, ctx: LayoutContext) => {\n                const r = getArcCenterImageRect(spec, ctx);\n                const userWidth = (spec.centerImage?.style as { width?: number } | undefined)?.width;\n                const userHeight = (spec.centerImage?.style as { height?: number } | undefined)?.height;\n                const w =\n                  typeof userWidth === 'number'\n                    ? userWidth\n                    : Math.max(r.width, r.height) * ARC_CENTER_IMAGE_TO_SYMBOL_RATIO;\n                const h =\n                  typeof userHeight === 'number'\n                    ? userHeight\n                    : Math.max(r.width, r.height) * ARC_CENTER_IMAGE_TO_SYMBOL_RATIO;\n                return Math.max(w, h) / 2;\n              },\n              image: spec.centerImage?.image,\n              repeatX: 'no-repeat',\n              repeatY: 'no-repeat',\n              imageMode: 'cover',\n              imagePosition: 'center',\n              // 默认锚点设为 image 中心，让 scaleX/scaleY 从中心缩放\n              anchor: (_d: unknown, ctx: LayoutContext) => {\n                const r = getArcCenterImageRect(spec, ctx);\n                return [r.x + r.width / 2, r.y + r.height / 2];\n              },\n              ...spec.centerImage?.style\n            }\n          } as ICustomMarkSpec<'image'>)\n        : null\n    ].filter(Boolean) as ICustomMarkSpec<any>[]\n  };\n};\n\nconst getArcBlockMetrics = (spec: IStorylineSpec, index: number = 0) => {\n  const titleFontSize = Number((spec.title?.style as any)?.fontSize ?? ARC_TITLE_FONT_SIZE);\n  const titleLineHeight = Number(\n    (spec.title?.style as any)?.lineHeight ?? Math.max(ARC_TITLE_LINE_HEIGHT, Math.round(titleFontSize * 1.35))\n  );\n  const contentFontSize = Number((spec.content?.style as any)?.fontSize ?? ARC_CONTENT_FONT_SIZE);\n  const contentLineHeight = Number((spec.content?.style as any)?.lineHeight ?? ARC_CONTENT_LINE_HEIGHT);\n  const titleToContentGap = ARC_TITLE_TO_CONTENT_GAP;\n  // text 区域总高度固定为 ARC_TEXT_BOX_HEIGHT，content 占除 title 与间距外的全部高度\n  const textHeight = ARC_TEXT_BOX_HEIGHT;\n  const contentHeight = Math.max(textHeight - titleLineHeight - titleToContentGap, contentLineHeight);\n\n  // 强制 image 为正方形（直径），保证圆形裁切有效\n  const imageDiameter = Math.max(spec.image?.width ?? ARC_BLOCK_IMAGE_SIZE, spec.image?.height ?? ARC_BLOCK_IMAGE_SIZE);\n  const imageWidth = imageDiameter;\n  const imageHeight = imageDiameter;\n\n  const isDown = isDownArc(spec);\n\n  // content 默认宽度 = 图表宽度 / （block 数量 + 1），让内容沿弧线均匀分布；\n  // 用户可通过 spec.block?.width 覆盖；同时保留一个下限避免极端情况下不可见。\n  const count = Math.max(spec.data?.length ?? 0, 1);\n  const canvasWidth = Number((spec.width as number | undefined) ?? imageWidth * count);\n  const defaultTextWidth = Math.round(canvasWidth / (count + 1));\n  const textBoxWidth = Math.max(\n    Number((spec.block as { width?: number } | undefined)?.width ?? defaultTextWidth),\n    ARC_TEXT_BOX_MIN_WIDTH\n  );\n\n  // 前 1/2 为左侧（奇数 count 时中间块也算左侧），右侧为后 1/2；\n  // 左侧 title/content 右对齐（贴引导线），右侧 title/content 左对齐（贴引导线）\n  const isLeftSide = index < count / 2;\n  const textAlign: 'left' | 'right' = isLeftSide ? 'right' : 'left';\n\n  // image 位于 block 中心（x=0）\n  const imageBox = {\n    x: -imageWidth / 2,\n    y: -imageHeight / 2,\n    width: imageWidth,\n    height: imageHeight\n  };\n  // 左侧：text 右对齐，text 右边缘与引导线（x=0）保持 ARC_TEXT_PADDING 距离\n  // 右侧：text 左对齐，text 左边缘与引导线（x=0）保持 ARC_TEXT_PADDING 距离\n  // 引导线 rect 固定 center 在 x=0（[-1, 1]）\n  const textBoxX = isLeftSide ? -ARC_TEXT_PADDING : ARC_TEXT_PADDING;\n  const textBox = {\n    x: textBoxX,\n    y: isDown ? imageBox.y + imageHeight + ARC_TEXT_GAP_FROM_IMAGE : imageBox.y - ARC_TEXT_GAP_FROM_IMAGE - textHeight,\n    width: textBoxWidth,\n    height: textHeight\n  };\n  const contentBox = {\n    x: textBox.x,\n    y: textBox.y + titleLineHeight + titleToContentGap,\n    width: textBox.width,\n    height: contentHeight\n  };\n  return {\n    titleFontSize,\n    titleLineHeight,\n    contentFontSize,\n    contentLineHeight,\n    imageBox,\n    textBox,\n    contentBox,\n    isDown,\n    textAlign\n  };\n};\n\nexport const buildArcBlockMark = (\n  spec: IStorylineSpec,\n  block: IStorylineBlock,\n  index: number\n): IExtensionGroupMarkSpec => {\n  const hasImage = !!block.image;\n  const contentText = Array.isArray(block.content) ? block.content : block.content ? [block.content] : [];\n  const themeColor = getThemeColor(spec);\n  const metrics = getArcBlockMetrics(spec, index);\n\n  // 引导线 rect：从 image 圆心（group x=0）垂直连接到 text 近端边缘\n  // - up（dome）：从 image 顶部（imageBox.y）向上到 textBox 顶部（textBox.y）\n  // - down（bowl）：从 image 底部（imageBox.y + imageBox.height）向下到 textBox 底部（textBox.y + textBox.height）\n  const connectorY = metrics.isDown ? metrics.imageBox.y + metrics.imageBox.height : metrics.textBox.y;\n  const connectorHeight = metrics.isDown\n    ? Math.max(metrics.textBox.y + metrics.textBox.height - (metrics.imageBox.y + metrics.imageBox.height), 0)\n    : Math.max(metrics.imageBox.y - metrics.textBox.y, 0);\n  // 引导线宽度固定为 2，center 对齐 x=0\n  const connectorX = -1;\n\n  return {\n    type: 'group' as any,\n    id: `storyline-block-${block.id ?? index}`,\n    name: `storyline-block-${index}`,\n    zIndex: LayoutZIndex.Mark + 1,\n    style: {\n      x: (_d: unknown, ctx: LayoutContext) => getArcBlockCenter(spec, ctx, index).x,\n      y: (_d: unknown, ctx: LayoutContext) => getArcBlockCenter(spec, ctx, index).y\n    },\n    children: [\n      // title / content 与 image 之间的垂直引导线（zIndex 最低，作为装饰）\n      {\n        type: 'rect',\n        name: `storyline-block-connector-${index}`,\n        interactive: false,\n        zIndex: LayoutZIndex.Mark + 2,\n        style: {\n          x: connectorX,\n          y: connectorY,\n          width: 2,\n          height: connectorHeight,\n          fill: themeColor,\n          fillOpacity: 0.6\n        }\n      } as ICustomMarkSpec<'rect'>,\n      hasImage\n        ? ({\n            type: 'image',\n            name: `storyline-block-image-${index}`,\n            interactive: false,\n            zIndex: LayoutZIndex.Mark + 3,\n            ...omitImageLayoutSpec(spec.image),\n            style: {\n              x: metrics.imageBox.x,\n              y: metrics.imageBox.y,\n              width: metrics.imageBox.width,\n              height: metrics.imageBox.height,\n              cornerRadius: Math.min(metrics.imageBox.width, metrics.imageBox.height) / 2,\n              image: block.image,\n              repeatX: 'no-repeat',\n              repeatY: 'no-repeat',\n              imageMode: 'cover',\n              imagePosition: 'center',\n              ...spec.image?.style\n            }\n          } as ICustomMarkSpec<'image'>)\n        : ({\n            type: 'symbol',\n            name: `storyline-block-image-bg-${index}`,\n            interactive: false,\n            zIndex: LayoutZIndex.Mark + 3,\n            style: {\n              x: 0,\n              y: 0,\n              size: Math.min(metrics.imageBox.width, metrics.imageBox.height),\n              symbolType: 'circle',\n              fill: '#ffffff',\n              stroke: themeColor,\n              lineWidth: 2\n            }\n          } as ICustomMarkSpec<'symbol'>),\n      // 圆形 image 的外层装饰环（默认不展示，仅当 spec.image.showBackground === true 时渲染）\n      spec.image?.showBackground === true\n        ? ({\n            type: 'symbol',\n            name: `storyline-block-image-halo-${index}`,\n            interactive: false,\n            zIndex: LayoutZIndex.Mark + 3,\n            style: {\n              x: 0,\n              y: 0,\n              size: Math.min(metrics.imageBox.width, metrics.imageBox.height) + ARC_BLOCK_IMAGE_HALO_PADDING * 2,\n              symbolType: 'circle',\n              fill: 'transparent',\n              stroke: themeColor,\n              lineWidth: ARC_BLOCK_IMAGE_BORDER\n            }\n          } as ICustomMarkSpec<'symbol'>)\n        : null,\n      block.title\n        ? ({\n            type: 'text',\n            name: `storyline-block-title-${index}`,\n            interactive: false,\n            zIndex: LayoutZIndex.Mark + 5,\n            ...spec.title,\n            style: {\n              x: metrics.textBox.x,\n              y: metrics.textBox.y,\n              text: block.title,\n              maxLineWidth: metrics.textBox.width,\n              fontSize: metrics.titleFontSize,\n              lineHeight: metrics.titleLineHeight,\n              fontWeight: 'bold',\n              fill: '#1f2430',\n              stroke: '#fff',\n              lineWidth: 5,\n              lineJoin: 'round',\n              textAlign: metrics.textAlign,\n              textBaseline: 'top',\n              ...spec.title?.style\n            }\n          } as ICustomMarkSpec<'text'>)\n        : null,\n      contentText.length\n        ? ({\n            type: 'text',\n            name: `storyline-block-content-${index}`,\n            interactive: false,\n            zIndex: LayoutZIndex.Mark + 4,\n            ...spec.content,\n            textType: 'rich',\n            style: {\n              x: metrics.contentBox.x,\n              y: metrics.contentBox.y,\n              width: metrics.contentBox.width,\n              height: metrics.contentBox.height,\n              maxLineWidth: metrics.contentBox.width,\n              heightLimit: metrics.contentBox.height,\n              text: buildRichContent(contentText, spec, {\n                fontSize: metrics.contentFontSize,\n                lineHeight: metrics.contentLineHeight,\n                fill: '#596173',\n                align: metrics.textAlign\n              }),\n              textAlign: metrics.textAlign,\n              textBaseline: 'top',\n              wordBreak: 'break-word',\n              ellipsis: '...',\n              fill: '#596173',\n              ...spec.content?.style\n            }\n          } as ICustomMarkSpec<'text'>)\n        : null\n    ].filter(Boolean) as ICustomMarkSpec<any>[]\n  };\n};\n"]}
+{"version":3,"sources":["../src/charts/storyline/layouts/arc.ts"],"names":[],"mappings":"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","file":"arc.js","sourcesContent":["import type { IExtensionGroupMarkSpec } from '@visactor/vchart';\nimport { LayoutZIndex } from '@visactor/vchart';\nimport type { IStorylineBlock, IStorylineSpec } from '../interface';\nimport {\n  type ICustomMarkSpec,\n  type LayoutContext,\n  type StorylinePoint,\n  buildRichContent,\n  getImageBackgroundStyle,\n  getRegionGeometry,\n  getThemeColor,\n  normalizeLayout,\n  omitImageLayoutSpec,\n  resolveAdaptiveLineHeight,\n  resolveBlockWidth,\n  resolveTitleFontSize,\n  shouldShowImageBackground,\n  withAlpha\n} from './common';\n\n// arc 布局：弧形排列 + titleImage（穹顶 / 碗形二合一）\n// - direction = 'up'（默认）：穹顶 —— titleImage 贴底，弧线在 titleImage 上方\n// - direction = 'down'：碗形 —— titleImage 贴顶，弧线在 titleImage 下方\n// image 默认为圆形，ARC_BLOCK_IMAGE_SIZE 即圆的直径\nconst ARC_BLOCK_IMAGE_SIZE = 240;\n// 圆形 image 的边框环厚度（圆形描边宽度）\nconst ARC_BLOCK_IMAGE_BORDER = 3;\n// 圆形 image 背景环相对 image 的外扩量（始终渲染一个比 image 略大的圆形 symbol 作为背景环）\nconst ARC_BLOCK_IMAGE_HALO_PADDING = 6;\nconst ARC_TEXT_GAP_FROM_IMAGE = 10;\nconst ARC_TITLE_FONT_SIZE = 32;\nconst ARC_TITLE_LINE_HEIGHT = 34;\nconst ARC_CONTENT_LINE_HEIGHT = 26;\nconst ARC_CONTENT_FONT_SIZE = 20;\n// title + content 区域总高度（默认 240px，溢出由富文本 heightLimit + ellipsis 自动截断）\nconst ARC_TEXT_BOX_HEIGHT = 240;\nconst ARC_TITLE_TO_CONTENT_GAP = 4;\n// 引导线与 title/content 之间的水平间距\nconst ARC_TEXT_PADDING = 20;\n// title/content 区域的最小宽度，确保文字有足够展示空间，不受 image 宽度限制\nconst ARC_TEXT_BOX_MIN_WIDTH = 240;\n// titleImage 默认尺寸\nconst ARC_TITLE_IMAGE_WIDTH_RATIO = 0.68;\nconst ARC_TITLE_IMAGE_MAX_WIDTH = 900;\nconst ARC_TITLE_IMAGE_HEIGHT_RATIO = 0.34;\n// 弧线最高/最低点距离 titleImage 顶部/底部的距离\nconst ARC_GAP_FROM_TITLE_IMAGE = 200;\n\nconst isDownArc = (spec: IStorylineSpec) => normalizeLayout(spec.layout).direction === 'down';\n\n/**\n * 计算 arc 布局 titleImage 的 box：水平居中。\n * - up（dome）：垂直贴底（位于 inner 区域底部）\n * - down（bowl）：垂直贴顶（位于 inner 区域顶部）\n */\nconst getArcTitleImageRect = (spec: IStorylineSpec, ctx: LayoutContext) => {\n  const { width, height, startX, startY } = getRegionGeometry(ctx);\n  const innerWidth = Math.max(width, 1);\n  const innerHeight = Math.max(height, 1);\n  const baseWidth = Math.min(innerWidth * ARC_TITLE_IMAGE_WIDTH_RATIO, ARC_TITLE_IMAGE_MAX_WIDTH);\n  const w = Math.max(spec.titleImage?.width ?? baseWidth, 80);\n  const h = Math.max(spec.titleImage?.height ?? w * ARC_TITLE_IMAGE_HEIGHT_RATIO, 40);\n  const cx = startX + innerWidth / 2;\n  const isDown = isDownArc(spec);\n  const top = isDown ? startY : startY + innerHeight - h;\n  return { x: cx - w / 2, y: top, width: w, height: h };\n};\n\n/**\n * 计算 arc 弧线的几何参数：\n * - cx / rx / startAngle / endAngle 与 layout.ts 中 arcCenters 一致；\n * - cy 与 ry 由两条对齐约束反推，使弧线起/终点 y 与 titleImage 端面对齐，\n *   弧线极值点（顶点 / 底点）距离 titleImage 远端 ARC_GAP_FROM_TITLE_IMAGE。\n *\n * up（dome）：startAngle = 200°、endAngle = 340°（弧线在 titleImage 上方）\n *   cy + ry * sin(startAngle) = titleImageBottom\n *   cy - ry                   = titleImageTop - GAP\n * → ry = (titleImageHeight + GAP) / (1 + sin(startAngle))\n *   cy = titleImageBottom - ry * sin(startAngle)\n *\n * down（bowl）：startAngle = 20°、endAngle = 160°（弧线在 titleImage 下方）\n *   cy + ry * sin(startAngle) = titleImageTop\n *   cy + ry                   = titleImageBottom + GAP\n * → ry = (GAP + titleImageHeight) / (1 - sin(startAngle))\n *   cy = titleImageTop - ry * sin(startAngle)\n */\nconst getArcGeometry = (spec: IStorylineSpec, ctx: LayoutContext) => {\n  const { width, startX } = getRegionGeometry(ctx);\n  // width 已经是 VChart 减去 spec.padding 后的 region 宽度\n  const innerWidth = Math.max(width, 1);\n  const blockWidth = resolveBlockWidth(spec, width);\n  const layoutOpt = normalizeLayout(spec.layout);\n  const isDown = layoutOpt.direction === 'down';\n  // 默认弧线起止角与 layout.ts 中一致\n  const startAngle = layoutOpt.startAngle ?? (isDown ? 20 : 200);\n  const endAngle = layoutOpt.endAngle ?? (isDown ? 160 : 340);\n  const ratio = layoutOpt.radiusRatio ?? 0.88;\n  const rx = Math.max((innerWidth - blockWidth) / 2, 1) * ratio;\n  const titleImageRect = getArcTitleImageRect(spec, ctx);\n  const centerTop = titleImageRect.y;\n  const centerBottom = titleImageRect.y + titleImageRect.height;\n  const sinStart = Math.sin((startAngle / 180) * Math.PI);\n  let cy: number;\n  let ry: number;\n  if (isDown) {\n    // bowl：sinStart 接近 1 时 ry → ∞；这里限制下界以防 startAngle 配置异常\n    const denom = Math.max(1 - sinStart, 0.05);\n    ry = (titleImageRect.height + ARC_GAP_FROM_TITLE_IMAGE) / denom;\n    cy = centerTop - ry * sinStart;\n  } else {\n    // dome：sinStart 接近 -1 时 ry → ∞\n    const denom = Math.max(1 + sinStart, 0.05);\n    ry = (titleImageRect.height + ARC_GAP_FROM_TITLE_IMAGE) / denom;\n    cy = centerBottom - ry * sinStart;\n  }\n  return {\n    cx: startX + innerWidth / 2,\n    cy,\n    rx,\n    ry,\n    startAngle,\n    endAngle,\n    centerTop,\n    centerBottom\n  };\n};\n\n/**\n * 在 arc 弧线上按 index 采样 block 中心，与 arc 完全同步。\n * 同时让 block 沿弧线径向向外偏移 imageHeight/2，\n * 使 image 内边贴在弧线上，image + text 整体位于弧线外侧。\n */\nconst getArcBlockCenter = (spec: IStorylineSpec, ctx: LayoutContext, index: number): StorylinePoint => {\n  const arc = getArcGeometry(spec, ctx);\n  const count = spec.data?.length ?? 0;\n  if (count <= 0) {\n    return { x: arc.cx, y: arc.cy };\n  }\n  const t = count === 1 ? 0.5 : index / (count - 1);\n  const angle = ((arc.startAngle + (arc.endAngle - arc.startAngle) * t) / 180) * Math.PI;\n  const px = arc.cx + Math.cos(angle) * arc.rx;\n  const py = arc.cy + Math.sin(angle) * arc.ry;\n  // 椭圆在 (px,py) 处的外法向量 ∝ (cos(angle)/rx, sin(angle)/ry)\n  const nxRaw = Math.cos(angle) / arc.rx;\n  const nyRaw = Math.sin(angle) / arc.ry;\n  const nLen = Math.hypot(nxRaw, nyRaw) || 1;\n  const nx = nxRaw / nLen;\n  const ny = nyRaw / nLen;\n  const imageHeight = spec.image?.height ?? ARC_BLOCK_IMAGE_SIZE;\n  const offset = imageHeight / 2;\n  return { x: px + nx * offset, y: py + ny * offset };\n};\n\n/**\n * 贯穿所有 block 的弧线 mark（path 通过沿椭圆采样实现，与 arc block 的弧形布局完全重合）\n *\n * 默认不展示，仅当用户在 spec.line.visible 显式置为 true 时才渲染。\n */\nexport const buildArcMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n  if (spec.line?.visible !== true) {\n    return null;\n  }\n  const themeColor = getThemeColor(spec);\n  return {\n    type: 'group' as any,\n    name: 'storyline-arc',\n    zIndex: LayoutZIndex.Mark,\n    children: [\n      {\n        type: 'path',\n        name: 'storyline-arc-path',\n        interactive: false,\n        style: {\n          stroke: themeColor,\n          lineWidth: 2,\n          lineCap: 'round',\n          fill: 'transparent',\n          fillOpacity: 0,\n          path: (_d: unknown, ctx: LayoutContext) => {\n            const arc = getArcGeometry(spec, ctx);\n            const span = arc.endAngle - arc.startAngle;\n            const samples = 64;\n            const segments: string[] = [];\n            for (let i = 0; i <= samples; i++) {\n              const t = i / samples;\n              const angle = ((arc.startAngle + span * t) / 180) * Math.PI;\n              const x = arc.cx + Math.cos(angle) * arc.rx;\n              const y = arc.cy + Math.sin(angle) * arc.ry;\n              segments.push(`${i === 0 ? 'M' : 'L'} ${x.toFixed(2)} ${y.toFixed(2)}`);\n            }\n            return segments.join(' ');\n          }\n        }\n      } as ICustomMarkSpec<'path'>\n    ]\n  };\n};\n\nexport const buildArcTitleImageMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n  if (!spec.titleImage?.image || spec.titleImage.visible === false) {\n    return null;\n  }\n  return {\n    type: 'group' as any,\n    name: 'storyline-arc-title-image',\n    zIndex: LayoutZIndex.Mark + 6,\n    children: [\n      {\n        type: 'image',\n        name: 'storyline-arc-title-image-node',\n        interactive: false,\n        ...spec.titleImage,\n        style: {\n          x: (_d: unknown, ctx: LayoutContext) => {\n            return getArcTitleImageRect(spec, ctx).x;\n          },\n          y: (_d: unknown, ctx: LayoutContext) => {\n            return getArcTitleImageRect(spec, ctx).y;\n          },\n          width: (_d: unknown, ctx: LayoutContext) => {\n            return getArcTitleImageRect(spec, ctx).width;\n          },\n          height: (_d: unknown, ctx: LayoutContext) => {\n            return getArcTitleImageRect(spec, ctx).height;\n          },\n          image: spec.titleImage.image,\n          repeatX: 'no-repeat',\n          repeatY: 'no-repeat',\n          imageMode: 'contain',\n          imagePosition: 'center',\n          ...spec.titleImage.style\n        }\n      } as ICustomMarkSpec<'image'>\n    ]\n  };\n};\n\nconst getArcBlockMetrics = (spec: IStorylineSpec, index: number = 0) => {\n  const contentFontSize = Number((spec.content?.style as any)?.fontSize ?? ARC_CONTENT_FONT_SIZE);\n  const contentLineHeight = Number((spec.content?.style as any)?.lineHeight ?? ARC_CONTENT_LINE_HEIGHT);\n  const titleToContentGap = ARC_TITLE_TO_CONTENT_GAP;\n\n  // 强制 image 为正方形（直径），保证圆形裁切有效\n  const imageDiameter = Math.max(spec.image?.width ?? ARC_BLOCK_IMAGE_SIZE, spec.image?.height ?? ARC_BLOCK_IMAGE_SIZE);\n  const imageWidth = imageDiameter;\n  const imageHeight = imageDiameter;\n\n  const isDown = isDownArc(spec);\n\n  // content 默认宽度 = 图表宽度 / （block 数量 + 1），让内容沿弧线均匀分布；\n  // 用户可通过 spec.block?.width 覆盖；同时保留一个下限避免极端情况下不可见。\n  const count = Math.max(spec.data?.length ?? 0, 1);\n  const canvasWidth = Number((spec.width as number | undefined) ?? imageWidth * count);\n  const defaultTextWidth = Math.round(canvasWidth / (count + 1));\n  const textBoxWidth = Math.max(\n    Number((spec.block as { width?: number } | undefined)?.width ?? defaultTextWidth),\n    ARC_TEXT_BOX_MIN_WIDTH\n  );\n  const titleFontSize = resolveTitleFontSize(\n    spec,\n    undefined,\n    spec.data?.[index]?.title,\n    textBoxWidth,\n    ARC_TITLE_FONT_SIZE,\n    [8, 40]\n  );\n  const titleLineHeight = resolveAdaptiveLineHeight(titleFontSize, spec.title?.style as any, ARC_TITLE_LINE_HEIGHT);\n  // text 区域总高度固定为 ARC_TEXT_BOX_HEIGHT，content 占除 title 与间距外的全部高度\n  const textHeight = ARC_TEXT_BOX_HEIGHT;\n  const contentHeight = Math.max(textHeight - titleLineHeight - titleToContentGap, contentLineHeight);\n\n  // 前 1/2 为左侧（奇数 count 时中间块也算左侧），右侧为后 1/2；\n  // 左侧 title/content 右对齐（贴引导线），右侧 title/content 左对齐（贴引导线）\n  const isLeftSide = index < count / 2;\n  const textAlign: 'left' | 'right' = isLeftSide ? 'right' : 'left';\n\n  // image 位于 block 中心（x=0）\n  const imageBox = {\n    x: -imageWidth / 2,\n    y: -imageHeight / 2,\n    width: imageWidth,\n    height: imageHeight\n  };\n  // 左侧：text 右对齐，text 右边缘与引导线（x=0）保持 ARC_TEXT_PADDING 距离\n  // 右侧：text 左对齐，text 左边缘与引导线（x=0）保持 ARC_TEXT_PADDING 距离\n  // 引导线 rect 固定 center 在 x=0（[-1, 1]）\n  const textBoxX = isLeftSide ? -ARC_TEXT_PADDING : ARC_TEXT_PADDING;\n  const textBox = {\n    x: textBoxX,\n    y: isDown ? imageBox.y + imageHeight + ARC_TEXT_GAP_FROM_IMAGE : imageBox.y - ARC_TEXT_GAP_FROM_IMAGE - textHeight,\n    width: textBoxWidth,\n    height: textHeight\n  };\n  const contentBox = {\n    x: textBox.x,\n    y: textBox.y + titleLineHeight + titleToContentGap,\n    width: textBox.width,\n    height: contentHeight\n  };\n  return {\n    titleFontSize,\n    titleLineHeight,\n    contentFontSize,\n    contentLineHeight,\n    imageBox,\n    textBox,\n    contentBox,\n    isDown,\n    textAlign\n  };\n};\n\nexport const buildArcBlockMark = (\n  spec: IStorylineSpec,\n  block: IStorylineBlock,\n  index: number\n): IExtensionGroupMarkSpec => {\n  const hasImage = !!block.image;\n  const contentText = Array.isArray(block.content) ? block.content : block.content ? [block.content] : [];\n  const themeColor = getThemeColor(spec);\n  const metrics = getArcBlockMetrics(spec, index);\n\n  // 引导线 rect：从 image 圆心（group x=0）垂直连接到 text 近端边缘\n  // - up（dome）：从 image 顶部（imageBox.y）向上到 textBox 顶部（textBox.y）\n  // - down（bowl）：从 image 底部（imageBox.y + imageBox.height）向下到 textBox 底部（textBox.y + textBox.height）\n  const connectorY = metrics.isDown ? metrics.imageBox.y + metrics.imageBox.height : metrics.textBox.y;\n  const connectorHeight = metrics.isDown\n    ? Math.max(metrics.textBox.y + metrics.textBox.height - (metrics.imageBox.y + metrics.imageBox.height), 0)\n    : Math.max(metrics.imageBox.y - metrics.textBox.y, 0);\n  // 引导线宽度固定为 2，center 对齐 x=0\n  const connectorX = -1;\n\n  return {\n    type: 'group' as any,\n    id: `storyline-block-${block.id ?? index}`,\n    name: `storyline-block-${index}`,\n    zIndex: LayoutZIndex.Mark + 1,\n    style: {\n      x: (_d: unknown, ctx: LayoutContext) => getArcBlockCenter(spec, ctx, index).x,\n      y: (_d: unknown, ctx: LayoutContext) => getArcBlockCenter(spec, ctx, index).y\n    },\n    children: [\n      // title / content 与 image 之间的垂直引导线（zIndex 最低，作为装饰）\n      {\n        type: 'rect',\n        name: `storyline-block-connector-${index}`,\n        interactive: false,\n        zIndex: LayoutZIndex.Mark + 2,\n        style: {\n          x: connectorX,\n          y: connectorY,\n          width: 2,\n          height: connectorHeight,\n          fill: themeColor,\n          fillOpacity: 0.6\n        }\n      } as ICustomMarkSpec<'rect'>,\n      hasImage\n        ? ({\n            type: 'image',\n            name: `storyline-block-image-${index}`,\n            interactive: false,\n            zIndex: LayoutZIndex.Mark + 3,\n            ...omitImageLayoutSpec(spec.image),\n            style: {\n              x: metrics.imageBox.x,\n              y: metrics.imageBox.y,\n              width: metrics.imageBox.width,\n              height: metrics.imageBox.height,\n              cornerRadius: Math.min(metrics.imageBox.width, metrics.imageBox.height) / 2,\n              image: block.image,\n              repeatX: 'no-repeat',\n              repeatY: 'no-repeat',\n              imageMode: 'contain',\n              imagePosition: 'center',\n              ...spec.image?.style\n            }\n          } as ICustomMarkSpec<'image'>)\n        : ({\n            type: 'symbol',\n            name: `storyline-block-image-bg-${index}`,\n            interactive: false,\n            zIndex: LayoutZIndex.Mark + 3,\n            style: {\n              x: 0,\n              y: 0,\n              size: Math.min(metrics.imageBox.width, metrics.imageBox.height),\n              symbolType: 'circle',\n              ...getImageBackgroundStyle(spec)\n            }\n          } as ICustomMarkSpec<'symbol'>),\n      // 圆形 image 的外层装饰环\n      shouldShowImageBackground(spec)\n        ? ({\n            type: 'symbol',\n            name: `storyline-block-image-halo-${index}`,\n            interactive: false,\n            zIndex: LayoutZIndex.Mark + 3,\n            style: {\n              x: 0,\n              y: 0,\n              size: Math.min(metrics.imageBox.width, metrics.imageBox.height) + ARC_BLOCK_IMAGE_HALO_PADDING * 2,\n              symbolType: 'circle',\n              fill: 'transparent',\n              stroke: withAlpha(themeColor, 0.82),\n              lineWidth: ARC_BLOCK_IMAGE_BORDER\n            }\n          } as ICustomMarkSpec<'symbol'>)\n        : null,\n      block.title\n        ? ({\n            type: 'text',\n            name: `storyline-block-title-${index}`,\n            interactive: false,\n            zIndex: LayoutZIndex.Mark + 5,\n            ...spec.title,\n            style: {\n              x: metrics.textBox.x,\n              y: metrics.textBox.y,\n              text: block.title,\n              maxLineWidth: metrics.textBox.width,\n              fontSize: metrics.titleFontSize,\n              lineHeight: metrics.titleLineHeight,\n              fontWeight: 'bold',\n              fill: '#1f2430',\n              stroke: '#fff',\n              lineWidth: 5,\n              lineJoin: 'round',\n              textAlign: metrics.textAlign,\n              textBaseline: 'top',\n              ...spec.title?.style\n            }\n          } as ICustomMarkSpec<'text'>)\n        : null,\n      contentText.length\n        ? ({\n            type: 'text',\n            name: `storyline-block-content-${index}`,\n            interactive: false,\n            zIndex: LayoutZIndex.Mark + 4,\n            ...spec.content,\n            textType: 'rich',\n            style: {\n              x: metrics.contentBox.x,\n              y: metrics.contentBox.y,\n              width: metrics.contentBox.width,\n              height: metrics.contentBox.height,\n              maxLineWidth: metrics.contentBox.width,\n              heightLimit: metrics.contentBox.height,\n              text: buildRichContent(contentText, spec, {\n                fontSize: metrics.contentFontSize,\n                lineHeight: metrics.contentLineHeight,\n                fill: '#596173',\n                align: metrics.textAlign\n              }),\n              textAlign: metrics.textAlign,\n              textBaseline: 'top',\n              wordBreak: 'break-word',\n              ellipsis: '...',\n              fill: '#596173',\n              ...spec.content?.style\n            }\n          } as ICustomMarkSpec<'text'>)\n        : null\n    ].filter(Boolean) as ICustomMarkSpec<any>[]\n  };\n};\n"]}

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

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