@visactor/vchart-extension 2.1.0-alpha.13 → 2.1.0-alpha.15

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/storyline/layouts/landscape.ts"],"names":[],"mappings":"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","file":"landscape.js","sourcesContent":["import type { IExtensionGroupMarkSpec } from '@visactor/vchart';\nimport { LayoutZIndex } from '@visactor/vchart';\nimport type { IStorylineBlock, IStorylineSpec } from '../interface';\nimport {\n  type ICustomMarkSpec,\n  type LayoutContext,\n  type StorylinePoint,\n  DEFAULT_BLOCK_HEIGHT,\n  buildRichContent,\n  buildSmoothCurvePath,\n  getLayout,\n  getThemeColor,\n  normalizePadding,\n  omitImageLayoutSpec,\n  resolveBlockWidth\n} from './common';\n\n// landscape 布局下，image rect 与 text rect 分离展示\nconst LANDSCAPE_IMAGE_HEIGHT_RATIO = 0.42;\nconst LANDSCAPE_DETACHED_GAP = 64;\nconst LANDSCAPE_CONNECTOR_ARROW_SIZE = 9;\nconst LANDSCAPE_CONNECTOR_X_RATIO = 0.2; // 引导线 x 位于 image 左侧 20% 处\nconst LANDSCAPE_TEXT_GAP_FROM_CONNECTOR = 12; // 文字距离引导线的水平间距\n// content 区固定为 4 行，整体 textHeight = titleLineHeight + titleGap + contentLines * contentLineHeight\nconst LANDSCAPE_CONTENT_LINES = 4;\nconst LANDSCAPE_TITLE_LINE_HEIGHT = 19;\nconst LANDSCAPE_CONTENT_LINE_HEIGHT = 18;\nconst LANDSCAPE_CONTENT_FONT_SIZE = 12;\nconst LANDSCAPE_TITLE_TO_CONTENT_GAP = 4;\n\n/**\n * 计算第 index 个 block 在 landscape 布局下的 image 中心点（含 stagger 错落偏移）。\n */\nconst getLandscapeImageCenter = (spec: IStorylineSpec, ctx: LayoutContext, index: number): StorylinePoint | null => {\n  const lb = getLayout(spec, ctx).blocks[index];\n  if (!lb) {\n    return null;\n  }\n  const cx = lb.center?.x ?? lb.x + lb.width / 2;\n  const cy = lb.center?.y ?? lb.y + lb.height / 2;\n  // 与 buildLandscapeBlockMark 中 group y 的 stagger 偏移保持一致\n  const stagger = (index % 2 === 0 ? -1 : 1) * lb.height * 0.1;\n  return { x: cx, y: cy + stagger };\n};\n\n/**\n * landscape 下绘制一条贯穿所有 image 中心的平滑虚线曲线，并在每个节点位置画 symbol，\n * 颜色跟随主题色。\n */\nexport const buildLandscapeConnectingCurve = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n  const themeColor = getThemeColor(spec);\n  const lineStyle = spec.line?.style ?? {};\n  const count = spec.data?.length ?? 0;\n  const symbolSize = 14;\n  const symbolChildren: ICustomMarkSpec<'symbol'>[] = [];\n  for (let i = 0; i < count; i++) {\n    const idx = i;\n    symbolChildren.push({\n      type: 'symbol',\n      name: `storyline-landscape-curve-symbol-${idx}`,\n      interactive: false,\n      style: {\n        symbolType: 'circle',\n        size: symbolSize,\n        fill: themeColor,\n        x: (_d: unknown, ctx: LayoutContext) => getLandscapeImageCenter(spec, ctx, idx)?.x ?? 0,\n        y: (_d: unknown, ctx: LayoutContext) => getLandscapeImageCenter(spec, ctx, idx)?.y ?? 0\n      }\n    } as ICustomMarkSpec<'symbol'>);\n  }\n  return {\n    type: 'group' as any,\n    name: 'storyline-landscape-curve',\n    zIndex: LayoutZIndex.Mark + 2,\n    children: [\n      {\n        type: 'path',\n        name: 'storyline-landscape-curve-path',\n        interactive: false,\n        style: {\n          stroke: (lineStyle as any).stroke ?? themeColor,\n          lineWidth: (lineStyle as any).lineWidth ?? 4,\n          lineDash: (lineStyle as any).lineDash ?? [6, 5],\n          lineCap: 'round',\n          fill: 'transparent',\n          fillOpacity: 0,\n          path: (_d: unknown, ctx: LayoutContext) => {\n            const points: StorylinePoint[] = [];\n            for (let i = 0; i < count; i++) {\n              const center = getLandscapeImageCenter(spec, ctx, i);\n              if (center) {\n                points.push(center);\n              }\n            }\n            return buildSmoothCurvePath(points);\n          }\n        }\n      } as ICustomMarkSpec<'path'>,\n      ...symbolChildren\n    ]\n  };\n};\n\n/**\n * landscape 布局下，每个 block 拆分为 image rect 与 text rect 两个独立卡片，\n * 中间用主题色虚线箭头连接；title+content 在 image 上方/下方交替错落摆放。\n */\nconst getLandscapeMetrics = (spec: IStorylineSpec, blockWidth: number, blockHeight: number, index: number) => {\n  const padding = normalizePadding(spec.block?.padding ?? 12);\n  const titleFontSize = Number((spec.title?.style as any)?.fontSize ?? 14);\n  const titleLineHeight = Number(\n    (spec.title?.style as any)?.lineHeight ?? Math.max(LANDSCAPE_TITLE_LINE_HEIGHT, Math.round(titleFontSize * 1.35))\n  );\n  const contentFontSize = Number((spec.content?.style as any)?.fontSize ?? LANDSCAPE_CONTENT_FONT_SIZE);\n  const contentLineHeight = Number((spec.content?.style as any)?.lineHeight ?? LANDSCAPE_CONTENT_LINE_HEIGHT);\n\n  const imageHeight = Math.max(\n    spec.image?.height ?? Math.round(blockHeight * LANDSCAPE_IMAGE_HEIGHT_RATIO),\n    titleLineHeight + padding.top + padding.bottom\n  );\n  const connectorGap = LANDSCAPE_DETACHED_GAP;\n  const contentHeight = LANDSCAPE_CONTENT_LINES * contentLineHeight;\n  const titleToContentGap = LANDSCAPE_TITLE_TO_CONTENT_GAP;\n  const textHeight = titleLineHeight + titleToContentGap + contentHeight;\n\n  const textOnTop = index % 2 === 0;\n\n  let textBox: { x: number; y: number; width: number; height: number };\n  let contentBox: { x: number; y: number; width: number; height: number };\n  let imageBox: { x: number; y: number; width: number; height: number };\n  let connector: { x1: number; y1: number; x2: number; y2: number };\n  let groupTop: number;\n  let groupHeight: number;\n\n  const imageX = 0;\n  const connectorX = imageX + blockWidth * LANDSCAPE_CONNECTOR_X_RATIO;\n  const textX = connectorX + LANDSCAPE_TEXT_GAP_FROM_CONNECTOR;\n  const textWidth = Math.max(blockWidth - (textX - imageX), 0);\n\n  if (textOnTop) {\n    const imageY = 0;\n    const textY = imageY - connectorGap - textHeight;\n    const connectorY1 = imageY;\n    const connectorY2 = textY + titleLineHeight / 2;\n\n    imageBox = { x: imageX, y: imageY, width: blockWidth, height: imageHeight };\n    textBox = { x: textX, y: textY, width: textWidth, height: textHeight };\n    contentBox = {\n      x: textX,\n      y: textY + titleLineHeight + titleToContentGap,\n      width: textWidth,\n      height: contentHeight\n    };\n    connector = { x1: connectorX, y1: connectorY1, x2: connectorX, y2: connectorY2 };\n    groupTop = textY;\n    groupHeight = imageHeight - groupTop;\n  } else {\n    const imageY = 0;\n    const textY = imageY + imageHeight + connectorGap;\n    const connectorY1 = imageY + imageHeight;\n    const connectorY2 = textY + textHeight;\n\n    imageBox = { x: imageX, y: imageY, width: blockWidth, height: imageHeight };\n    textBox = { x: textX, y: textY, width: textWidth, height: textHeight };\n    contentBox = {\n      x: textX,\n      y: textY + titleLineHeight + titleToContentGap,\n      width: textWidth,\n      height: contentHeight\n    };\n    connector = { x1: connectorX, y1: connectorY1, x2: connectorX, y2: connectorY2 };\n    groupTop = imageY;\n    groupHeight = textY + textHeight - imageY;\n  }\n\n  return {\n    padding,\n    titleFontSize,\n    titleLineHeight,\n    contentFontSize,\n    contentLineHeight,\n    contentHeight,\n    blockWidth,\n    imageBox,\n    textBox,\n    contentBox,\n    connector,\n    textOnTop,\n    groupTop,\n    groupHeight\n  };\n};\n\nexport const buildLandscapeBlockMark = (\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 ?? 14);\n  const titleLineHeight = Number((spec.title?.style as any)?.lineHeight ?? Math.round(titleFontSize * 1.35));\n\n  const getMetrics = (ctx: LayoutContext) => {\n    const layoutBlock = getLayout(spec, ctx).blocks[index];\n    const w = layoutBlock?.width ?? resolveBlockWidth(spec, 0);\n    const h = layoutBlock?.height ?? spec.block?.height ?? DEFAULT_BLOCK_HEIGHT;\n    return getLandscapeMetrics(spec, w, h, index);\n  };\n\n  const blockStyle = spec.block?.style ?? {};\n  const lineStyle = spec.line?.style ?? {};\n  const themeColor = getThemeColor(spec);\n  const connectorStroke = (lineStyle as any).stroke ?? themeColor;\n  const connectorLineWidth = (lineStyle as any).lineWidth ?? 2;\n  const connectorDash = (lineStyle as any).lineDash ?? [4, 4];\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?.x ?? 0;\n      },\n      y: (_d: unknown, ctx: LayoutContext) => {\n        const lb = getLayout(spec, ctx).blocks[index];\n        const m = getMetrics(ctx);\n        const cy = lb?.center?.y ?? (lb?.y ?? 0) + (lb?.height ?? 0) / 2;\n        const blockH = lb?.height ?? spec.block?.height ?? DEFAULT_BLOCK_HEIGHT;\n        const stagger = (index % 2 === 0 ? -1 : 1) * blockH * 0.1;\n        return cy - m.imageBox.height / 2 + stagger;\n      },\n      width: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).blockWidth,\n      height: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).groupHeight\n    },\n    children: [\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              cornerRadius: 8,\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      {\n        type: 'path',\n        name: `storyline-block-connector-${index}`,\n        interactive: false,\n        style: {\n          stroke: connectorStroke,\n          lineWidth: connectorLineWidth,\n          lineDash: connectorDash,\n          fill: connectorStroke,\n          path: (_d: unknown, ctx: LayoutContext) => {\n            const m = getMetrics(ctx);\n            const tipSize = LANDSCAPE_CONNECTOR_ARROW_SIZE;\n            const x = m.connector.x1;\n            const y0 = m.connector.y1;\n            const y1 = m.connector.y2;\n            const tipDir = y1 < y0 ? -1 : 1;\n            const baseY = y1 - tipDir * tipSize;\n            const dashLine = `M ${x} ${y0} L ${x} ${baseY}`;\n            const triangle = `M ${x - tipSize / 2} ${baseY} L ${x + tipSize / 2} ${baseY} L ${x} ${y1} Z`;\n            return `${dashLine} ${triangle}`;\n          }\n        }\n      } as ICustomMarkSpec<'path'>,\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              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: LANDSCAPE_CONTENT_FONT_SIZE,\n              lineHeight: LANDSCAPE_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/esm/charts/storyline/layouts/portrait.d.ts

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

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

