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

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

@@ -0,0 +1,258 @@
+var __rest = this && this.__rest || function(s, e) {
+    var t = {};
+    for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+    if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+    }
+    return t;
+};
+
+import { computeStorylineLayout, normalizeLayout, normalizePadding } from "../layout";
+
+export const DEFAULT_BLOCK_WIDTH = 180;
+
+export const DEFAULT_BLOCK_HEIGHT = 400;
+
+export const DEFAULT_BLOCK_WIDTH_RATIO = .24;
+
+export const DEFAULT_BLOCK_GAP = 36;
+
+export const DEFAULT_IMAGE_WIDTH = 48;
+
+export const DEFAULT_IMAGE_HEIGHT = 48;
+
+export const DEFAULT_IMAGE_GAP = 10;
+
+export const DEFAULT_THEME_COLOR = "#e8543d";
+
+export const isLandscape = spec => "landscape" === normalizeLayout(spec.layout).type;
+
+export const isPortrait = spec => "portrait" === normalizeLayout(spec.layout).type;
+
+export const isClock = spec => "clock" === normalizeLayout(spec.layout).type;
+
+export const isArc = spec => "arc" === normalizeLayout(spec.layout).type;
+
+export const isWing = spec => "wing" === normalizeLayout(spec.layout).type;
+
+export const isLadder = spec => "ladder" === normalizeLayout(spec.layout).type;
+
+export const getThemeColor = spec => {
+    var _a;
+    return null !== (_a = spec.themeColor) && void 0 !== _a ? _a : "#e8543d";
+};
+
+export const withAlpha = (color, alpha) => {
+    const safeAlpha = Math.max(0, Math.min(1, alpha));
+    if (!color) return `rgba(0, 0, 0, ${safeAlpha})`;
+    const trimmed = color.trim();
+    if (trimmed.startsWith("#")) {
+        let hex = trimmed.slice(1);
+        if (3 !== hex.length && 4 !== hex.length || (hex = hex.split("").map((ch => ch + ch)).join("")), 
+        6 === hex.length || 8 === hex.length) {
+            return `rgba(${parseInt(hex.slice(0, 2), 16)}, ${parseInt(hex.slice(2, 4), 16)}, ${parseInt(hex.slice(4, 6), 16)}, ${safeAlpha})`;
+        }
+    }
+    const rgbMatch = trimmed.match(/^rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)/i);
+    return rgbMatch ? `rgba(${rgbMatch[1]}, ${rgbMatch[2]}, ${rgbMatch[3]}, ${safeAlpha})` : trimmed;
+};
+
+export const resolveBlockWidth = (spec, viewWidth) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    if (null === (_a = spec.block) || void 0 === _a ? void 0 : _a.width) return spec.block.width;
+    const ratio = null !== (_c = null === (_b = spec.block) || void 0 === _b ? void 0 : _b.widthRatio) && void 0 !== _c ? _c : .24, minWidth = null !== (_e = null === (_d = spec.block) || void 0 === _d ? void 0 : _d.minWidth) && void 0 !== _e ? _e : 180, maxWidth = null !== (_g = null === (_f = spec.block) || void 0 === _f ? void 0 : _f.maxWidth) && void 0 !== _g ? _g : Math.max(minWidth, 320);
+    return Math.max(minWidth, Math.min(maxWidth, Math.round(viewWidth * ratio)));
+};
+
+export const getRegionGeometry = (ctx, spec) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
+    const region = null === (_c = null === (_b = null === (_a = ctx.chart) || void 0 === _a ? void 0 : _a.getAllRegions) || void 0 === _b ? void 0 : _b.call(_a)) || void 0 === _c ? void 0 : _c[0], regionRect = null === (_d = null == region ? void 0 : region.getLayoutRect) || void 0 === _d ? void 0 : _d.call(region), regionStart = null === (_e = null == region ? void 0 : region.getLayoutStartPoint) || void 0 === _e ? void 0 : _e.call(region), chartRect = null === (_g = null === (_f = ctx.chart) || void 0 === _f ? void 0 : _f.getLayoutRect) || void 0 === _g ? void 0 : _g.call(_f), bounds = null === (_h = ctx.getLayoutBounds) || void 0 === _h ? void 0 : _h.call(ctx);
+    return {
+        width: Math.max(null !== (_o = null !== (_m = null !== (_k = null !== (_j = null == regionRect ? void 0 : regionRect.width) && void 0 !== _j ? _j : null == chartRect ? void 0 : chartRect.width) && void 0 !== _k ? _k : null === (_l = null == bounds ? void 0 : bounds.width) || void 0 === _l ? void 0 : _l.call(bounds)) && void 0 !== _m ? _m : null == spec ? void 0 : spec.width) && void 0 !== _o ? _o : 0, 1),
+        height: Math.max(null !== (_t = null !== (_s = null !== (_q = null !== (_p = null == regionRect ? void 0 : regionRect.height) && void 0 !== _p ? _p : null == chartRect ? void 0 : chartRect.height) && void 0 !== _q ? _q : null === (_r = null == bounds ? void 0 : bounds.height) || void 0 === _r ? void 0 : _r.call(bounds)) && void 0 !== _s ? _s : null == spec ? void 0 : spec.height) && void 0 !== _t ? _t : 0, 1),
+        startX: null !== (_u = null == regionStart ? void 0 : regionStart.x) && void 0 !== _u ? _u : 0,
+        startY: null !== (_v = null == regionStart ? void 0 : regionStart.y) && void 0 !== _v ? _v : 0
+    };
+};
+
+export const getLayout = (spec, ctx) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+    const {width: width, height: height, startX: startX, startY: startY} = getRegionGeometry(ctx, spec);
+    let blockWidth = resolveBlockWidth(spec, width), blockHeight = null !== (_b = null === (_a = spec.block) || void 0 === _a ? void 0 : _a.height) && void 0 !== _b ? _b : isLandscape(spec) ? 320 : 400;
+    if (isLandscape(spec) && !(null === (_c = spec.block) || void 0 === _c ? void 0 : _c.width)) {
+        const count = null !== (_e = null === (_d = spec.data) || void 0 === _d ? void 0 : _d.length) && void 0 !== _e ? _e : 0;
+        if (count > 0) {
+            const padding = normalizePadding(null === (_f = spec.block) || void 0 === _f ? void 0 : _f.padding), LANDSCAPE_IMAGE_MIN_WIDTH = 80, adaptive = (Math.max(width - padding.left - padding.right, 1) - 40 * Math.max(count - 1, 0)) / count;
+            blockWidth = Math.max(LANDSCAPE_IMAGE_MIN_WIDTH, Math.floor(adaptive));
+        }
+    }
+    if (isPortrait(spec) && !(null === (_g = spec.block) || void 0 === _g ? void 0 : _g.height)) {
+        const count = null !== (_j = null === (_h = spec.data) || void 0 === _h ? void 0 : _h.length) && void 0 !== _j ? _j : 0;
+        if (count > 0) {
+            const padding = normalizePadding(null !== (_l = null === (_k = spec.layout) || void 0 === _k ? void 0 : _k.padding) && void 0 !== _l ? _l : null === (_m = spec.block) || void 0 === _m ? void 0 : _m.padding), innerHeight = Math.max(height - padding.top - padding.bottom, 1);
+            blockHeight = Math.max(120, Math.floor(innerHeight / (count + 1)));
+        }
+    }
+    const result = computeStorylineLayout(null !== (_o = spec.data) && void 0 !== _o ? _o : [], {
+        layout: spec.layout,
+        viewBox: {
+            width: width,
+            height: height
+        },
+        block: {
+            width: blockWidth,
+            height: blockHeight
+        },
+        gap: null !== (_q = null === (_p = spec.block) || void 0 === _p ? void 0 : _p.gap) && void 0 !== _q ? _q : 36,
+        padding: null === (_r = spec.block) || void 0 === _r ? void 0 : _r.padding,
+        lineDistance: null === (_s = spec.line) || void 0 === _s ? void 0 : _s.distance
+    });
+    return startX || startY ? Object.assign(Object.assign({}, result), {
+        blocks: result.blocks.map((block => Object.assign(Object.assign({}, block), {
+            x: block.x + startX,
+            y: block.y + startY,
+            center: {
+                x: block.center.x + startX,
+                y: block.center.y + startY
+            }
+        }))),
+        links: result.links.map((link => Object.assign(Object.assign({}, link), {
+            start: {
+                x: link.start.x + startX,
+                y: link.start.y + startY
+            },
+            end: {
+                x: link.end.x + startX,
+                y: link.end.y + startY
+            },
+            points: link.points.map((point => ({
+                x: point.x + startX,
+                y: point.y + startY
+            })))
+        })))
+    }) : result;
+};
+
+export const buildRichContent = (contentText, spec, overrides) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    const fontSize = Number(null !== (_d = null !== (_a = null == overrides ? void 0 : overrides.fontSize) && void 0 !== _a ? _a : null === (_c = null === (_b = spec.content) || void 0 === _b ? void 0 : _b.style) || void 0 === _c ? void 0 : _c.fontSize) && void 0 !== _d ? _d : 18), lineHeight = Number(null !== (_h = null !== (_e = null == overrides ? void 0 : overrides.lineHeight) && void 0 !== _e ? _e : null === (_g = null === (_f = spec.content) || void 0 === _f ? void 0 : _f.style) || void 0 === _g ? void 0 : _g.lineHeight) && void 0 !== _h ? _h : 26), fill = null !== (_m = null !== (_j = null == overrides ? void 0 : overrides.fill) && void 0 !== _j ? _j : null === (_l = null === (_k = spec.content) || void 0 === _k ? void 0 : _k.style) || void 0 === _l ? void 0 : _l.fill) && void 0 !== _m ? _m : "#596173", align = null !== (_o = null == overrides ? void 0 : overrides.align) && void 0 !== _o ? _o : "left";
+    return {
+        type: "rich",
+        text: contentText.reduce(((result, paragraph, index) => {
+            const suffix = index === contentText.length - 1 ? "" : "\n";
+            return result.push({
+                text: `${paragraph}${suffix}`,
+                fontSize: fontSize,
+                lineHeight: lineHeight,
+                fill: fill,
+                align: align
+            }), result;
+        }), [])
+    };
+};
+
+export const omitImageLayoutSpec = imageSpec => {
+    if (!imageSpec) return {};
+    const {width: _width, height: _height, position: _position, gap: _gap} = imageSpec;
+    return __rest(imageSpec, [ "width", "height", "position", "gap" ]);
+};
+
+export const getImageBox = (position, blockWidth, blockHeight, padding, width, height, _gap, visible) => {
+    if (!visible) return {
+        x: padding.left,
+        y: padding.top,
+        width: 0,
+        height: 0
+    };
+    switch (position) {
+      case "left":
+        return {
+            x: padding.left,
+            y: (blockHeight - height) / 2,
+            width: width,
+            height: height
+        };
+
+      case "right":
+        return {
+            x: blockWidth - padding.right - width,
+            y: (blockHeight - height) / 2,
+            width: width,
+            height: height
+        };
+
+      case "bottom":
+        return {
+            x: (blockWidth - width) / 2,
+            y: blockHeight - padding.bottom - height,
+            width: width,
+            height: height
+        };
+
+      default:
+        return {
+            x: (blockWidth - width) / 2,
+            y: padding.top,
+            width: width,
+            height: height
+        };
+    }
+};
+
+export const getTextBox = (position, blockWidth, blockHeight, padding, imageWidth, imageHeight, imageGap, hasImage) => {
+    if (!hasImage) return {
+        x: padding.left,
+        y: padding.top,
+        width: blockWidth - padding.left - padding.right,
+        height: blockHeight - padding.top - padding.bottom
+    };
+    switch (position) {
+      case "left":
+        return {
+            x: padding.left + imageWidth + imageGap,
+            y: padding.top,
+            width: blockWidth - padding.left - padding.right - imageWidth - imageGap,
+            height: blockHeight - padding.top - padding.bottom
+        };
+
+      case "right":
+        return {
+            x: padding.left,
+            y: padding.top,
+            width: blockWidth - padding.left - padding.right - imageWidth - imageGap,
+            height: blockHeight - padding.top - padding.bottom
+        };
+
+      case "bottom":
+        return {
+            x: padding.left,
+            y: padding.top,
+            width: blockWidth - padding.left - padding.right,
+            height: blockHeight - padding.top - padding.bottom - imageHeight - imageGap
+        };
+
+      default:
+        return {
+            x: padding.left,
+            y: padding.top + imageHeight + imageGap,
+            width: blockWidth - padding.left - padding.right,
+            height: blockHeight - padding.top - padding.bottom - imageHeight - imageGap
+        };
+    }
+};
+
+export const buildSmoothCurvePath = points => {
+    var _a, _b;
+    if (points.length < 2) return "";
+    if (2 === points.length) return `M ${points[0].x} ${points[0].y} L ${points[1].x} ${points[1].y}`;
+    let d = `M ${points[0].x} ${points[0].y}`;
+    for (let i = 0; i < points.length - 1; i++) {
+        const p0 = null !== (_a = points[i - 1]) && void 0 !== _a ? _a : points[i], p1 = points[i], p2 = points[i + 1], p3 = null !== (_b = points[i + 2]) && void 0 !== _b ? _b : p2;
+        d += ` C ${p1.x + (p2.x - p0.x) / 6} ${p1.y + (p2.y - p0.y) / 6}, ${p2.x - (p3.x - p1.x) / 6} ${p2.y - (p3.y - p1.y) / 6}, ${p2.x} ${p2.y}`;
+    }
+    return d;
+};
+
+export { normalizeLayout, normalizePadding };
+//# sourceMappingURL=common.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/storyline/layouts/common.ts"],"names":[],"mappings":"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","file":"common.js","sourcesContent":["import type { ICustomMarkSpec } from '@visactor/vchart';\nimport type { IStorylineBlock, IStorylineSpec, StorylineImagePosition } from '../interface';\nimport {\n  computeStorylineLayout,\n  normalizeLayout,\n  normalizePadding,\n  type StorylineLayoutResult,\n  type StorylinePoint\n} from '../layout';\n\n// ===== 布局通用类型 =====\n\nexport type LayoutContext = {\n  chart?: {\n    getAllRegions?: () => {\n      getLayoutRect?: () => { width?: number; height?: number };\n      getLayoutStartPoint?: () => { x?: number; y?: number };\n    }[];\n    getLayoutRect?: () => { width?: number; height?: number };\n  };\n  getLayoutBounds?: () => { width?: () => number; height?: () => number };\n};\n\n// ===== 通用默认值 =====\n\nexport const DEFAULT_BLOCK_WIDTH = 180;\nexport const DEFAULT_BLOCK_HEIGHT = 400;\nexport const DEFAULT_BLOCK_WIDTH_RATIO = 0.24;\nexport const DEFAULT_BLOCK_GAP = 36;\nexport const DEFAULT_IMAGE_WIDTH = 48;\nexport const DEFAULT_IMAGE_HEIGHT = 48;\nexport const DEFAULT_IMAGE_GAP = 10;\nexport const DEFAULT_THEME_COLOR = '#e8543d';\n\n// ===== 布局判定 =====\n\nexport const isLandscape = (spec: IStorylineSpec) => normalizeLayout(spec.layout).type === 'landscape';\nexport const isPortrait = (spec: IStorylineSpec) => normalizeLayout(spec.layout).type === 'portrait';\nexport const isClock = (spec: IStorylineSpec) => normalizeLayout(spec.layout).type === 'clock';\nexport const isArc = (spec: IStorylineSpec) => normalizeLayout(spec.layout).type === 'arc';\nexport const isWing = (spec: IStorylineSpec) => normalizeLayout(spec.layout).type === 'wing';\nexport const isLadder = (spec: IStorylineSpec) => normalizeLayout(spec.layout).type === 'ladder';\n\nexport const getThemeColor = (spec: IStorylineSpec) => spec.themeColor ?? DEFAULT_THEME_COLOR;\n\n// ===== 颜色工具 =====\n\n/**\n * 给颜色（#hex / rgb / rgba / hsl / 颜色关键字）追加/替换 alpha 通道，返回 rgba(...) 字符串\n */\nexport const withAlpha = (color: string, alpha: number): string => {\n  const safeAlpha = Math.max(0, Math.min(1, alpha));\n  if (!color) {\n    return `rgba(0, 0, 0, ${safeAlpha})`;\n  }\n  const trimmed = color.trim();\n  if (trimmed.startsWith('#')) {\n    let hex = trimmed.slice(1);\n    if (hex.length === 3 || hex.length === 4) {\n      hex = hex\n        .split('')\n        .map(ch => ch + ch)\n        .join('');\n    }\n    if (hex.length === 6 || hex.length === 8) {\n      const r = parseInt(hex.slice(0, 2), 16);\n      const g = parseInt(hex.slice(2, 4), 16);\n      const b = parseInt(hex.slice(4, 6), 16);\n      return `rgba(${r}, ${g}, ${b}, ${safeAlpha})`;\n    }\n  }\n  const rgbMatch = trimmed.match(/^rgba?\\(\\s*([\\d.]+)\\s*,\\s*([\\d.]+)\\s*,\\s*([\\d.]+)/i);\n  if (rgbMatch) {\n    return `rgba(${rgbMatch[1]}, ${rgbMatch[2]}, ${rgbMatch[3]}, ${safeAlpha})`;\n  }\n  return trimmed;\n};\n\n// ===== 块宽度解析 =====\n\nexport const resolveBlockWidth = (spec: IStorylineSpec, viewWidth: number) => {\n  if (spec.block?.width) {\n    return spec.block.width;\n  }\n  const ratio = spec.block?.widthRatio ?? DEFAULT_BLOCK_WIDTH_RATIO;\n  const minWidth = spec.block?.minWidth ?? DEFAULT_BLOCK_WIDTH;\n  const maxWidth = spec.block?.maxWidth ?? Math.max(minWidth, 320);\n  return Math.max(minWidth, Math.min(maxWidth, Math.round(viewWidth * ratio)));\n};\n\n// ===== 容器几何信息（chart region rect）=====\n\nexport const getRegionGeometry = (ctx: LayoutContext, spec?: { width?: number; height?: number }) => {\n  const region = ctx.chart?.getAllRegions?.()?.[0];\n  const regionRect = region?.getLayoutRect?.();\n  const regionStart = region?.getLayoutStartPoint?.();\n  const chartRect = ctx.chart?.getLayoutRect?.();\n  const bounds = ctx.getLayoutBounds?.();\n  const width = Math.max(regionRect?.width ?? chartRect?.width ?? bounds?.width?.() ?? spec?.width ?? 0, 1);\n  const height = Math.max(regionRect?.height ?? chartRect?.height ?? bounds?.height?.() ?? spec?.height ?? 0, 1);\n  return {\n    width,\n    height,\n    startX: regionStart?.x ?? 0,\n    startY: regionStart?.y ?? 0\n  };\n};\n\n// ===== 布局计算（layout.ts 的封装，附加 startX/startY 平移）=====\n\nexport const getLayout = (spec: IStorylineSpec, ctx: LayoutContext): StorylineLayoutResult => {\n  const { width, height, startX, startY } = getRegionGeometry(ctx, spec);\n  let blockWidth = resolveBlockWidth(spec, width);\n  let blockHeight = spec.block?.height ?? (isLandscape(spec) ? 320 : DEFAULT_BLOCK_HEIGHT);\n  // landscape：图片间距固定 40，根据 block 数量自适应单个 image 宽度\n  if (isLandscape(spec) && !spec.block?.width) {\n    const count = spec.data?.length ?? 0;\n    if (count > 0) {\n      const padding = normalizePadding(spec.block?.padding);\n      const innerWidth = Math.max(width - padding.left - padding.right, 1);\n      const LANDSCAPE_IMAGE_GAP = 40;\n      const LANDSCAPE_IMAGE_MIN_WIDTH = 80;\n      const totalGap = LANDSCAPE_IMAGE_GAP * Math.max(count - 1, 0);\n      const adaptive = (innerWidth - totalGap) / count;\n      blockWidth = Math.max(LANDSCAPE_IMAGE_MIN_WIDTH, Math.floor(adaptive));\n    }\n  }\n  // portrait：每个 block 在垂直方向需要容纳 image + text，整体根据 region 高度均分\n  // blockHeight = regionHeight / (count + 1)（即每个 block 的\"槽位\"高度），后续 portrait.ts 中：\n  //   imageHeight  = blockHeight * 0.6\n  //   contentHeight = blockHeight\n  if (isPortrait(spec) && !spec.block?.height) {\n    const count = spec.data?.length ?? 0;\n    if (count > 0) {\n      const padding = normalizePadding(spec.layout?.padding ?? spec.block?.padding);\n      const innerHeight = Math.max(height - padding.top - padding.bottom, 1);\n      blockHeight = Math.max(120, Math.floor(innerHeight / (count + 1)));\n    }\n  }\n  const result = computeStorylineLayout(spec.data ?? [], {\n    layout: spec.layout,\n    viewBox: { width, height },\n    block: {\n      width: blockWidth,\n      height: blockHeight\n    },\n    gap: spec.block?.gap ?? DEFAULT_BLOCK_GAP,\n    padding: spec.block?.padding,\n    lineDistance: spec.line?.distance\n  });\n  if (!startX && !startY) {\n    return result;\n  }\n  return {\n    ...result,\n    blocks: result.blocks.map(block => ({\n      ...block,\n      x: block.x + startX,\n      y: block.y + startY,\n      center: {\n        x: block.center.x + startX,\n        y: block.center.y + startY\n      }\n    })),\n    links: result.links.map(link => ({\n      ...link,\n      start: { x: link.start.x + startX, y: link.start.y + startY },\n      end: { x: link.end.x + startX, y: link.end.y + startY },\n      points: link.points.map(point => ({ x: point.x + startX, y: point.y + startY }))\n    }))\n  };\n};\n\n// ===== 文本 / 图像通用工具 =====\n\nexport const buildRichContent = (\n  contentText: string[],\n  spec: IStorylineSpec,\n  overrides?: { fontSize?: number; lineHeight?: number; fill?: string; align?: 'left' | 'center' | 'right' }\n) => {\n  const fontSize = Number(overrides?.fontSize ?? (spec.content?.style as any)?.fontSize ?? 18);\n  const lineHeight = Number(overrides?.lineHeight ?? (spec.content?.style as any)?.lineHeight ?? 26);\n  const fill = overrides?.fill ?? (spec.content?.style as any)?.fill ?? '#596173';\n  const align = overrides?.align ?? 'left';\n\n  return {\n    type: 'rich' as const,\n    text: contentText.reduce<{ text: string; fontSize: number; lineHeight: number; fill: string; align: string }[]>(\n      (result, paragraph, index) => {\n        const suffix = index === contentText.length - 1 ? '' : '\\n';\n        result.push({\n          text: `${paragraph}${suffix}`,\n          fontSize,\n          lineHeight,\n          fill,\n          align\n        });\n        return result;\n      },\n      []\n    )\n  };\n};\n\nexport const omitImageLayoutSpec = (imageSpec: IStorylineSpec['image']) => {\n  if (!imageSpec) {\n    return {};\n  }\n  const { width: _width, height: _height, position: _position, gap: _gap, ...rest } = imageSpec;\n  return rest;\n};\n\n// ===== 默认 image / text 盒计算（用于通用 block）=====\n\nexport const getImageBox = (\n  position: StorylineImagePosition,\n  blockWidth: number,\n  blockHeight: number,\n  padding: ReturnType<typeof normalizePadding>,\n  width: number,\n  height: number,\n  _gap: number,\n  visible: boolean\n) => {\n  if (!visible) {\n    return { x: padding.left, y: padding.top, width: 0, height: 0 };\n  }\n  switch (position) {\n    case 'left':\n      return { x: padding.left, y: (blockHeight - height) / 2, width, height };\n    case 'right':\n      return { x: blockWidth - padding.right - width, y: (blockHeight - height) / 2, width, height };\n    case 'bottom':\n      return { x: (blockWidth - width) / 2, y: blockHeight - padding.bottom - height, width, height };\n    case 'top':\n    default:\n      return { x: (blockWidth - width) / 2, y: padding.top, width, height };\n  }\n};\n\nexport const getTextBox = (\n  position: StorylineImagePosition,\n  blockWidth: number,\n  blockHeight: number,\n  padding: ReturnType<typeof normalizePadding>,\n  imageWidth: number,\n  imageHeight: number,\n  imageGap: number,\n  hasImage: boolean\n) => {\n  if (!hasImage) {\n    return {\n      x: padding.left,\n      y: padding.top,\n      width: blockWidth - padding.left - padding.right,\n      height: blockHeight - padding.top - padding.bottom\n    };\n  }\n  switch (position) {\n    case 'left':\n      return {\n        x: padding.left + imageWidth + imageGap,\n        y: padding.top,\n        width: blockWidth - padding.left - padding.right - imageWidth - imageGap,\n        height: blockHeight - padding.top - padding.bottom\n      };\n    case 'right':\n      return {\n        x: padding.left,\n        y: padding.top,\n        width: blockWidth - padding.left - padding.right - imageWidth - imageGap,\n        height: blockHeight - padding.top - padding.bottom\n      };\n    case 'bottom':\n      return {\n        x: padding.left,\n        y: padding.top,\n        width: blockWidth - padding.left - padding.right,\n        height: blockHeight - padding.top - padding.bottom - imageHeight - imageGap\n      };\n    case 'top':\n    default:\n      return {\n        x: padding.left,\n        y: padding.top + imageHeight + imageGap,\n        width: blockWidth - padding.left - padding.right,\n        height: blockHeight - padding.top - padding.bottom - imageHeight - imageGap\n      };\n  }\n};\n\n// ===== Catmull-Rom 平滑曲线 =====\n\n/**\n * 用 Catmull-Rom 转 cubic Bezier 生成平滑曲线 path（贯穿所有点）。\n */\nexport const buildSmoothCurvePath = (points: StorylinePoint[]): string => {\n  if (points.length < 2) {\n    return '';\n  }\n  if (points.length === 2) {\n    return `M ${points[0].x} ${points[0].y} L ${points[1].x} ${points[1].y}`;\n  }\n  let d = `M ${points[0].x} ${points[0].y}`;\n  for (let i = 0; i < points.length - 1; i++) {\n    const p0 = points[i - 1] ?? points[i];\n    const p1 = points[i];\n    const p2 = points[i + 1];\n    const p3 = points[i + 2] ?? p2;\n    const c1x = p1.x + (p2.x - p0.x) / 6;\n    const c1y = p1.y + (p2.y - p0.y) / 6;\n    const c2x = p2.x - (p3.x - p1.x) / 6;\n    const c2y = p2.y - (p3.y - p1.y) / 6;\n    d += ` C ${c1x} ${c1y}, ${c2x} ${c2y}, ${p2.x} ${p2.y}`;\n  }\n  return d;\n};\n\n// 重导出常用的 layout helper（避免外部再 import layout.ts）\nexport { normalizeLayout, normalizePadding };\nexport type { IStorylineBlock, ICustomMarkSpec, StorylinePoint };\n"]}

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

