npm - @visactor/vchart-extension - Versions diffs - 2.1.0-alpha.19 → 2.1.0-alpha.20 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (189) hide show

package/cjs/charts/storyline/layouts/ladder.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.buildLadderBlockMark = exports.buildLadderHeadlineMark = exports.buildLadderDiagonalMark = void 0;
-const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), LADDER_HEADLINE_FONT_RATIO = .42, LADDER_HEADLINE_FONT_MIN = 80, LADDER_HEADLINE_FONT_MAX = 240, LADDER_DIAGONAL_LINE_WIDTH = 2, LADDER_DIAGONAL_DASH = [ 12, 8 ], LADDER_BLOCK_IMAGE_SIZE = 96, LADDER_TITLE_FONT_SIZE = 28, LADDER_TITLE_LINE_HEIGHT = 36, LADDER_CONTENT_FONT_SIZE = 16, LADDER_CONTENT_LINE_HEIGHT = 24, isDownLadder = spec => "down" === (0,
+const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), LADDER_HEADLINE_FONT_RATIO = .42, LADDER_HEADLINE_FONT_MIN = 80, LADDER_HEADLINE_FONT_MAX = 240, LADDER_DIAGONAL_LINE_WIDTH = 2, LADDER_DIAGONAL_DASH = [ 12, 8 ], LADDER_BLOCK_IMAGE_SIZE = 100, LADDER_TITLE_FONT_SIZE = 28, LADDER_TITLE_LINE_HEIGHT = 26, LADDER_CONTENT_FONT_SIZE = 18, LADDER_CONTENT_LINE_HEIGHT = 26, isDownLadder = spec => "down" === (0,
 common_1.normalizeLayout)(spec.layout).direction, getLadderDiagonalGeometry = (spec, ctx) => {
     var _a;
     const {width: width, height: height, startX: startX, startY: startY} = (0, common_1.getRegionGeometry)(ctx), padding = (0,
@@ -87,7 +87,7 @@ exports.buildLadderHeadlineMark = buildLadderHeadlineMark;
 const isOnLeft = index => index % 2 == 1, getLadderBlockMetrics = (spec, ctx, index) => {
     var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
-    const block = (0, common_1.getLayout)(spec, ctx).blocks[index], padding = (0, common_1.normalizePadding)(null !== (_b = null === (_a = spec.block) || void 0 === _a ? void 0 : _a.padding) && void 0 !== _b ? _b : 12), imagePosition = isOnLeft(index) ? "right" : "left", imageWidth = null !== (_e = null === (_c = spec.image) || void 0 === _c ? void 0 : _c.width) && void 0 !== _e ? _e : 96, imageHeight = null !== (_g = null === (_f = spec.image) || void 0 === _f ? void 0 : _f.height) && void 0 !== _g ? _g : 96, imageGap = null !== (_j = null === (_h = spec.image) || void 0 === _h ? void 0 : _h.gap) && void 0 !== _j ? _j : common_1.DEFAULT_IMAGE_GAP, hasImage = !!(null === (_l = null === (_k = spec.data) || void 0 === _k ? void 0 : _k[index]) || void 0 === _l ? void 0 : _l.image), titleFontSize = Number(null !== (_p = null === (_o = null === (_m = spec.title) || void 0 === _m ? void 0 : _m.style) || void 0 === _o ? void 0 : _o.fontSize) && void 0 !== _p ? _p : 28), titleLineHeight = Number(null !== (_s = null === (_r = null === (_q = spec.title) || void 0 === _q ? void 0 : _q.style) || void 0 === _r ? void 0 : _r.lineHeight) && void 0 !== _s ? _s : Math.round(titleFontSize * (36 / 28))), titleHeight = (null === (_u = null === (_t = spec.data) || void 0 === _t ? void 0 : _t[index]) || void 0 === _u ? void 0 : _u.title) ? titleLineHeight : 0, blockWidth = null !== (_v = null == block ? void 0 : block.width) && void 0 !== _v ? _v : (0,
+    const block = (0, common_1.getLayout)(spec, ctx).blocks[index], padding = (0, common_1.normalizePadding)(null !== (_b = null === (_a = spec.block) || void 0 === _a ? void 0 : _a.padding) && void 0 !== _b ? _b : 12), imagePosition = isOnLeft(index) ? "right" : "left", imageWidth = null !== (_e = null === (_c = spec.image) || void 0 === _c ? void 0 : _c.width) && void 0 !== _e ? _e : 100, imageHeight = null !== (_g = null === (_f = spec.image) || void 0 === _f ? void 0 : _f.height) && void 0 !== _g ? _g : 100, imageGap = null !== (_j = null === (_h = spec.image) || void 0 === _h ? void 0 : _h.gap) && void 0 !== _j ? _j : common_1.DEFAULT_IMAGE_GAP, hasImage = !!(null === (_l = null === (_k = spec.data) || void 0 === _k ? void 0 : _k[index]) || void 0 === _l ? void 0 : _l.image), titleFontSize = Number(null !== (_p = null === (_o = null === (_m = spec.title) || void 0 === _m ? void 0 : _m.style) || void 0 === _o ? void 0 : _o.fontSize) && void 0 !== _p ? _p : 28), titleLineHeight = Number(null !== (_s = null === (_r = null === (_q = spec.title) || void 0 === _q ? void 0 : _q.style) || void 0 === _r ? void 0 : _r.lineHeight) && void 0 !== _s ? _s : Math.round(titleFontSize * (26 / 28))), titleHeight = (null === (_u = null === (_t = spec.data) || void 0 === _t ? void 0 : _t[index]) || void 0 === _u ? void 0 : _u.title) ? titleLineHeight : 0, blockWidth = null !== (_v = null == block ? void 0 : block.width) && void 0 !== _v ? _v : (0,
     common_1.resolveBlockWidth)(spec, 0), blockHeight = null !== (_y = null !== (_w = null == block ? void 0 : block.height) && void 0 !== _w ? _w : null === (_x = spec.block) || void 0 === _x ? void 0 : _x.height) && void 0 !== _y ? _y : common_1.DEFAULT_BLOCK_HEIGHT, imageBox = (0,
     common_1.getImageBox)(imagePosition, blockWidth, blockHeight, padding, imageWidth, imageHeight, imageGap, hasImage), textBox = (0,
     common_1.getTextBox)(imagePosition, blockWidth, blockHeight, padding, imageWidth, imageHeight, imageGap, hasImage), contentGap = (null === (_0 = null === (_z = spec.data) || void 0 === _z ? void 0 : _z[index]) || void 0 === _0 ? void 0 : _0.title) ? 8 : 0;
@@ -105,7 +105,7 @@ const isOnLeft = index => index % 2 == 1, getLadderBlockMetrics = (spec, ctx, in
     };
 }, buildLadderBlockMark = (spec, block, index) => {
     var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-    const hasImage = !!block.image, align = isOnLeft(index) ? "right" : "left", contentText = Array.isArray(block.content) ? block.content : block.content ? [ block.content ] : [], titleFontSize = Number(null !== (_c = null === (_b = null === (_a = spec.title) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fontSize) && void 0 !== _c ? _c : 28), titleLineHeight = Number(null !== (_g = null === (_f = null === (_e = spec.title) || void 0 === _e ? void 0 : _e.style) || void 0 === _f ? void 0 : _f.lineHeight) && void 0 !== _g ? _g : Math.round(titleFontSize * (36 / 28))), showBackground = !0 === (null === (_h = spec.block) || void 0 === _h ? void 0 : _h.showBackground), getTitleX = ctx => {
+    const hasImage = !!block.image, align = isOnLeft(index) ? "right" : "left", contentText = Array.isArray(block.content) ? block.content : block.content ? [ block.content ] : [], titleFontSize = Number(null !== (_c = null === (_b = null === (_a = spec.title) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fontSize) && void 0 !== _c ? _c : 28), titleLineHeight = Number(null !== (_g = null === (_f = null === (_e = spec.title) || void 0 === _e ? void 0 : _e.style) || void 0 === _f ? void 0 : _f.lineHeight) && void 0 !== _g ? _g : Math.round(titleFontSize * (26 / 28))), showBackground = !0 === (null === (_h = spec.block) || void 0 === _h ? void 0 : _h.showBackground), getTitleX = ctx => {
         const m = getLadderBlockMetrics(spec, ctx, index);
         return "right" === align ? m.textBox.x + m.textBox.width : m.textBox.x;
     };
@@ -185,10 +185,12 @@ const isOnLeft = index => index % 2 == 1, getLadderBlockMetrics = (spec, ctx, in
                 x: (_d, ctx) => getTitleX(ctx),
                 y: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).contentBox.y,
                 width: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).textBox.width,
-                text: (0, common_1.buildRichContent)(contentText, spec),
+                text: (0, common_1.buildRichContent)(contentText, spec, {
+                    fontSize: 18,
+                    lineHeight: 26,
+                    align: align
+                }),
                 maxLineWidth: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).textBox.width,
-                fontSize: 16,
-                lineHeight: 24,
                 heightLimit: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).contentBox.height,
                 textBaseline: "top",
                 wordBreak: "break-word",

package/cjs/charts/storyline/layouts/ladder.js.map CHANGED Viewed

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

package/cjs/charts/storyline/layouts/landscape.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.buildLandscapeBlockMark = exports.buildLandscapeConnectingCurve = void 0;
-const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), LANDSCAPE_IMAGE_HEIGHT_RATIO = .42, LANDSCAPE_DETACHED_GAP = 64, LANDSCAPE_CONNECTOR_ARROW_SIZE = 9, LANDSCAPE_CONNECTOR_X_RATIO = .2, LANDSCAPE_TEXT_GAP_FROM_CONNECTOR = 12, LANDSCAPE_CONTENT_LINES = 4, LANDSCAPE_TITLE_LINE_HEIGHT = 19, LANDSCAPE_CONTENT_LINE_HEIGHT = 18, LANDSCAPE_CONTENT_FONT_SIZE = 12, LANDSCAPE_TITLE_TO_CONTENT_GAP = 4, getLandscapeImageCenter = (spec, ctx, index) => {
+const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), LANDSCAPE_IMAGE_HEIGHT_RATIO = .42, LANDSCAPE_DETACHED_GAP = 64, LANDSCAPE_CONNECTOR_ARROW_SIZE = 9, LANDSCAPE_CONNECTOR_X_RATIO = .2, LANDSCAPE_TEXT_GAP_FROM_CONNECTOR = 12, LANDSCAPE_CONTENT_LINES = 10, LANDSCAPE_TITLE_LINE_HEIGHT = 34, LANDSCAPE_CONTENT_LINE_HEIGHT = 26, LANDSCAPE_CONTENT_FONT_SIZE = 18, LANDSCAPE_TITLE_TO_CONTENT_GAP = 4, getLandscapeImageCenter = (spec, ctx, index) => {
     var _a, _b, _c, _e;
     const lb = (0, common_1.getLayout)(spec, ctx).blocks[index];
     if (!lb) return null;
@@ -68,7 +68,7 @@ exports.buildLandscapeConnectingCurve = buildLandscapeConnectingCurve;
 const getLandscapeMetrics = (spec, blockWidth, blockHeight, index) => {
     var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
-    const padding = (0, common_1.normalizePadding)(null !== (_b = null === (_a = spec.block) || void 0 === _a ? void 0 : _a.padding) && void 0 !== _b ? _b : 12), titleFontSize = Number(null !== (_f = null === (_e = null === (_c = spec.title) || void 0 === _c ? void 0 : _c.style) || void 0 === _e ? void 0 : _e.fontSize) && void 0 !== _f ? _f : 18), titleLineHeight = Number(null !== (_j = null === (_h = null === (_g = spec.title) || void 0 === _g ? void 0 : _g.style) || void 0 === _h ? void 0 : _h.lineHeight) && void 0 !== _j ? _j : Math.max(19, Math.round(1.35 * titleFontSize))), contentFontSize = Number(null !== (_m = null === (_l = null === (_k = spec.content) || void 0 === _k ? void 0 : _k.style) || void 0 === _l ? void 0 : _l.fontSize) && void 0 !== _m ? _m : 12), contentLineHeight = Number(null !== (_q = null === (_p = null === (_o = spec.content) || void 0 === _o ? void 0 : _o.style) || void 0 === _p ? void 0 : _p.lineHeight) && void 0 !== _q ? _q : 18), imageHeight = Math.max(null !== (_s = null === (_r = spec.image) || void 0 === _r ? void 0 : _r.height) && void 0 !== _s ? _s : Math.round(.42 * blockHeight), titleLineHeight + padding.top + padding.bottom), contentHeight = 4 * contentLineHeight, textHeight = titleLineHeight + 4 + contentHeight, textOnTop = index % 2 == 0;
+    const padding = (0, common_1.normalizePadding)(null !== (_b = null === (_a = spec.block) || void 0 === _a ? void 0 : _a.padding) && void 0 !== _b ? _b : 12), titleFontSize = Number(null !== (_f = null === (_e = null === (_c = spec.title) || void 0 === _c ? void 0 : _c.style) || void 0 === _e ? void 0 : _e.fontSize) && void 0 !== _f ? _f : 26), titleLineHeight = Number(null !== (_j = null === (_h = null === (_g = spec.title) || void 0 === _g ? void 0 : _g.style) || void 0 === _h ? void 0 : _h.lineHeight) && void 0 !== _j ? _j : Math.max(34, Math.round(1.35 * titleFontSize))), contentFontSize = Number(null !== (_m = null === (_l = null === (_k = spec.content) || void 0 === _k ? void 0 : _k.style) || void 0 === _l ? void 0 : _l.fontSize) && void 0 !== _m ? _m : 18), contentLineHeight = Number(null !== (_q = null === (_p = null === (_o = spec.content) || void 0 === _o ? void 0 : _o.style) || void 0 === _p ? void 0 : _p.lineHeight) && void 0 !== _q ? _q : 26), imageHeight = Math.max(null !== (_s = null === (_r = spec.image) || void 0 === _r ? void 0 : _r.height) && void 0 !== _s ? _s : Math.round(.42 * blockHeight), titleLineHeight + padding.top + padding.bottom), canvasHeight = spec.height, contentHeight = canvasHeight ? Math.max(2 * contentLineHeight, Math.round(canvasHeight / 4)) : 10 * contentLineHeight, textHeight = titleLineHeight + 4 + contentHeight, textOnTop = index % 2 == 0;
     let textBox, contentBox, imageBox, connector, groupTop, groupHeight;
     const connectorX = 0 + .2 * blockWidth, textX = connectorX + 12, textWidth = Math.max(blockWidth - (textX - 0), 0);
     if (textOnTop) {
@@ -136,7 +136,7 @@ const getLandscapeMetrics = (spec, blockWidth, blockHeight, index) => {
     };
 }, buildLandscapeBlockMark = (spec, block, index) => {
     var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
-    const hasImage = !!block.image, contentText = Array.isArray(block.content) ? block.content : block.content ? [ block.content ] : [], titleFontSize = Number(null !== (_c = null === (_b = null === (_a = spec.title) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fontSize) && void 0 !== _c ? _c : 18), titleLineHeight = Number(null !== (_g = null === (_f = null === (_e = spec.title) || void 0 === _e ? void 0 : _e.style) || void 0 === _f ? void 0 : _f.lineHeight) && void 0 !== _g ? _g : Math.round(1.35 * titleFontSize)), getMetrics = ctx => {
+    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 : 26), titleLineHeight = Number(null !== (_g = null === (_f = null === (_e = spec.title) || void 0 === _e ? void 0 : _e.style) || void 0 === _f ? void 0 : _f.lineHeight) && void 0 !== _g ? _g : Math.round(1.35 * titleFontSize)), getMetrics = ctx => {
         var _a, _b, _c, _e;
         const layoutBlock = (0, common_1.getLayout)(spec, ctx).blocks[index], w = null !== (_a = null == layoutBlock ? void 0 : layoutBlock.width) && void 0 !== _a ? _a : (0,
         common_1.resolveBlockWidth)(spec, 0), h = null !== (_e = null !== (_b = null == layoutBlock ? void 0 : layoutBlock.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;
@@ -156,7 +156,7 @@ const getLandscapeMetrics = (spec, blockWidth, blockHeight, index) => {
             },
             y: (_d, ctx) => {
                 var _a, _b, _c, _e, _f, _g, _h;
-                const lb = (0, common_1.getLayout)(spec, ctx).blocks[index], m = getMetrics(ctx), cy = null !== (_b = null === (_a = null == lb ? void 0 : lb.center) || void 0 === _a ? void 0 : _a.y) && void 0 !== _b ? _b : (null !== (_c = null == lb ? void 0 : lb.y) && void 0 !== _c ? _c : 0) + (null !== (_e = null == lb ? void 0 : lb.height) && void 0 !== _e ? _e : 0) / 2, blockH = null !== (_h = null !== (_f = null == lb ? void 0 : lb.height) && void 0 !== _f ? _f : null === (_g = spec.block) || void 0 === _g ? void 0 : _g.height) && void 0 !== _h ? _h : common_1.DEFAULT_BLOCK_HEIGHT, stagger = (index % 2 == 0 ? -1 : 1) * blockH * .1;
+                const lb = (0, common_1.getLayout)(spec, ctx).blocks[index], m = getMetrics(ctx), cy = null !== (_b = null === (_a = null == lb ? void 0 : lb.center) || void 0 === _a ? void 0 : _a.y) && void 0 !== _b ? _b : (null !== (_c = null == lb ? void 0 : lb.y) && void 0 !== _c ? _c : 0) + (null !== (_e = null == lb ? void 0 : lb.height) && void 0 !== _e ? _e : 0) / 2, blockH = null !== (_h = null !== (_f = null == lb ? void 0 : lb.height) && void 0 !== _f ? _f : null === (_g = spec.block) || void 0 === _g ? void 0 : _g.height) && void 0 !== _h ? _h : common_1.DEFAULT_BLOCK_HEIGHT, stagger = m.textOnTop ? .1 * blockH : .1 * -blockH;
                 return cy - m.imageBox.height / 2 + stagger;
             },
             width: (_d, ctx) => getMetrics(ctx).blockWidth,
@@ -239,9 +239,11 @@ const getLandscapeMetrics = (spec, blockWidth, blockHeight, index) => {
                 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,
+                text: (0, common_1.buildRichContent)(contentText, spec, {
+                    fontSize: 18,
+                    lineHeight: 26,
+                    fill: "#596173"
+                }),
                 textAlign: "left",
                 textBaseline: "top",
                 wordBreak: "break-word",

package/cjs/charts/storyline/layouts/landscape.js.map CHANGED Viewed

	@@ -1 +1 @@
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 ?? 18);\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 ?? 18);\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 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 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: 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"]}
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 区固定为 10 行，整体 textHeight = titleLineHeight + titleGap + contentLines * contentLineHeight\nconst LANDSCAPE_CONTENT_LINES = 10;\nconst LANDSCAPE_TITLE_LINE_HEIGHT = 34;\nconst LANDSCAPE_CONTENT_LINE_HEIGHT = 26;\nconst LANDSCAPE_CONTENT_FONT_SIZE = 18;\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 ?? 26);\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 // landscape：content 默认高度 = 图表高度 / 2，没有传 spec.height 时回退到固定行数\n const canvasHeight = spec.height as number \| undefined;\n const contentHeight = canvasHeight\n ? Math.max(contentLineHeight * 2, Math.round(canvasHeight / 4))\n : 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 ?? 26);\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 // text 在上方时 group 往下偏移，text 在下方时 group 往上偏移\n const stagger = m.textOnTop ? blockH * 0.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 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 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: LANDSCAPE_CONTENT_FONT_SIZE,\n lineHeight: LANDSCAPE_CONTENT_LINE_HEIGHT,\n fill: '#596173'\n }),\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/portrait.d.ts CHANGED Viewed

@@ -1,4 +1,11 @@
 import type { IExtensionGroupMarkSpec } from '@visactor/vchart';
 import type { IStorylineBlock, IStorylineSpec } from '../interface';
+export declare const PORTRAIT_IMAGE_HEIGHT_RATIO = 0.6;
+export declare const PORTRAIT_CONTENT_HEIGHT_RATIO = 1;
+export declare const PORTRAIT_TEXT_GAP_FROM_IMAGE = 8;
+export declare const PORTRAIT_CONTENT_LINES = 3;
+export declare const PORTRAIT_TITLE_LINE_HEIGHT = 34;
+export declare const PORTRAIT_CONTENT_LINE_HEIGHT = 26;
+export declare const PORTRAIT_TITLE_TO_CONTENT_GAP = 4;
 export declare const buildPortraitAxisMark: (spec: IStorylineSpec) => IExtensionGroupMarkSpec;
 export declare const buildPortraitBlockMark: (spec: IStorylineSpec, block: IStorylineBlock, index: number) => IExtensionGroupMarkSpec;

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

@@ -2,9 +2,22 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.buildPortraitBlockMark = exports.buildPortraitAxisMark = void 0;
+}), exports.buildPortraitBlockMark = exports.buildPortraitAxisMark = exports.PORTRAIT_TITLE_TO_CONTENT_GAP = exports.PORTRAIT_CONTENT_LINE_HEIGHT = exports.PORTRAIT_TITLE_LINE_HEIGHT = exports.PORTRAIT_CONTENT_LINES = exports.PORTRAIT_TEXT_GAP_FROM_IMAGE = exports.PORTRAIT_CONTENT_HEIGHT_RATIO = exports.PORTRAIT_IMAGE_HEIGHT_RATIO = 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 vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), PORTRAIT_AXIS_WIDTH = 96, PORTRAIT_AXIS_PADDING = 50, PORTRAIT_MARKER_FONT_SIZE = 40, PORTRAIT_MARKER_LINE_HEIGHT = 28, PORTRAIT_MARKER_AXIS_PADDING = 6;
+exports.PORTRAIT_IMAGE_HEIGHT_RATIO = .6, exports.PORTRAIT_CONTENT_HEIGHT_RATIO = 1;
+const PORTRAIT_IMAGE_GAP_FROM_AXIS = 24, PORTRAIT_SHADOW_OFFSET_X = 24, PORTRAIT_SHADOW_OFFSET_Y = 16, PORTRAIT_SHADOW_SCALE = 1;
+exports.PORTRAIT_TEXT_GAP_FROM_IMAGE = 8, exports.PORTRAIT_CONTENT_LINES = 3, exports.PORTRAIT_TITLE_LINE_HEIGHT = 34,
+exports.PORTRAIT_CONTENT_LINE_HEIGHT = 26;
+const PORTRAIT_CONTENT_FONT_SIZE = 18;
+exports.PORTRAIT_TITLE_TO_CONTENT_GAP = 4;
+const getPortraitAxisRect = (spec, ctx) => {
     const blocks = (0, common_1.getLayout)(spec, ctx).blocks;
     if (!blocks.length) return {
         x: 0,
@@ -14,13 +27,13 @@ const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), PO
     };
     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,
+        x: blocks[0].center.x - 48,
         y: top - 50,
-        width: 64,
+        width: 96,
         height: bottom - top + 100
     };
 }, buildPortraitAxisMark = spec => {
-    var _a, _b, _c, _e, _f, _g;
+    var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
     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,
@@ -34,7 +47,48 @@ const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), PO
             offset: 1,
             color: (0, common_1.withAlpha)(themeColor, 1)
         } ]
-    };
+    }, markerFontSize = Number(null !== (_f = null === (_e = null === (_c = spec.marker) || void 0 === _c ? void 0 : _c.style) || void 0 === _e ? void 0 : _e.fontSize) && void 0 !== _f ? _f : 40), markerLineHeight = Number(null !== (_j = null === (_h = null === (_g = spec.marker) || void 0 === _g ? void 0 : _g.style) || void 0 === _h ? void 0 : _h.lineHeight) && void 0 !== _j ? _j : 28), markerMarks = !1 !== (null === (_k = spec.marker) || void 0 === _k ? void 0 : _k.visible) ? (null !== (_l = spec.data) && void 0 !== _l ? _l : []).map(((block, index) => {
+        var _a;
+        if (!block.marker) return null;
+        const onLeft = index % 2 == 0, markerOffsetX = onLeft ? -42 : 42, markerTextAlign = onLeft ? "left" : "right";
+        return Object.assign(Object.assign({
+            type: "text",
+            textType: "rich",
+            name: `storyline-portrait-marker-${index}`,
+            interactive: !1
+        }, spec.marker), {
+            style: Object.assign({
+                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) + markerOffsetX;
+                },
+                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;
+                },
+                text: {
+                    type: "rich",
+                    text: block.marker.split("").map(((char, i, arr) => ({
+                        text: char + (i < arr.length - 1 ? "\n" : ""),
+                        fontSize: markerFontSize,
+                        lineHeight: markerLineHeight,
+                        fill: "#fff",
+                        align: markerTextAlign
+                    })))
+                },
+                fontWeight: "bold",
+                lineJoin: "round",
+                shadowColor: "rgba(0, 0, 0, 0.3)",
+                shadowBlur: 8,
+                shadowOffsetX: 0,
+                shadowOffsetY: 5,
+                textAlign: markerTextAlign,
+                textBaseline: "middle"
+            }, null === (_a = spec.marker) || void 0 === _a ? void 0 : _a.style)
+        });
+    })).filter(Boolean) : [];
     return {
         type: "group",
         name: "storyline-portrait-axis",
@@ -44,16 +98,16 @@ const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), PO
             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,