@@ -0,0 +1,238 @@
+import { LayoutZIndex } from "@visactor/vchart";
+
+import { DEFAULT_BLOCK_HEIGHT, buildRichContent, getLayout, getThemeColor, omitImageLayoutSpec, resolveBlockWidth, withAlpha } from "./common";
+
+const 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 = 36, PORTRAIT_SHADOW_OFFSET_Y = 20, PORTRAIT_SHADOW_SCALE = 1.12, 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 = 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
+    };
+};
+
+export const buildPortraitAxisMark = spec => {
+    var _a, _b, _c, _e, _f, _g;
+    const themeColor = 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: withAlpha(themeColor, .2)
+        }, {
+            offset: 1,
+            color: withAlpha(themeColor, 1)
+        } ]
+    };
+    return {
+        type: "group",
+        name: "storyline-portrait-axis",
+        zIndex: 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
+            }
+        } ]
+    };
+};
+
+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 : 14), 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), contentHeight = 3 * contentLineHeight, textHeight = titleLineHeight + 4 + contentHeight, 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, onLeft = index % 2 == 0, imageX = onLeft ? -56 - imageWidth : 56, imageY = -imageHeight / 2, textY = imageY + imageHeight + 8, shadowWidth = 1.12 * imageWidth, shadowHeight = 1.12 * 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 ? -36 : 36),
+            y: imageY - (shadowHeight - imageHeight) / 2 + 20,
+            width: shadowWidth,
+            height: shadowHeight
+        },
+        textBox: {
+            x: imageX,
+            y: textY,
+            width: imageWidth,
+            height: textHeight
+        },
+        contentBox: {
+            x: imageX,
+            y: textY + titleLineHeight + 4,
+            width: imageWidth,
+            height: contentHeight
+        }
+    };
+};
+
+export const buildPortraitBlockMark = (spec, block, index) => {
+    var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    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 : 14), 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))), getMetrics = ctx => {
+        var _a, _b, _c, _e;
+        const lb = getLayout(spec, ctx).blocks[index], w = null !== (_a = null == lb ? void 0 : lb.width) && void 0 !== _a ? _a : resolveBlockWidth(spec, 0);
+        _e = null !== (_b = null == lb ? void 0 : lb.height) && void 0 !== _b ? _b : null === (_c = spec.block) || void 0 === _c ? void 0 : _c.height;
+        return getPortraitMetrics(spec, w, 0, index);
+    }, themeColor = getThemeColor(spec), blockStyle = null !== (_j = null === (_h = spec.block) || void 0 === _h ? void 0 : _h.style) && void 0 !== _j ? _j : {};
+    return {
+        type: "group",
+        id: `storyline-block-${null !== (_k = block.id) && void 0 !== _k ? _k : index}`,
+        name: `storyline-block-${index}`,
+        zIndex: LayoutZIndex.Mark + 1,
+        style: {
+            x: (_d, ctx) => {
+                var _a, _b;
+                const lb = 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 = 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: [ hasImage ? {
+            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.image,
+                cornerRadius: 8,
+                repeatX: "no-repeat",
+                repeatY: "no-repeat",
+                imageMode: "cover",
+                imagePosition: "center"
+            }
+        } : null, hasImage ? {
+            type: "rect",
+            name: `storyline-block-shadow-mask-${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,
+                cornerRadius: 8,
+                stroke: !1,
+                lineWidth: 0,
+                fill: {
+                    gradient: "linear",
+                    x0: 0,
+                    y0: 0,
+                    x1: 0,
+                    y1: 1,
+                    stops: [ {
+                        offset: 0,
+                        color: withAlpha(themeColor, .2)
+                    }, {
+                        offset: 1,
+                        color: withAlpha(themeColor, 1)
+                    } ]
+                }
+            }
+        } : 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
+        }, 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,
+                cornerRadius: 8,
+                repeatX: "no-repeat",
+                repeatY: "no-repeat",
+                imageMode: "cover",
+                imagePosition: "center"
+            }, 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({
+                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",
+                textAlign: "left",
+                textBaseline: "top"
+            }, null === (_m = spec.title) || void 0 === _m ? void 0 : _m.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: buildRichContent(contentText, spec),
+                fontSize: 12,
+                lineHeight: 18,
+                textAlign: "left",
+                textBaseline: "top",
+                wordBreak: "break-word",
+                ellipsis: "...",
+                fill: "#596173"
+            }, null === (_o = spec.content) || void 0 === _o ? void 0 : _o.style)
+        }) : null ].filter(Boolean)
+    };
+};
+//# sourceMappingURL=portrait.js.map

package/esm/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 = 36;\nconst PORTRAIT_SHADOW_OFFSET_Y = 20;\nconst PORTRAIT_SHADOW_SCALE = 1.12;\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 ?? 14);\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 contentHeight = PORTRAIT_CONTENT_LINES * contentLineHeight;\n  const titleToContentGap = PORTRAIT_TITLE_TO_CONTENT_GAP;\n  const textHeight = titleLineHeight + titleToContentGap + contentHeight;\n\n  const imageWidth = spec.image?.width ?? PORTRAIT_IMAGE_WIDTH;\n  const imageHeight = spec.image?.height ?? PORTRAIT_IMAGE_HEIGHT;\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 contentText = Array.isArray(block.content) ? block.content : block.content ? [block.content] : [];\n  const titleFontSize = Number((spec.title?.style as any)?.fontSize ?? 14);\n  const titleLineHeight = Number(\n    (spec.title?.style as any)?.lineHeight ?? Math.max(PORTRAIT_TITLE_LINE_HEIGHT, Math.round(titleFontSize * 1.35))\n  );\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      hasImage\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.image,\n              cornerRadius: 8,\n              repeatX: 'no-repeat',\n              repeatY: 'no-repeat',\n              imageMode: 'cover',\n              imagePosition: 'center'\n            }\n          } as ICustomMarkSpec<'image'>)\n        : null,\n      hasImage\n        ? ({\n            type: 'rect',\n            name: `storyline-block-shadow-mask-${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              cornerRadius: 8,\n              stroke: false,\n              lineWidth: 0,\n              fill: {\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            }\n          } as ICustomMarkSpec<'rect'>)\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              cornerRadius: 8,\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              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/esm/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/esm/charts/storyline/storyline-transformer.js

@@ -0,0 +1,61 @@
+import { CommonChartSpecTransformer } from "@visactor/vchart";
+
+import { isBowl, isClock, isDome, isLandscape, isPortrait } from "./layouts/common";
+
+import { buildClockArcMark, buildClockBlockMark, buildClockCenterImageMark } from "./layouts/clock";
+
+import { buildDefaultBlockMark, buildDefaultLineMark } from "./layouts/default";
+
+import { buildLandscapeBlockMark, buildLandscapeConnectingCurve } from "./layouts/landscape";
+
+import { buildPortraitAxisMark, buildPortraitBlockMark } from "./layouts/portrait";
+
+import { buildDomeArcMark, buildDomeBlockMark, buildDomeCenterImageMark } from "./layouts/dome";
+
+import { buildBowlArcMark, buildBowlBlockMark, buildBowlCenterImageMark } from "./layouts/bowl";
+
+export class StorylineChartSpecTransformer extends 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);
+    }
+}
+
+const applyDefaultPadding = spec => {
+    var _a, _b, _c, _d;
+    const DEFAULT_OTHER = 20, p = spec.padding;
+    if (null != p) if ("number" != typeof p) if (Array.isArray(p)) {
+        const [t = DEFAULT_OTHER, r = DEFAULT_OTHER, b, l = DEFAULT_OTHER] = p;
+        spec.padding = [ t, r, null != b ? b : 100, l ];
+    } else "object" == typeof p && (spec.padding = {
+        top: null !== (_a = p.top) && void 0 !== _a ? _a : DEFAULT_OTHER,
+        right: null !== (_b = p.right) && void 0 !== _b ? _b : DEFAULT_OTHER,
+        bottom: null !== (_c = p.bottom) && void 0 !== _c ? _c : 100,
+        left: null !== (_d = p.left) && void 0 !== _d ? _d : DEFAULT_OTHER
+    }); else spec.padding = [ p, p, Math.max(p, 100), p ]; else spec.padding = [ DEFAULT_OTHER, DEFAULT_OTHER, 100, DEFAULT_OTHER ];
+}, 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 (isLandscape(spec)) return [ ...blockMarks, lineMark ].filter(Boolean);
+    if (isPortrait(spec)) return [ lineMark, ...blockMarks ].filter(Boolean);
+    if (isDome(spec)) {
+        return [ buildDomeCenterImageMark(spec), buildDomeArcMark(spec), ...blockMarks ].filter(Boolean);
+    }
+    if (isBowl(spec)) {
+        return [ buildBowlCenterImageMark(spec), buildBowlArcMark(spec), ...blockMarks ].filter(Boolean);
+    }
+    if (isClock(spec)) {
+        const ringsMark = buildClockArcMark(spec), centerImageMark = buildClockCenterImageMark(spec);
+        return [ ringsMark, ...blockMarks, centerImageMark ].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 : isLandscape(spec) ? buildLandscapeConnectingCurve(spec) : isPortrait(spec) ? buildPortraitAxisMark(spec) : buildDefaultLineMark(spec);
+}, buildBlockMark = (spec, block, index) => isLandscape(spec) ? buildLandscapeBlockMark(spec, block, index) : isPortrait(spec) ? buildPortraitBlockMark(spec, block, index) : isDome(spec) ? buildDomeBlockMark(spec, block, index) : isBowl(spec) ? buildBowlBlockMark(spec, block, index) : isClock(spec) ? buildClockBlockMark(spec, block, index) : buildDefaultBlockMark(spec, block, index);
+//# sourceMappingURL=storyline-transformer.js.map

