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

package/cjs/charts/storyline/layouts/portrait.js

@@ -0,0 +1,214 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.buildPortraitBlockMark = exports.buildPortraitAxisMark = void 0;
+
+const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), PORTRAIT_AXIS_WIDTH = 64, PORTRAIT_AXIS_PADDING = 50, PORTRAIT_IMAGE_WIDTH = 180, PORTRAIT_IMAGE_HEIGHT = 110, PORTRAIT_IMAGE_GAP_FROM_AXIS = 24, PORTRAIT_SHADOW_OFFSET_X = 24, PORTRAIT_SHADOW_OFFSET_Y = 16, PORTRAIT_SHADOW_SCALE = 1, PORTRAIT_TEXT_GAP_FROM_IMAGE = 8, PORTRAIT_CONTENT_LINES = 3, PORTRAIT_TITLE_LINE_HEIGHT = 19, PORTRAIT_CONTENT_LINE_HEIGHT = 18, PORTRAIT_CONTENT_FONT_SIZE = 12, PORTRAIT_TITLE_TO_CONTENT_GAP = 4, getPortraitAxisRect = (spec, ctx) => {
+    const blocks = (0, common_1.getLayout)(spec, ctx).blocks;
+    if (!blocks.length) return {
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0
+    };
+    const firstCy = blocks[0].center.y, lastCy = blocks[blocks.length - 1].center.y, top = Math.min(firstCy, lastCy), bottom = Math.max(firstCy, lastCy);
+    return {
+        x: blocks[0].center.x - 32,
+        y: top - 50,
+        width: 64,
+        height: bottom - top + 100
+    };
+}, buildPortraitAxisMark = spec => {
+    var _a, _b, _c, _e, _f, _g;
+    const themeColor = (0, common_1.getThemeColor)(spec), lineStyle = null !== (_b = null === (_a = spec.line) || void 0 === _a ? void 0 : _a.style) && void 0 !== _b ? _b : {}, defaultFill = {
+        gradient: "linear",
+        x0: 0,
+        y0: 0,
+        x1: 0,
+        y1: 1,
+        stops: [ {
+            offset: 0,
+            color: (0, common_1.withAlpha)(themeColor, .2)
+        }, {
+            offset: 1,
+            color: (0, common_1.withAlpha)(themeColor, 1)
+        } ]
+    };
+    return {
+        type: "group",
+        name: "storyline-portrait-axis",
+        zIndex: vchart_1.LayoutZIndex.Mark,
+        children: [ {
+            type: "rect",
+            name: "storyline-portrait-axis-rect",
+            interactive: !1,
+            style: {
+                fill: null !== (_c = lineStyle.fill) && void 0 !== _c ? _c : defaultFill,
+                stroke: null !== (_e = lineStyle.stroke) && void 0 !== _e && _e,
+                lineWidth: null !== (_f = lineStyle.lineWidth) && void 0 !== _f ? _f : 0,
+                cornerRadius: null !== (_g = lineStyle.cornerRadius) && void 0 !== _g ? _g : 0,
+                x: (_d, ctx) => getPortraitAxisRect(spec, ctx).x,
+                y: (_d, ctx) => getPortraitAxisRect(spec, ctx).y,
+                width: (_d, ctx) => getPortraitAxisRect(spec, ctx).width,
+                height: (_d, ctx) => getPortraitAxisRect(spec, ctx).height
+            }
+        } ]
+    };
+};
+
+exports.buildPortraitAxisMark = buildPortraitAxisMark;
+
+const getPortraitMetrics = (spec, blockWidth, blockHeight, index) => {
+    var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+    const titleFontSize = Number(null !== (_c = null === (_b = null === (_a = spec.title) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fontSize) && void 0 !== _c ? _c : 18), titleLineHeight = Number(null !== (_g = null === (_f = null === (_e = spec.title) || void 0 === _e ? void 0 : _e.style) || void 0 === _f ? void 0 : _f.lineHeight) && void 0 !== _g ? _g : Math.max(19, Math.round(1.35 * titleFontSize))), contentFontSize = Number(null !== (_k = null === (_j = null === (_h = spec.content) || void 0 === _h ? void 0 : _h.style) || void 0 === _j ? void 0 : _j.fontSize) && void 0 !== _k ? _k : 12), contentLineHeight = Number(null !== (_o = null === (_m = null === (_l = spec.content) || void 0 === _l ? void 0 : _l.style) || void 0 === _m ? void 0 : _m.lineHeight) && void 0 !== _o ? _o : 18), imageWidth = null !== (_q = null === (_p = spec.image) || void 0 === _p ? void 0 : _p.width) && void 0 !== _q ? _q : 180, imageHeight = null !== (_s = null === (_r = spec.image) || void 0 === _r ? void 0 : _r.height) && void 0 !== _s ? _s : 110, minContentHeight = 3 * contentLineHeight, contentHeight = Math.max(minContentHeight, blockHeight - imageHeight / 2 - 8 - titleLineHeight - 4), onLeft = index % 2 == 0, imageX = onLeft ? -56 - imageWidth : 56, imageY = -imageHeight / 2, textY = imageY + imageHeight + 8, shadowWidth = 1 * imageWidth, shadowHeight = 1 * imageHeight;
+    return {
+        onLeft: onLeft,
+        titleFontSize: titleFontSize,
+        titleLineHeight: titleLineHeight,
+        contentFontSize: contentFontSize,
+        contentLineHeight: contentLineHeight,
+        blockWidth: blockWidth,
+        imageBox: {
+            x: imageX,
+            y: imageY,
+            width: imageWidth,
+            height: imageHeight
+        },
+        shadowBox: {
+            x: imageX - (shadowWidth - imageWidth) / 2 + (onLeft ? -24 : 24),
+            y: imageY - (shadowHeight - imageHeight) / 2 + 16,
+            width: shadowWidth,
+            height: shadowHeight
+        },
+        textBox: {
+            x: imageX,
+            y: textY,
+            width: imageWidth,
+            height: titleLineHeight + 4 + contentHeight
+        },
+        contentBox: {
+            x: imageX,
+            y: textY + titleLineHeight + 4,
+            width: imageWidth,
+            height: contentHeight
+        }
+    };
+}, buildPortraitBlockMark = (spec, block, index) => {
+    var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    const hasImage = !!block.image, hasSubImage = !!block.subImage, 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 !== (_g = null === (_f = null === (_e = spec.title) || void 0 === _e ? void 0 : _e.style) || void 0 === _f ? void 0 : _f.lineHeight) && void 0 !== _g ? _g : Math.max(19, Math.round(1.35 * titleFontSize))), showBackground = !0 === (null === (_h = spec.image) || void 0 === _h ? void 0 : _h.showBackground), getMetrics = ctx => {
+        var _a, _b, _c, _e;
+        const lb = (0, common_1.getLayout)(spec, ctx).blocks[index], w = null !== (_a = null == lb ? void 0 : lb.width) && void 0 !== _a ? _a : (0, 
+        common_1.resolveBlockWidth)(spec, 0), h = null !== (_e = null !== (_b = null == lb ? void 0 : lb.height) && void 0 !== _b ? _b : null === (_c = spec.block) || void 0 === _c ? void 0 : _c.height) && void 0 !== _e ? _e : common_1.DEFAULT_BLOCK_HEIGHT;
+        return getPortraitMetrics(spec, w, h, index);
+    }, themeColor = (0, common_1.getThemeColor)(spec), blockStyle = null !== (_k = null === (_j = spec.block) || void 0 === _j ? void 0 : _j.style) && void 0 !== _k ? _k : {};
+    return {
+        type: "group",
+        id: `storyline-block-${null !== (_l = block.id) && void 0 !== _l ? _l : index}`,
+        name: `storyline-block-${index}`,
+        zIndex: vchart_1.LayoutZIndex.Mark + 1,
+        style: {
+            x: (_d, ctx) => {
+                var _a, _b;
+                const lb = (0, common_1.getLayout)(spec, ctx).blocks[index];
+                return null !== (_b = null === (_a = null == lb ? void 0 : lb.center) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : 0;
+            },
+            y: (_d, ctx) => {
+                var _a, _b;
+                const lb = (0, common_1.getLayout)(spec, ctx).blocks[index];
+                return null !== (_b = null === (_a = null == lb ? void 0 : lb.center) || void 0 === _a ? void 0 : _a.y) && void 0 !== _b ? _b : 0;
+            }
+        },
+        children: [ hasSubImage && showBackground ? {
+            type: "image",
+            name: `storyline-block-shadow-image-${index}`,
+            interactive: !1,
+            style: {
+                x: (_d, ctx) => getMetrics(ctx).shadowBox.x,
+                y: (_d, ctx) => getMetrics(ctx).shadowBox.y,
+                width: (_d, ctx) => getMetrics(ctx).shadowBox.width,
+                height: (_d, ctx) => getMetrics(ctx).shadowBox.height,
+                image: block.subImage,
+                repeatX: "no-repeat",
+                repeatY: "no-repeat",
+                imageMode: "cover",
+                imagePosition: "center"
+            }
+        } : null, {
+            type: "rect",
+            name: `storyline-block-image-bg-${index}`,
+            interactive: !1,
+            style: Object.assign({
+                x: (_d, ctx) => getMetrics(ctx).imageBox.x,
+                y: (_d, ctx) => getMetrics(ctx).imageBox.y,
+                width: (_d, ctx) => getMetrics(ctx).imageBox.width,
+                height: (_d, ctx) => getMetrics(ctx).imageBox.height,
+                cornerRadius: 8,
+                fill: "#ffffff",
+                stroke: themeColor,
+                lineWidth: 2
+            }, blockStyle)
+        }, hasImage ? Object.assign(Object.assign({
+            type: "image",
+            name: `storyline-block-image-${index}`,
+            interactive: !1
+        }, (0, common_1.omitImageLayoutSpec)(spec.image)), {
+            style: Object.assign({
+                x: (_d, ctx) => getMetrics(ctx).imageBox.x,
+                y: (_d, ctx) => getMetrics(ctx).imageBox.y,
+                width: (_d, ctx) => getMetrics(ctx).imageBox.width,
+                height: (_d, ctx) => getMetrics(ctx).imageBox.height,
+                image: block.image,
+                repeatX: "no-repeat",
+                repeatY: "no-repeat",
+                imageMode: "cover",
+                imagePosition: "center"
+            }, null === (_m = spec.image) || void 0 === _m ? void 0 : _m.style)
+        }) : null, block.title ? Object.assign(Object.assign({
+            type: "text",
+            name: `storyline-block-title-${index}`,
+            interactive: !1
+        }, spec.title), {
+            style: Object.assign({
+                x: (_d, ctx) => getMetrics(ctx).textBox.x,
+                y: (_d, ctx) => getMetrics(ctx).textBox.y,
+                text: block.title,
+                maxLineWidth: (_d, ctx) => getMetrics(ctx).textBox.width,
+                fontSize: titleFontSize,
+                lineHeight: titleLineHeight,
+                fontWeight: "bold",
+                fill: "#1f2430",
+                stroke: "#fff",
+                lineWidth: 5,
+                lineJoin: "round",
+                textAlign: "left",
+                textBaseline: "top"
+            }, null === (_o = spec.title) || void 0 === _o ? void 0 : _o.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: (_d, ctx) => getMetrics(ctx).contentBox.x,
+                y: (_d, ctx) => getMetrics(ctx).contentBox.y,
+                width: (_d, ctx) => getMetrics(ctx).contentBox.width,
+                height: (_d, ctx) => getMetrics(ctx).contentBox.height,
+                maxLineWidth: (_d, ctx) => getMetrics(ctx).contentBox.width,
+                heightLimit: (_d, ctx) => getMetrics(ctx).contentBox.height,
+                text: (0, common_1.buildRichContent)(contentText, spec),
+                fontSize: 12,
+                lineHeight: 18,
+                textAlign: "left",
+                textBaseline: "top",
+                wordBreak: "break-word",
+                ellipsis: "...",
+                fill: "#596173"
+            }, null === (_p = spec.content) || void 0 === _p ? void 0 : _p.style)
+        }) : null ].filter(Boolean)
+    };
+};
+
+exports.buildPortraitBlockMark = buildPortraitBlockMark;
+//# sourceMappingURL=portrait.js.map