+                fill: null !== (_m = lineStyle.fill) && void 0 !== _m ? _m : defaultFill,
+                stroke: null !== (_o = lineStyle.stroke) && void 0 !== _o && _o,
+                lineWidth: null !== (_p = lineStyle.lineWidth) && void 0 !== _p ? _p : 0,
+                cornerRadius: null !== (_q = lineStyle.cornerRadius) && void 0 !== _q ? _q : 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
             }
-        } ]
+        }, ...markerMarks ]
     };
 };
@@ -61,7 +115,7 @@ 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;
+    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 : 26), 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(exports.PORTRAIT_TITLE_LINE_HEIGHT, 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 : 18), 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 : exports.PORTRAIT_CONTENT_LINE_HEIGHT), titleToContentGap = exports.PORTRAIT_TITLE_TO_CONTENT_GAP, imageWidth = null !== (_q = null === (_p = spec.image) || void 0 === _p ? void 0 : _p.width) && void 0 !== _q ? _q : Math.max(blockWidth, 80), imageHeight = null !== (_s = null === (_r = spec.image) || void 0 === _r ? void 0 : _r.height) && void 0 !== _s ? _s : Math.round(blockHeight * exports.PORTRAIT_IMAGE_HEIGHT_RATIO), minContentHeight = exports.PORTRAIT_CONTENT_LINES * contentLineHeight, contentHeight = Math.max(minContentHeight, Math.round(blockHeight * exports.PORTRAIT_CONTENT_HEIGHT_RATIO)), textHeight = titleLineHeight + titleToContentGap + contentHeight, onLeft = index % 2 == 0, imageX = onLeft ? -72 - imageWidth : 72, imageY = -imageHeight / 2, textX = imageX, textY = imageY + imageHeight + exports.PORTRAIT_TEXT_GAP_FROM_IMAGE, shadowWidth = 1 * imageWidth, shadowHeight = 1 * imageHeight;
     return {
         onLeft: onLeft,
         titleFontSize: titleFontSize,
@@ -82,29 +136,29 @@ const getPortraitMetrics = (spec, blockWidth, blockHeight, index) => {
             height: shadowHeight
         },
         textBox: {
-            x: imageX,
+            x: textX,
             y: textY,
             width: imageWidth,
-            height: titleLineHeight + 4 + contentHeight
+            height: textHeight
         },
         contentBox: {
-            x: imageX,
-            y: textY + titleLineHeight + 4,
+            x: textX,
+            y: textY + titleLineHeight + titleToContentGap,
             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 => {
+    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 : 26), 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(exports.PORTRAIT_TITLE_LINE_HEIGHT, Math.round(1.35 * titleFontSize))), 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 : {};
+    }, themeColor = (0, common_1.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 !== (_l = block.id) && void 0 !== _l ? _l : index}`,
+        id: `storyline-block-${null !== (_k = block.id) && void 0 !== _k ? _k : index}`,
         name: `storyline-block-${index}`,
         zIndex: vchart_1.LayoutZIndex.Mark + 1,
         style: {
@@ -119,7 +173,7 @@ const getPortraitMetrics = (spec, blockWidth, blockHeight, 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 ? {
+        children: [ hasSubImage ? {
             type: "image",
             name: `storyline-block-shadow-image-${index}`,
             interactive: !1,
@@ -134,7 +188,7 @@ const getPortraitMetrics = (spec, blockWidth, blockHeight, index) => {
                 imageMode: "cover",
                 imagePosition: "center"
             }
-        } : null, {
+        } : null, !0 === (null === (_l = spec.image) || void 0 === _l ? void 0 : _l.showBackground) ? {
             type: "rect",
             name: `storyline-block-image-bg-${index}`,
             interactive: !1,
@@ -148,7 +202,7 @@ const getPortraitMetrics = (spec, blockWidth, blockHeight, index) => {
                 stroke: themeColor,
                 lineWidth: 2
             }, blockStyle)
-        }, hasImage ? Object.assign(Object.assign({
+        } : null, hasImage ? Object.assign(Object.assign({
             type: "image",
             name: `storyline-block-image-${index}`,
             interactive: !1
@@ -197,9 +251,11 @@ const getPortraitMetrics = (spec, blockWidth, blockHeight, index) => {
                 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,
+                text: (0, common_1.buildRichContent)(contentText, spec, {
+                    fontSize: 18,
+                    lineHeight: exports.PORTRAIT_CONTENT_LINE_HEIGHT,
+                    fill: "#596173"
+                }),
                 textAlign: "left",
                 textBaseline: "top",
                 wordBreak: "break-word",