@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.
- package/build/index.js +458 -216
- package/build/index.min.js +2 -2
- package/cjs/charts/axis-3d/index.js +1 -2
- package/cjs/charts/axis-3d/linear-axis.js +2 -1
- package/cjs/charts/bar-3d/chart-spec-transformer.js +1 -1
- package/cjs/charts/bar-3d/chart.js +1 -1
- package/cjs/charts/bar-3d/constant.js +1 -1
- package/cjs/charts/bar-3d/index.js +1 -1
- package/cjs/charts/bar-3d/interface.js +1 -1
- package/cjs/charts/bar-3d/series-spec-transformer.js +1 -1
- package/cjs/charts/bar-3d/series.js +1 -1
- package/cjs/charts/bar-3d/theme.js +1 -1
- package/cjs/charts/candlestick/candlestick-transformer.js +1 -1
- package/cjs/charts/candlestick/candlestick.js +2 -1
- package/cjs/charts/candlestick/index.js +1 -1
- package/cjs/charts/candlestick/interface.js +1 -1
- package/cjs/charts/candlestick/util.js +1 -1
- package/cjs/charts/combination-candlestick/combination-candlestick-transformer.js +1 -1
- package/cjs/charts/combination-candlestick/combination-candlestick.js +1 -1
- package/cjs/charts/combination-candlestick/constant.js +1 -1
- package/cjs/charts/combination-candlestick/index.js +1 -1
- package/cjs/charts/combination-candlestick/interface.js +1 -1
- package/cjs/charts/conversion-funnel/arrow-data-transform.js +1 -1
- package/cjs/charts/conversion-funnel/constants.js +1 -1
- package/cjs/charts/conversion-funnel/conversion-funnel-transformer.js +1 -1
- package/cjs/charts/conversion-funnel/conversion-funnel.js +1 -1
- package/cjs/charts/conversion-funnel/index.js +1 -1
- package/cjs/charts/conversion-funnel/interface.js +1 -1
- package/cjs/charts/conversion-funnel/util.js +1 -1
- package/cjs/charts/funnel-3d/chart.js +2 -1
- package/cjs/charts/funnel-3d/constant.js +1 -1
- package/cjs/charts/funnel-3d/index.js +1 -1
- package/cjs/charts/funnel-3d/interface.js +1 -1
- package/cjs/charts/funnel-3d/series-spec-transformer.js +1 -1
- package/cjs/charts/funnel-3d/series.js +1 -1
- package/cjs/charts/funnel-3d/theme.js +1 -1
- package/cjs/charts/histogram-3d/chart.js +1 -1
- package/cjs/charts/storyline/interface.d.ts +2 -0
- package/cjs/charts/storyline/interface.js.map +1 -1
- package/cjs/charts/storyline/layout.d.ts +6 -1
- package/cjs/charts/storyline/layout.js +8 -2
- package/cjs/charts/storyline/layout.js.map +1 -1
- package/cjs/charts/storyline/layouts/arc.js +86 -54
- package/cjs/charts/storyline/layouts/arc.js.map +1 -1
- package/cjs/charts/storyline/layouts/clock.js +25 -23
- package/cjs/charts/storyline/layouts/clock.js.map +1 -1
- package/cjs/charts/storyline/layouts/common.d.ts +11 -2
- package/cjs/charts/storyline/layouts/common.js +21 -19
- package/cjs/charts/storyline/layouts/common.js.map +1 -1
- package/cjs/charts/storyline/layouts/default.js +12 -10
- package/cjs/charts/storyline/layouts/default.js.map +1 -1
- package/cjs/charts/storyline/layouts/ladder.js +8 -6
- package/cjs/charts/storyline/layouts/ladder.js.map +1 -1
- package/cjs/charts/storyline/layouts/landscape.js +9 -7
- package/cjs/charts/storyline/layouts/landscape.js.map +1 -1
- package/cjs/charts/storyline/layouts/portrait.d.ts +7 -0
- package/cjs/charts/storyline/layouts/portrait.js +81 -25
- package/cjs/charts/storyline/layouts/portrait.js.map +1 -1
- package/cjs/charts/storyline/layouts/wing.js +109 -52
- package/cjs/charts/storyline/layouts/wing.js.map +1 -1
- package/cjs/charts/storyline/storyline-transformer.js +21 -8
- package/cjs/charts/storyline/storyline-transformer.js.map +1 -1
- package/cjs/components/bar-link/bar-link.js +1 -1
- package/cjs/components/bar-link/constant.js +1 -1
- package/cjs/components/bar-link/index.js +1 -1
- package/cjs/components/bar-link/type.js +1 -1
- package/cjs/components/bar-link/util.js +1 -1
- package/cjs/components/bar-regression-line/index.js +1 -1
- package/cjs/components/bar-regression-line/type.js +1 -1
- package/cjs/components/extension-mark-sync-state/extension-mark-sync-state.js +1 -1
- package/cjs/components/extension-mark-sync-state/index.js +1 -1
- package/cjs/components/extension-mark-sync-state/type.js +1 -1
- package/cjs/components/histogram-regression-line/index.js +1 -1
- package/cjs/components/histogram-regression-line/type.js +1 -2
- package/cjs/components/map-label/index.js +1 -1
- package/cjs/components/map-label/layout.js +1 -1
- package/cjs/components/map-label/map-label-transformer.js +1 -1
- package/cjs/components/map-label/map-label.js +1 -1
- package/cjs/components/map-label/theme.js +1 -1
- package/cjs/components/map-label/type.js +1 -1
- package/cjs/components/regression-line/index.js +1 -1
- package/cjs/components/regression-line/regression-line.js +1 -1
- package/cjs/components/regression-line/type.js +1 -1
- package/cjs/components/scatter-regression-line/index.js +1 -1
- package/cjs/components/scatter-regression-line/type.js +1 -1
- package/cjs/components/series-break/constant.js +1 -1
- package/cjs/components/series-break/index.js +1 -1
- package/cjs/components/series-break/series-break.js +1 -1
- package/cjs/components/series-break/type.js +1 -1
- package/cjs/components/series-break/util.js +1 -2
- package/cjs/components/series-label/constant.js +1 -1
- package/cjs/components/series-label/index.js +1 -1
- package/cjs/components/series-label/series-label.js +1 -1
- package/cjs/components/series-label/type.js +1 -1
- package/cjs/components/series-label/util.js +1 -1
- package/esm/charts/axis-3d/index.js +1 -2
- package/esm/charts/axis-3d/linear-axis.js +2 -1
- package/esm/charts/bar-3d/chart-spec-transformer.js +1 -1
- package/esm/charts/bar-3d/chart.js +1 -1
- package/esm/charts/bar-3d/constant.js +1 -1
- package/esm/charts/bar-3d/index.js +1 -1
- package/esm/charts/bar-3d/interface.js +1 -1
- package/esm/charts/bar-3d/series-spec-transformer.js +1 -1
- package/esm/charts/bar-3d/series.js +1 -1
- package/esm/charts/bar-3d/theme.js +1 -1
- package/esm/charts/candlestick/candlestick-transformer.js +1 -1
- package/esm/charts/candlestick/candlestick.js +2 -1
- package/esm/charts/candlestick/index.js +1 -1
- package/esm/charts/candlestick/interface.js +1 -1
- package/esm/charts/candlestick/util.js +1 -1
- package/esm/charts/combination-candlestick/combination-candlestick-transformer.js +1 -1
- package/esm/charts/combination-candlestick/combination-candlestick.js +1 -1
- package/esm/charts/combination-candlestick/constant.js +1 -1
- package/esm/charts/combination-candlestick/index.js +1 -1
- package/esm/charts/combination-candlestick/interface.js +1 -1
- package/esm/charts/conversion-funnel/arrow-data-transform.js +1 -1
- package/esm/charts/conversion-funnel/constants.js +1 -1
- package/esm/charts/conversion-funnel/conversion-funnel-transformer.js +1 -1
- package/esm/charts/conversion-funnel/conversion-funnel.js +1 -1
- package/esm/charts/conversion-funnel/index.js +1 -1
- package/esm/charts/conversion-funnel/interface.js +1 -1
- package/esm/charts/conversion-funnel/util.js +1 -1
- package/esm/charts/funnel-3d/chart.js +2 -1
- package/esm/charts/funnel-3d/constant.js +1 -1
- package/esm/charts/funnel-3d/index.js +1 -1
- package/esm/charts/funnel-3d/interface.js +1 -1
- package/esm/charts/funnel-3d/series-spec-transformer.js +1 -1
- package/esm/charts/funnel-3d/series.js +1 -1
- package/esm/charts/funnel-3d/theme.js +1 -1
- package/esm/charts/histogram-3d/chart.js +1 -1
- package/esm/charts/storyline/interface.d.ts +2 -0
- package/esm/charts/storyline/interface.js.map +1 -1
- package/esm/charts/storyline/layout.d.ts +6 -1
- package/esm/charts/storyline/layout.js +8 -2
- package/esm/charts/storyline/layout.js.map +1 -1
- package/esm/charts/storyline/layouts/arc.js +86 -52
- package/esm/charts/storyline/layouts/arc.js.map +1 -1
- package/esm/charts/storyline/layouts/clock.js +25 -23
- package/esm/charts/storyline/layouts/clock.js.map +1 -1
- package/esm/charts/storyline/layouts/common.d.ts +11 -2
- package/esm/charts/storyline/layouts/common.js +20 -19
- package/esm/charts/storyline/layouts/common.js.map +1 -1
- package/esm/charts/storyline/layouts/default.js +12 -10
- package/esm/charts/storyline/layouts/default.js.map +1 -1
- package/esm/charts/storyline/layouts/ladder.js +8 -6
- package/esm/charts/storyline/layouts/ladder.js.map +1 -1
- package/esm/charts/storyline/layouts/landscape.js +9 -7
- package/esm/charts/storyline/layouts/landscape.js.map +1 -1
- package/esm/charts/storyline/layouts/portrait.d.ts +7 -0
- package/esm/charts/storyline/layouts/portrait.js +83 -20
- package/esm/charts/storyline/layouts/portrait.js.map +1 -1
- package/esm/charts/storyline/layouts/wing.js +109 -51
- package/esm/charts/storyline/layouts/wing.js.map +1 -1
- package/esm/charts/storyline/storyline-transformer.js +22 -10
- package/esm/charts/storyline/storyline-transformer.js.map +1 -1
- package/esm/components/bar-link/bar-link.js +1 -1
- package/esm/components/bar-link/constant.js +1 -1
- package/esm/components/bar-link/index.js +1 -1
- package/esm/components/bar-link/type.js +1 -1
- package/esm/components/bar-link/util.js +1 -1
- package/esm/components/bar-regression-line/index.js +1 -1
- package/esm/components/bar-regression-line/type.js +1 -1
- package/esm/components/extension-mark-sync-state/extension-mark-sync-state.js +1 -1
- package/esm/components/extension-mark-sync-state/index.js +1 -1
- package/esm/components/extension-mark-sync-state/type.js +1 -1
- package/esm/components/histogram-regression-line/index.js +1 -1
- package/esm/components/histogram-regression-line/type.js +1 -2
- package/esm/components/map-label/index.js +1 -1
- package/esm/components/map-label/layout.js +1 -1
- package/esm/components/map-label/map-label-transformer.js +1 -1
- package/esm/components/map-label/map-label.js +1 -1
- package/esm/components/map-label/theme.js +1 -1
- package/esm/components/map-label/type.js +1 -1
- package/esm/components/regression-line/index.js +1 -1
- package/esm/components/regression-line/regression-line.js +1 -1
- package/esm/components/regression-line/type.js +1 -1
- package/esm/components/scatter-regression-line/index.js +1 -1
- package/esm/components/scatter-regression-line/type.js +1 -1
- package/esm/components/series-break/constant.js +1 -1
- package/esm/components/series-break/index.js +1 -1
- package/esm/components/series-break/series-break.js +1 -1
- package/esm/components/series-break/type.js +1 -1
- package/esm/components/series-break/util.js +1 -2
- package/esm/components/series-label/constant.js +1 -1
- package/esm/components/series-label/index.js +1 -1
- package/esm/components/series-label/series-label.js +1 -1
- package/esm/components/series-label/type.js +1 -1
- package/esm/components/series-label/util.js +1 -1
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/charts/storyline/layouts/common.ts"],"names":[],"mappings":"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","file":"common.js","sourcesContent":["import type { ICustomMarkSpec } from '@visactor/vchart';\nimport type { IStorylineBlock, IStorylineSpec, StorylineImagePosition } from '../interface';\nimport {\n computeStorylineLayout,\n normalizeLayout,\n normalizePadding,\n type StorylineLayoutResult,\n type StorylinePoint\n} from '../layout';\n\n// ===== 布局通用类型 =====\n\nexport type LayoutContext = {\n chart?: {\n getAllRegions?: () => {\n getLayoutRect?: () => { width?: number; height?: number };\n getLayoutStartPoint?: () => { x?: number; y?: number };\n }[];\n getLayoutRect?: () => { width?: number; height?: number };\n };\n getLayoutBounds?: () => { width?: () => number; height?: () => number };\n};\n\n// ===== 通用默认值 =====\n\nexport const DEFAULT_BLOCK_WIDTH = 180;\nexport const DEFAULT_BLOCK_HEIGHT = 400;\nexport const DEFAULT_BLOCK_WIDTH_RATIO = 0.24;\nexport const DEFAULT_BLOCK_GAP = 36;\nexport const DEFAULT_IMAGE_WIDTH = 48;\nexport const DEFAULT_IMAGE_HEIGHT = 48;\nexport const DEFAULT_IMAGE_GAP = 10;\nexport const DEFAULT_THEME_COLOR = '#e8543d';\n\n// ===== 布局判定 =====\n\nexport const isLandscape = (spec: IStorylineSpec) => normalizeLayout(spec.layout).type === 'landscape';\nexport const isPortrait = (spec: IStorylineSpec) => normalizeLayout(spec.layout).type === 'portrait';\nexport const isClock = (spec: IStorylineSpec) => normalizeLayout(spec.layout).type === 'clock';\nexport const isArc = (spec: IStorylineSpec) => normalizeLayout(spec.layout).type === 'arc';\nexport const isWing = (spec: IStorylineSpec) => normalizeLayout(spec.layout).type === 'wing';\nexport const isLadder = (spec: IStorylineSpec) => normalizeLayout(spec.layout).type === 'ladder';\n\nexport const getThemeColor = (spec: IStorylineSpec) => spec.themeColor ?? DEFAULT_THEME_COLOR;\n\n// ===== 颜色工具 =====\n\n/**\n * 给颜色(#hex / rgb / rgba / hsl / 颜色关键字)追加/替换 alpha 通道,返回 rgba(...) 字符串\n */\nexport const withAlpha = (color: string, alpha: number): string => {\n const safeAlpha = Math.max(0, Math.min(1, alpha));\n if (!color) {\n return `rgba(0, 0, 0, ${safeAlpha})`;\n }\n const trimmed = color.trim();\n if (trimmed.startsWith('#')) {\n let hex = trimmed.slice(1);\n if (hex.length === 3 || hex.length === 4) {\n hex = hex\n .split('')\n .map(ch => ch + ch)\n .join('');\n }\n if (hex.length === 6 || hex.length === 8) {\n const r = parseInt(hex.slice(0, 2), 16);\n const g = parseInt(hex.slice(2, 4), 16);\n const b = parseInt(hex.slice(4, 6), 16);\n return `rgba(${r}, ${g}, ${b}, ${safeAlpha})`;\n }\n }\n const rgbMatch = trimmed.match(/^rgba?\\(\\s*([\\d.]+)\\s*,\\s*([\\d.]+)\\s*,\\s*([\\d.]+)/i);\n if (rgbMatch) {\n return `rgba(${rgbMatch[1]}, ${rgbMatch[2]}, ${rgbMatch[3]}, ${safeAlpha})`;\n }\n return trimmed;\n};\n\n// ===== 块宽度解析 =====\n\nexport const resolveBlockWidth = (spec: IStorylineSpec, viewWidth: number) => {\n if (spec.block?.width) {\n return spec.block.width;\n }\n const ratio = spec.block?.widthRatio ?? DEFAULT_BLOCK_WIDTH_RATIO;\n const minWidth = spec.block?.minWidth ?? DEFAULT_BLOCK_WIDTH;\n const maxWidth = spec.block?.maxWidth ?? Math.max(minWidth, 320);\n return Math.max(minWidth, Math.min(maxWidth, Math.round(viewWidth * ratio)));\n};\n\n// ===== 容器几何信息(chart region rect)=====\n\nexport const getRegionGeometry = (ctx: LayoutContext) => {\n const region = ctx.chart?.getAllRegions?.()?.[0];\n const regionRect = region?.getLayoutRect?.();\n const regionStart = region?.getLayoutStartPoint?.();\n const chartRect = ctx.chart?.getLayoutRect?.();\n const bounds = ctx.getLayoutBounds?.();\n const width = Math.max(regionRect?.width ?? chartRect?.width ?? bounds?.width?.() ?? 0, 1);\n const height = Math.max(regionRect?.height ?? chartRect?.height ?? bounds?.height?.() ?? 0, 1);\n return {\n width,\n height,\n startX: regionStart?.x ?? 0,\n startY: regionStart?.y ?? 0\n };\n};\n\n// ===== 布局计算(layout.ts 的封装,附加 startX/startY 平移)=====\n\nexport const getLayout = (spec: IStorylineSpec, ctx: LayoutContext): StorylineLayoutResult => {\n const { width, height, startX, startY } = getRegionGeometry(ctx);\n let blockWidth = resolveBlockWidth(spec, width);\n let blockHeight = spec.block?.height ?? DEFAULT_BLOCK_HEIGHT;\n // landscape:图片间距固定 40,根据 block 数量自适应单个 image 宽度\n if (isLandscape(spec) && !spec.block?.width) {\n const count = spec.data?.length ?? 0;\n if (count > 0) {\n const padding = normalizePadding(spec.block?.padding);\n const innerWidth = Math.max(width - padding.left - padding.right, 1);\n const LANDSCAPE_IMAGE_GAP = 40;\n const LANDSCAPE_IMAGE_MIN_WIDTH = 80;\n const totalGap = LANDSCAPE_IMAGE_GAP * Math.max(count - 1, 0);\n const adaptive = (innerWidth - totalGap) / count;\n blockWidth = Math.max(LANDSCAPE_IMAGE_MIN_WIDTH, Math.floor(adaptive));\n }\n }\n // portrait:每个 block 在垂直方向需要容纳 image + text,整体根据 viewBox 高度均分\n if (isPortrait(spec) && !spec.block?.height) {\n const count = spec.data?.length ?? 0;\n if (count > 0) {\n const padding = normalizePadding(spec.block?.padding);\n const innerHeight = Math.max(height - padding.top - padding.bottom, 1);\n blockHeight = Math.max(DEFAULT_BLOCK_HEIGHT, Math.floor(innerHeight / count));\n }\n }\n const result = computeStorylineLayout(spec.data ?? [], {\n layout: spec.layout,\n viewBox: { width, height },\n block: {\n width: blockWidth,\n height: blockHeight\n },\n gap: spec.block?.gap ?? DEFAULT_BLOCK_GAP,\n padding: spec.block?.padding,\n lineDistance: spec.line?.distance\n });\n if (!startX && !startY) {\n return result;\n }\n return {\n ...result,\n blocks: result.blocks.map(block => ({\n ...block,\n x: block.x + startX,\n y: block.y + startY,\n center: {\n x: block.center.x + startX,\n y: block.center.y + startY\n }\n })),\n links: result.links.map(link => ({\n ...link,\n start: { x: link.start.x + startX, y: link.start.y + startY },\n end: { x: link.end.x + startX, y: link.end.y + startY },\n points: link.points.map(point => ({ x: point.x + startX, y: point.y + startY }))\n }))\n };\n};\n\n// ===== 文本 / 图像通用工具 =====\n\nexport const buildRichContent = (contentText: string[], spec: IStorylineSpec) => {\n const fontSize = Number((spec.content?.style as any)?.fontSize ?? 12);\n const lineHeight = Number((spec.content?.style as any)?.lineHeight ?? 18);\n const fill = (spec.content?.style as any)?.fill ?? '#596173';\n\n return {\n type: 'rich' as const,\n text: contentText.reduce<{ text: string; fontSize: number; lineHeight: number; fill: string }[]>(\n (result, paragraph, index) => {\n const suffix = index === contentText.length - 1 ? '' : '\\n';\n result.push({\n text: `${paragraph}${suffix}`,\n fontSize,\n lineHeight,\n fill\n });\n return result;\n },\n []\n )\n };\n};\n\nexport const omitImageLayoutSpec = (imageSpec: IStorylineSpec['image']) => {\n if (!imageSpec) {\n return {};\n }\n const { width: _width, height: _height, position: _position, gap: _gap, ...rest } = imageSpec;\n return rest;\n};\n\n// ===== 默认 image / text 盒计算(用于通用 block)=====\n\nexport const getImageBox = (\n position: StorylineImagePosition,\n blockWidth: number,\n blockHeight: number,\n padding: ReturnType<typeof normalizePadding>,\n width: number,\n height: number,\n _gap: number,\n visible: boolean\n) => {\n if (!visible) {\n return { x: padding.left, y: padding.top, width: 0, height: 0 };\n }\n switch (position) {\n case 'left':\n return { x: padding.left, y: (blockHeight - height) / 2, width, height };\n case 'right':\n return { x: blockWidth - padding.right - width, y: (blockHeight - height) / 2, width, height };\n case 'bottom':\n return { x: (blockWidth - width) / 2, y: blockHeight - padding.bottom - height, width, height };\n case 'top':\n default:\n return { x: (blockWidth - width) / 2, y: padding.top, width, height };\n }\n};\n\nexport const getTextBox = (\n position: StorylineImagePosition,\n blockWidth: number,\n blockHeight: number,\n padding: ReturnType<typeof normalizePadding>,\n imageWidth: number,\n imageHeight: number,\n imageGap: number,\n hasImage: boolean\n) => {\n if (!hasImage) {\n return {\n x: padding.left,\n y: padding.top,\n width: blockWidth - padding.left - padding.right,\n height: blockHeight - padding.top - padding.bottom\n };\n }\n switch (position) {\n case 'left':\n return {\n x: padding.left + imageWidth + imageGap,\n y: padding.top,\n width: blockWidth - padding.left - padding.right - imageWidth - imageGap,\n height: blockHeight - padding.top - padding.bottom\n };\n case 'right':\n return {\n x: padding.left,\n y: padding.top,\n width: blockWidth - padding.left - padding.right - imageWidth - imageGap,\n height: blockHeight - padding.top - padding.bottom\n };\n case 'bottom':\n return {\n x: padding.left,\n y: padding.top,\n width: blockWidth - padding.left - padding.right,\n height: blockHeight - padding.top - padding.bottom - imageHeight - imageGap\n };\n case 'top':\n default:\n return {\n x: padding.left,\n y: padding.top + imageHeight + imageGap,\n width: blockWidth - padding.left - padding.right,\n height: blockHeight - padding.top - padding.bottom - imageHeight - imageGap\n };\n }\n};\n\n// ===== Catmull-Rom 平滑曲线 =====\n\n/**\n * 用 Catmull-Rom 转 cubic Bezier 生成平滑曲线 path(贯穿所有点)。\n */\nexport const buildSmoothCurvePath = (points: StorylinePoint[]): string => {\n if (points.length < 2) {\n return '';\n }\n if (points.length === 2) {\n return `M ${points[0].x} ${points[0].y} L ${points[1].x} ${points[1].y}`;\n }\n let d = `M ${points[0].x} ${points[0].y}`;\n for (let i = 0; i < points.length - 1; i++) {\n const p0 = points[i - 1] ?? points[i];\n const p1 = points[i];\n const p2 = points[i + 1];\n const p3 = points[i + 2] ?? p2;\n const c1x = p1.x + (p2.x - p0.x) / 6;\n const c1y = p1.y + (p2.y - p0.y) / 6;\n const c2x = p2.x - (p3.x - p1.x) / 6;\n const c2y = p2.y - (p3.y - p1.y) / 6;\n d += ` C ${c1x} ${c1y}, ${c2x} ${c2y}, ${p2.x} ${p2.y}`;\n }\n return d;\n};\n\n// 重导出常用的 layout helper(避免外部再 import layout.ts)\nexport { normalizeLayout, normalizePadding };\nexport type { IStorylineBlock, ICustomMarkSpec, StorylinePoint };\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/charts/storyline/layouts/common.ts"],"names":[],"mappings":"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","file":"common.js","sourcesContent":["import type { ICustomMarkSpec } from '@visactor/vchart';\nimport type { IStorylineBlock, IStorylineSpec, StorylineImagePosition } from '../interface';\nimport {\n computeStorylineLayout,\n normalizeLayout,\n normalizePadding,\n type StorylineLayoutResult,\n type StorylinePoint\n} from '../layout';\n\n// ===== 布局通用类型 =====\n\nexport type LayoutContext = {\n chart?: {\n getAllRegions?: () => {\n getLayoutRect?: () => { width?: number; height?: number };\n getLayoutStartPoint?: () => { x?: number; y?: number };\n }[];\n getLayoutRect?: () => { width?: number; height?: number };\n };\n getLayoutBounds?: () => { width?: () => number; height?: () => number };\n};\n\n// ===== 通用默认值 =====\n\nexport const DEFAULT_BLOCK_WIDTH = 180;\nexport const DEFAULT_BLOCK_HEIGHT = 400;\nexport const DEFAULT_BLOCK_WIDTH_RATIO = 0.24;\nexport const DEFAULT_BLOCK_GAP = 36;\nexport const DEFAULT_IMAGE_WIDTH = 48;\nexport const DEFAULT_IMAGE_HEIGHT = 48;\nexport const DEFAULT_IMAGE_GAP = 10;\nexport const DEFAULT_THEME_COLOR = '#e8543d';\n\n// ===== 布局判定 =====\n\nexport const isLandscape = (spec: IStorylineSpec) => normalizeLayout(spec.layout).type === 'landscape';\nexport const isPortrait = (spec: IStorylineSpec) => normalizeLayout(spec.layout).type === 'portrait';\nexport const isClock = (spec: IStorylineSpec) => normalizeLayout(spec.layout).type === 'clock';\nexport const isArc = (spec: IStorylineSpec) => normalizeLayout(spec.layout).type === 'arc';\nexport const isWing = (spec: IStorylineSpec) => normalizeLayout(spec.layout).type === 'wing';\nexport const isLadder = (spec: IStorylineSpec) => normalizeLayout(spec.layout).type === 'ladder';\n\nexport const getThemeColor = (spec: IStorylineSpec) => spec.themeColor ?? DEFAULT_THEME_COLOR;\n\n// ===== 颜色工具 =====\n\n/**\n * 给颜色(#hex / rgb / rgba / hsl / 颜色关键字)追加/替换 alpha 通道,返回 rgba(...) 字符串\n */\nexport const withAlpha = (color: string, alpha: number): string => {\n const safeAlpha = Math.max(0, Math.min(1, alpha));\n if (!color) {\n return `rgba(0, 0, 0, ${safeAlpha})`;\n }\n const trimmed = color.trim();\n if (trimmed.startsWith('#')) {\n let hex = trimmed.slice(1);\n if (hex.length === 3 || hex.length === 4) {\n hex = hex\n .split('')\n .map(ch => ch + ch)\n .join('');\n }\n if (hex.length === 6 || hex.length === 8) {\n const r = parseInt(hex.slice(0, 2), 16);\n const g = parseInt(hex.slice(2, 4), 16);\n const b = parseInt(hex.slice(4, 6), 16);\n return `rgba(${r}, ${g}, ${b}, ${safeAlpha})`;\n }\n }\n const rgbMatch = trimmed.match(/^rgba?\\(\\s*([\\d.]+)\\s*,\\s*([\\d.]+)\\s*,\\s*([\\d.]+)/i);\n if (rgbMatch) {\n return `rgba(${rgbMatch[1]}, ${rgbMatch[2]}, ${rgbMatch[3]}, ${safeAlpha})`;\n }\n return trimmed;\n};\n\n// ===== 块宽度解析 =====\n\nexport const resolveBlockWidth = (spec: IStorylineSpec, viewWidth: number) => {\n if (spec.block?.width) {\n return spec.block.width;\n }\n const ratio = spec.block?.widthRatio ?? DEFAULT_BLOCK_WIDTH_RATIO;\n const minWidth = spec.block?.minWidth ?? DEFAULT_BLOCK_WIDTH;\n const maxWidth = spec.block?.maxWidth ?? Math.max(minWidth, 320);\n return Math.max(minWidth, Math.min(maxWidth, Math.round(viewWidth * ratio)));\n};\n\n// ===== 容器几何信息(chart region rect)=====\n\nexport const getRegionGeometry = (ctx: LayoutContext, spec?: { width?: number; height?: number }) => {\n const region = ctx.chart?.getAllRegions?.()?.[0];\n const regionRect = region?.getLayoutRect?.();\n const regionStart = region?.getLayoutStartPoint?.();\n const chartRect = ctx.chart?.getLayoutRect?.();\n const bounds = ctx.getLayoutBounds?.();\n const width = Math.max(regionRect?.width ?? chartRect?.width ?? bounds?.width?.() ?? spec?.width ?? 0, 1);\n const height = Math.max(regionRect?.height ?? chartRect?.height ?? bounds?.height?.() ?? spec?.height ?? 0, 1);\n return {\n width,\n height,\n startX: regionStart?.x ?? 0,\n startY: regionStart?.y ?? 0\n };\n};\n\n// ===== 布局计算(layout.ts 的封装,附加 startX/startY 平移)=====\n\nexport const getLayout = (spec: IStorylineSpec, ctx: LayoutContext): StorylineLayoutResult => {\n const { width, height, startX, startY } = getRegionGeometry(ctx, spec);\n let blockWidth = resolveBlockWidth(spec, width);\n let blockHeight = spec.block?.height ?? (isLandscape(spec) ? 320 : DEFAULT_BLOCK_HEIGHT);\n // landscape:图片间距固定 40,根据 block 数量自适应单个 image 宽度\n if (isLandscape(spec) && !spec.block?.width) {\n const count = spec.data?.length ?? 0;\n if (count > 0) {\n const padding = normalizePadding(spec.block?.padding);\n const innerWidth = Math.max(width - padding.left - padding.right, 1);\n const LANDSCAPE_IMAGE_GAP = 40;\n const LANDSCAPE_IMAGE_MIN_WIDTH = 80;\n const totalGap = LANDSCAPE_IMAGE_GAP * Math.max(count - 1, 0);\n const adaptive = (innerWidth - totalGap) / count;\n blockWidth = Math.max(LANDSCAPE_IMAGE_MIN_WIDTH, Math.floor(adaptive));\n }\n }\n // portrait:每个 block 在垂直方向需要容纳 image + text,整体根据 region 高度均分\n // blockHeight = regionHeight / (count + 1)(即每个 block 的\"槽位\"高度),后续 portrait.ts 中:\n // imageHeight = blockHeight * 0.6\n // contentHeight = blockHeight\n if (isPortrait(spec) && !spec.block?.height) {\n const count = spec.data?.length ?? 0;\n if (count > 0) {\n const padding = normalizePadding(spec.layout?.padding ?? spec.block?.padding);\n const innerHeight = Math.max(height - padding.top - padding.bottom, 1);\n blockHeight = Math.max(120, Math.floor(innerHeight / (count + 1)));\n }\n }\n const result = computeStorylineLayout(spec.data ?? [], {\n layout: spec.layout,\n viewBox: { width, height },\n block: {\n width: blockWidth,\n height: blockHeight\n },\n gap: spec.block?.gap ?? DEFAULT_BLOCK_GAP,\n padding: spec.block?.padding,\n lineDistance: spec.line?.distance\n });\n if (!startX && !startY) {\n return result;\n }\n return {\n ...result,\n blocks: result.blocks.map(block => ({\n ...block,\n x: block.x + startX,\n y: block.y + startY,\n center: {\n x: block.center.x + startX,\n y: block.center.y + startY\n }\n })),\n links: result.links.map(link => ({\n ...link,\n start: { x: link.start.x + startX, y: link.start.y + startY },\n end: { x: link.end.x + startX, y: link.end.y + startY },\n points: link.points.map(point => ({ x: point.x + startX, y: point.y + startY }))\n }))\n };\n};\n\n// ===== 文本 / 图像通用工具 =====\n\nexport const buildRichContent = (\n contentText: string[],\n spec: IStorylineSpec,\n overrides?: { fontSize?: number; lineHeight?: number; fill?: string; align?: 'left' | 'center' | 'right' }\n) => {\n const fontSize = Number(overrides?.fontSize ?? (spec.content?.style as any)?.fontSize ?? 18);\n const lineHeight = Number(overrides?.lineHeight ?? (spec.content?.style as any)?.lineHeight ?? 26);\n const fill = overrides?.fill ?? (spec.content?.style as any)?.fill ?? '#596173';\n const align = overrides?.align ?? 'left';\n\n return {\n type: 'rich' as const,\n text: contentText.reduce<{ text: string; fontSize: number; lineHeight: number; fill: string; align: string }[]>(\n (result, paragraph, index) => {\n const suffix = index === contentText.length - 1 ? '' : '\\n';\n result.push({\n text: `${paragraph}${suffix}`,\n fontSize,\n lineHeight,\n fill,\n align\n });\n return result;\n },\n []\n )\n };\n};\n\nexport const omitImageLayoutSpec = (imageSpec: IStorylineSpec['image']) => {\n if (!imageSpec) {\n return {};\n }\n const { width: _width, height: _height, position: _position, gap: _gap, ...rest } = imageSpec;\n return rest;\n};\n\n// ===== 默认 image / text 盒计算(用于通用 block)=====\n\nexport const getImageBox = (\n position: StorylineImagePosition,\n blockWidth: number,\n blockHeight: number,\n padding: ReturnType<typeof normalizePadding>,\n width: number,\n height: number,\n _gap: number,\n visible: boolean\n) => {\n if (!visible) {\n return { x: padding.left, y: padding.top, width: 0, height: 0 };\n }\n switch (position) {\n case 'left':\n return { x: padding.left, y: (blockHeight - height) / 2, width, height };\n case 'right':\n return { x: blockWidth - padding.right - width, y: (blockHeight - height) / 2, width, height };\n case 'bottom':\n return { x: (blockWidth - width) / 2, y: blockHeight - padding.bottom - height, width, height };\n case 'top':\n default:\n return { x: (blockWidth - width) / 2, y: padding.top, width, height };\n }\n};\n\nexport const getTextBox = (\n position: StorylineImagePosition,\n blockWidth: number,\n blockHeight: number,\n padding: ReturnType<typeof normalizePadding>,\n imageWidth: number,\n imageHeight: number,\n imageGap: number,\n hasImage: boolean\n) => {\n if (!hasImage) {\n return {\n x: padding.left,\n y: padding.top,\n width: blockWidth - padding.left - padding.right,\n height: blockHeight - padding.top - padding.bottom\n };\n }\n switch (position) {\n case 'left':\n return {\n x: padding.left + imageWidth + imageGap,\n y: padding.top,\n width: blockWidth - padding.left - padding.right - imageWidth - imageGap,\n height: blockHeight - padding.top - padding.bottom\n };\n case 'right':\n return {\n x: padding.left,\n y: padding.top,\n width: blockWidth - padding.left - padding.right - imageWidth - imageGap,\n height: blockHeight - padding.top - padding.bottom\n };\n case 'bottom':\n return {\n x: padding.left,\n y: padding.top,\n width: blockWidth - padding.left - padding.right,\n height: blockHeight - padding.top - padding.bottom - imageHeight - imageGap\n };\n case 'top':\n default:\n return {\n x: padding.left,\n y: padding.top + imageHeight + imageGap,\n width: blockWidth - padding.left - padding.right,\n height: blockHeight - padding.top - padding.bottom - imageHeight - imageGap\n };\n }\n};\n\n// ===== Catmull-Rom 平滑曲线 =====\n\n/**\n * 用 Catmull-Rom 转 cubic Bezier 生成平滑曲线 path(贯穿所有点)。\n */\nexport const buildSmoothCurvePath = (points: StorylinePoint[]): string => {\n if (points.length < 2) {\n return '';\n }\n if (points.length === 2) {\n return `M ${points[0].x} ${points[0].y} L ${points[1].x} ${points[1].y}`;\n }\n let d = `M ${points[0].x} ${points[0].y}`;\n for (let i = 0; i < points.length - 1; i++) {\n const p0 = points[i - 1] ?? points[i];\n const p1 = points[i];\n const p2 = points[i + 1];\n const p3 = points[i + 2] ?? p2;\n const c1x = p1.x + (p2.x - p0.x) / 6;\n const c1y = p1.y + (p2.y - p0.y) / 6;\n const c2x = p2.x - (p3.x - p1.x) / 6;\n const c2y = p2.y - (p3.y - p1.y) / 6;\n d += ` C ${c1x} ${c1y}, ${c2x} ${c2y}, ${p2.x} ${p2.y}`;\n }\n return d;\n};\n\n// 重导出常用的 layout helper(避免外部再 import layout.ts)\nexport { normalizeLayout, normalizePadding };\nexport type { IStorylineBlock, ICustomMarkSpec, StorylinePoint };\n"]}
|
|
@@ -60,7 +60,7 @@ const getDefaultBlockMetrics = (spec, ctx, index) => {
|
|
|
60
60
|
};
|
|
61
61
|
|
|
62
62
|
export const buildDefaultBlockMark = (spec, block, index) => {
|
|
63
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
63
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
64
64
|
const hasImage = !!block.image, contentText = Array.isArray(block.content) ? block.content : block.content ? [ block.content ] : [], titleFontSize = Number(null !== (_c = null === (_b = null === (_a = spec.title) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fontSize) && void 0 !== _c ? _c : 18), titleLineHeight = Number(null !== (_f = null === (_e = null === (_d = spec.title) || void 0 === _d ? void 0 : _d.style) || void 0 === _e ? void 0 : _e.lineHeight) && void 0 !== _f ? _f : Math.round(1.35 * titleFontSize));
|
|
65
65
|
return {
|
|
66
66
|
type: "group",
|
|
@@ -79,7 +79,7 @@ export const buildDefaultBlockMark = (spec, block, index) => {
|
|
|
79
79
|
width: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).block.width,
|
|
80
80
|
height: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).block.height
|
|
81
81
|
},
|
|
82
|
-
children: [ {
|
|
82
|
+
children: [ !0 === (null === (_h = spec.block) || void 0 === _h ? void 0 : _h.showBackground) ? {
|
|
83
83
|
type: "rect",
|
|
84
84
|
name: `storyline-block-bg-${index}`,
|
|
85
85
|
interactive: !1,
|
|
@@ -94,8 +94,8 @@ export const buildDefaultBlockMark = (spec, block, index) => {
|
|
|
94
94
|
lineWidth: 1,
|
|
95
95
|
shadowBlur: 6,
|
|
96
96
|
shadowColor: "rgba(0, 0, 0, 0.08)"
|
|
97
|
-
}, null === (
|
|
98
|
-
}, hasImage ? Object.assign(Object.assign({
|
|
97
|
+
}, null === (_j = spec.block) || void 0 === _j ? void 0 : _j.style)
|
|
98
|
+
} : null, hasImage ? Object.assign(Object.assign({
|
|
99
99
|
type: "image",
|
|
100
100
|
name: `storyline-block-image-${index}`,
|
|
101
101
|
interactive: !1
|
|
@@ -106,7 +106,7 @@ export const buildDefaultBlockMark = (spec, block, index) => {
|
|
|
106
106
|
width: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).imageBox.width,
|
|
107
107
|
height: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).imageBox.height,
|
|
108
108
|
image: block.image
|
|
109
|
-
}, null === (
|
|
109
|
+
}, null === (_k = spec.image) || void 0 === _k ? void 0 : _k.style)
|
|
110
110
|
}) : null, block.title ? Object.assign(Object.assign({
|
|
111
111
|
type: "text",
|
|
112
112
|
name: `storyline-block-title-${index}`,
|
|
@@ -126,7 +126,7 @@ export const buildDefaultBlockMark = (spec, block, index) => {
|
|
|
126
126
|
lineJoin: "round",
|
|
127
127
|
textAlign: "left",
|
|
128
128
|
textBaseline: "top"
|
|
129
|
-
}, null === (
|
|
129
|
+
}, null === (_l = spec.title) || void 0 === _l ? void 0 : _l.style)
|
|
130
130
|
}) : null, contentText.length ? Object.assign(Object.assign({
|
|
131
131
|
type: "text",
|
|
132
132
|
name: `storyline-block-content-${index}`,
|
|
@@ -137,17 +137,19 @@ export const buildDefaultBlockMark = (spec, block, index) => {
|
|
|
137
137
|
x: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).textBox.x,
|
|
138
138
|
y: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).contentBox.y,
|
|
139
139
|
width: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).textBox.width,
|
|
140
|
-
text: buildRichContent(contentText, spec
|
|
140
|
+
text: buildRichContent(contentText, spec, {
|
|
141
|
+
fontSize: 18,
|
|
142
|
+
lineHeight: 26,
|
|
143
|
+
fill: "#596173"
|
|
144
|
+
}),
|
|
141
145
|
maxLineWidth: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).textBox.width,
|
|
142
|
-
fontSize: 12,
|
|
143
|
-
lineHeight: 18,
|
|
144
146
|
heightLimit: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).contentBox.height,
|
|
145
147
|
textAlign: "left",
|
|
146
148
|
textBaseline: "top",
|
|
147
149
|
wordBreak: "break-word",
|
|
148
150
|
ellipsis: "...",
|
|
149
151
|
fill: "#596173"
|
|
150
|
-
}, null === (
|
|
152
|
+
}, null === (_m = spec.content) || void 0 === _m ? void 0 : _m.style)
|
|
151
153
|
}) : null ].filter(Boolean)
|
|
152
154
|
};
|
|
153
155
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/charts/storyline/layouts/default.ts"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAIL,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,UAAU,CAAC;AAMlB,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAoB,EAAkC,EAAE;;IAC3F,IAAI,CAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,OAAO,MAAK,KAAK,IAAI,CAAC,MAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,mCAAI,CAAC,CAAC,IAAI,CAAC,EAAE;QACjE,OAAO,IAAI,CAAC;KACb;IAED,OAAO;QACL,IAAI,EAAE,OAAc;QACpB,IAAI,EAAE,iBAAiB;QACvB,MAAM,EAAE,YAAY,CAAC,IAAI;QACzB,QAAQ,EAAE,CAAC,MAAA,IAAI,CAAC,IAAI,mCAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;;YACpD,MAAM,KAA2E,MAAA,IAAI,CAAC,IAAI,mCAAI,EAAE,EAA1F,EAAE,KAAK,GAAG,EAAE,EAAE,IAAI,GAAG,MAAM,EAAE,SAAS,GAAG,KAAK,EAAE,SAAS,GAAG,CAAC,OAA6B,EAAxB,IAAI,cAAtE,2CAAwE,CAAkB,CAAC;YACjG,OAAO,8BACL,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,kBAAkB,KAAK,EAAE,EAC/B,WAAW,EAAE,KAAK,IACf,IAAI,KACP,KAAK,gCACH,MAAM,EAAE,SAAS,EACjB,SAAS,EAAE,GAAG,EACd,IAAI,EAAE,aAAa,EACnB,WAAW,EAAE,CAAC,IACX,KAAK,KACR,IAAI,EAAE,CAAC,MAAe,EAAE,GAAkB,EAAE,EAAE;wBAC5C,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;wBAC/C,IAAI,CAAC,IAAI,EAAE;4BACT,OAAO,EAAE,CAAC;yBACX;wBACD,OAAO,aAAa,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;oBAChE,CAAC,MAEuB,CAAC;QAC/B,CAAC,CAAC;KACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,sBAAsB,GAAG,CAAC,IAAoB,EAAE,GAAkB,EAAE,KAAa,EAAE,EAAE;;IACzF,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACjD,MAAM,OAAO,GAAG,gBAAgB,CAAC,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,OAAO,mCAAI,EAAE,CAAC,CAAC;IAC5D,MAAM,aAAa,GAAG,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,QAAQ,mCAAI,KAAK,CAAC;IACpD,MAAM,UAAU,GAAG,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,mCAAI,mBAAmB,CAAC;IAC5D,MAAM,WAAW,GAAG,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,mCAAI,oBAAoB,CAAC;IAC/D,MAAM,QAAQ,GAAG,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,GAAG,mCAAI,iBAAiB,CAAC;IACtD,MAAM,QAAQ,GAAG,CAAC,CAAC,CAAA,MAAA,MAAA,IAAI,CAAC,IAAI,0CAAG,KAAK,CAAC,0CAAE,KAAK,CAAA,CAAC;IAC7C,MAAM,aAAa,GAAG,MAAM,CAAC,MAAA,MAAC,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAa,0CAAE,QAAQ,mCAAI,EAAE,CAAC,CAAC;IACzE,MAAM,eAAe,GAAG,MAAM,CAAC,MAAA,MAAC,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAa,0CAAE,UAAU,mCAAI,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC,CAAC;IAC3G,MAAM,WAAW,GAAG,CAAA,MAAA,MAAA,IAAI,CAAC,IAAI,0CAAG,KAAK,CAAC,0CAAE,KAAK,EAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IACpE,MAAM,UAAU,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,mCAAI,iBAAiB,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAC9D,MAAM,WAAW,GAAG,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,mCAAI,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,mCAAI,oBAAoB,CAAC;IAChF,MAAM,QAAQ,GAAG,WAAW,CAC1B,aAAa,EACb,UAAU,EACV,WAAW,EACX,OAAO,EACP,UAAU,EACV,WAAW,EACX,QAAQ,EACR,QAAQ,CACT,CAAC;IACF,MAAM,OAAO,GAAG,UAAU,CACxB,aAAa,EACb,UAAU,EACV,WAAW,EACX,OAAO,EACP,UAAU,EACV,WAAW,EACX,QAAQ,EACR,QAAQ,CACT,CAAC;IACF,MAAM,UAAU,GAAG,CAAA,MAAA,MAAA,IAAI,CAAC,IAAI,0CAAG,KAAK,CAAC,0CAAE,KAAK,EAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAErD,OAAO;QACL,KAAK,EAAE;YACL,KAAK,EAAE,UAAU;YACjB,MAAM,EAAE,WAAW;SACpB;QACD,QAAQ;QACR,OAAO;QACP,UAAU,EAAE;YACV,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,WAAW,GAAG,UAAU;YACvC,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,MAAM,GAAG,WAAW,GAAG,UAAU,CAAC;SAC/D;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,IAAoB,EACpB,KAAsB,EACtB,KAAa,EACY,EAAE;;IAC3B,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;IAC/B,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACxG,MAAM,aAAa,GAAG,MAAM,CAAC,MAAA,MAAC,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAa,0CAAE,QAAQ,mCAAI,EAAE,CAAC,CAAC;IACzE,MAAM,eAAe,GAAG,MAAM,CAAC,MAAA,MAAC,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAa,0CAAE,UAAU,mCAAI,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC,CAAC;IAE3G,OAAO;QACL,IAAI,EAAE,OAAc;QACpB,EAAE,EAAE,mBAAmB,MAAA,KAAK,CAAC,EAAE,mCAAI,KAAK,EAAE;QAC1C,IAAI,EAAE,mBAAmB,KAAK,EAAE;QAChC,MAAM,EAAE,YAAY,CAAC,IAAI,GAAG,CAAC;QAC7B,KAAK,EAAE;YACL,CAAC,EAAE,CAAC,MAAe,EAAE,GAAkB,EAAE,EAAE,eAAC,OAAA,MAAA,MAAA,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,0CAAE,CAAC,mCAAI,CAAC,CAAA,EAAA;YACtF,CAAC,EAAE,CAAC,MAAe,EAAE,GAAkB,EAAE,EAAE,eAAC,OAAA,MAAA,MAAA,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,0CAAE,CAAC,mCAAI,CAAC,CAAA,EAAA;YACtF,KAAK,EAAE,CAAC,MAAe,EAAE,GAAkB,EAAE,EAAE,CAAC,sBAAsB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK;YACpG,MAAM,EAAE,CAAC,MAAe,EAAE,GAAkB,EAAE,EAAE,CAAC,sBAAsB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,KAAK,CAAC,MAAM;SACvG;QACD,QAAQ,EAAE;YACR;gBACE,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,sBAAsB,KAAK,EAAE;gBACnC,WAAW,EAAE,KAAK;gBAClB,KAAK,kBACH,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,KAAK,EAAE,CAAC,MAAe,EAAE,GAAkB,EAAE,EAAE,CAAC,sBAAsB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,EACpG,MAAM,EAAE,CAAC,MAAe,EAAE,GAAkB,EAAE,EAAE,CAAC,sBAAsB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,KAAK,CAAC,MAAM,EACtG,YAAY,EAAE,CAAC,EACf,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,SAAS,EACjB,SAAS,EAAE,CAAC,EACZ,UAAU,EAAE,CAAC,EACb,WAAW,EAAE,qBAAqB,IAC/B,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,CACrB;aACF;YACD,QAAQ;gBACN,CAAC,CAAE,8BACC,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,yBAAyB,KAAK,EAAE,EACtC,WAAW,EAAE,KAAK,IACf,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,KAClC,KAAK,kBACH,CAAC,EAAE,CAAC,MAAe,EAAE,GAAkB,EAAE,EAAE,CAAC,sBAAsB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,EAC/F,CAAC,EAAE,CAAC,MAAe,EAAE,GAAkB,EAAE,EAAE,CAAC,sBAAsB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,EAC/F,KAAK,EAAE,CAAC,MAAe,EAAE,GAAkB,EAAE,EAAE,CAAC,sBAAsB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,KAAK,EACvG,MAAM,EAAE,CAAC,MAAe,EAAE,GAAkB,EAAE,EAAE,CAAC,sBAAsB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,MAAM,EACzG,KAAK,EAAE,KAAK,CAAC,KAAK,IACf,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,IAEM;gBAChC,CAAC,CAAC,IAAI;YACR,KAAK,CAAC,KAAK;gBACT,CAAC,CAAE,8BACC,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,yBAAyB,KAAK,EAAE,EACtC,WAAW,EAAE,KAAK,IACf,IAAI,CAAC,KAAK,KACb,KAAK,kBACH,CAAC,EAAE,CAAC,MAAe,EAAE,GAAkB,EAAE,EAAE,CAAC,sBAAsB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,EAC9F,CAAC,EAAE,CAAC,MAAe,EAAE,GAAkB,EAAE,EAAE,CAAC,sBAAsB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,EAC9F,IAAI,EAAE,KAAK,CAAC,KAAK,EACjB,YAAY,EAAE,CAAC,MAAe,EAAE,GAAkB,EAAE,EAAE,CACpD,sBAAsB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,KAAK,EACxD,QAAQ,EAAE,aAAa,EACvB,UAAU,EAAE,eAAe,EAC3B,UAAU,EAAE,MAAM,EAClB,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,CAAC,EACZ,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,MAAM,EACjB,YAAY,EAAE,KAAK,IAChB,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,IAEK;gBAC/B,CAAC,CAAC,IAAI;YACR,WAAW,CAAC,MAAM;gBAChB,CAAC,CAAE,8BACC,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,2BAA2B,KAAK,EAAE,EACxC,WAAW,EAAE,KAAK,IACf,IAAI,CAAC,OAAO,KACf,QAAQ,EAAE,MAAM,EAChB,KAAK,kBACH,CAAC,EAAE,CAAC,MAAe,EAAE,GAAkB,EAAE,EAAE,CAAC,sBAAsB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,EAC9F,CAAC,EAAE,CAAC,MAAe,EAAE,GAAkB,EAAE,EAAE,CAAC,sBAAsB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC,EACjG,KAAK,EAAE,CAAC,MAAe,EAAE,GAAkB,EAAE,EAAE,CAAC,sBAAsB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,KAAK,EACtG,IAAI,EAAE,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,EACzC,YAAY,EAAE,CAAC,MAAe,EAAE,GAAkB,EAAE,EAAE,CACpD,sBAAsB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,KAAK,EACxD,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAE,EAAE,EACd,WAAW,EAAE,CAAC,MAAe,EAAE,GAAkB,EAAE,EAAE,CACnD,sBAAsB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,UAAU,CAAC,MAAM,EAC5D,SAAS,EAAE,MAAM,EACjB,YAAY,EAAE,KAAK,EACnB,SAAS,EAAE,YAAY,EACvB,QAAQ,EAAE,KAAK,EACf,IAAI,EAAE,SAAS,IACZ,MAAA,IAAI,CAAC,OAAO,0CAAE,KAAK,IAEG;gBAC/B,CAAC,CAAC,IAAI;SACT,CAAC,MAAM,CAAC,OAAO,CAA2B;KAC5C,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CACpB,MAAwB,EACxB,IAAuB,EACvB,SAAkB,EAClB,SAAiB,EACT,EAAE;IACV,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IACxB,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACtC,IAAI,CAAC,KAAK,IAAI,CAAC,GAAG,EAAE;QAClB,OAAO,EAAE,CAAC;KACX;IACD,IAAI,IAAY,CAAC;IACjB,IAAI,IAAI,KAAK,OAAO,EAAE;QACpB,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;QAC3B,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;QAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QAC9E,IAAI;YACF,KAAK,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG;gBAC1B,KAAK,KAAK,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,KAAK,IAAI,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,KAAK,IAAI,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,EAAE,CAAC;KACnG;SAAM,IAAI,IAAI,KAAK,UAAU,EAAE;QAC9B,MAAM,GAAG,GAAG,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;QACnE,IAAI,GAAG,KAAK,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,EAAE,CAAC;KAChG;SAAM;QACL,IAAI,GAAG,KAAK,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,EAAE,CAAC;KACtD;IAED,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,IAAI,CAAC;KACb;IACD,OAAO,GAAG,IAAI,IAAI,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,SAAS,CAAC,EAAE,CAAC;AAC5D,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,KAAqB,EAAE,GAAmB,EAAE,IAAY,EAAE,EAAE;IAClF,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IAC3D,MAAM,IAAI,GAAG;QACX,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI;QAC/C,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI;KAChD,CAAC;IACF,MAAM,KAAK,GAAG;QACZ,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI;QAC/C,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI;KAChD,CAAC;IACF,OAAO,KAAK,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC;AAC7E,CAAC,CAAC","file":"default.js","sourcesContent":["import type { IExtensionGroupMarkSpec } from '@visactor/vchart';\nimport { LayoutZIndex } from '@visactor/vchart';\nimport type { IStorylineBlock, IStorylineSpec, StorylineLineType } from '../interface';\nimport {\n type ICustomMarkSpec,\n type LayoutContext,\n type StorylinePoint,\n DEFAULT_BLOCK_HEIGHT,\n DEFAULT_IMAGE_WIDTH,\n DEFAULT_IMAGE_HEIGHT,\n DEFAULT_IMAGE_GAP,\n buildRichContent,\n getImageBox,\n getLayout,\n getTextBox,\n normalizePadding,\n omitImageLayoutSpec,\n resolveBlockWidth\n} from './common';\n\n/**\n * 默认布局:rect block(image + title + content) + 普通 link mark。\n */\n\nexport const buildDefaultLineMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n if (spec.line?.visible === false || (spec.data?.length ?? 0) <= 1) {\n return null;\n }\n\n return {\n type: 'group' as any,\n name: 'storyline-links',\n zIndex: LayoutZIndex.Mark,\n children: (spec.data ?? []).slice(1).map((_, index) => {\n const { style = {}, type = 'line', showArrow = false, arrowSize = 8, ...rest } = spec.line ?? {};\n return {\n type: 'path',\n name: `storyline-link-${index}`,\n interactive: false,\n ...rest,\n style: {\n stroke: '#8a94a6',\n lineWidth: 1.5,\n fill: 'transparent',\n fillOpacity: 0,\n ...style,\n path: (_datum: unknown, ctx: LayoutContext) => {\n const link = getLayout(spec, ctx).links[index];\n if (!link) {\n return '';\n }\n return buildLinkPath(link.points, type, showArrow, arrowSize);\n }\n }\n } as ICustomMarkSpec<'path'>;\n })\n };\n};\n\nconst getDefaultBlockMetrics = (spec: IStorylineSpec, ctx: LayoutContext, index: number) => {\n const block = getLayout(spec, ctx).blocks[index];\n const padding = normalizePadding(spec.block?.padding ?? 12);\n const imagePosition = spec.image?.position ?? 'top';\n const imageWidth = spec.image?.width ?? DEFAULT_IMAGE_WIDTH;\n const imageHeight = spec.image?.height ?? DEFAULT_IMAGE_HEIGHT;\n const imageGap = spec.image?.gap ?? DEFAULT_IMAGE_GAP;\n const hasImage = !!spec.data?.[index]?.image;\n const titleFontSize = Number((spec.title?.style as any)?.fontSize ?? 18);\n const titleLineHeight = Number((spec.title?.style as any)?.lineHeight ?? Math.round(titleFontSize * 1.35));\n const titleHeight = spec.data?.[index]?.title ? titleLineHeight : 0;\n const blockWidth = block?.width ?? resolveBlockWidth(spec, 0);\n const blockHeight = block?.height ?? spec.block?.height ?? DEFAULT_BLOCK_HEIGHT;\n const imageBox = getImageBox(\n imagePosition,\n blockWidth,\n blockHeight,\n padding,\n imageWidth,\n imageHeight,\n imageGap,\n hasImage\n );\n const textBox = getTextBox(\n imagePosition,\n blockWidth,\n blockHeight,\n padding,\n imageWidth,\n imageHeight,\n imageGap,\n hasImage\n );\n const contentGap = spec.data?.[index]?.title ? 8 : 0;\n\n return {\n block: {\n width: blockWidth,\n height: blockHeight\n },\n imageBox,\n textBox,\n contentBox: {\n y: textBox.y + titleHeight + contentGap,\n height: Math.max(0, textBox.height - titleHeight - contentGap)\n }\n };\n};\n\nexport const buildDefaultBlockMark = (\n spec: IStorylineSpec,\n block: IStorylineBlock,\n index: number\n): IExtensionGroupMarkSpec => {\n const hasImage = !!block.image;\n const contentText = Array.isArray(block.content) ? block.content : block.content ? [block.content] : [];\n const titleFontSize = Number((spec.title?.style as any)?.fontSize ?? 18);\n const titleLineHeight = Number((spec.title?.style as any)?.lineHeight ?? Math.round(titleFontSize * 1.35));\n\n return {\n type: 'group' as any,\n id: `storyline-block-${block.id ?? index}`,\n name: `storyline-block-${index}`,\n zIndex: LayoutZIndex.Mark + 1,\n style: {\n x: (_datum: unknown, ctx: LayoutContext) => getLayout(spec, ctx).blocks[index]?.x ?? 0,\n y: (_datum: unknown, ctx: LayoutContext) => getLayout(spec, ctx).blocks[index]?.y ?? 0,\n width: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).block.width,\n height: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).block.height\n },\n children: [\n {\n type: 'rect',\n name: `storyline-block-bg-${index}`,\n interactive: false,\n style: {\n x: 0,\n y: 0,\n width: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).block.width,\n height: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).block.height,\n cornerRadius: 8,\n fill: '#ffffff',\n stroke: '#d7dce5',\n lineWidth: 1,\n shadowBlur: 6,\n shadowColor: 'rgba(0, 0, 0, 0.08)',\n ...spec.block?.style\n }\n },\n hasImage\n ? ({\n type: 'image',\n name: `storyline-block-image-${index}`,\n interactive: false,\n ...omitImageLayoutSpec(spec.image),\n style: {\n x: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).imageBox.x,\n y: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).imageBox.y,\n width: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).imageBox.width,\n height: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).imageBox.height,\n image: block.image,\n ...spec.image?.style\n }\n } as ICustomMarkSpec<'image'>)\n : null,\n block.title\n ? ({\n type: 'text',\n name: `storyline-block-title-${index}`,\n interactive: false,\n ...spec.title,\n style: {\n x: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).textBox.x,\n y: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).textBox.y,\n text: block.title,\n maxLineWidth: (_datum: unknown, ctx: LayoutContext) =>\n getDefaultBlockMetrics(spec, ctx, index).textBox.width,\n fontSize: titleFontSize,\n lineHeight: titleLineHeight,\n fontWeight: 'bold',\n fill: '#1f2430',\n stroke: '#fff',\n lineWidth: 5,\n lineJoin: 'round',\n textAlign: 'left',\n textBaseline: 'top',\n ...spec.title?.style\n }\n } as ICustomMarkSpec<'text'>)\n : null,\n contentText.length\n ? ({\n type: 'text',\n name: `storyline-block-content-${index}`,\n interactive: false,\n ...spec.content,\n textType: 'rich',\n style: {\n x: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).textBox.x,\n y: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).contentBox.y,\n width: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).textBox.width,\n text: buildRichContent(contentText, spec),\n maxLineWidth: (_datum: unknown, ctx: LayoutContext) =>\n getDefaultBlockMetrics(spec, ctx, index).textBox.width,\n fontSize: 12,\n lineHeight: 18,\n heightLimit: (_datum: unknown, ctx: LayoutContext) =>\n getDefaultBlockMetrics(spec, ctx, index).contentBox.height,\n textAlign: 'left',\n textBaseline: 'top',\n wordBreak: 'break-word',\n ellipsis: '...',\n fill: '#596173',\n ...spec.content?.style\n }\n } as ICustomMarkSpec<'text'>)\n : null\n ].filter(Boolean) as ICustomMarkSpec<any>[]\n };\n};\n\nconst buildLinkPath = (\n points: StorylinePoint[],\n type: StorylineLineType,\n showArrow: boolean,\n arrowSize: number\n): string => {\n const start = points[0];\n const end = points[points.length - 1];\n if (!start || !end) {\n return '';\n }\n let path: string;\n if (type === 'curve') {\n const dx = end.x - start.x;\n const dy = end.y - start.y;\n const curve = Math.max(Math.min(Math.sqrt(dx * dx + dy * dy) * 0.22, 80), 24);\n path =\n `M ${start.x} ${start.y} ` +\n `C ${start.x + dx / 2} ${start.y - curve} ${end.x - dx / 2} ${end.y + curve} ${end.x} ${end.y}`;\n } else if (type === 'polyline') {\n const mid = { x: (start.x + end.x) / 2, y: (start.y + end.y) / 2 };\n path = `M ${start.x} ${start.y} L ${mid.x} ${start.y} L ${mid.x} ${end.y} L ${end.x} ${end.y}`;\n } else {\n path = `M ${start.x} ${start.y} L ${end.x} ${end.y}`;\n }\n\n if (!showArrow) {\n return path;\n }\n return `${path} ${buildArrowPath(start, end, arrowSize)}`;\n};\n\nconst buildArrowPath = (start: StorylinePoint, end: StorylinePoint, size: number) => {\n const angle = Math.atan2(end.y - start.y, end.x - start.x);\n const left = {\n x: end.x - Math.cos(angle - Math.PI / 6) * size,\n y: end.y - Math.sin(angle - Math.PI / 6) * size\n };\n const right = {\n x: end.x - Math.cos(angle + Math.PI / 6) * size,\n y: end.y - Math.sin(angle + Math.PI / 6) * size\n };\n return `M ${left.x} ${left.y} L ${end.x} ${end.y} L ${right.x} ${right.y}`;\n};\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/charts/storyline/layouts/default.ts"],"names":[],"mappings":"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","file":"default.js","sourcesContent":["import type { IExtensionGroupMarkSpec } from '@visactor/vchart';\nimport { LayoutZIndex } from '@visactor/vchart';\nimport type { IStorylineBlock, IStorylineSpec, StorylineLineType } from '../interface';\nimport {\n type ICustomMarkSpec,\n type LayoutContext,\n type StorylinePoint,\n DEFAULT_BLOCK_HEIGHT,\n DEFAULT_IMAGE_WIDTH,\n DEFAULT_IMAGE_HEIGHT,\n DEFAULT_IMAGE_GAP,\n buildRichContent,\n getImageBox,\n getLayout,\n getTextBox,\n normalizePadding,\n omitImageLayoutSpec,\n resolveBlockWidth\n} from './common';\n\n/**\n * 默认布局:rect block(image + title + content) + 普通 link mark。\n */\n\nexport const buildDefaultLineMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n if (spec.line?.visible === false || (spec.data?.length ?? 0) <= 1) {\n return null;\n }\n\n return {\n type: 'group' as any,\n name: 'storyline-links',\n zIndex: LayoutZIndex.Mark,\n children: (spec.data ?? []).slice(1).map((_, index) => {\n const { style = {}, type = 'line', showArrow = false, arrowSize = 8, ...rest } = spec.line ?? {};\n return {\n type: 'path',\n name: `storyline-link-${index}`,\n interactive: false,\n ...rest,\n style: {\n stroke: '#8a94a6',\n lineWidth: 1.5,\n fill: 'transparent',\n fillOpacity: 0,\n ...style,\n path: (_datum: unknown, ctx: LayoutContext) => {\n const link = getLayout(spec, ctx).links[index];\n if (!link) {\n return '';\n }\n return buildLinkPath(link.points, type, showArrow, arrowSize);\n }\n }\n } as ICustomMarkSpec<'path'>;\n })\n };\n};\n\nconst getDefaultBlockMetrics = (spec: IStorylineSpec, ctx: LayoutContext, index: number) => {\n const block = getLayout(spec, ctx).blocks[index];\n const padding = normalizePadding(spec.block?.padding ?? 12);\n const imagePosition = spec.image?.position ?? 'top';\n const imageWidth = spec.image?.width ?? DEFAULT_IMAGE_WIDTH;\n const imageHeight = spec.image?.height ?? DEFAULT_IMAGE_HEIGHT;\n const imageGap = spec.image?.gap ?? DEFAULT_IMAGE_GAP;\n const hasImage = !!spec.data?.[index]?.image;\n const titleFontSize = Number((spec.title?.style as any)?.fontSize ?? 18);\n const titleLineHeight = Number((spec.title?.style as any)?.lineHeight ?? Math.round(titleFontSize * 1.35));\n const titleHeight = spec.data?.[index]?.title ? titleLineHeight : 0;\n const blockWidth = block?.width ?? resolveBlockWidth(spec, 0);\n const blockHeight = block?.height ?? spec.block?.height ?? DEFAULT_BLOCK_HEIGHT;\n const imageBox = getImageBox(\n imagePosition,\n blockWidth,\n blockHeight,\n padding,\n imageWidth,\n imageHeight,\n imageGap,\n hasImage\n );\n const textBox = getTextBox(\n imagePosition,\n blockWidth,\n blockHeight,\n padding,\n imageWidth,\n imageHeight,\n imageGap,\n hasImage\n );\n const contentGap = spec.data?.[index]?.title ? 8 : 0;\n\n return {\n block: {\n width: blockWidth,\n height: blockHeight\n },\n imageBox,\n textBox,\n contentBox: {\n y: textBox.y + titleHeight + contentGap,\n height: Math.max(0, textBox.height - titleHeight - contentGap)\n }\n };\n};\n\nexport const buildDefaultBlockMark = (\n spec: IStorylineSpec,\n block: IStorylineBlock,\n index: number\n): IExtensionGroupMarkSpec => {\n const hasImage = !!block.image;\n const contentText = Array.isArray(block.content) ? block.content : block.content ? [block.content] : [];\n const titleFontSize = Number((spec.title?.style as any)?.fontSize ?? 18);\n const titleLineHeight = Number((spec.title?.style as any)?.lineHeight ?? Math.round(titleFontSize * 1.35));\n\n return {\n type: 'group' as any,\n id: `storyline-block-${block.id ?? index}`,\n name: `storyline-block-${index}`,\n zIndex: LayoutZIndex.Mark + 1,\n style: {\n x: (_datum: unknown, ctx: LayoutContext) => getLayout(spec, ctx).blocks[index]?.x ?? 0,\n y: (_datum: unknown, ctx: LayoutContext) => getLayout(spec, ctx).blocks[index]?.y ?? 0,\n width: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).block.width,\n height: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).block.height\n },\n children: [\n spec.block?.showBackground === true\n ? ({\n type: 'rect',\n name: `storyline-block-bg-${index}`,\n interactive: false,\n style: {\n x: 0,\n y: 0,\n width: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).block.width,\n height: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).block.height,\n cornerRadius: 8,\n fill: '#ffffff',\n stroke: '#d7dce5',\n lineWidth: 1,\n shadowBlur: 6,\n shadowColor: 'rgba(0, 0, 0, 0.08)',\n ...spec.block?.style\n }\n } as ICustomMarkSpec<'rect'>)\n : null,\n hasImage\n ? ({\n type: 'image',\n name: `storyline-block-image-${index}`,\n interactive: false,\n ...omitImageLayoutSpec(spec.image),\n style: {\n x: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).imageBox.x,\n y: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).imageBox.y,\n width: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).imageBox.width,\n height: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).imageBox.height,\n image: block.image,\n ...spec.image?.style\n }\n } as ICustomMarkSpec<'image'>)\n : null,\n block.title\n ? ({\n type: 'text',\n name: `storyline-block-title-${index}`,\n interactive: false,\n ...spec.title,\n style: {\n x: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).textBox.x,\n y: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).textBox.y,\n text: block.title,\n maxLineWidth: (_datum: unknown, ctx: LayoutContext) =>\n getDefaultBlockMetrics(spec, ctx, index).textBox.width,\n fontSize: titleFontSize,\n lineHeight: titleLineHeight,\n fontWeight: 'bold',\n fill: '#1f2430',\n stroke: '#fff',\n lineWidth: 5,\n lineJoin: 'round',\n textAlign: 'left',\n textBaseline: 'top',\n ...spec.title?.style\n }\n } as ICustomMarkSpec<'text'>)\n : null,\n contentText.length\n ? ({\n type: 'text',\n name: `storyline-block-content-${index}`,\n interactive: false,\n ...spec.content,\n textType: 'rich',\n style: {\n x: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).textBox.x,\n y: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).contentBox.y,\n width: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).textBox.width,\n text: buildRichContent(contentText, spec, {\n fontSize: 18,\n lineHeight: 26,\n fill: '#596173'\n }),\n maxLineWidth: (_datum: unknown, ctx: LayoutContext) =>\n getDefaultBlockMetrics(spec, ctx, index).textBox.width,\n heightLimit: (_datum: unknown, ctx: LayoutContext) =>\n getDefaultBlockMetrics(spec, ctx, index).contentBox.height,\n textAlign: 'left',\n textBaseline: 'top',\n wordBreak: 'break-word',\n ellipsis: '...',\n fill: '#596173',\n ...spec.content?.style\n }\n } as ICustomMarkSpec<'text'>)\n : null\n ].filter(Boolean) as ICustomMarkSpec<any>[]\n };\n};\n\nconst buildLinkPath = (\n points: StorylinePoint[],\n type: StorylineLineType,\n showArrow: boolean,\n arrowSize: number\n): string => {\n const start = points[0];\n const end = points[points.length - 1];\n if (!start || !end) {\n return '';\n }\n let path: string;\n if (type === 'curve') {\n const dx = end.x - start.x;\n const dy = end.y - start.y;\n const curve = Math.max(Math.min(Math.sqrt(dx * dx + dy * dy) * 0.22, 80), 24);\n path =\n `M ${start.x} ${start.y} ` +\n `C ${start.x + dx / 2} ${start.y - curve} ${end.x - dx / 2} ${end.y + curve} ${end.x} ${end.y}`;\n } else if (type === 'polyline') {\n const mid = { x: (start.x + end.x) / 2, y: (start.y + end.y) / 2 };\n path = `M ${start.x} ${start.y} L ${mid.x} ${start.y} L ${mid.x} ${end.y} L ${end.x} ${end.y}`;\n } else {\n path = `M ${start.x} ${start.y} L ${end.x} ${end.y}`;\n }\n\n if (!showArrow) {\n return path;\n }\n return `${path} ${buildArrowPath(start, end, arrowSize)}`;\n};\n\nconst buildArrowPath = (start: StorylinePoint, end: StorylinePoint, size: number) => {\n const angle = Math.atan2(end.y - start.y, end.x - start.x);\n const left = {\n x: end.x - Math.cos(angle - Math.PI / 6) * size,\n y: end.y - Math.sin(angle - Math.PI / 6) * size\n };\n const right = {\n x: end.x - Math.cos(angle + Math.PI / 6) * size,\n y: end.y - Math.sin(angle + Math.PI / 6) * size\n };\n return `M ${left.x} ${left.y} L ${end.x} ${end.y} L ${right.x} ${right.y}`;\n};\n"]}
|
|
@@ -2,7 +2,7 @@ import { LayoutZIndex } from "@visactor/vchart";
|
|
|
2
2
|
|
|
3
3
|
import { DEFAULT_BLOCK_HEIGHT, DEFAULT_IMAGE_GAP, buildRichContent, getImageBox, getLayout, getRegionGeometry, getTextBox, getThemeColor, normalizeLayout, normalizePadding, omitImageLayoutSpec, resolveBlockWidth, withAlpha } from "./common";
|
|
4
4
|
|
|
5
|
-
const LADDER_HEADLINE_FONT_RATIO = .42, LADDER_HEADLINE_FONT_MIN = 80, LADDER_HEADLINE_FONT_MAX = 240, LADDER_DIAGONAL_LINE_WIDTH = 2, LADDER_DIAGONAL_DASH = [ 12, 8 ], LADDER_BLOCK_IMAGE_SIZE =
|
|
5
|
+
const LADDER_HEADLINE_FONT_RATIO = .42, LADDER_HEADLINE_FONT_MIN = 80, LADDER_HEADLINE_FONT_MAX = 240, LADDER_DIAGONAL_LINE_WIDTH = 2, LADDER_DIAGONAL_DASH = [ 12, 8 ], LADDER_BLOCK_IMAGE_SIZE = 100, LADDER_TITLE_FONT_SIZE = 28, LADDER_TITLE_LINE_HEIGHT = 26, LADDER_CONTENT_FONT_SIZE = 18, LADDER_CONTENT_LINE_HEIGHT = 26, isDownLadder = spec => "down" === normalizeLayout(spec.layout).direction, getLadderDiagonalGeometry = (spec, ctx) => {
|
|
6
6
|
var _a;
|
|
7
7
|
const {width: width, height: height, startX: startX, startY: startY} = getRegionGeometry(ctx), padding = normalizePadding(null === (_a = spec.block) || void 0 === _a ? void 0 : _a.padding), innerX = startX + padding.left, innerY = startY + padding.top, innerW = Math.max(width - padding.left - padding.right, 1), innerH = Math.max(height - padding.top - padding.bottom, 1), isDown = isDownLadder(spec), x1 = innerX + innerW, y0 = isDown ? innerY : innerY + innerH, y1 = isDown ? innerY + innerH : innerY, dx = x1 - innerX, dy = y1 - y0;
|
|
8
8
|
return {
|
|
@@ -81,7 +81,7 @@ export const buildLadderHeadlineMark = spec => {
|
|
|
81
81
|
|
|
82
82
|
const isOnLeft = index => index % 2 == 1, getLadderBlockMetrics = (spec, ctx, index) => {
|
|
83
83
|
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;
|
|
84
|
-
const block = getLayout(spec, ctx).blocks[index], padding = normalizePadding(null !== (_b = null === (_a = spec.block) || void 0 === _a ? void 0 : _a.padding) && void 0 !== _b ? _b : 12), imagePosition = isOnLeft(index) ? "right" : "left", imageWidth = null !== (_e = null === (_c = spec.image) || void 0 === _c ? void 0 : _c.width) && void 0 !== _e ? _e :
|
|
84
|
+
const block = getLayout(spec, ctx).blocks[index], padding = normalizePadding(null !== (_b = null === (_a = spec.block) || void 0 === _a ? void 0 : _a.padding) && void 0 !== _b ? _b : 12), imagePosition = isOnLeft(index) ? "right" : "left", imageWidth = null !== (_e = null === (_c = spec.image) || void 0 === _c ? void 0 : _c.width) && void 0 !== _e ? _e : 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 : 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 : resolveBlockWidth(spec, 0), blockHeight = null !== (_y = null !== (_w = null == block ? void 0 : block.height) && void 0 !== _w ? _w : null === (_x = spec.block) || void 0 === _x ? void 0 : _x.height) && void 0 !== _y ? _y : DEFAULT_BLOCK_HEIGHT, imageBox = getImageBox(imagePosition, blockWidth, blockHeight, padding, imageWidth, imageHeight, imageGap, hasImage), textBox = getTextBox(imagePosition, blockWidth, blockHeight, padding, imageWidth, imageHeight, imageGap, hasImage), contentGap = (null === (_0 = null === (_z = spec.data) || void 0 === _z ? void 0 : _z[index]) || void 0 === _0 ? void 0 : _0.title) ? 8 : 0;
|
|
85
85
|
return {
|
|
86
86
|
block: {
|
|
87
87
|
width: blockWidth,
|
|
@@ -98,7 +98,7 @@ const isOnLeft = index => index % 2 == 1, getLadderBlockMetrics = (spec, ctx, in
|
|
|
98
98
|
|
|
99
99
|
export const buildLadderBlockMark = (spec, block, index) => {
|
|
100
100
|
var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
101
|
-
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 * (
|
|
101
|
+
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 => {
|
|
102
102
|
const m = getLadderBlockMetrics(spec, ctx, index);
|
|
103
103
|
return "right" === align ? m.textBox.x + m.textBox.width : m.textBox.x;
|
|
104
104
|
};
|
|
@@ -178,10 +178,12 @@ export const buildLadderBlockMark = (spec, block, index) => {
|
|
|
178
178
|
x: (_d, ctx) => getTitleX(ctx),
|
|
179
179
|
y: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).contentBox.y,
|
|
180
180
|
width: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).textBox.width,
|
|
181
|
-
text: buildRichContent(contentText, spec
|
|
181
|
+
text: buildRichContent(contentText, spec, {
|
|
182
|
+
fontSize: 18,
|
|
183
|
+
lineHeight: 26,
|
|
184
|
+
align: align
|
|
185
|
+
}),
|
|
182
186
|
maxLineWidth: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).textBox.width,
|
|
183
|
-
fontSize: 16,
|
|
184
|
-
lineHeight: 24,
|
|
185
187
|
heightLimit: (_d, ctx) => getLadderBlockMetrics(spec, ctx, index).contentBox.height,
|
|
186
188
|
textBaseline: "top",
|
|
187
189
|
wordBreak: "break-word",
|
|
@@ -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 → ny*sign<0 → 上方;可推得 偶数 index 在右上侧、奇数在左下侧。\n * \"对角线左侧\" = 奇数 index。\n * - direction='down':dy>0 → ny>0,sign=+1 → ny*sign>0 → 下方;偶数 index 在右下侧、奇数在左上侧。\n * \"对角线左侧\" = 奇数 index。\n * 因此两种 direction 下\"对角线左侧\"的判定一致。\n */\nconst isOnLeft = (index: number) => index % 2 === 1;\n\nconst getLadderBlockMetrics = (spec: IStorylineSpec, ctx: LayoutContext, index: number) => {\n const block = getLayout(spec, ctx).blocks[index];\n const padding = normalizePadding(spec.block?.padding ?? 12);\n // 左侧 block:image 放右;右侧 block:image 放左\n const imagePosition = isOnLeft(index) ? ('right' as const) : ('left' as const);\n const imageWidth = spec.image?.width ?? LADDER_BLOCK_IMAGE_SIZE;\n const imageHeight = spec.image?.height ?? LADDER_BLOCK_IMAGE_SIZE;\n const imageGap = spec.image?.gap ?? DEFAULT_IMAGE_GAP;\n const hasImage = !!spec.data?.[index]?.image;\n const titleFontSize = Number(\n (spec.title?.style as { fontSize?: number } | undefined)?.fontSize ?? LADDER_TITLE_FONT_SIZE\n );\n const titleLineHeight = Number(\n (spec.title?.style as { lineHeight?: number } | undefined)?.lineHeight ??\n Math.round(titleFontSize * (LADDER_TITLE_LINE_HEIGHT / LADDER_TITLE_FONT_SIZE))\n );\n const titleHeight = spec.data?.[index]?.title ? titleLineHeight : 0;\n const blockWidth = block?.width ?? resolveBlockWidth(spec, 0);\n const blockHeight = block?.height ?? spec.block?.height ?? DEFAULT_BLOCK_HEIGHT;\n const imageBox = getImageBox(\n imagePosition,\n blockWidth,\n blockHeight,\n padding,\n imageWidth,\n imageHeight,\n imageGap,\n hasImage\n );\n const textBox = getTextBox(\n imagePosition,\n blockWidth,\n blockHeight,\n padding,\n imageWidth,\n imageHeight,\n imageGap,\n hasImage\n );\n const contentGap = spec.data?.[index]?.title ? 8 : 0;\n return {\n block: { width: blockWidth, height: blockHeight },\n imageBox,\n textBox,\n contentBox: {\n y: textBox.y + titleHeight + contentGap,\n height: Math.max(0, textBox.height - titleHeight - contentGap)\n }\n };\n};\n\n/**\n * ladder 的 block mark:\n * - 对角线左侧 block:image 在右,title / content textAlign='right'\n * - 对角线右侧 block:image 在左,title / content textAlign='left'\n */\nexport const buildLadderBlockMark = (\n spec: IStorylineSpec,\n block: IStorylineBlock,\n index: number\n): IExtensionGroupMarkSpec => {\n const hasImage = !!block.image;\n const onLeft = isOnLeft(index);\n const align = onLeft ? 'right' : 'left';\n const contentText = Array.isArray(block.content) ? block.content : block.content ? [block.content] : [];\n const titleFontSize = Number(\n (spec.title?.style as { fontSize?: number } | undefined)?.fontSize ?? LADDER_TITLE_FONT_SIZE\n );\n const titleLineHeight = Number(\n (spec.title?.style as { lineHeight?: number } | undefined)?.lineHeight ??\n Math.round(titleFontSize * (LADDER_TITLE_LINE_HEIGHT / LADDER_TITLE_FONT_SIZE))\n );\n const showBackground = spec.block?.showBackground === true;\n\n // textAlign='right' 时 x 锚点取 textBox 右端,否则取左端\n const getTitleX = (ctx: LayoutContext) => {\n const m = getLadderBlockMetrics(spec, ctx, index);\n return align === 'right' ? m.textBox.x + m.textBox.width : m.textBox.x;\n };\n\n return {\n type: 'group' as any,\n id: `storyline-block-${block.id ?? index}`,\n name: `storyline-block-${index}`,\n zIndex: LayoutZIndex.Mark + 1,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getLayout(spec, ctx).blocks[index]?.x ?? 0,\n y: (_d: unknown, ctx: LayoutContext) => getLayout(spec, ctx).blocks[index]?.y ?? 0,\n width: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).block.width,\n height: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).block.height\n },\n children: [\n showBackground\n ? ({\n type: 'rect',\n name: `storyline-block-bg-${index}`,\n interactive: false,\n style: {\n x: 0,\n y: 0,\n width: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).block.width,\n height: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).block.height,\n cornerRadius: 8,\n fill: '#ffffff',\n stroke: '#d7dce5',\n lineWidth: 1,\n shadowBlur: 6,\n shadowColor: 'rgba(0, 0, 0, 0.08)',\n ...spec.block?.style\n }\n } as ICustomMarkSpec<'rect'>)\n : null,\n hasImage\n ? ({\n type: 'image',\n name: `storyline-block-image-${index}`,\n interactive: false,\n ...omitImageLayoutSpec(spec.image),\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).imageBox.x,\n y: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).imageBox.y,\n width: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).imageBox.width,\n height: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).imageBox.height,\n image: block.image,\n ...spec.image?.style\n }\n } as ICustomMarkSpec<'image'>)\n : null,\n block.title\n ? ({\n type: 'text',\n name: `storyline-block-title-${index}`,\n interactive: false,\n ...spec.title,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getTitleX(ctx),\n y: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).textBox.y,\n text: block.title,\n maxLineWidth: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).textBox.width,\n fontSize: titleFontSize,\n lineHeight: titleLineHeight,\n fontWeight: 'bold',\n fill: '#1f2430',\n stroke: '#fff',\n lineWidth: 5,\n lineJoin: 'round',\n textBaseline: 'top',\n ...spec.title?.style,\n // 由于 ladder 强制按对角线左右镜像,textAlign 不允许被外层 spec.title.style 覆盖\n textAlign: align\n }\n } as ICustomMarkSpec<'text'>)\n : null,\n contentText.length\n ? ({\n type: 'text',\n name: `storyline-block-content-${index}`,\n interactive: false,\n ...spec.content,\n textType: 'rich',\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getTitleX(ctx),\n y: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).contentBox.y,\n width: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).textBox.width,\n text: buildRichContent(contentText, spec),\n maxLineWidth: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).textBox.width,\n fontSize: LADDER_CONTENT_FONT_SIZE,\n lineHeight: LADDER_CONTENT_LINE_HEIGHT,\n heightLimit: (_d: unknown, ctx: LayoutContext) =>\n getLadderBlockMetrics(spec, ctx, index).contentBox.height,\n textBaseline: 'top',\n wordBreak: 'break-word',\n ellipsis: '...',\n fill: '#596173',\n ...spec.content?.style,\n textAlign: align\n }\n } as ICustomMarkSpec<'text'>)\n : null\n ].filter(Boolean) as ICustomMarkSpec<'rect' | 'image' | 'text'>[]\n };\n};\n"]}
|
|
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 → ny*sign<0 → 上方;可推得 偶数 index 在右上侧、奇数在左下侧。\n * \"对角线左侧\" = 奇数 index。\n * - direction='down':dy>0 → ny>0,sign=+1 → ny*sign>0 → 下方;偶数 index 在右下侧、奇数在左上侧。\n * \"对角线左侧\" = 奇数 index。\n * 因此两种 direction 下\"对角线左侧\"的判定一致。\n */\nconst isOnLeft = (index: number) => index % 2 === 1;\n\nconst getLadderBlockMetrics = (spec: IStorylineSpec, ctx: LayoutContext, index: number) => {\n const block = getLayout(spec, ctx).blocks[index];\n const padding = normalizePadding(spec.block?.padding ?? 12);\n // 左侧 block:image 放右;右侧 block:image 放左\n const imagePosition = isOnLeft(index) ? ('right' as const) : ('left' as const);\n const imageWidth = spec.image?.width ?? LADDER_BLOCK_IMAGE_SIZE;\n const imageHeight = spec.image?.height ?? LADDER_BLOCK_IMAGE_SIZE;\n const imageGap = spec.image?.gap ?? DEFAULT_IMAGE_GAP;\n const hasImage = !!spec.data?.[index]?.image;\n const titleFontSize = Number(\n (spec.title?.style as { fontSize?: number } | undefined)?.fontSize ?? LADDER_TITLE_FONT_SIZE\n );\n const titleLineHeight = Number(\n (spec.title?.style as { lineHeight?: number } | undefined)?.lineHeight ??\n Math.round(titleFontSize * (LADDER_TITLE_LINE_HEIGHT / LADDER_TITLE_FONT_SIZE))\n );\n const titleHeight = spec.data?.[index]?.title ? titleLineHeight : 0;\n const blockWidth = block?.width ?? resolveBlockWidth(spec, 0);\n const blockHeight = block?.height ?? spec.block?.height ?? DEFAULT_BLOCK_HEIGHT;\n const imageBox = getImageBox(\n imagePosition,\n blockWidth,\n blockHeight,\n padding,\n imageWidth,\n imageHeight,\n imageGap,\n hasImage\n );\n const textBox = getTextBox(\n imagePosition,\n blockWidth,\n blockHeight,\n padding,\n imageWidth,\n imageHeight,\n imageGap,\n hasImage\n );\n const contentGap = spec.data?.[index]?.title ? 8 : 0;\n return {\n block: { width: blockWidth, height: blockHeight },\n imageBox,\n textBox,\n contentBox: {\n y: textBox.y + titleHeight + contentGap,\n height: Math.max(0, textBox.height - titleHeight - contentGap)\n }\n };\n};\n\n/**\n * ladder 的 block mark:\n * - 对角线左侧 block:image 在右,title / content textAlign='right'\n * - 对角线右侧 block:image 在左,title / content textAlign='left'\n */\nexport const buildLadderBlockMark = (\n spec: IStorylineSpec,\n block: IStorylineBlock,\n index: number\n): IExtensionGroupMarkSpec => {\n const hasImage = !!block.image;\n const onLeft = isOnLeft(index);\n const align = onLeft ? 'right' : 'left';\n const contentText = Array.isArray(block.content) ? block.content : block.content ? [block.content] : [];\n const titleFontSize = Number(\n (spec.title?.style as { fontSize?: number } | undefined)?.fontSize ?? LADDER_TITLE_FONT_SIZE\n );\n const titleLineHeight = Number(\n (spec.title?.style as { lineHeight?: number } | undefined)?.lineHeight ??\n Math.round(titleFontSize * (LADDER_TITLE_LINE_HEIGHT / LADDER_TITLE_FONT_SIZE))\n );\n const showBackground = spec.block?.showBackground === true;\n\n // textAlign='right' 时 x 锚点取 textBox 右端,否则取左端\n const getTitleX = (ctx: LayoutContext) => {\n const m = getLadderBlockMetrics(spec, ctx, index);\n return align === 'right' ? m.textBox.x + m.textBox.width : m.textBox.x;\n };\n\n return {\n type: 'group' as any,\n id: `storyline-block-${block.id ?? index}`,\n name: `storyline-block-${index}`,\n zIndex: LayoutZIndex.Mark + 1,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getLayout(spec, ctx).blocks[index]?.x ?? 0,\n y: (_d: unknown, ctx: LayoutContext) => getLayout(spec, ctx).blocks[index]?.y ?? 0,\n width: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).block.width,\n height: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).block.height\n },\n children: [\n showBackground\n ? ({\n type: 'rect',\n name: `storyline-block-bg-${index}`,\n interactive: false,\n style: {\n x: 0,\n y: 0,\n width: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).block.width,\n height: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).block.height,\n cornerRadius: 8,\n fill: '#ffffff',\n stroke: '#d7dce5',\n lineWidth: 1,\n shadowBlur: 6,\n shadowColor: 'rgba(0, 0, 0, 0.08)',\n ...spec.block?.style\n }\n } as ICustomMarkSpec<'rect'>)\n : null,\n hasImage\n ? ({\n type: 'image',\n name: `storyline-block-image-${index}`,\n interactive: false,\n ...omitImageLayoutSpec(spec.image),\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).imageBox.x,\n y: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).imageBox.y,\n width: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).imageBox.width,\n height: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).imageBox.height,\n image: block.image,\n ...spec.image?.style\n }\n } as ICustomMarkSpec<'image'>)\n : null,\n block.title\n ? ({\n type: 'text',\n name: `storyline-block-title-${index}`,\n interactive: false,\n ...spec.title,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getTitleX(ctx),\n y: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).textBox.y,\n text: block.title,\n maxLineWidth: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).textBox.width,\n fontSize: titleFontSize,\n lineHeight: titleLineHeight,\n fontWeight: 'bold',\n fill: '#1f2430',\n stroke: '#fff',\n lineWidth: 5,\n lineJoin: 'round',\n textBaseline: 'top',\n ...spec.title?.style,\n // 由于 ladder 强制按对角线左右镜像,textAlign 不允许被外层 spec.title.style 覆盖\n textAlign: align\n }\n } as ICustomMarkSpec<'text'>)\n : null,\n contentText.length\n ? ({\n type: 'text',\n name: `storyline-block-content-${index}`,\n interactive: false,\n ...spec.content,\n textType: 'rich',\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getTitleX(ctx),\n y: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).contentBox.y,\n width: (_d: unknown, ctx: LayoutContext) => getLadderBlockMetrics(spec, ctx, index).textBox.width,\n text: buildRichContent(contentText, spec, {\n 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"]}
|
|
@@ -2,7 +2,7 @@ import { LayoutZIndex } from "@visactor/vchart";
|
|
|
2
2
|
|
|
3
3
|
import { DEFAULT_BLOCK_HEIGHT, buildRichContent, buildSmoothCurvePath, getLayout, getThemeColor, normalizePadding, omitImageLayoutSpec, resolveBlockWidth } from "./common";
|
|
4
4
|
|
|
5
|
-
const 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 =
|
|
5
|
+
const 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) => {
|
|
6
6
|
var _a, _b, _c, _e;
|
|
7
7
|
const lb = getLayout(spec, ctx).blocks[index];
|
|
8
8
|
if (!lb) return null;
|
|
@@ -66,7 +66,7 @@ export const buildLandscapeConnectingCurve = spec => {
|
|
|
66
66
|
|
|
67
67
|
const getLandscapeMetrics = (spec, blockWidth, blockHeight, index) => {
|
|
68
68
|
var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
|
|
69
|
-
const padding = 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 :
|
|
69
|
+
const padding = 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;
|
|
70
70
|
let textBox, contentBox, imageBox, connector, groupTop, groupHeight;
|
|
71
71
|
const connectorX = 0 + .2 * blockWidth, textX = connectorX + 12, textWidth = Math.max(blockWidth - (textX - 0), 0);
|
|
72
72
|
if (textOnTop) {
|
|
@@ -136,7 +136,7 @@ const getLandscapeMetrics = (spec, blockWidth, blockHeight, index) => {
|
|
|
136
136
|
|
|
137
137
|
export const buildLandscapeBlockMark = (spec, block, index) => {
|
|
138
138
|
var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
|
|
139
|
-
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 :
|
|
139
|
+
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 => {
|
|
140
140
|
var _a, _b, _c, _e;
|
|
141
141
|
const layoutBlock = getLayout(spec, ctx).blocks[index], w = null !== (_a = null == layoutBlock ? void 0 : layoutBlock.width) && void 0 !== _a ? _a : 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 : DEFAULT_BLOCK_HEIGHT;
|
|
142
142
|
return getLandscapeMetrics(spec, w, h, index);
|
|
@@ -154,7 +154,7 @@ export const buildLandscapeBlockMark = (spec, block, index) => {
|
|
|
154
154
|
},
|
|
155
155
|
y: (_d, ctx) => {
|
|
156
156
|
var _a, _b, _c, _e, _f, _g, _h;
|
|
157
|
-
const lb = 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 : DEFAULT_BLOCK_HEIGHT, stagger =
|
|
157
|
+
const lb = 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 : DEFAULT_BLOCK_HEIGHT, stagger = m.textOnTop ? .1 * blockH : .1 * -blockH;
|
|
158
158
|
return cy - m.imageBox.height / 2 + stagger;
|
|
159
159
|
},
|
|
160
160
|
width: (_d, ctx) => getMetrics(ctx).blockWidth,
|
|
@@ -237,9 +237,11 @@ export const buildLandscapeBlockMark = (spec, block, index) => {
|
|
|
237
237
|
height: (_d, ctx) => getMetrics(ctx).contentBox.height,
|
|
238
238
|
maxLineWidth: (_d, ctx) => getMetrics(ctx).contentBox.width,
|
|
239
239
|
heightLimit: (_d, ctx) => getMetrics(ctx).contentBox.height,
|
|
240
|
-
text: buildRichContent(contentText, spec
|
|
241
|
-
|
|
242
|
-
|
|
240
|
+
text: buildRichContent(contentText, spec, {
|
|
241
|
+
fontSize: 18,
|
|
242
|
+
lineHeight: 26,
|
|
243
|
+
fill: "#596173"
|
|
244
|
+
}),
|
|
243
245
|
textAlign: "left",
|
|
244
246
|
textBaseline: "top",
|
|
245
247
|
wordBreak: "break-word",
|