package/esm/charts/storyline/storyline-transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/storyline/storyline-transformer.ts"],"names":[],"mappings":"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","file":"storyline-transformer.js","sourcesContent":["import { CommonChartSpecTransformer, type IExtensionGroupMarkSpec } from '@visactor/vchart';\nimport type { IStorylineBlock, IStorylineSpec } from './interface';\nimport { isBowl, isClock, isDome, isLandscape, isPortrait } from './layouts/common';\nimport { buildClockArcMark, buildClockBlockMark, buildClockCenterImageMark } from './layouts/clock';\nimport { buildDefaultBlockMark, buildDefaultLineMark } from './layouts/default';\nimport { buildLandscapeBlockMark, buildLandscapeConnectingCurve } from './layouts/landscape';\nimport { buildPortraitAxisMark, buildPortraitBlockMark } from './layouts/portrait';\nimport { buildDomeArcMark, buildDomeBlockMark, buildDomeCenterImageMark } from './layouts/dome';\nimport { buildBowlArcMark, buildBowlBlockMark, buildBowlCenterImageMark } from './layouts/bowl';\n\nexport class StorylineChartSpecTransformer extends CommonChartSpecTransformer<any> {\n  transformSpec(spec: any): void {\n    applyDefaultPadding(spec);\n    const storylineSpec = {\n      ...spec,\n      data: [...(spec.data ?? [])]\n    } as IStorylineSpec;\n\n    spec.type = 'common' as any;\n    spec.data = [];\n    spec.series = [];\n    spec.axes = [];\n    spec.customMark = buildStorylineMarks(storylineSpec);\n    delete spec.layout;\n    delete spec.title;\n    super.transformSpec(spec as any);\n  }\n}\n\n/**\n * 图表默认 padding：所有 storyline 布局底部默认留 100px，\n * 给 dome 的 centerImage / 其它布局的引导线留出呼吸空间。\n * 用户在 spec.padding 中显式指定的值会被保留，仅在缺省时生效。\n */\nconst applyDefaultPadding = (spec: any) => {\n  const DEFAULT_BOTTOM = 100;\n  const DEFAULT_OTHER = 20;\n  const p = spec.padding;\n  if (p === undefined || p === null) {\n    spec.padding = [DEFAULT_OTHER, DEFAULT_OTHER, DEFAULT_BOTTOM, DEFAULT_OTHER];\n    return;\n  }\n  if (typeof p === 'number') {\n    spec.padding = [p, p, Math.max(p, DEFAULT_BOTTOM), p];\n    return;\n  }\n  if (Array.isArray(p)) {\n    const [t = DEFAULT_OTHER, r = DEFAULT_OTHER, b, l = DEFAULT_OTHER] = p;\n    spec.padding = [t, r, b ?? DEFAULT_BOTTOM, l];\n    return;\n  }\n  if (typeof p === 'object') {\n    spec.padding = {\n      top: p.top ?? DEFAULT_OTHER,\n      right: p.right ?? DEFAULT_OTHER,\n      bottom: p.bottom ?? DEFAULT_BOTTOM,\n      left: p.left ?? DEFAULT_OTHER\n    };\n  }\n};\n\nconst buildStorylineMarks = (spec: IStorylineSpec) => {\n  const lineMark = buildLineMark(spec);\n  const blockMarks = (spec.data ?? []).map((block, index) => buildBlockMark(spec, block, index));\n  // landscape：连接曲线绘制在所有 block 之上，避免被 image 遮挡\n  if (isLandscape(spec)) {\n    return [...blockMarks, lineMark].filter(Boolean) as IExtensionGroupMarkSpec[];\n  }\n  // portrait：lineMark 是中轴 rect，作为底层背景先绘制\n  if (isPortrait(spec)) {\n    return [lineMark, ...blockMarks].filter(Boolean) as IExtensionGroupMarkSpec[];\n  }\n  // dome：先绘制 centerImage（最底层视觉锚点），再绘制贯穿 block 的弧线，最后绘制 block；\n  // dome 不绘制 block 之间默认的连接线\n  if (isDome(spec)) {\n    const centerImageMark = buildDomeCenterImageMark(spec);\n    const arcMark = buildDomeArcMark(spec);\n    return [centerImageMark, arcMark, ...blockMarks].filter(Boolean) as IExtensionGroupMarkSpec[];\n  }\n  // bowl：dome 的上下镜像 —— centerImage 贴顶，弧线 + block 在下方\n  if (isBowl(spec)) {\n    const centerImageMark = buildBowlCenterImageMark(spec);\n    const arcMark = buildBowlArcMark(spec);\n    return [centerImageMark, arcMark, ...blockMarks].filter(Boolean) as IExtensionGroupMarkSpec[];\n  }\n  // clock：辐射式信息盘 —— 圆环骨架 + 径向分隔线 → centerImage（盘心）→ blocks（楔形 + 外圈文字）\n  if (isClock(spec)) {\n    const ringsMark = buildClockArcMark(spec);\n    const centerImageMark = buildClockCenterImageMark(spec);\n    return [ringsMark, ...blockMarks, centerImageMark].filter(Boolean) as IExtensionGroupMarkSpec[];\n  }\n  return [lineMark, ...blockMarks].filter(Boolean) as IExtensionGroupMarkSpec[];\n};\n\nconst buildLineMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n  if (spec.line?.visible === false || (spec.data?.length ?? 0) <= 1) {\n    return null;\n  }\n  if (isLandscape(spec)) {\n    return buildLandscapeConnectingCurve(spec);\n  }\n  if (isPortrait(spec)) {\n    return buildPortraitAxisMark(spec);\n  }\n  return buildDefaultLineMark(spec);\n};\n\nconst buildBlockMark = (spec: IStorylineSpec, block: IStorylineBlock, index: number): IExtensionGroupMarkSpec => {\n  if (isLandscape(spec)) {\n    return buildLandscapeBlockMark(spec, block, index);\n  }\n  if (isPortrait(spec)) {\n    return buildPortraitBlockMark(spec, block, index);\n  }\n  if (isDome(spec)) {\n    return buildDomeBlockMark(spec, block, index);\n  }\n  if (isBowl(spec)) {\n    return buildBowlBlockMark(spec, block, index);\n  }\n  if (isClock(spec)) {\n    return buildClockBlockMark(spec, block, index);\n  }\n\n  return buildDefaultBlockMark(spec, block, index);\n};\n"]}

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

@@ -0,0 +1,16 @@
+import { BaseChart, VChart } from '@visactor/vchart';
+import type { IStorylineSpec } from './interface';
+import { StorylineChartSpecTransformer } from './storyline-transformer';
+export declare class StorylineChart<T extends IStorylineSpec = IStorylineSpec> extends BaseChart<Omit<T, 'data' | 'title' | 'layout'>> {
+    type: string;
+    static type: string;
+    static readonly view: string;
+    _spec: T;
+    static readonly transformerConstructor: typeof StorylineChartSpecTransformer;
+    readonly transformerConstructor: typeof StorylineChartSpecTransformer;
+    init(): void;
+    protected isValid(): boolean;
+}
+export declare const registerStorylineChart: (option?: {
+    VChart?: typeof VChart;
+}) => void;

package/esm/charts/storyline/storyline.js

@@ -0,0 +1,29 @@
+import { BaseChart, VChart, registerArcMark, registerCommonChart, registerCustomMark, registerGroupMark, registerImageMark, registerLineMark, registerPathMark, registerRectMark, registerTextMark } from "@visactor/vchart";
+
+import { StorylineChartSpecTransformer } from "./storyline-transformer";
+
+export class StorylineChart extends BaseChart {
+    constructor() {
+        super(...arguments), this.type = "storyline", this.transformerConstructor = StorylineChartSpecTransformer;
+    }
+    init() {
+        this.isValid() && super.init();
+    }
+    isValid() {
+        var _a, _b;
+        const {data: data} = this._spec;
+        return !!Array.isArray(data) || (null === (_b = (_a = this._option).onError) || void 0 === _b || _b.call(_a, "Data is required and should be an array for storyline chart"), 
+        !1);
+    }
+}
+
+StorylineChart.type = "storyline", StorylineChart.view = "singleDefault", StorylineChart.transformerConstructor = StorylineChartSpecTransformer;
+
+export const registerStorylineChart = option => {
+    registerCommonChart(), registerCustomMark(), registerGroupMark(), registerRectMark(), 
+    registerTextMark(), registerImageMark(), registerLineMark(), registerPathMark(), 
+    registerArcMark();
+    const vchartConstructor = (null == option ? void 0 : option.VChart) || VChart;
+    vchartConstructor && vchartConstructor.useChart([ StorylineChart ]);
+};
+//# sourceMappingURL=storyline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/storyline/storyline.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,MAAM,EACN,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,yBAAyB,CAAC;AAExE,MAAM,OAAO,cAA0D,SAAQ,SAE9E;IAFD;;QAGE,SAAI,GAAG,WAAW,CAAC;QAOV,2BAAsB,GAAG,6BAA6B,CAAC;IAiBlE,CAAC;IAfC,IAAI;QACF,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE;YACnB,OAAO;SACR;QACD,KAAK,CAAC,IAAI,EAAE,CAAC;IACf,CAAC;IAES,OAAO;;QACf,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC5B,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACxB,MAAA,MAAA,IAAI,CAAC,OAAO,EAAC,OAAO,mDAAG,6DAA6D,CAAC,CAAC;YACtF,OAAO,KAAK,CAAC;SACd;QACD,OAAO,IAAI,CAAC;IACd,CAAC;;AAtBM,mBAAI,GAAG,WAAW,CAAC;AACV,mBAAI,GAAW,eAAe,CAAC;AAI/B,qCAAsB,GAAG,6BAA6B,CAAC;AAoBzE,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,MAAmC,EAAE,EAAE;IAC5E,mBAAmB,EAAE,CAAC;IACtB,kBAAkB,EAAE,CAAC;IACrB,iBAAiB,EAAE,CAAC;IACpB,gBAAgB,EAAE,CAAC;IACnB,gBAAgB,EAAE,CAAC;IACnB,iBAAiB,EAAE,CAAC;IACpB,gBAAgB,EAAE,CAAC;IACnB,gBAAgB,EAAE,CAAC;IACnB,eAAe,EAAE,CAAC;IAElB,MAAM,iBAAiB,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,KAAI,MAAM,CAAC;IACnD,IAAI,iBAAiB,EAAE;QACrB,iBAAiB,CAAC,QAAQ,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC;KAC9C;AACH,CAAC,CAAC","file":"storyline.js","sourcesContent":["import {\n  BaseChart,\n  VChart,\n  registerArcMark,\n  registerCommonChart,\n  registerCustomMark,\n  registerGroupMark,\n  registerImageMark,\n  registerLineMark,\n  registerPathMark,\n  registerRectMark,\n  registerTextMark\n} from '@visactor/vchart';\nimport type { IStorylineSpec } from './interface';\nimport { StorylineChartSpecTransformer } from './storyline-transformer';\n\nexport class StorylineChart<T extends IStorylineSpec = IStorylineSpec> extends BaseChart<\n  Omit<T, 'data' | 'title' | 'layout'>\n> {\n  type = 'storyline';\n  static type = 'storyline';\n  static readonly view: string = 'singleDefault';\n\n  declare _spec: T;\n\n  static readonly transformerConstructor = StorylineChartSpecTransformer;\n  readonly transformerConstructor = StorylineChartSpecTransformer;\n\n  init() {\n    if (!this.isValid()) {\n      return;\n    }\n    super.init();\n  }\n\n  protected isValid() {\n    const { data } = this._spec;\n    if (!Array.isArray(data)) {\n      this._option.onError?.('Data is required and should be an array for storyline chart');\n      return false;\n    }\n    return true;\n  }\n}\n\nexport const registerStorylineChart = (option?: { VChart?: typeof VChart }) => {\n  registerCommonChart();\n  registerCustomMark();\n  registerGroupMark();\n  registerRectMark();\n  registerTextMark();\n  registerImageMark();\n  registerLineMark();\n  registerPathMark();\n  registerArcMark();\n\n  const vchartConstructor = option?.VChart || VChart;\n  if (vchartConstructor) {\n    vchartConstructor.useChart([StorylineChart]);\n  }\n};\n"]}

package/esm/index.d.ts

@@ -17,6 +17,7 @@ export * from './charts/pictogram';
 export * from './charts/image-cloud';
 export * from './charts/candlestick';
 export * from './charts/timeline';
+export * from './charts/storyline';
 export * from './components/series-break';
 export * from './components/bar-link';
 export * from './components/series-label';

package/esm/index.js

@@ -36,6 +36,8 @@ export * from "./charts/candlestick";
 
 export * from "./charts/timeline";
 
+export * from "./charts/storyline";
+
 export * from "./components/series-break";
 
 export * from "./components/bar-link";

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AACnD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sDAAsD,CAAC;AACrE,cAAc,oDAAoD,CAAC;AACnE,cAAc,wDAAwD,CAAC;AAEvE,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kCAAkC,CAAC;AACjD,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAElC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sCAAsC,CAAC;AACrD,cAAc,kCAAkC,CAAC;AACjD,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC","file":"index.js","sourcesContent":["export * from './charts/ranking-bar/ranking-bar';\nexport * from './charts/ranking-list/ranking-list';\nexport * from './charts/conversion-funnel';\nexport * from './charts/sequence-scatter-link/sequence-scatter-link';\nexport * from './charts/sequence-scatter-kde/sequence-scatter-kde';\nexport * from './charts/sequence-scatter-pixel/sequence-scatter-pixel';\n\nexport * from './charts/bar-3d';\nexport * from './charts/funnel-3d';\nexport * from './charts/histogram-3d';\nexport * from './charts/pie-3d';\nexport * from './charts/combination-candlestick';\nexport * from './charts/word-cloud-3d';\nexport * from './charts/axis-3d';\nexport * from './charts/range-column-3d';\nexport { register3DPlugin } from './charts/3d/plugin';\nexport * from './charts/pictogram';\nexport * from './charts/image-cloud';\nexport * from './charts/candlestick';\nexport * from './charts/timeline';\n\nexport * from './components/series-break';\nexport * from './components/bar-link';\nexport * from './components/series-label';\nexport * from './components/map-label';\nexport * from './components/regression-line';\nexport * from './components/scatter-regression-line';\nexport * from './components/bar-regression-line';\nexport * from './components/histogram-regression-line';\nexport * from './components/extension-mark-sync-state';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AACnD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sDAAsD,CAAC;AACrE,cAAc,oDAAoD,CAAC;AACnE,cAAc,wDAAwD,CAAC;AAEvE,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kCAAkC,CAAC;AACjD,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AAEnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sCAAsC,CAAC;AACrD,cAAc,kCAAkC,CAAC;AACjD,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC","file":"index.js","sourcesContent":["export * from './charts/ranking-bar/ranking-bar';\nexport * from './charts/ranking-list/ranking-list';\nexport * from './charts/conversion-funnel';\nexport * from './charts/sequence-scatter-link/sequence-scatter-link';\nexport * from './charts/sequence-scatter-kde/sequence-scatter-kde';\nexport * from './charts/sequence-scatter-pixel/sequence-scatter-pixel';\n\nexport * from './charts/bar-3d';\nexport * from './charts/funnel-3d';\nexport * from './charts/histogram-3d';\nexport * from './charts/pie-3d';\nexport * from './charts/combination-candlestick';\nexport * from './charts/word-cloud-3d';\nexport * from './charts/axis-3d';\nexport * from './charts/range-column-3d';\nexport { register3DPlugin } from './charts/3d/plugin';\nexport * from './charts/pictogram';\nexport * from './charts/image-cloud';\nexport * from './charts/candlestick';\nexport * from './charts/timeline';\nexport * from './charts/storyline';\n\nexport * from './components/series-break';\nexport * from './components/bar-link';\nexport * from './components/series-label';\nexport * from './components/map-label';\nexport * from './components/regression-line';\nexport * from './components/scatter-regression-line';\nexport * from './components/bar-regression-line';\nexport * from './components/histogram-regression-line';\nexport * from './components/extension-mark-sync-state';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vchart-extension",
-  "version": "2.1.0-alpha.13",
+  "version": "2.1.0-alpha.15",
   "description": "vchart extension package, including extension plugins and components",
   "sideEffects": false,
   "main": "cjs/index.js",
@@ -17,11 +17,11 @@
     "build"
   ],
   "dependencies": {
-    "@visactor/vrender-core": "1.1.0-alpha.22",
-    "@visactor/vrender-kits": "1.1.0-alpha.22",
-    "@visactor/vrender-components": "1.1.0-alpha.22",
-    "@visactor/vrender-animate": "1.1.0-alpha.22",
-    "@visactor/vchart": "2.1.0-alpha.13",
+    "@visactor/vrender-core": "1.0.45",
+    "@visactor/vrender-kits": "1.0.45",
+    "@visactor/vrender-components": "1.0.45",
+    "@visactor/vrender-animate": "1.0.45",
+    "@visactor/vchart": "2.1.0-alpha.15",
     "@visactor/vutils": "~1.0.23",
     "@visactor/vdataset": "~1.0.23",
     "@visactor/vlayouts": "~1.0.23"
@@ -49,8 +49,8 @@
     "rollup-plugin-sizes": "1.0.5",
     "rollup": "3.20.5",
     "@internal/ts-config": "0.0.1",
-    "@internal/bundler": "0.0.1",
-    "@internal/eslint-config": "0.0.1"
+    "@internal/eslint-config": "0.0.1",
+    "@internal/bundler": "0.0.1"
   },
   "publishConfig": {
     "access": "public",