package/cjs/charts/storyline/layouts/portrait.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/storyline/layouts/portrait.ts"],"names":[],"mappings":"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","file":"portrait.js","sourcesContent":["import type { IExtensionGroupMarkSpec } from '@visactor/vchart';\nimport { LayoutZIndex } from '@visactor/vchart';\nimport type { IStorylineBlock, IStorylineSpec } from '../interface';\nimport {\n  type ICustomMarkSpec,\n  type LayoutContext,\n  DEFAULT_BLOCK_HEIGHT,\n  buildRichContent,\n  getLayout,\n  getThemeColor,\n  omitImageLayoutSpec,\n  resolveBlockWidth,\n  withAlpha\n} from './common';\n\n// portrait 布局：中轴 rect + 左右交替的 image + image 下方 title/content\nconst PORTRAIT_AXIS_WIDTH = 64;\nconst PORTRAIT_AXIS_PADDING = 50; // 中轴上下两端的留白\nconst PORTRAIT_IMAGE_WIDTH = 180;\nconst PORTRAIT_IMAGE_HEIGHT = 110;\nconst PORTRAIT_IMAGE_GAP_FROM_AXIS = 24; // image 与中轴之间的水平间距\nconst PORTRAIT_SHADOW_OFFSET_X = 24; // subImage 相对主 image 的水平错位量\nconst PORTRAIT_SHADOW_OFFSET_Y = 16; // subImage 相对主 image 的垂直错位量\nconst PORTRAIT_SHADOW_SCALE = 1; // subImage 与主 image 同尺寸，仅做错位偏移\nconst PORTRAIT_TEXT_GAP_FROM_IMAGE = 8;\nconst PORTRAIT_CONTENT_LINES = 3;\nconst PORTRAIT_TITLE_LINE_HEIGHT = 19;\nconst PORTRAIT_CONTENT_LINE_HEIGHT = 18;\nconst PORTRAIT_CONTENT_FONT_SIZE = 12;\nconst PORTRAIT_TITLE_TO_CONTENT_GAP = 4;\n\n/**\n * 获取 portrait 布局的中轴 rect 尺寸：宽度固定，高度贯穿首/尾 block 中心。\n */\nconst getPortraitAxisRect = (spec: IStorylineSpec, ctx: LayoutContext) => {\n  const blocks = getLayout(spec, ctx).blocks;\n  if (!blocks.length) {\n    return { x: 0, y: 0, width: 0, height: 0 };\n  }\n  const firstCy = blocks[0].center.y;\n  const lastCy = blocks[blocks.length - 1].center.y;\n  const top = Math.min(firstCy, lastCy);\n  const bottom = Math.max(firstCy, lastCy);\n  const cx = blocks[0].center.x;\n  return {\n    x: cx - PORTRAIT_AXIS_WIDTH / 2,\n    y: top - PORTRAIT_AXIS_PADDING,\n    width: PORTRAIT_AXIS_WIDTH,\n    height: bottom - top + PORTRAIT_AXIS_PADDING * 2\n  };\n};\n\nexport const buildPortraitAxisMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec => {\n  const themeColor = getThemeColor(spec);\n  const lineStyle = spec.line?.style ?? {};\n  const defaultFill = {\n    gradient: 'linear',\n    x0: 0,\n    y0: 0,\n    x1: 0,\n    y1: 1,\n    stops: [\n      { offset: 0, color: withAlpha(themeColor, 0.2) },\n      { offset: 1, color: withAlpha(themeColor, 1) }\n    ]\n  };\n  return {\n    type: 'group' as any,\n    name: 'storyline-portrait-axis',\n    zIndex: LayoutZIndex.Mark,\n    children: [\n      {\n        type: 'rect',\n        name: 'storyline-portrait-axis-rect',\n        interactive: false,\n        style: {\n          fill: (lineStyle as any).fill ?? defaultFill,\n          stroke: (lineStyle as any).stroke ?? false,\n          lineWidth: (lineStyle as any).lineWidth ?? 0,\n          cornerRadius: (lineStyle as any).cornerRadius ?? 0,\n          x: (_d: unknown, ctx: LayoutContext) => getPortraitAxisRect(spec, ctx).x,\n          y: (_d: unknown, ctx: LayoutContext) => getPortraitAxisRect(spec, ctx).y,\n          width: (_d: unknown, ctx: LayoutContext) => getPortraitAxisRect(spec, ctx).width,\n          height: (_d: unknown, ctx: LayoutContext) => getPortraitAxisRect(spec, ctx).height\n        }\n      } as ICustomMarkSpec<'rect'>\n    ]\n  };\n};\n\nconst getPortraitMetrics = (spec: IStorylineSpec, blockWidth: number, blockHeight: number, index: number) => {\n  const titleFontSize = Number((spec.title?.style as any)?.fontSize ?? 18);\n  const titleLineHeight = Number(\n    (spec.title?.style as any)?.lineHeight ?? Math.max(PORTRAIT_TITLE_LINE_HEIGHT, Math.round(titleFontSize * 1.35))\n  );\n  const contentFontSize = Number((spec.content?.style as any)?.fontSize ?? PORTRAIT_CONTENT_FONT_SIZE);\n  const contentLineHeight = Number((spec.content?.style as any)?.lineHeight ?? PORTRAIT_CONTENT_LINE_HEIGHT);\n  const titleToContentGap = PORTRAIT_TITLE_TO_CONTENT_GAP;\n\n  const imageWidth = spec.image?.width ?? PORTRAIT_IMAGE_WIDTH;\n  const imageHeight = spec.image?.height ?? PORTRAIT_IMAGE_HEIGHT;\n  const minContentHeight = PORTRAIT_CONTENT_LINES * contentLineHeight;\n  const contentHeight = Math.max(\n    minContentHeight,\n    blockHeight - imageHeight / 2 - PORTRAIT_TEXT_GAP_FROM_IMAGE - titleLineHeight - titleToContentGap\n  );\n  const textHeight = titleLineHeight + titleToContentGap + contentHeight;\n\n  const onLeft = index % 2 === 0;\n\n  const axisHalf = PORTRAIT_AXIS_WIDTH / 2;\n  const imageX = onLeft\n    ? -axisHalf - PORTRAIT_IMAGE_GAP_FROM_AXIS - imageWidth\n    : axisHalf + PORTRAIT_IMAGE_GAP_FROM_AXIS;\n  const imageY = -imageHeight / 2;\n\n  const textX = imageX;\n  const textY = imageY + imageHeight + PORTRAIT_TEXT_GAP_FROM_IMAGE;\n  const textWidth = imageWidth;\n\n  const contentBox = {\n    x: textX,\n    y: textY + titleLineHeight + titleToContentGap,\n    width: textWidth,\n    height: contentHeight\n  };\n\n  const shadowOffsetX = PORTRAIT_SHADOW_OFFSET_X;\n  const shadowOffsetY = PORTRAIT_SHADOW_OFFSET_Y;\n  const shadowWidth = imageWidth * PORTRAIT_SHADOW_SCALE;\n  const shadowHeight = imageHeight * PORTRAIT_SHADOW_SCALE;\n  const baseShadowX = imageX - (shadowWidth - imageWidth) / 2;\n  const baseShadowY = imageY - (shadowHeight - imageHeight) / 2;\n  const shadowBox = {\n    x: baseShadowX + (onLeft ? -shadowOffsetX : shadowOffsetX),\n    y: baseShadowY + shadowOffsetY,\n    width: shadowWidth,\n    height: shadowHeight\n  };\n\n  return {\n    onLeft,\n    titleFontSize,\n    titleLineHeight,\n    contentFontSize,\n    contentLineHeight,\n    blockWidth,\n    imageBox: { x: imageX, y: imageY, width: imageWidth, height: imageHeight },\n    shadowBox,\n    textBox: { x: textX, y: textY, width: textWidth, height: textHeight },\n    contentBox\n  };\n};\n\nexport const buildPortraitBlockMark = (\n  spec: IStorylineSpec,\n  block: IStorylineBlock,\n  index: number\n): IExtensionGroupMarkSpec => {\n  const hasImage = !!block.image;\n  const hasSubImage = !!block.subImage;\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(\n    (spec.title?.style as any)?.lineHeight ?? Math.max(PORTRAIT_TITLE_LINE_HEIGHT, Math.round(titleFontSize * 1.35))\n  );\n  // image 背后的装饰图元（错位 shadow image + mask）默认不展示\n  const showBackground = spec.image?.showBackground === true;\n\n  const getMetrics = (ctx: LayoutContext) => {\n    const lb = getLayout(spec, ctx).blocks[index];\n    const w = lb?.width ?? resolveBlockWidth(spec, 0);\n    const h = lb?.height ?? spec.block?.height ?? DEFAULT_BLOCK_HEIGHT;\n    return getPortraitMetrics(spec, w, h, index);\n  };\n  const themeColor = getThemeColor(spec);\n  const blockStyle = spec.block?.style ?? {};\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) => {\n        const lb = getLayout(spec, ctx).blocks[index];\n        return lb?.center?.x ?? 0;\n      },\n      y: (_d: unknown, ctx: LayoutContext) => {\n        const lb = getLayout(spec, ctx).blocks[index];\n        return lb?.center?.y ?? 0;\n      }\n    },\n    children: [\n      hasSubImage && showBackground\n        ? ({\n            type: 'image',\n            name: `storyline-block-shadow-image-${index}`,\n            interactive: false,\n            style: {\n              x: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).shadowBox.x,\n              y: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).shadowBox.y,\n              width: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).shadowBox.width,\n              height: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).shadowBox.height,\n              image: block.subImage,\n              repeatX: 'no-repeat',\n              repeatY: 'no-repeat',\n              imageMode: 'cover',\n              imagePosition: 'center'\n            }\n          } as ICustomMarkSpec<'image'>)\n        : null,\n      {\n        type: 'rect',\n        name: `storyline-block-image-bg-${index}`,\n        interactive: false,\n        style: {\n          x: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.x,\n          y: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.y,\n          width: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.width,\n          height: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.height,\n          cornerRadius: 8,\n          fill: '#ffffff',\n          stroke: themeColor,\n          lineWidth: 2,\n          ...blockStyle\n        }\n      } as ICustomMarkSpec<'rect'>,\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) => getMetrics(ctx).imageBox.x,\n              y: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.y,\n              width: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.width,\n              height: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.height,\n              image: block.image,\n              repeatX: 'no-repeat',\n              repeatY: 'no-repeat',\n              imageMode: 'cover',\n              imagePosition: 'center',\n              ...spec.image?.style\n            }\n          } as ICustomMarkSpec<'image'>)\n        : 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) => getMetrics(ctx).textBox.x,\n              y: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).textBox.y,\n              text: block.title,\n              maxLineWidth: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).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: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).contentBox.x,\n              y: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).contentBox.y,\n              width: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).contentBox.width,\n              height: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).contentBox.height,\n              maxLineWidth: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).contentBox.width,\n              heightLimit: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).contentBox.height,\n              text: buildRichContent(contentText, spec),\n              fontSize: PORTRAIT_CONTENT_FONT_SIZE,\n              lineHeight: PORTRAIT_CONTENT_LINE_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"]}