@@ -0,0 +1,4 @@
+import type { IExtensionGroupMarkSpec } from '@visactor/vchart';
+import type { IStorylineBlock, IStorylineSpec } from '../interface';
+export declare const buildDefaultLineMark: (spec: IStorylineSpec) => IExtensionGroupMarkSpec | null;
+export declare const buildDefaultBlockMark: (spec: IStorylineSpec, block: IStorylineBlock, index: number) => IExtensionGroupMarkSpec;

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

@@ -0,0 +1,176 @@
+var __rest = this && this.__rest || function(s, e) {
+    var t = {};
+    for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+    if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+    }
+    return t;
+};
+
+import { LayoutZIndex } from "@visactor/vchart";
+
+import { DEFAULT_BLOCK_HEIGHT, DEFAULT_IMAGE_WIDTH, DEFAULT_IMAGE_HEIGHT, DEFAULT_IMAGE_GAP, buildRichContent, getImageBox, getLayout, getTextBox, normalizePadding, omitImageLayoutSpec, resolveBlockWidth } from "./common";
+
+export const buildDefaultLineMark = spec => {
+    var _a, _b, _c, _d;
+    return !1 === (null === (_a = spec.line) || void 0 === _a ? void 0 : _a.visible) || (null !== (_c = null === (_b = spec.data) || void 0 === _b ? void 0 : _b.length) && void 0 !== _c ? _c : 0) <= 1 ? null : {
+        type: "group",
+        name: "storyline-links",
+        zIndex: LayoutZIndex.Mark,
+        children: (null !== (_d = spec.data) && void 0 !== _d ? _d : []).slice(1).map(((_, index) => {
+            var _a;
+            const _b = null !== (_a = spec.line) && void 0 !== _a ? _a : {}, {style: style = {}, type: type = "line", showArrow: showArrow = !1, arrowSize: arrowSize = 8} = _b, rest = __rest(_b, [ "style", "type", "showArrow", "arrowSize" ]);
+            return Object.assign(Object.assign({
+                type: "path",
+                name: `storyline-link-${index}`,
+                interactive: !1
+            }, rest), {
+                style: Object.assign(Object.assign({
+                    stroke: "#8a94a6",
+                    lineWidth: 1.5,
+                    fill: "transparent",
+                    fillOpacity: 0
+                }, style), {
+                    path: (_datum, ctx) => {
+                        const link = getLayout(spec, ctx).links[index];
+                        return link ? buildLinkPath(link.points, type, showArrow, arrowSize) : "";
+                    }
+                })
+            });
+        }))
+    };
+};
+
+const getDefaultBlockMetrics = (spec, ctx, index) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1;
+    const block = getLayout(spec, ctx).blocks[index], padding = normalizePadding(null !== (_b = null === (_a = spec.block) || void 0 === _a ? void 0 : _a.padding) && void 0 !== _b ? _b : 12), imagePosition = null !== (_d = null === (_c = spec.image) || void 0 === _c ? void 0 : _c.position) && void 0 !== _d ? _d : "top", imageWidth = null !== (_f = null === (_e = spec.image) || void 0 === _e ? void 0 : _e.width) && void 0 !== _f ? _f : DEFAULT_IMAGE_WIDTH, imageHeight = null !== (_h = null === (_g = spec.image) || void 0 === _g ? void 0 : _g.height) && void 0 !== _h ? _h : DEFAULT_IMAGE_HEIGHT, imageGap = null !== (_k = null === (_j = spec.image) || void 0 === _j ? void 0 : _j.gap) && void 0 !== _k ? _k : DEFAULT_IMAGE_GAP, hasImage = !!(null === (_m = null === (_l = spec.data) || void 0 === _l ? void 0 : _l[index]) || void 0 === _m ? void 0 : _m.image), titleFontSize = Number(null !== (_q = null === (_p = null === (_o = spec.title) || void 0 === _o ? void 0 : _o.style) || void 0 === _p ? void 0 : _p.fontSize) && void 0 !== _q ? _q : 18), titleLineHeight = Number(null !== (_t = null === (_s = null === (_r = spec.title) || void 0 === _r ? void 0 : _r.style) || void 0 === _s ? void 0 : _s.lineHeight) && void 0 !== _t ? _t : Math.round(1.35 * titleFontSize)), titleHeight = (null === (_v = null === (_u = spec.data) || void 0 === _u ? void 0 : _u[index]) || void 0 === _v ? void 0 : _v.title) ? titleLineHeight : 0, blockWidth = null !== (_w = null == block ? void 0 : block.width) && void 0 !== _w ? _w : resolveBlockWidth(spec, 0), blockHeight = null !== (_z = null !== (_x = null == block ? void 0 : block.height) && void 0 !== _x ? _x : null === (_y = spec.block) || void 0 === _y ? void 0 : _y.height) && void 0 !== _z ? _z : DEFAULT_BLOCK_HEIGHT, imageBox = getImageBox(imagePosition, blockWidth, blockHeight, padding, imageWidth, imageHeight, imageGap, hasImage), textBox = getTextBox(imagePosition, blockWidth, blockHeight, padding, imageWidth, imageHeight, imageGap, hasImage), contentGap = (null === (_1 = null === (_0 = spec.data) || void 0 === _0 ? void 0 : _0[index]) || void 0 === _1 ? void 0 : _1.title) ? 8 : 0;
+    return {
+        block: {
+            width: blockWidth,
+            height: blockHeight
+        },
+        imageBox: imageBox,
+        textBox: textBox,
+        contentBox: {
+            y: textBox.y + titleHeight + contentGap,
+            height: Math.max(0, textBox.height - titleHeight - contentGap)
+        }
+    };
+};
+
+export const buildDefaultBlockMark = (spec, block, index) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    const hasImage = !!block.image, contentText = Array.isArray(block.content) ? block.content : block.content ? [ block.content ] : [], 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 : 18), titleLineHeight = Number(null !== (_f = null === (_e = null === (_d = spec.title) || void 0 === _d ? void 0 : _d.style) || void 0 === _e ? void 0 : _e.lineHeight) && void 0 !== _f ? _f : Math.round(1.35 * titleFontSize));
+    return {
+        type: "group",
+        id: `storyline-block-${null !== (_g = block.id) && void 0 !== _g ? _g : index}`,
+        name: `storyline-block-${index}`,
+        zIndex: LayoutZIndex.Mark + 1,
+        style: {
+            x: (_datum, ctx) => {
+                var _a, _b;
+                return null !== (_b = null === (_a = getLayout(spec, ctx).blocks[index]) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : 0;
+            },
+            y: (_datum, ctx) => {
+                var _a, _b;
+                return null !== (_b = null === (_a = getLayout(spec, ctx).blocks[index]) || void 0 === _a ? void 0 : _a.y) && void 0 !== _b ? _b : 0;
+            },
+            width: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).block.width,
+            height: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).block.height
+        },
+        children: [ !0 === (null === (_h = spec.block) || void 0 === _h ? void 0 : _h.showBackground) ? {
+            type: "rect",
+            name: `storyline-block-bg-${index}`,
+            interactive: !1,
+            style: Object.assign({
+                x: 0,
+                y: 0,
+                width: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).block.width,
+                height: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).block.height,
+                cornerRadius: 8,
+                fill: "#ffffff",
+                stroke: "#d7dce5",
+                lineWidth: 1,
+                shadowBlur: 6,
+                shadowColor: "rgba(0, 0, 0, 0.08)"
+            }, null === (_j = spec.block) || void 0 === _j ? void 0 : _j.style)
+        } : null, hasImage ? Object.assign(Object.assign({
+            type: "image",
+            name: `storyline-block-image-${index}`,
+            interactive: !1
+        }, omitImageLayoutSpec(spec.image)), {
+            style: Object.assign({
+                x: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).imageBox.x,
+                y: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).imageBox.y,
+                width: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).imageBox.width,
+                height: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).imageBox.height,
+                image: block.image
+            }, null === (_k = spec.image) || void 0 === _k ? void 0 : _k.style)
+        }) : null, block.title ? Object.assign(Object.assign({
+            type: "text",
+            name: `storyline-block-title-${index}`,
+            interactive: !1
+        }, spec.title), {
+            style: Object.assign({
+                x: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).textBox.x,
+                y: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).textBox.y,
+                text: block.title,
+                maxLineWidth: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).textBox.width,
+                fontSize: titleFontSize,
+                lineHeight: titleLineHeight,
+                fontWeight: "bold",
+                fill: "#1f2430",
+                stroke: "#fff",
+                lineWidth: 5,
+                lineJoin: "round",
+                textAlign: "left",
+                textBaseline: "top"
+            }, null === (_l = spec.title) || void 0 === _l ? void 0 : _l.style)
+        }) : null, contentText.length ? Object.assign(Object.assign({
+            type: "text",
+            name: `storyline-block-content-${index}`,
+            interactive: !1
+        }, spec.content), {
+            textType: "rich",
+            style: Object.assign({
+                x: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).textBox.x,
+                y: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).contentBox.y,
+                width: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).textBox.width,
+                text: buildRichContent(contentText, spec, {
+                    fontSize: 18,
+                    lineHeight: 26,
+                    fill: "#596173"
+                }),
+                maxLineWidth: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).textBox.width,
+                heightLimit: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).contentBox.height,
+                textAlign: "left",
+                textBaseline: "top",
+                wordBreak: "break-word",
+                ellipsis: "...",
+                fill: "#596173"
+            }, null === (_m = spec.content) || void 0 === _m ? void 0 : _m.style)
+        }) : null ].filter(Boolean)
+    };
+};
+
+const buildLinkPath = (points, type, showArrow, arrowSize) => {
+    const start = points[0], end = points[points.length - 1];
+    if (!start || !end) return "";
+    let path;
+    if ("curve" === type) {
+        const dx = end.x - start.x, dy = end.y - start.y, curve = Math.max(Math.min(.22 * Math.sqrt(dx * dx + dy * dy), 80), 24);
+        path = `M ${start.x} ${start.y} C ${start.x + dx / 2} ${start.y - curve} ${end.x - dx / 2} ${end.y + curve} ${end.x} ${end.y}`;
+    } else if ("polyline" === type) {
+        const mid = {
+            x: (start.x + end.x) / 2,
+            y: (start.y + end.y) / 2
+        };
+        path = `M ${start.x} ${start.y} L ${mid.x} ${start.y} L ${mid.x} ${end.y} L ${end.x} ${end.y}`;
+    } else path = `M ${start.x} ${start.y} L ${end.x} ${end.y}`;
+    return showArrow ? `${path} ${buildArrowPath(start, end, arrowSize)}` : path;
+}, buildArrowPath = (start, end, size) => {
+    const angle = Math.atan2(end.y - start.y, end.x - start.x), left_x = end.x - Math.cos(angle - Math.PI / 6) * size, left_y = end.y - Math.sin(angle - Math.PI / 6) * size, right_x = end.x - Math.cos(angle + Math.PI / 6) * size, right_y = end.y - Math.sin(angle + Math.PI / 6) * size;
+    return `M ${left_x} ${left_y} L ${end.x} ${end.y} L ${right_x} ${right_y}`;
+};
+//# sourceMappingURL=default.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/storyline/layouts/default.ts"],"names":[],"mappings":"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","file":"default.js","sourcesContent":["import type { IExtensionGroupMarkSpec } from '@visactor/vchart';\nimport { LayoutZIndex } from '@visactor/vchart';\nimport type { IStorylineBlock, IStorylineSpec, StorylineLineType } from '../interface';\nimport {\n  type ICustomMarkSpec,\n  type LayoutContext,\n  type StorylinePoint,\n  DEFAULT_BLOCK_HEIGHT,\n  DEFAULT_IMAGE_WIDTH,\n  DEFAULT_IMAGE_HEIGHT,\n  DEFAULT_IMAGE_GAP,\n  buildRichContent,\n  getImageBox,\n  getLayout,\n  getTextBox,\n  normalizePadding,\n  omitImageLayoutSpec,\n  resolveBlockWidth\n} from './common';\n\n/**\n * 默认布局：rect block（image + title + content） + 普通 link mark。\n */\n\nexport const buildDefaultLineMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n  if (spec.line?.visible === false || (spec.data?.length ?? 0) <= 1) {\n    return null;\n  }\n\n  return {\n    type: 'group' as any,\n    name: 'storyline-links',\n    zIndex: LayoutZIndex.Mark,\n    children: (spec.data ?? []).slice(1).map((_, index) => {\n      const { style = {}, type = 'line', showArrow = false, arrowSize = 8, ...rest } = spec.line ?? {};\n      return {\n        type: 'path',\n        name: `storyline-link-${index}`,\n        interactive: false,\n        ...rest,\n        style: {\n          stroke: '#8a94a6',\n          lineWidth: 1.5,\n          fill: 'transparent',\n          fillOpacity: 0,\n          ...style,\n          path: (_datum: unknown, ctx: LayoutContext) => {\n            const link = getLayout(spec, ctx).links[index];\n            if (!link) {\n              return '';\n            }\n            return buildLinkPath(link.points, type, showArrow, arrowSize);\n          }\n        }\n      } as ICustomMarkSpec<'path'>;\n    })\n  };\n};\n\nconst getDefaultBlockMetrics = (spec: IStorylineSpec, ctx: LayoutContext, index: number) => {\n  const block = getLayout(spec, ctx).blocks[index];\n  const padding = normalizePadding(spec.block?.padding ?? 12);\n  const imagePosition = spec.image?.position ?? 'top';\n  const imageWidth = spec.image?.width ?? DEFAULT_IMAGE_WIDTH;\n  const imageHeight = spec.image?.height ?? DEFAULT_IMAGE_HEIGHT;\n  const imageGap = spec.image?.gap ?? DEFAULT_IMAGE_GAP;\n  const hasImage = !!spec.data?.[index]?.image;\n  const titleFontSize = Number((spec.title?.style as any)?.fontSize ?? 18);\n  const titleLineHeight = Number((spec.title?.style as any)?.lineHeight ?? Math.round(titleFontSize * 1.35));\n  const titleHeight = spec.data?.[index]?.title ? titleLineHeight : 0;\n  const blockWidth = block?.width ?? resolveBlockWidth(spec, 0);\n  const blockHeight = block?.height ?? spec.block?.height ?? DEFAULT_BLOCK_HEIGHT;\n  const imageBox = getImageBox(\n    imagePosition,\n    blockWidth,\n    blockHeight,\n    padding,\n    imageWidth,\n    imageHeight,\n    imageGap,\n    hasImage\n  );\n  const textBox = getTextBox(\n    imagePosition,\n    blockWidth,\n    blockHeight,\n    padding,\n    imageWidth,\n    imageHeight,\n    imageGap,\n    hasImage\n  );\n  const contentGap = spec.data?.[index]?.title ? 8 : 0;\n\n  return {\n    block: {\n      width: blockWidth,\n      height: blockHeight\n    },\n    imageBox,\n    textBox,\n    contentBox: {\n      y: textBox.y + titleHeight + contentGap,\n      height: Math.max(0, textBox.height - titleHeight - contentGap)\n    }\n  };\n};\n\nexport const buildDefaultBlockMark = (\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 titleFontSize = Number((spec.title?.style as any)?.fontSize ?? 18);\n  const titleLineHeight = Number((spec.title?.style as any)?.lineHeight ?? Math.round(titleFontSize * 1.35));\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: (_datum: unknown, ctx: LayoutContext) => getLayout(spec, ctx).blocks[index]?.x ?? 0,\n      y: (_datum: unknown, ctx: LayoutContext) => getLayout(spec, ctx).blocks[index]?.y ?? 0,\n      width: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).block.width,\n      height: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).block.height\n    },\n    children: [\n      spec.block?.showBackground === true\n        ? ({\n            type: 'rect',\n            name: `storyline-block-bg-${index}`,\n            interactive: false,\n            style: {\n              x: 0,\n              y: 0,\n              width: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).block.width,\n              height: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).block.height,\n              cornerRadius: 8,\n              fill: '#ffffff',\n              stroke: '#d7dce5',\n              lineWidth: 1,\n              shadowBlur: 6,\n              shadowColor: 'rgba(0, 0, 0, 0.08)',\n              ...spec.block?.style\n            }\n          } as ICustomMarkSpec<'rect'>)\n        : null,\n      hasImage\n        ? ({\n            type: 'image',\n            name: `storyline-block-image-${index}`,\n            interactive: false,\n            ...omitImageLayoutSpec(spec.image),\n            style: {\n              x: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).imageBox.x,\n              y: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).imageBox.y,\n              width: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).imageBox.width,\n              height: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).imageBox.height,\n              image: block.image,\n              ...spec.image?.style\n            }\n          } as ICustomMarkSpec<'image'>)\n        : null,\n      block.title\n        ? ({\n            type: 'text',\n            name: `storyline-block-title-${index}`,\n            interactive: false,\n            ...spec.title,\n            style: {\n              x: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).textBox.x,\n              y: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).textBox.y,\n              text: block.title,\n              maxLineWidth: (_datum: unknown, ctx: LayoutContext) =>\n                getDefaultBlockMetrics(spec, ctx, index).textBox.width,\n              fontSize: titleFontSize,\n              lineHeight: titleLineHeight,\n              fontWeight: 'bold',\n              fill: '#1f2430',\n              stroke: '#fff',\n              lineWidth: 5,\n              lineJoin: 'round',\n              textAlign: 'left',\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            ...spec.content,\n            textType: 'rich',\n            style: {\n              x: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).textBox.x,\n              y: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).contentBox.y,\n              width: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).textBox.width,\n              text: buildRichContent(contentText, spec, {\n                fontSize: 18,\n                lineHeight: 26,\n                fill: '#596173'\n              }),\n              maxLineWidth: (_datum: unknown, ctx: LayoutContext) =>\n                getDefaultBlockMetrics(spec, ctx, index).textBox.width,\n              heightLimit: (_datum: unknown, ctx: LayoutContext) =>\n                getDefaultBlockMetrics(spec, ctx, index).contentBox.height,\n              textAlign: 'left',\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\nconst buildLinkPath = (\n  points: StorylinePoint[],\n  type: StorylineLineType,\n  showArrow: boolean,\n  arrowSize: number\n): string => {\n  const start = points[0];\n  const end = points[points.length - 1];\n  if (!start || !end) {\n    return '';\n  }\n  let path: string;\n  if (type === 'curve') {\n    const dx = end.x - start.x;\n    const dy = end.y - start.y;\n    const curve = Math.max(Math.min(Math.sqrt(dx * dx + dy * dy) * 0.22, 80), 24);\n    path =\n      `M ${start.x} ${start.y} ` +\n      `C ${start.x + dx / 2} ${start.y - curve} ${end.x - dx / 2} ${end.y + curve} ${end.x} ${end.y}`;\n  } else if (type === 'polyline') {\n    const mid = { x: (start.x + end.x) / 2, y: (start.y + end.y) / 2 };\n    path = `M ${start.x} ${start.y} L ${mid.x} ${start.y} L ${mid.x} ${end.y} L ${end.x} ${end.y}`;\n  } else {\n    path = `M ${start.x} ${start.y} L ${end.x} ${end.y}`;\n  }\n\n  if (!showArrow) {\n    return path;\n  }\n  return `${path} ${buildArrowPath(start, end, arrowSize)}`;\n};\n\nconst buildArrowPath = (start: StorylinePoint, end: StorylinePoint, size: number) => {\n  const angle = Math.atan2(end.y - start.y, end.x - start.x);\n  const left = {\n    x: end.x - Math.cos(angle - Math.PI / 6) * size,\n    y: end.y - Math.sin(angle - Math.PI / 6) * size\n  };\n  const right = {\n    x: end.x - Math.cos(angle + Math.PI / 6) * size,\n    y: end.y - Math.sin(angle + Math.PI / 6) * size\n  };\n  return `M ${left.x} ${left.y} L ${end.x} ${end.y} L ${right.x} ${right.y}`;\n};\n"]}

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

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