@visactor/vchart-extension 2.1.0-alpha.18 → 2.1.0-alpha.19

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

@@ -0,0 +1,174 @@
+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;
+    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: [ {
+            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 === (_h = spec.block) || void 0 === _h ? void 0 : _h.style)
+        }, 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 === (_j = spec.image) || void 0 === _j ? void 0 : _j.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 === (_k = spec.title) || void 0 === _k ? void 0 : _k.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),
+                maxLineWidth: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).textBox.width,
+                fontSize: 12,
+                lineHeight: 18,
+                heightLimit: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).contentBox.height,
+                textAlign: "left",
+                textBaseline: "top",
+                wordBreak: "break-word",
+                ellipsis: "...",
+                fill: "#596173"
+            }, null === (_l = spec.content) || void 0 === _l ? void 0 : _l.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      {\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      },\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              maxLineWidth: (_datum: unknown, ctx: LayoutContext) =>\n                getDefaultBlockMetrics(spec, ctx, index).textBox.width,\n              fontSize: 12,\n              lineHeight: 18,\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;

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

@@ -0,0 +1,196 @@
+import { LayoutZIndex } from "@visactor/vchart";
+
+import { DEFAULT_BLOCK_HEIGHT, DEFAULT_IMAGE_GAP, buildRichContent, getImageBox, getLayout, getRegionGeometry, getTextBox, getThemeColor, normalizeLayout, normalizePadding, omitImageLayoutSpec, resolveBlockWidth, withAlpha } from "./common";
+
+const LADDER_HEADLINE_FONT_RATIO = .42, LADDER_HEADLINE_FONT_MIN = 80, LADDER_HEADLINE_FONT_MAX = 240, LADDER_DIAGONAL_LINE_WIDTH = 2, LADDER_DIAGONAL_DASH = [ 12, 8 ], LADDER_BLOCK_IMAGE_SIZE = 96, LADDER_TITLE_FONT_SIZE = 28, LADDER_TITLE_LINE_HEIGHT = 36, LADDER_CONTENT_FONT_SIZE = 16, LADDER_CONTENT_LINE_HEIGHT = 24, isDownLadder = spec => "down" === normalizeLayout(spec.layout).direction, getLadderDiagonalGeometry = (spec, ctx) => {
+    var _a;
+    const {width: width, height: height, startX: startX, startY: startY} = getRegionGeometry(ctx), padding = normalizePadding(null === (_a = spec.block) || void 0 === _a ? void 0 : _a.padding), innerX = startX + padding.left, innerY = startY + padding.top, innerW = Math.max(width - padding.left - padding.right, 1), innerH = Math.max(height - padding.top - padding.bottom, 1), isDown = isDownLadder(spec), x1 = innerX + innerW, y0 = isDown ? innerY : innerY + innerH, y1 = isDown ? innerY + innerH : innerY, dx = x1 - innerX, dy = y1 - y0;
+    return {
+        x0: innerX,
+        y0: y0,
+        x1: x1,
+        y1: y1,
+        cx: (innerX + x1) / 2,
+        cy: (y0 + y1) / 2,
+        angleRad: Math.atan2(dy, dx) / Math.PI * 180,
+        fontSize: Math.max(80, Math.min(240, Math.round(.42 * innerH)))
+    };
+}, getLadderHeadlineText = spec => {
+    var _a, _b;
+    const layoutOpt = normalizeLayout(spec.layout);
+    if ("string" == typeof layoutOpt.headline && layoutOpt.headline.length > 0) return layoutOpt.headline;
+    const title = null === (_b = null === (_a = spec.title) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.text;
+    return "string" == typeof title && title.length > 0 ? title : "storyline";
+};
+
+export const buildLadderDiagonalMark = spec => {
+    const themeColor = getThemeColor(spec);
+    return {
+        type: "group",
+        name: "storyline-ladder-diagonal",
+        zIndex: LayoutZIndex.Mark - 1,
+        children: [ {
+            type: "path",
+            name: "storyline-ladder-diagonal-line",
+            interactive: !1,
+            style: {
+                path: (_d, ctx) => {
+                    const g = getLadderDiagonalGeometry(spec, ctx);
+                    return `M ${g.x0} ${g.y0} L ${g.x1} ${g.y1}`;
+                },
+                stroke: withAlpha(themeColor, .85),
+                lineWidth: 2,
+                lineDash: LADDER_DIAGONAL_DASH,
+                fill: "transparent"
+            }
+        } ]
+    };
+};
+
+export const buildLadderHeadlineMark = spec => {
+    const text = getLadderHeadlineText(spec);
+    if (!text) return null;
+    const themeColor = getThemeColor(spec);
+    return {
+        type: "group",
+        name: "storyline-ladder-headline",
+        zIndex: LayoutZIndex.Mark,
+        style: {
+            x: (_d, ctx) => getLadderDiagonalGeometry(spec, ctx).cx,
+            y: (_d, ctx) => getLadderDiagonalGeometry(spec, ctx).cy,
+            angle: (_d, ctx) => getLadderDiagonalGeometry(spec, ctx).angleRad
+        },
+        children: [ {
+            type: "text",
+            name: "storyline-ladder-headline-text",
+            interactive: !1,
+            style: {
+                x: 0,
+                y: 0,
+                text: text,
+                fontSize: (_d, ctx) => getLadderDiagonalGeometry(spec, ctx).fontSize,
+                fontWeight: 900,
+                fontFamily: 'Impact, "Arial Black", sans-serif',
+                fill: withAlpha(themeColor, .92),
+                textAlign: "center",
+                textBaseline: "middle"
+            }
+        } ]
+    };
+};
+
+const isOnLeft = index => index % 2 == 1, getLadderBlockMetrics = (spec, ctx, index) => {
+    var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
+    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 = isOnLeft(index) ? "right" : "left", imageWidth = null !== (_e = null === (_c = spec.image) || void 0 === _c ? void 0 : _c.width) && void 0 !== _e ? _e : 96, imageHeight = null !== (_g = null === (_f = spec.image) || void 0 === _f ? void 0 : _f.height) && void 0 !== _g ? _g : 96, imageGap = null !== (_j = null === (_h = spec.image) || void 0 === _h ? void 0 : _h.gap) && void 0 !== _j ? _j : DEFAULT_IMAGE_GAP, hasImage = !!(null === (_l = null === (_k = spec.data) || void 0 === _k ? void 0 : _k[index]) || void 0 === _l ? void 0 : _l.image), titleFontSize = Number(null !== (_p = null === (_o = null === (_m = spec.title) || void 0 === _m ? void 0 : _m.style) || void 0 === _o ? void 0 : _o.fontSize) && void 0 !== _p ? _p : 28), titleLineHeight = Number(null !== (_s = null === (_r = null === (_q = spec.title) || void 0 === _q ? void 0 : _q.style) || void 0 === _r ? void 0 : _r.lineHeight) && void 0 !== _s ? _s : Math.round(titleFontSize * (36 / 28))), titleHeight = (null === (_u = null === (_t = spec.data) || void 0 === _t ? void 0 : _t[index]) || void 0 === _u ? void 0 : _u.title) ? titleLineHeight : 0, blockWidth = null !== (_v = null == block ? void 0 : block.width) && void 0 !== _v ? _v : resolveBlockWidth(spec, 0), blockHeight = null !== (_y = null !== (_w = null == block ? void 0 : block.height) && void 0 !== _w ? _w : null === (_x = spec.block) || void 0 === _x ? void 0 : _x.height) && void 0 !== _y ? _y : 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 === (_0 = null === (_z = spec.data) || void 0 === _z ? void 0 : _z[index]) || void 0 === _0 ? void 0 : _0.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 buildLadderBlockMark = (spec, block, index) => {
+    var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    const hasImage = !!block.image, align = isOnLeft(index) ? "right" : "left", 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 : 28), 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.round(titleFontSize * (36 / 28))), showBackground = !0 === (null === (_h = spec.block) || void 0 === _h ? void 0 : _h.showBackground), getTitleX = ctx => {
+        const m = getLadderBlockMetrics(spec, ctx, index);
+        return "right" === align ? m.textBox.x + m.textBox.width : m.textBox.x;
+    };
+    return {
+        type: "group",
+        id: `storyline-block-${null !== (_j = block.id) && void 0 !== _j ? _j : index}`,
+        name: `storyline-block-${index}`,
+        zIndex: LayoutZIndex.Mark + 1,
+        style: {
+            x: (_d, 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: (_d, 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: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).block.width,
+            height: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).block.height
+        },
+        children: [ showBackground ? {
+            type: "rect",
+            name: `storyline-block-bg-${index}`,
+            interactive: !1,
+            style: Object.assign({
+                x: 0,
+                y: 0,
+                width: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).block.width,
+                height: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).block.height,
+                cornerRadius: 8,
+                fill: "#ffffff",
+                stroke: "#d7dce5",
+                lineWidth: 1,
+                shadowBlur: 6,
+                shadowColor: "rgba(0, 0, 0, 0.08)"
+            }, null === (_k = spec.block) || void 0 === _k ? void 0 : _k.style)
+        } : null, hasImage ? Object.assign(Object.assign({
+            type: "image",
+            name: `storyline-block-image-${index}`,
+            interactive: !1
+        }, omitImageLayoutSpec(spec.image)), {
+            style: Object.assign({
+                x: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).imageBox.x,
+                y: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).imageBox.y,
+                width: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).imageBox.width,
+                height: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).imageBox.height,
+                image: block.image
+            }, null === (_l = spec.image) || void 0 === _l ? void 0 : _l.style)
+        }) : null, block.title ? Object.assign(Object.assign({
+            type: "text",
+            name: `storyline-block-title-${index}`,
+            interactive: !1
+        }, spec.title), {
+            style: Object.assign(Object.assign({
+                x: (_d, ctx) => getTitleX(ctx),
+                y: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).textBox.y,
+                text: block.title,
+                maxLineWidth: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).textBox.width,
+                fontSize: titleFontSize,
+                lineHeight: titleLineHeight,
+                fontWeight: "bold",
+                fill: "#1f2430",
+                stroke: "#fff",
+                lineWidth: 5,
+                lineJoin: "round",
+                textBaseline: "top"
+            }, null === (_m = spec.title) || void 0 === _m ? void 0 : _m.style), {
+                textAlign: align
+            })
+        }) : null, contentText.length ? Object.assign(Object.assign({
+            type: "text",
+            name: `storyline-block-content-${index}`,
+            interactive: !1
+        }, spec.content), {
+            textType: "rich",
+            style: Object.assign(Object.assign({
+                x: (_d, ctx) => getTitleX(ctx),
+                y: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).contentBox.y,
+                width: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).textBox.width,
+                text: buildRichContent(contentText, spec),
+                maxLineWidth: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).textBox.width,
+                fontSize: 16,
+                lineHeight: 24,
+                heightLimit: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).contentBox.height,
+                textBaseline: "top",
+                wordBreak: "break-word",
+                ellipsis: "...",
+                fill: "#596173"
+            }, null === (_o = spec.content) || void 0 === _o ? void 0 : _o.style), {
+                textAlign: align
+            })
+        }) : null ].filter(Boolean)
+    };
+};
+//# sourceMappingURL=ladder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/storyline/layouts/ladder.ts"],"names":[],"mappings":"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","file":"ladder.js","sourcesContent":["import { LayoutZIndex, type IExtensionGroupMarkSpec } from '@visactor/vchart';\nimport type { IStorylineBlock, IStorylineSpec } from '../interface';\nimport {\n  type ICustomMarkSpec,\n  type LayoutContext,\n  DEFAULT_BLOCK_HEIGHT,\n  DEFAULT_IMAGE_GAP,\n  buildRichContent,\n  getImageBox,\n  getLayout,\n  getRegionGeometry,\n  getTextBox,\n  getThemeColor,\n  normalizeLayout,\n  normalizePadding,\n  omitImageLayoutSpec,\n  resolveBlockWidth,\n  withAlpha\n} from './common';\n\n/**\n * ladder 布局：参考 Bauhaus 信息图。\n *\n * 视觉结构（direction='up'）：\n * ┌─────────────────────────────────────────────────┐\n * │                              [block 2]          │\n * │              ╲╲╲                                │\n * │           ╲╲╲ headline 大字 ╲╲╲                 │\n * │       ╲╲╲                                       │\n * │   [block 1]                                     │\n * └─────────────────────────────────────────────────┘\n *\n * - direction='up'（默认）：对角线左下 → 右上\n * - direction='down'：对角线左上 → 右下\n * - headline 大字沿对角线方向旋转，叠加在对角线上\n * - 每个 block 在对角线上取一个 anchor 点，沿对角线法向左偏 / 右偏交替放置\n *   layout.ts 中 'ladder' 分支已经给出 block 中心点位置，本文件只关心\n *   \"对角线本身\" 与 \"headline 文本\" 这两个装饰图元，以及 block 的左右镜像排版。\n */\n\n// headline 字号占可用高度的比例，自适应于不同画布\nconst LADDER_HEADLINE_FONT_RATIO = 0.42;\nconst LADDER_HEADLINE_FONT_MIN = 80;\nconst LADDER_HEADLINE_FONT_MAX = 240;\nconst LADDER_DIAGONAL_LINE_WIDTH = 2;\nconst LADDER_DIAGONAL_DASH = [12, 8];\n\n// ladder 中 block 的默认视觉参数（比通用默认值更大，符合 Bauhaus 信息图风格）\nconst LADDER_BLOCK_IMAGE_SIZE = 96;\nconst LADDER_TITLE_FONT_SIZE = 28;\nconst LADDER_TITLE_LINE_HEIGHT = 36;\nconst LADDER_CONTENT_FONT_SIZE = 16;\nconst LADDER_CONTENT_LINE_HEIGHT = 24;\n\nconst isDownLadder = (spec: IStorylineSpec) => normalizeLayout(spec.layout).direction === 'down';\n\n/**\n * 计算对角线两个端点（与 layout.ts 中 ladder 的 anchors 起止点保持一致）。\n * - direction='up'（默认）：左下 → 右上\n * - direction='down'：左上 → 右下\n */\nconst getLadderDiagonalGeometry = (spec: IStorylineSpec, ctx: LayoutContext) => {\n  const { width, height, startX, startY } = getRegionGeometry(ctx);\n  const padding = normalizePadding(spec.block?.padding);\n  const innerX = startX + padding.left;\n  const innerY = startY + padding.top;\n  const innerW = Math.max(width - padding.left - padding.right, 1);\n  const innerH = Math.max(height - padding.top - padding.bottom, 1);\n  const isDown = isDownLadder(spec);\n  const x0 = innerX;\n  const x1 = innerX + innerW;\n  const y0 = isDown ? innerY : innerY + innerH;\n  const y1 = isDown ? innerY + innerH : innerY;\n  const cx = (x0 + x1) / 2;\n  const cy = (y0 + y1) / 2;\n  // 对角线方向角度（度，画布坐标系：顺时针为正）。\n  // up 时 dy<0 → 负角度（向上倾）；down 时 dy>0 → 正角度（向下倾）。\n  const dx = x1 - x0;\n  const dy = y1 - y0;\n  const angleRad = (Math.atan2(dy, dx) / Math.PI) * 180;\n  const fontSize = Math.max(\n    LADDER_HEADLINE_FONT_MIN,\n    Math.min(LADDER_HEADLINE_FONT_MAX, Math.round(innerH * LADDER_HEADLINE_FONT_RATIO))\n  );\n  return { x0, y0, x1, y1, cx, cy, angleRad, fontSize };\n};\n\nconst getLadderHeadlineText = (spec: IStorylineSpec) => {\n  const layoutOpt = normalizeLayout(spec.layout);\n  if (typeof layoutOpt.headline === 'string' && layoutOpt.headline.length > 0) {\n    return layoutOpt.headline;\n  }\n  // 回退：使用 spec.title 文本，再退化为占位\n  const title = (spec.title?.style as { text?: string } | undefined)?.text;\n  if (typeof title === 'string' && title.length > 0) {\n    return title;\n  }\n  return 'storyline';\n};\n\n/**\n * 对角线 mark：贯穿 inner 矩形。\n */\nexport const buildLadderDiagonalMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec => {\n  const themeColor = getThemeColor(spec);\n  return {\n    type: 'group' as any,\n    name: 'storyline-ladder-diagonal',\n    // 对角线在最底层\n    zIndex: LayoutZIndex.Mark - 1,\n    children: [\n      {\n        type: 'path',\n        name: 'storyline-ladder-diagonal-line',\n        interactive: false,\n        style: {\n          path: (_d: unknown, ctx: LayoutContext) => {\n            const g = getLadderDiagonalGeometry(spec, ctx);\n            return `M ${g.x0} ${g.y0} L ${g.x1} ${g.y1}`;\n          },\n          stroke: withAlpha(themeColor, 0.85),\n          lineWidth: LADDER_DIAGONAL_LINE_WIDTH,\n          lineDash: LADDER_DIAGONAL_DASH,\n          fill: 'transparent'\n        }\n      } as ICustomMarkSpec<'path'>\n    ]\n  };\n};\n\n/**\n * 倾斜的大字 headline mark，方向与对角线完全一致。\n * 整个 group 围绕对角线中点 (cx, cy) 旋转 angle，文本本身做水平/垂直居中。\n */\nexport const buildLadderHeadlineMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n  const text = getLadderHeadlineText(spec);\n  if (!text) {\n    return null;\n  }\n  const themeColor = getThemeColor(spec);\n  return {\n    type: 'group' as any,\n    name: 'storyline-ladder-headline',\n    // headline 在对角线之上、block 之下\n    zIndex: LayoutZIndex.Mark,\n    style: {\n      x: (_d: unknown, ctx: LayoutContext) => getLadderDiagonalGeometry(spec, ctx).cx,\n      y: (_d: unknown, ctx: LayoutContext) => getLadderDiagonalGeometry(spec, ctx).cy,\n      angle: (_d: unknown, ctx: LayoutContext) => getLadderDiagonalGeometry(spec, ctx).angleRad\n    },\n    children: [\n      {\n        type: 'text',\n        name: 'storyline-ladder-headline-text',\n        interactive: false,\n        style: {\n          // 相对 group 局部坐标，(0, 0) 即旋转中心\n          x: 0,\n          y: 0,\n          text,\n          fontSize: (_d: unknown, ctx: LayoutContext) => getLadderDiagonalGeometry(spec, ctx).fontSize,\n          fontWeight: 900,\n          fontFamily: 'Impact, \"Arial Black\", sans-serif',\n          fill: withAlpha(themeColor, 0.92),\n          textAlign: 'center',\n          textBaseline: 'middle'\n        }\n      } as ICustomMarkSpec<'text'>\n    ]\n  };\n};\n\n// ===== block mark =====\n\n/**\n * ladder 中\"对角线左侧 block\"的判定：\n * layout.ts 中的法向 (nx, ny) = (-dy/len, dx/len)。\n * - direction='up'：dy<0 → ny<0，sign=+1 → ny*sign<0 → 上方；可推得 偶数 index 在右上侧、奇数在左下侧。\n *   \"对角线左侧\" = 奇数 index。\n * - direction='down'：dy>0 → ny>0，sign=+1 → ny*sign>0 → 下方；偶数 index 在右下侧、奇数在左上侧。\n *   \"对角线左侧\" = 奇数 index。\n * 因此两种 direction 下\"对角线左侧\"的判定一致。\n */\nconst isOnLeft = (index: number) => index % 2 === 1;\n\nconst getLadderBlockMetrics = (spec: IStorylineSpec, ctx: LayoutContext, index: number) => {\n  const block = getLayout(spec, ctx).blocks[index];\n  const padding = normalizePadding(spec.block?.padding ?? 12);\n  // 左侧 block：image 放右；右侧 block：image 放左\n  const imagePosition = isOnLeft(index) ? ('right' as const) : ('left' as const);\n  const imageWidth = spec.image?.width ?? LADDER_BLOCK_IMAGE_SIZE;\n  const imageHeight = spec.image?.height ?? LADDER_BLOCK_IMAGE_SIZE;\n  const imageGap = spec.image?.gap ?? DEFAULT_IMAGE_GAP;\n  const hasImage = !!spec.data?.[index]?.image;\n  const titleFontSize = Number(\n    (spec.title?.style as { fontSize?: number } | undefined)?.fontSize ?? LADDER_TITLE_FONT_SIZE\n  );\n  const titleLineHeight = Number(\n    (spec.title?.style as { lineHeight?: number } | undefined)?.lineHeight ??\n      Math.round(titleFontSize * (LADDER_TITLE_LINE_HEIGHT / LADDER_TITLE_FONT_SIZE))\n  );\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  return {\n    block: { width: blockWidth, height: blockHeight },\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\n/**\n * ladder 的 block mark：\n * - 对角线左侧 block：image 在右，title / content textAlign='right'\n * - 对角线右侧 block：image 在左，title / content textAlign='left'\n */\nexport const buildLadderBlockMark = (\n  spec: IStorylineSpec,\n  block: IStorylineBlock,\n  index: number\n): IExtensionGroupMarkSpec => {\n  const hasImage = !!block.image;\n  const onLeft = isOnLeft(index);\n  const align = onLeft ? 'right' : 'left';\n  const contentText = Array.isArray(block.content) ? block.content : block.content ? [block.content] : [];\n  const titleFontSize = Number(\n    (spec.title?.style as { fontSize?: number } | undefined)?.fontSize ?? LADDER_TITLE_FONT_SIZE\n  );\n  const titleLineHeight = Number(\n    (spec.title?.style as { lineHeight?: number } | undefined)?.lineHeight ??\n      Math.round(titleFontSize * (LADDER_TITLE_LINE_HEIGHT / LADDER_TITLE_FONT_SIZE))\n  );\n  const showBackground = spec.block?.showBackground === true;\n\n  // textAlign='right' 时 x 锚点取 textBox 右端，否则取左端\n  const getTitleX = (ctx: LayoutContext) => {\n    const m = getLadderBlockMetrics(spec, ctx, index);\n    return align === 'right' ? m.textBox.x + m.textBox.width : m.textBox.x;\n  };\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) => getLayout(spec, ctx).blocks[index]?.x ?? 0,\n      y: (_d: unknown, ctx: LayoutContext) => getLayout(spec, ctx).blocks[index]?.y ?? 0,\n      width: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).block.width,\n      height: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).block.height\n    },\n    children: [\n      showBackground\n        ? ({\n            type: 'rect',\n            name: `storyline-block-bg-${index}`,\n            interactive: false,\n            style: {\n              x: 0,\n              y: 0,\n              width: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).block.width,\n              height: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(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: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).imageBox.x,\n              y: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).imageBox.y,\n              width: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).imageBox.width,\n              height: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(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: (_d: unknown, ctx: LayoutContext) => getTitleX(ctx),\n              y: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).textBox.y,\n              text: block.title,\n              maxLineWidth: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(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              textBaseline: 'top',\n              ...spec.title?.style,\n              // 由于 ladder 强制按对角线左右镜像，textAlign 不允许被外层 spec.title.style 覆盖\n              textAlign: align\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: (_d: unknown, ctx: LayoutContext) => getTitleX(ctx),\n              y: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).contentBox.y,\n              width: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).textBox.width,\n              text: buildRichContent(contentText, spec),\n              maxLineWidth: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).textBox.width,\n              fontSize: LADDER_CONTENT_FONT_SIZE,\n              lineHeight: LADDER_CONTENT_LINE_HEIGHT,\n              heightLimit: (_d: unknown, ctx: LayoutContext) =>\n                getLadderBlockMetrics(spec, ctx, index).contentBox.height,\n              textBaseline: 'top',\n              wordBreak: 'break-word',\n              ellipsis: '...',\n              fill: '#596173',\n              ...spec.content?.style,\n              textAlign: align\n            }\n          } as ICustomMarkSpec<'text'>)\n        : null\n    ].filter(Boolean) as ICustomMarkSpec<'rect' | 'image' | 'text'>[]\n  };\n};\n"]}

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

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