package/cjs/charts/storyline/layouts/wing.d.ts

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

package/cjs/charts/storyline/layouts/wing.js

@@ -0,0 +1,215 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.buildWingBlockMark = exports.buildWingArcMark = void 0;
+
+const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), WING_BLOCK_IMAGE_SIZE = 96, WING_TEXT_GAP_FROM_IMAGE = 14, WING_TITLE_LINE_HEIGHT = 30, WING_TITLE_FONT_SIZE = 22, WING_CONTENT_LINE_HEIGHT = 17, WING_CONTENT_FONT_SIZE = 12, WING_TEXT_BOX_WIDTH = 240, WING_TEXT_BOX_HEIGHT = 110, WING_TITLE_TO_CONTENT_GAP = 4, getWingDirection = spec => {
+    var _a;
+    return null !== (_a = (0, common_1.normalizeLayout)(spec.layout).direction) && void 0 !== _a ? _a : "left";
+}, getWingArcGeometry = (spec, ctx) => {
+    var _a, _b, _c, _e;
+    const {width: width, height: height, startX: startX, startY: startY} = (0, common_1.getRegionGeometry)(ctx), padding = (0, 
+    common_1.normalizePadding)(null === (_a = spec.block) || void 0 === _a ? void 0 : _a.padding), innerWidth = Math.max(width - padding.left - padding.right, 1), innerHeight = Math.max(height - padding.top - padding.bottom, 1), layoutOpt = (0, 
+    common_1.normalizeLayout)(spec.layout), direction = getWingDirection(spec), defaultStart = "right" === direction ? 110 : -70, defaultEnd = "right" === direction ? 250 : 70, startAngle = null !== (_b = layoutOpt.startAngle) && void 0 !== _b ? _b : defaultStart, endAngle = null !== (_c = layoutOpt.endAngle) && void 0 !== _c ? _c : defaultEnd, ratio = null !== (_e = layoutOpt.radiusRatio) && void 0 !== _e ? _e : .92, ry = innerHeight / 2 * ratio, rx = .6 * innerWidth * ratio;
+    return {
+        cx: "right" === direction ? startX + padding.left + innerWidth - .1 * rx : startX + padding.left + .1 * rx,
+        cy: startY + padding.top + innerHeight / 2,
+        rx: rx,
+        ry: ry,
+        startAngle: startAngle,
+        endAngle: endAngle
+    };
+}, getWingBlockCenter = (spec, ctx, index) => {
+    var _a, _b;
+    const arc = getWingArcGeometry(spec, ctx), count = null !== (_b = null === (_a = spec.data) || void 0 === _a ? void 0 : _a.length) && void 0 !== _b ? _b : 0;
+    if (count <= 0) return {
+        x: arc.cx,
+        y: arc.cy
+    };
+    const t = 1 === count ? .5 : index / (count - 1), angle = (arc.startAngle + (arc.endAngle - arc.startAngle) * t) / 180 * Math.PI;
+    return {
+        x: arc.cx + Math.cos(angle) * arc.rx,
+        y: arc.cy + Math.sin(angle) * arc.ry
+    };
+}, isTextOnLeft = (spec, index) => "right" === getWingDirection(spec) ? index % 2 == 1 : index % 2 == 0, buildWingArcMark = spec => {
+    var _a, _b, _c, _e, _f, _g, _h, _j;
+    if (!1 === (null === (_a = spec.line) || void 0 === _a ? void 0 : _a.visible)) return null;
+    const themeColor = (0, common_1.getThemeColor)(spec), lineStyle = null !== (_c = null === (_b = spec.line) || void 0 === _b ? void 0 : _b.style) && void 0 !== _c ? _c : {}, startWidth = Math.max(Number(null !== (_e = lineStyle.startWidth) && void 0 !== _e ? _e : 2), .5), endWidth = Math.max(Number(null !== (_g = null !== (_f = lineStyle.endWidth) && void 0 !== _f ? _f : lineStyle.lineWidth) && void 0 !== _g ? _g : 18), startWidth);
+    return {
+        type: "group",
+        name: "storyline-wing-arc",
+        zIndex: vchart_1.LayoutZIndex.Mark,
+        children: [ {
+            type: "path",
+            name: "storyline-wing-arc-path",
+            interactive: !1,
+            style: {
+                stroke: !1,
+                lineWidth: 0,
+                fill: null !== (_j = null !== (_h = lineStyle.fill) && void 0 !== _h ? _h : lineStyle.stroke) && void 0 !== _j ? _j : themeColor,
+                opacity: .95,
+                path: (_d, ctx) => {
+                    const arc = getWingArcGeometry(spec, ctx), span = arc.endAngle - arc.startAngle, pts = [];
+                    for (let i = 0; i <= 96; i++) {
+                        const t = i / 96, angle = (arc.startAngle + span * t) / 180 * Math.PI, cx = arc.cx + Math.cos(angle) * arc.rx, cy = arc.cy + Math.sin(angle) * arc.ry, nxRaw = Math.cos(angle) / arc.rx, nyRaw = Math.sin(angle) / arc.ry, nLen = Math.hypot(nxRaw, nyRaw) || 1;
+                        pts.push({
+                            x: cx,
+                            y: cy,
+                            nx: nxRaw / nLen,
+                            ny: nyRaw / nLen,
+                            w: startWidth + (endWidth - startWidth) * t
+                        });
+                    }
+                    const segments = [];
+                    for (let i = 0; i < pts.length; i++) {
+                        const p = pts[i], x = p.x + p.nx * (p.w / 2), y = p.y + p.ny * (p.w / 2);
+                        segments.push(`${0 === i ? "M" : "L"} ${x.toFixed(2)} ${y.toFixed(2)}`);
+                    }
+                    for (let i = pts.length - 1; i >= 0; i--) {
+                        const p = pts[i], x = p.x - p.nx * (p.w / 2), y = p.y - p.ny * (p.w / 2);
+                        segments.push(`L ${x.toFixed(2)} ${y.toFixed(2)}`);
+                    }
+                    return segments.push("Z"), segments.join(" ");
+                }
+            }
+        } ]
+    };
+};
+
+exports.buildWingArcMark = buildWingArcMark;
+
+const getWingBlockMetrics = (spec, index) => {
+    var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+    const titleFontSize = Number(null !== (_c = null === (_b = null === (_a = spec.title) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fontSize) && void 0 !== _c ? _c : 22), titleLineHeight = Number(null !== (_g = null === (_f = null === (_e = spec.title) || void 0 === _e ? void 0 : _e.style) || void 0 === _f ? void 0 : _f.lineHeight) && void 0 !== _g ? _g : Math.max(30, Math.round(1.3 * titleFontSize))), contentFontSize = Number(null !== (_k = null === (_j = null === (_h = spec.content) || void 0 === _h ? void 0 : _h.style) || void 0 === _j ? void 0 : _j.fontSize) && void 0 !== _k ? _k : 12), contentLineHeight = Number(null !== (_o = null === (_m = null === (_l = spec.content) || void 0 === _l ? void 0 : _l.style) || void 0 === _m ? void 0 : _m.lineHeight) && void 0 !== _o ? _o : 17), contentHeight = Math.max(110 - titleLineHeight - 4, contentLineHeight), imageWidth = null !== (_q = null === (_p = spec.image) || void 0 === _p ? void 0 : _p.width) && void 0 !== _q ? _q : 96, imageHeight = null !== (_s = null === (_r = spec.image) || void 0 === _r ? void 0 : _r.height) && void 0 !== _s ? _s : 96, imageBox = {
+        x: -imageWidth / 2,
+        y: -imageHeight / 2,
+        width: imageWidth,
+        height: imageHeight
+    }, onLeft = isTextOnLeft(spec, index), textX = onLeft ? -imageWidth / 2 - 14 - 240 : imageWidth / 2 + 14;
+    return {
+        onLeft: onLeft,
+        titleFontSize: titleFontSize,
+        titleLineHeight: titleLineHeight,
+        contentFontSize: contentFontSize,
+        contentLineHeight: contentLineHeight,
+        imageBox: imageBox,
+        textBox: {
+            x: textX,
+            y: -55,
+            width: 240,
+            height: 110
+        },
+        contentBox: {
+            x: textX,
+            y: -55 + titleLineHeight + 4,
+            width: 240,
+            height: contentHeight
+        }
+    };
+}, buildWingBlockMark = (spec, block, index) => {
+    var _a, _b, _c, _e, _f;
+    const hasImage = !!block.image, contentText = Array.isArray(block.content) ? block.content : block.content ? [ block.content ] : [], themeColor = (0, 
+    common_1.getThemeColor)(spec), metrics = getWingBlockMetrics(spec, index), showBackground = !0 === (null === (_a = spec.image) || void 0 === _a ? void 0 : _a.showBackground);
+    return {
+        type: "group",
+        id: `storyline-block-${null !== (_b = block.id) && void 0 !== _b ? _b : index}`,
+        name: `storyline-block-${index}`,
+        zIndex: vchart_1.LayoutZIndex.Mark + 1,
+        style: {
+            x: (_d, ctx) => getWingBlockCenter(spec, ctx, index).x,
+            y: (_d, ctx) => getWingBlockCenter(spec, ctx, index).y
+        },
+        children: [ showBackground ? {
+            type: "symbol",
+            name: `storyline-block-image-halo-${index}`,
+            interactive: !1,
+            style: {
+                x: 0,
+                y: 0,
+                size: Math.max(metrics.imageBox.width, metrics.imageBox.height) + 12,
+                symbolType: "circle",
+                fill: (0, common_1.withAlpha)(themeColor, .18),
+                stroke: themeColor,
+                lineWidth: 1.5
+            }
+        } : null, hasImage ? Object.assign(Object.assign({
+            type: "image",
+            name: `storyline-block-image-${index}`,
+            interactive: !1
+        }, (0, common_1.omitImageLayoutSpec)(spec.image)), {
+            style: Object.assign({
+                x: metrics.imageBox.x,
+                y: metrics.imageBox.y,
+                width: metrics.imageBox.width,
+                height: metrics.imageBox.height,
+                image: block.image,
+                repeatX: "no-repeat",
+                repeatY: "no-repeat",
+                imageMode: "cover",
+                imagePosition: "center"
+            }, null === (_c = spec.image) || void 0 === _c ? void 0 : _c.style)
+        }) : {
+            type: "rect",
+            name: `storyline-block-image-bg-${index}`,
+            interactive: !1,
+            style: {
+                x: metrics.imageBox.x,
+                y: metrics.imageBox.y,
+                width: metrics.imageBox.width,
+                height: metrics.imageBox.height,
+                cornerRadius: Math.min(metrics.imageBox.width, metrics.imageBox.height) / 2,
+                fill: "#ffffff",
+                stroke: themeColor,
+                lineWidth: 2
+            }
+        }, block.title ? Object.assign(Object.assign({
+            type: "text",
+            name: `storyline-block-title-${index}`,
+            interactive: !1,
+            zIndex: vchart_1.LayoutZIndex.Mark + 10
+        }, spec.title), {
+            style: Object.assign({
+                x: metrics.onLeft ? metrics.textBox.x + metrics.textBox.width : metrics.textBox.x,
+                y: metrics.textBox.y,
+                text: block.title,
+                maxLineWidth: metrics.textBox.width,
+                fontSize: metrics.titleFontSize,
+                lineHeight: metrics.titleLineHeight,
+                fontWeight: "bold",
+                fill: themeColor,
+                stroke: "#fff",
+                lineWidth: 5,
+                lineJoin: "round",
+                textAlign: metrics.onLeft ? "right" : "left",
+                textBaseline: "top"
+            }, null === (_e = spec.title) || void 0 === _e ? void 0 : _e.style)
+        }) : null, contentText.length ? Object.assign(Object.assign({
+            type: "text",
+            name: `storyline-block-content-${index}`,
+            interactive: !1,
+            zIndex: vchart_1.LayoutZIndex.Mark + 10
+        }, spec.content), {
+            textType: "rich",
+            style: Object.assign({
+                x: metrics.onLeft ? metrics.contentBox.x + metrics.contentBox.width : metrics.contentBox.x,
+                y: metrics.contentBox.y,
+                width: metrics.contentBox.width,
+                height: metrics.contentBox.height,
+                maxLineWidth: metrics.contentBox.width,
+                heightLimit: metrics.contentBox.height,
+                text: (0, common_1.buildRichContent)(contentText, spec),
+                fontSize: 12,
+                lineHeight: 17,
+                textAlign: metrics.onLeft ? "right" : "left",
+                textBaseline: "top",
+                wordBreak: "break-word",
+                ellipsis: "...",
+                fill: "#1f2430"
+            }, null === (_f = spec.content) || void 0 === _f ? void 0 : _f.style)
+        }) : null ].filter(Boolean)
+    };
+};
+
+exports.buildWingBlockMark = buildWingBlockMark;
+//# sourceMappingURL=wing.js.map

package/cjs/charts/storyline/layouts/wing.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/storyline/layouts/wing.ts"],"names":[],"mappings":"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","file":"wing.js","sourcesContent":["import type { IExtensionGroupMarkSpec } from '@visactor/vchart';\nimport { LayoutZIndex } from '@visactor/vchart';\nimport type { IStorylineBlock, IStorylineSpec, StorylineWingDirection } from '../interface';\nimport {\n  type ICustomMarkSpec,\n  type LayoutContext,\n  type StorylinePoint,\n  buildRichContent,\n  getRegionGeometry,\n  getThemeColor,\n  normalizeLayout,\n  normalizePadding,\n  omitImageLayoutSpec,\n  withAlpha\n} from './common';\n\n// wing 布局：参考残奥时间线信息图\n// - 主脉络为椭圆弧的「翅膀」造型，可通过 direction 配置左右朝向\n//   - direction: 'left'  → 圆心锚在画布左侧，弧凸向右展开（默认）\n//   - direction: 'right' → 圆心锚在画布右侧，弧凸向左展开\n// - 圆形 image 嵌在弧线上（中心位于弧线）\n// - title（年份感大字 + 主题色） + content 在 image 一侧水平展开\n// - 左右交替（弧线左侧 / 右侧）让节点错落\nconst WING_BLOCK_IMAGE_SIZE = 96;\nconst WING_TEXT_GAP_FROM_IMAGE = 14;\nconst WING_TITLE_LINE_HEIGHT = 30;\nconst WING_TITLE_FONT_SIZE = 22;\nconst WING_CONTENT_LINE_HEIGHT = 17;\nconst WING_CONTENT_FONT_SIZE = 12;\n// title + content 区域宽度\nconst WING_TEXT_BOX_WIDTH = 240;\n// title + content 区域总高度\nconst WING_TEXT_BOX_HEIGHT = 110;\nconst WING_TITLE_TO_CONTENT_GAP = 4;\n\nconst getWingDirection = (spec: IStorylineSpec): StorylineWingDirection => {\n  return normalizeLayout(spec.layout).direction ?? 'left';\n};\n\n/**\n * 计算 wing 弧线的几何参数：\n * - direction='left'：圆心位于 inner 左侧，采样区间 -70°→70°（cos>0），弧线点位于圆心右侧；\n * - direction='right'：圆心位于 inner 右侧，采样区间 110°→250°（cos<0），弧线点位于圆心左侧。\n */\nconst getWingArcGeometry = (spec: IStorylineSpec, ctx: LayoutContext) => {\n  const { width, height, startX, startY } = getRegionGeometry(ctx);\n  const padding = normalizePadding(spec.block?.padding);\n  const innerWidth = Math.max(width - padding.left - padding.right, 1);\n  const innerHeight = Math.max(height - padding.top - padding.bottom, 1);\n  const layoutOpt = normalizeLayout(spec.layout);\n  const direction = getWingDirection(spec);\n  const defaultStart = direction === 'right' ? 110 : -70;\n  const defaultEnd = direction === 'right' ? 250 : 70;\n  const startAngle = layoutOpt.startAngle ?? defaultStart;\n  const endAngle = layoutOpt.endAngle ?? defaultEnd;\n  const ratio = layoutOpt.radiusRatio ?? 0.92;\n  const ry = (innerHeight / 2) * ratio;\n  const rx = innerWidth * 0.6 * ratio;\n  // 左翅膀锚画布左侧，右翅膀锚画布右侧\n  const cx = direction === 'right' ? startX + padding.left + innerWidth - rx * 0.1 : startX + padding.left + rx * 0.1;\n  const cy = startY + padding.top + innerHeight / 2;\n  return { cx, cy, rx, ry, startAngle, endAngle };\n};\n\n/**\n * 沿弧采样 block 中心 —— image 的圆心直接在弧线上，与时间线视觉对齐。\n */\nconst getWingBlockCenter = (spec: IStorylineSpec, ctx: LayoutContext, index: number): StorylinePoint => {\n  const arc = getWingArcGeometry(spec, ctx);\n  const count = spec.data?.length ?? 0;\n  if (count <= 0) {\n    return { x: arc.cx, y: arc.cy };\n  }\n  const t = count === 1 ? 0.5 : index / (count - 1);\n  const angle = ((arc.startAngle + (arc.endAngle - arc.startAngle) * t) / 180) * Math.PI;\n  return {\n    x: arc.cx + Math.cos(angle) * arc.rx,\n    y: arc.cy + Math.sin(angle) * arc.ry\n  };\n};\n\n/**\n * 节点文字侧向：\n * - 左翅膀（弧凸向右）：偶数节点的文字排在弧线左侧；\n * - 右翅膀（弧凸向左）：偶数节点的文字排在弧线右侧（即镜像）。\n */\nconst isTextOnLeft = (spec: IStorylineSpec, index: number) => {\n  const direction = getWingDirection(spec);\n  return direction === 'right' ? index % 2 === 1 : index % 2 === 0;\n};\n\n/**\n * 主脉络曲线 mark：贯穿所有 block 的椭圆弧。\n * 用变宽的 filled path 模拟\"丝带\"——起点窄、终点宽，与信息图视觉一致。\n * 默认展示；用户可通过 spec.line.visible = false 关闭。\n */\nexport const buildWingArcMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n  if (spec.line?.visible === false) {\n    return null;\n  }\n  const themeColor = getThemeColor(spec);\n  const lineStyle = (spec.line?.style ?? {}) as Record<string, unknown>;\n  const startWidth = Math.max(Number(lineStyle.startWidth ?? 2), 0.5);\n  const endWidth = Math.max(Number(lineStyle.endWidth ?? lineStyle.lineWidth ?? 18), startWidth);\n  return {\n    type: 'group' as any,\n    name: 'storyline-wing-arc',\n    zIndex: LayoutZIndex.Mark,\n    children: [\n      {\n        type: 'path',\n        name: 'storyline-wing-arc-path',\n        interactive: false,\n        style: {\n          stroke: false,\n          lineWidth: 0,\n          fill: (lineStyle.fill as string) ?? (lineStyle.stroke as string) ?? themeColor,\n          opacity: 0.95,\n          path: (_d: unknown, ctx: LayoutContext) => {\n            const arc = getWingArcGeometry(spec, ctx);\n            const span = arc.endAngle - arc.startAngle;\n            const samples = 96;\n            const pts: { x: number; y: number; nx: number; ny: number; w: number }[] = [];\n            for (let i = 0; i <= samples; i++) {\n              const t = i / samples;\n              const angle = ((arc.startAngle + span * t) / 180) * Math.PI;\n              const cx = arc.cx + Math.cos(angle) * arc.rx;\n              const cy = arc.cy + Math.sin(angle) * arc.ry;\n              const nxRaw = Math.cos(angle) / arc.rx;\n              const nyRaw = Math.sin(angle) / arc.ry;\n              const nLen = Math.hypot(nxRaw, nyRaw) || 1;\n              pts.push({\n                x: cx,\n                y: cy,\n                nx: nxRaw / nLen,\n                ny: nyRaw / nLen,\n                w: startWidth + (endWidth - startWidth) * t\n              });\n            }\n            const segments: string[] = [];\n            for (let i = 0; i < pts.length; i++) {\n              const p = pts[i];\n              const x = p.x + p.nx * (p.w / 2);\n              const y = p.y + p.ny * (p.w / 2);\n              segments.push(`${i === 0 ? 'M' : 'L'} ${x.toFixed(2)} ${y.toFixed(2)}`);\n            }\n            for (let i = pts.length - 1; i >= 0; i--) {\n              const p = pts[i];\n              const x = p.x - p.nx * (p.w / 2);\n              const y = p.y - p.ny * (p.w / 2);\n              segments.push(`L ${x.toFixed(2)} ${y.toFixed(2)}`);\n            }\n            segments.push('Z');\n            return segments.join(' ');\n          }\n        }\n      } as ICustomMarkSpec<'path'>\n    ]\n  };\n};\n\nconst getWingBlockMetrics = (spec: IStorylineSpec, index: number) => {\n  const titleFontSize = Number((spec.title?.style as Record<string, unknown>)?.fontSize ?? WING_TITLE_FONT_SIZE);\n  const titleLineHeight = Number(\n    (spec.title?.style as Record<string, unknown>)?.lineHeight ??\n      Math.max(WING_TITLE_LINE_HEIGHT, Math.round(titleFontSize * 1.3))\n  );\n  const contentFontSize = Number((spec.content?.style as Record<string, unknown>)?.fontSize ?? WING_CONTENT_FONT_SIZE);\n  const contentLineHeight = Number(\n    (spec.content?.style as Record<string, unknown>)?.lineHeight ?? WING_CONTENT_LINE_HEIGHT\n  );\n  const titleToContentGap = WING_TITLE_TO_CONTENT_GAP;\n  const textHeight = WING_TEXT_BOX_HEIGHT;\n  const contentHeight = Math.max(textHeight - titleLineHeight - titleToContentGap, contentLineHeight);\n\n  const imageWidth = spec.image?.width ?? WING_BLOCK_IMAGE_SIZE;\n  const imageHeight = spec.image?.height ?? WING_BLOCK_IMAGE_SIZE;\n  const imageBox = {\n    x: -imageWidth / 2,\n    y: -imageHeight / 2,\n    width: imageWidth,\n    height: imageHeight\n  };\n\n  const onLeft = isTextOnLeft(spec, index);\n  const textWidth = WING_TEXT_BOX_WIDTH;\n  const textX = onLeft\n    ? -imageWidth / 2 - WING_TEXT_GAP_FROM_IMAGE - textWidth\n    : imageWidth / 2 + WING_TEXT_GAP_FROM_IMAGE;\n  const textY = -textHeight / 2;\n  const textBox = { x: textX, y: textY, width: textWidth, height: textHeight };\n  const contentBox = {\n    x: textX,\n    y: textY + titleLineHeight + titleToContentGap,\n    width: textWidth,\n    height: contentHeight\n  };\n  return {\n    onLeft,\n    titleFontSize,\n    titleLineHeight,\n    contentFontSize,\n    contentLineHeight,\n    imageBox,\n    textBox,\n    contentBox\n  };\n};\n\nexport const buildWingBlockMark = (\n  spec: IStorylineSpec,\n  block: IStorylineBlock,\n  index: number\n): IExtensionGroupMarkSpec => {\n  const hasImage = !!block.image;\n  const contentText = Array.isArray(block.content) ? block.content : block.content ? [block.content] : [];\n  const themeColor = getThemeColor(spec);\n  const metrics = getWingBlockMetrics(spec, index);\n  // image 背后的装饰图元（halo）默认不展示\n  const showBackground = spec.image?.showBackground === true;\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) => getWingBlockCenter(spec, ctx, index).x,\n      y: (_d: unknown, ctx: LayoutContext) => getWingBlockCenter(spec, ctx, index).y\n    },\n    children: [\n      showBackground\n        ? ({\n            type: 'symbol',\n            name: `storyline-block-image-halo-${index}`,\n            interactive: false,\n            style: {\n              x: 0,\n              y: 0,\n              size: Math.max(metrics.imageBox.width, metrics.imageBox.height) + 12,\n              symbolType: 'circle',\n              fill: withAlpha(themeColor, 0.18),\n              stroke: themeColor,\n              lineWidth: 1.5\n            }\n          } as ICustomMarkSpec<'symbol'>)\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: metrics.imageBox.x,\n              y: metrics.imageBox.y,\n              width: metrics.imageBox.width,\n              height: metrics.imageBox.height,\n              image: block.image,\n              repeatX: 'no-repeat',\n              repeatY: 'no-repeat',\n              imageMode: 'cover',\n              imagePosition: 'center',\n              ...spec.image?.style\n            }\n          } as ICustomMarkSpec<'image'>)\n        : ({\n            type: 'rect',\n            name: `storyline-block-image-bg-${index}`,\n            interactive: false,\n            style: {\n              x: metrics.imageBox.x,\n              y: metrics.imageBox.y,\n              width: metrics.imageBox.width,\n              height: metrics.imageBox.height,\n              cornerRadius: Math.min(metrics.imageBox.width, metrics.imageBox.height) / 2,\n              fill: '#ffffff',\n              stroke: themeColor,\n              lineWidth: 2\n            }\n          } as ICustomMarkSpec<'rect'>),\n      block.title\n        ? ({\n            type: 'text',\n            name: `storyline-block-title-${index}`,\n            interactive: false,\n            zIndex: LayoutZIndex.Mark + 10,\n            ...spec.title,\n            style: {\n              x: metrics.onLeft ? metrics.textBox.x + metrics.textBox.width : metrics.textBox.x,\n              y: metrics.textBox.y,\n              text: block.title,\n              maxLineWidth: metrics.textBox.width,\n              fontSize: metrics.titleFontSize,\n              lineHeight: metrics.titleLineHeight,\n              fontWeight: 'bold',\n              fill: themeColor,\n              stroke: '#fff',\n              lineWidth: 5,\n              lineJoin: 'round',\n              textAlign: metrics.onLeft ? 'right' : '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            zIndex: LayoutZIndex.Mark + 10,\n            ...spec.content,\n            textType: 'rich',\n            style: {\n              x: metrics.onLeft ? metrics.contentBox.x + metrics.contentBox.width : metrics.contentBox.x,\n              y: metrics.contentBox.y,\n              width: metrics.contentBox.width,\n              height: metrics.contentBox.height,\n              maxLineWidth: metrics.contentBox.width,\n              heightLimit: metrics.contentBox.height,\n              text: buildRichContent(contentText, spec),\n              fontSize: WING_CONTENT_FONT_SIZE,\n              lineHeight: WING_CONTENT_LINE_HEIGHT,\n              textAlign: metrics.onLeft ? 'right' : 'left',\n              textBaseline: 'top',\n              wordBreak: 'break-word',\n              ellipsis: '...',\n              fill: '#1f2430',\n              ...spec.content?.style\n            }\n          } as ICustomMarkSpec<'text'>)\n        : null\n    ].filter(Boolean) as ICustomMarkSpec<any>[]\n  };\n};\n"]}

package/cjs/charts/storyline/storyline-transformer.d.ts

@@ -0,0 +1,4 @@
+import { CommonChartSpecTransformer } from '@visactor/vchart';
+export declare class StorylineChartSpecTransformer extends CommonChartSpecTransformer<any> {
+    transformSpec(spec: any): void;
+}

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

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.StorylineChartSpecTransformer = void 0;
+
+const vchart_1 = require("@visactor/vchart"), common_1 = require("./layouts/common"), clock_1 = require("./layouts/clock"), default_1 = require("./layouts/default"), landscape_1 = require("./layouts/landscape"), portrait_1 = require("./layouts/portrait"), arc_1 = require("./layouts/arc"), wing_1 = require("./layouts/wing"), ladder_1 = require("./layouts/ladder");
+
+class StorylineChartSpecTransformer extends vchart_1.CommonChartSpecTransformer {
+    transformSpec(spec) {
+        var _a;
+        applyDefaultPadding(spec);
+        const storylineSpec = Object.assign(Object.assign({}, spec), {
+            data: [ ...null !== (_a = spec.data) && void 0 !== _a ? _a : [] ]
+        });
+        spec.type = "common", spec.data = [], spec.series = [], spec.axes = [], spec.customMark = buildStorylineMarks(storylineSpec), 
+        delete spec.layout, delete spec.title, super.transformSpec(spec);
+    }
+}
+
+exports.StorylineChartSpecTransformer = StorylineChartSpecTransformer;
+
+const applyDefaultPadding = spec => {
+    var _a, _b, _c, _d;
+    const arc = (0, common_1.isArc)(spec), arcDown = arc && "down" === (0, common_1.normalizeLayout)(spec.layout).direction, arcUp = arc && !arcDown, portrait = (0, 
+    common_1.isPortrait)(spec), ladder = (0, common_1.isLadder)(spec), ladderHorizontalPadding = (() => {
+        var _a, _b, _c, _d, _e, _f;
+        if (!ladder) return 0;
+        const blockWidth = null !== (_b = null === (_a = spec.block) || void 0 === _a ? void 0 : _a.minWidth) && void 0 !== _b ? _b : (0, 
+        common_1.resolveBlockWidth)(spec, 0), imageWidth = null !== (_d = null === (_c = spec.image) || void 0 === _c ? void 0 : _c.width) && void 0 !== _d ? _d : 96, imageGap = null !== (_f = null === (_e = spec.image) || void 0 === _e ? void 0 : _e.gap) && void 0 !== _f ? _f : common_1.DEFAULT_IMAGE_GAP, contentWidth = Math.max(blockWidth - imageWidth - imageGap - 24, .5 * common_1.DEFAULT_BLOCK_WIDTH);
+        return Math.round(2 * contentWidth);
+    })(), ladderVerticalPadding = (() => {
+        var _a, _b;
+        if (!ladder) return 0;
+        const blockHeight = null !== (_b = null === (_a = spec.block) || void 0 === _a ? void 0 : _a.height) && void 0 !== _b ? _b : common_1.DEFAULT_BLOCK_HEIGHT, chartHeight = spec.height, heightCap = "number" == typeof chartHeight && chartHeight > 0 ? Math.max(20, Math.round(.18 * chartHeight)) : 1 / 0;
+        return Math.round(Math.min(3 * blockHeight, heightCap));
+    })(), defaultTop = ladder ? ladderVerticalPadding : arcDown ? 100 : arcUp ? 280 : 20, defaultBottom = ladder ? ladderVerticalPadding : arcDown ? 280 : portrait ? 160 : 100, defaultLeft = ladder ? ladderHorizontalPadding : 20, defaultRight = ladder ? ladderHorizontalPadding : 20, p = spec.padding;
+    if (null != p) if ("number" != typeof p) if (Array.isArray(p)) {
+        const [t, r = defaultRight, b, l = defaultLeft] = p;
+        spec.padding = [ null != t ? t : defaultTop, r, null != b ? b : defaultBottom, l ];
+    } else "object" == typeof p && (spec.padding = {
+        top: null !== (_a = p.top) && void 0 !== _a ? _a : defaultTop,
+        right: null !== (_b = p.right) && void 0 !== _b ? _b : defaultRight,
+        bottom: null !== (_c = p.bottom) && void 0 !== _c ? _c : defaultBottom,
+        left: null !== (_d = p.left) && void 0 !== _d ? _d : defaultLeft
+    }); else spec.padding = [ Math.max(p, defaultTop), Math.max(p, defaultRight), Math.max(p, defaultBottom), Math.max(p, defaultLeft) ]; else spec.padding = [ defaultTop, defaultRight, defaultBottom, defaultLeft ];
+}, buildStorylineMarks = spec => {
+    var _a;
+    const lineMark = buildLineMark(spec), blockMarks = (null !== (_a = spec.data) && void 0 !== _a ? _a : []).map(((block, index) => buildBlockMark(spec, block, index)));
+    if ((0, common_1.isLandscape)(spec)) return [ ...blockMarks, lineMark ].filter(Boolean);
+    if ((0, common_1.isPortrait)(spec)) return [ lineMark, ...blockMarks ].filter(Boolean);
+    if ((0, common_1.isArc)(spec)) {
+        return [ (0, arc_1.buildArcCenterImageMark)(spec), (0, arc_1.buildArcMark)(spec), ...blockMarks ].filter(Boolean);
+    }
+    if ((0, common_1.isClock)(spec)) {
+        const ringsMark = (0, clock_1.buildClockArcMark)(spec), centerImageMark = (0, clock_1.buildClockCenterImageMark)(spec);
+        return [ ringsMark, ...blockMarks, centerImageMark ].filter(Boolean);
+    }
+    if ((0, common_1.isWing)(spec)) {
+        return [ (0, wing_1.buildWingArcMark)(spec), ...blockMarks ].filter(Boolean);
+    }
+    if ((0, common_1.isLadder)(spec)) {
+        return [ (0, ladder_1.buildLadderDiagonalMark)(spec), (0, ladder_1.buildLadderHeadlineMark)(spec), ...blockMarks ].filter(Boolean);
+    }
+    return [ lineMark, ...blockMarks ].filter(Boolean);
+}, buildLineMark = spec => {
+    var _a, _b, _c;
+    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 : (0, 
+    common_1.isLandscape)(spec) ? (0, landscape_1.buildLandscapeConnectingCurve)(spec) : (0, 
+    common_1.isPortrait)(spec) ? (0, portrait_1.buildPortraitAxisMark)(spec) : (0, default_1.buildDefaultLineMark)(spec);
+}, buildBlockMark = (spec, block, index) => (0, common_1.isLandscape)(spec) ? (0, 
+landscape_1.buildLandscapeBlockMark)(spec, block, index) : (0, common_1.isPortrait)(spec) ? (0, 
+portrait_1.buildPortraitBlockMark)(spec, block, index) : (0, common_1.isArc)(spec) ? (0, 
+arc_1.buildArcBlockMark)(spec, block, index) : (0, common_1.isClock)(spec) ? (0, 
+clock_1.buildClockBlockMark)(spec, block, index) : (0, common_1.isWing)(spec) ? (0, 
+wing_1.buildWingBlockMark)(spec, block, index) : (0, common_1.isLadder)(spec) ? (0, 
+ladder_1.buildLadderBlockMark)(spec, block, index) : (0, default_1.buildDefaultBlockMark)(spec, block, index);
+//# sourceMappingURL=storyline-transformer.js.map