@visactor/vchart-extension 2.1.0-alpha.14 → 2.1.0-alpha.16
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 +2216 -0
- package/build/index.min.js +2 -2
- package/cjs/charts/axis-3d/index.js +2 -1
- package/cjs/charts/axis-3d/linear-axis.js +1 -2
- 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 +1 -2
- 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/histogram-3d/chart.js +1 -2
- package/cjs/charts/histogram-3d/index.js +1 -1
- package/cjs/charts/histogram-3d/interface.js +1 -1
- package/cjs/charts/image-cloud/image-cloud-transformer.js +1 -1
- package/cjs/charts/image-cloud/image-cloud.js +1 -1
- package/cjs/charts/image-cloud/index.js +1 -1
- package/cjs/charts/image-cloud/interface.js +1 -1
- package/cjs/charts/image-cloud/series/image-cloud.d.ts +138 -0
- package/cjs/charts/pictogram/element-highlight-by-graphic-name.js +1 -1
- package/cjs/charts/storyline/index.d.ts +4 -0
- package/cjs/charts/storyline/index.js +22 -0
- package/cjs/charts/storyline/index.js.map +1 -0
- package/cjs/charts/storyline/interface.d.ts +61 -0
- package/cjs/charts/storyline/interface.js +6 -0
- package/cjs/charts/storyline/interface.js.map +1 -0
- package/cjs/charts/storyline/layout.d.ts +53 -0
- package/cjs/charts/storyline/layout.js +214 -0
- package/cjs/charts/storyline/layout.js.map +1 -0
- package/cjs/charts/storyline/layouts/bowl.d.ts +5 -0
- package/cjs/charts/storyline/layouts/bowl.js +285 -0
- package/cjs/charts/storyline/layouts/bowl.js.map +1 -0
- package/cjs/charts/storyline/layouts/clock.d.ts +5 -0
- package/cjs/charts/storyline/layouts/clock.js +247 -0
- package/cjs/charts/storyline/layouts/clock.js.map +1 -0
- package/cjs/charts/storyline/layouts/common.d.ts +88 -0
- package/cjs/charts/storyline/layouts/common.js +291 -0
- package/cjs/charts/storyline/layouts/common.js.map +1 -0
- package/cjs/charts/storyline/layouts/default.d.ts +4 -0
- package/cjs/charts/storyline/layouts/default.js +179 -0
- package/cjs/charts/storyline/layouts/default.js.map +1 -0
- package/cjs/charts/storyline/layouts/dome.d.ts +5 -0
- package/cjs/charts/storyline/layouts/dome.js +300 -0
- package/cjs/charts/storyline/layouts/dome.js.map +1 -0
- package/cjs/charts/storyline/layouts/landscape.d.ts +4 -0
- package/cjs/charts/storyline/layouts/landscape.js +254 -0
- package/cjs/charts/storyline/layouts/landscape.js.map +1 -0
- package/cjs/charts/storyline/layouts/portrait.d.ts +4 -0
- package/cjs/charts/storyline/layouts/portrait.js +241 -0
- package/cjs/charts/storyline/layouts/portrait.js.map +1 -0
- package/cjs/charts/storyline/layouts/wing.d.ts +4 -0
- package/cjs/charts/storyline/layouts/wing.js +215 -0
- package/cjs/charts/storyline/layouts/wing.js.map +1 -0
- package/cjs/charts/storyline/storyline-transformer.d.ts +4 -0
- package/cjs/charts/storyline/storyline-transformer.js +66 -0
- package/cjs/charts/storyline/storyline-transformer.js.map +1 -0
- package/cjs/charts/storyline/storyline.d.ts +16 -0
- package/cjs/charts/storyline/storyline.js +36 -0
- package/cjs/charts/storyline/storyline.js.map +1 -0
- 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 +2 -1
- 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.d.ts +52 -0
- 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 +2 -1
- 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/cjs/index.d.ts +1 -0
- package/cjs/index.js +5 -5
- package/cjs/index.js.map +1 -1
- package/esm/charts/axis-3d/index.js +2 -1
- package/esm/charts/axis-3d/linear-axis.js +1 -2
- 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 +1 -2
- 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/histogram-3d/chart.js +1 -2
- package/esm/charts/histogram-3d/index.js +1 -1
- package/esm/charts/histogram-3d/interface.js +1 -1
- package/esm/charts/image-cloud/image-cloud-transformer.js +1 -1
- package/esm/charts/image-cloud/image-cloud.js +1 -1
- package/esm/charts/image-cloud/index.js +1 -1
- package/esm/charts/image-cloud/interface.js +1 -1
- package/esm/charts/image-cloud/series/image-cloud.d.ts +138 -0
- package/esm/charts/pictogram/element-highlight-by-graphic-name.js +1 -1
- package/esm/charts/storyline/index.d.ts +4 -0
- package/esm/charts/storyline/index.js +8 -0
- package/esm/charts/storyline/index.js.map +1 -0
- package/esm/charts/storyline/interface.d.ts +61 -0
- package/esm/charts/storyline/interface.js +2 -0
- package/esm/charts/storyline/interface.js.map +1 -0
- package/esm/charts/storyline/layout.d.ts +53 -0
- package/esm/charts/storyline/layout.js +204 -0
- package/esm/charts/storyline/layout.js.map +1 -0
- package/esm/charts/storyline/layouts/bowl.d.ts +5 -0
- package/esm/charts/storyline/layouts/bowl.js +277 -0
- package/esm/charts/storyline/layouts/bowl.js.map +1 -0
- package/esm/charts/storyline/layouts/clock.d.ts +5 -0
- package/esm/charts/storyline/layouts/clock.js +241 -0
- package/esm/charts/storyline/layouts/clock.js.map +1 -0
- package/esm/charts/storyline/layouts/common.d.ts +88 -0
- package/esm/charts/storyline/layouts/common.js +257 -0
- package/esm/charts/storyline/layouts/common.js.map +1 -0
- package/esm/charts/storyline/layouts/default.d.ts +4 -0
- package/esm/charts/storyline/layouts/default.js +172 -0
- package/esm/charts/storyline/layouts/default.js.map +1 -0
- package/esm/charts/storyline/layouts/dome.d.ts +5 -0
- package/esm/charts/storyline/layouts/dome.js +292 -0
- package/esm/charts/storyline/layouts/dome.js.map +1 -0
- package/esm/charts/storyline/layouts/landscape.d.ts +4 -0
- package/esm/charts/storyline/layouts/landscape.js +250 -0
- package/esm/charts/storyline/layouts/landscape.js.map +1 -0
- package/esm/charts/storyline/layouts/portrait.d.ts +4 -0
- package/esm/charts/storyline/layouts/portrait.js +238 -0
- package/esm/charts/storyline/layouts/portrait.js.map +1 -0
- package/esm/charts/storyline/layouts/wing.d.ts +4 -0
- package/esm/charts/storyline/layouts/wing.js +210 -0
- package/esm/charts/storyline/layouts/wing.js.map +1 -0
- package/esm/charts/storyline/storyline-transformer.d.ts +4 -0
- package/esm/charts/storyline/storyline-transformer.js +66 -0
- package/esm/charts/storyline/storyline-transformer.js.map +1 -0
- package/esm/charts/storyline/storyline.d.ts +16 -0
- package/esm/charts/storyline/storyline.js +29 -0
- package/esm/charts/storyline/storyline.js.map +1 -0
- 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 +2 -1
- 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.d.ts +52 -0
- 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 +2 -1
- 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/esm/index.d.ts +1 -0
- package/esm/index.js +2 -0
- package/esm/index.js.map +1 -1
- package/package.json +8 -8
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/charts/storyline/layouts/dome.ts"],"names":[],"mappings":"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","file":"dome.js","sourcesContent":["import type { IExtensionGroupMarkSpec } from '@visactor/vchart';\nimport { LayoutZIndex } from '@visactor/vchart';\nimport type { IStorylineBlock, IStorylineSpec } from '../interface';\nimport {\n type ICustomMarkSpec,\n type LayoutContext,\n type StorylinePoint,\n buildRichContent,\n getRegionGeometry,\n getThemeColor,\n normalizeLayout,\n normalizePadding,\n omitImageLayoutSpec,\n resolveBlockWidth,\n withAlpha\n} from './common';\n\n// dome 布局:弧形排列 + 底部 centerImage\n// image 默认为圆形,DOME_BLOCK_IMAGE_SIZE 即圆的直径\nconst DOME_BLOCK_IMAGE_SIZE = 140;\nconst DOME_TEXT_GAP_FROM_IMAGE = 10;\nconst DOME_TITLE_LINE_HEIGHT = 19;\nconst DOME_CONTENT_LINE_HEIGHT = 17;\nconst DOME_CONTENT_FONT_SIZE = 12;\n// title + content 区域总高度(默认 400px,溢出由富文本 heightLimit + ellipsis 自动截断)\nconst DOME_TEXT_BOX_HEIGHT = 300;\nconst DOME_TITLE_TO_CONTENT_GAP = 4;\n// 引导线与 title/content 之间的水平间距\nconst DOME_TEXT_LEFT_PADDING = 20;\n// centerImage 边长相对 inner 短边的比例(强制正方形,避免 cover 模式裁切图片)\nconst DOME_CENTER_IMAGE_SIZE_RATIO = 0.4;\n// 弧线最高点(视觉上的顶点)距离 centerImage 顶部的距离\nconst DOME_ARC_TOP_GAP_FROM_CENTER_IMAGE = 300;\n\n/**\n * 计算 dome 布局 centerImage 的 box:水平居中、垂直贴底(位于 inner 区域底部)。\n */\nconst getDomeCenterImageRect = (spec: IStorylineSpec, ctx: LayoutContext) => {\n const { width, height, startX, startY } = getRegionGeometry(ctx);\n const padding = normalizePadding(spec.block?.padding);\n const innerWidth = Math.max(width - padding.left - padding.right, 1);\n const innerHeight = Math.max(height - padding.top - padding.bottom, 1);\n // 取 inner 短边作为基准,使 rect 始终为正方形(cover 模式下不会裁切方形图片)\n const baseSize = Math.min(innerWidth, innerHeight) * DOME_CENTER_IMAGE_SIZE_RATIO;\n const w = Math.max(spec.centerImage?.width ?? baseSize, 80);\n const h = Math.max(spec.centerImage?.height ?? baseSize, 80);\n const cx = startX + padding.left + innerWidth / 2;\n // 紧贴底部,仅保留 spec.block.padding.bottom 的留白\n const top = startY + padding.top + innerHeight - h;\n return { x: cx - w / 2, y: top, width: w, height: h };\n};\n\n/**\n * 计算 dome 弧线的几何参数:\n * - cx / rx / startAngle / endAngle 与 layout.ts 中 arcCenters 一致;\n * - cy 与 ry 由两条对齐约束反推:\n * 1) 弧线起/终点 y == centerImage 底部\n * 2) 弧线最高点 y == centerImage 顶部 - DOME_ARC_TOP_GAP_FROM_CENTER_IMAGE\n *\n * 解方程:\n * cy + ry * sin(startAngle) = centerImageBottom\n * cy - ry = centerImageTop - GAP\n * → ry = (centerImageHeight + GAP) / (1 + sin(startAngle))\n * cy = centerImageBottom - ry * sin(startAngle)\n *\n * 仅当 sin(startAngle) ∈ [-1, 0) 时(即 startAngle 在 (180°, 360°) 区间,碗形),\n * 该方程组有合理正解。\n */\nconst getDomeArcGeometry = (spec: IStorylineSpec, ctx: LayoutContext) => {\n const { width, startX } = getRegionGeometry(ctx);\n const blockPadding = normalizePadding(spec.block?.padding);\n const innerWidth = Math.max(width - blockPadding.left - blockPadding.right, 1);\n const blockWidth = resolveBlockWidth(spec, width);\n const layoutOpt = normalizeLayout(spec.layout);\n const startAngle = layoutOpt.startAngle ?? 200;\n const endAngle = layoutOpt.endAngle ?? 340;\n const ratio = layoutOpt.radiusRatio ?? 0.88;\n const rx = Math.max((innerWidth - blockWidth) / 2, 1) * ratio;\n const centerRect = getDomeCenterImageRect(spec, ctx);\n const centerTop = centerRect.y;\n const centerBottom = centerRect.y + centerRect.height;\n const sinStart = Math.sin((startAngle / 180) * Math.PI);\n // sinStart 接近 -1 时 ry → ∞;这里限制下界以防 startAngle 配置异常\n const denom = Math.max(1 + sinStart, 0.05);\n const ry = (centerRect.height + DOME_ARC_TOP_GAP_FROM_CENTER_IMAGE) / denom;\n const cy = centerBottom - ry * sinStart;\n return {\n cx: startX + blockPadding.left + innerWidth / 2,\n cy,\n rx,\n ry,\n startAngle,\n endAngle,\n // 调试/对齐用:上下两个对齐参考点\n centerTop,\n centerBottom\n };\n};\n\n/**\n * 在 do me 新弧线上按 index 采样 block 中心,与 arc 完全同步。\n * 同时让 block 沿弧线径向向外偏移 imageHeight/2,\n * 使 image 内边贴在弧线上,image + text 整体位于弧线外侧。\n */\nconst getDomeBlockCenter = (spec: IStorylineSpec, ctx: LayoutContext, index: number): StorylinePoint => {\n const arc = getDomeArcGeometry(spec, ctx);\n const count = spec.data?.length ?? 0;\n if (count <= 0) {\n return { x: arc.cx, y: arc.cy };\n }\n const t = count === 1 ? 0.5 : index / (count - 1);\n const angle = ((arc.startAngle + (arc.endAngle - arc.startAngle) * t) / 180) * Math.PI;\n const px = arc.cx + Math.cos(angle) * arc.rx;\n const py = arc.cy + Math.sin(angle) * arc.ry;\n // 椭圆在 (px,py) 处的外法向量 ∝ (cos(angle)/rx, sin(angle)/ry)\n const nxRaw = Math.cos(angle) / arc.rx;\n const nyRaw = Math.sin(angle) / arc.ry;\n const nLen = Math.hypot(nxRaw, nyRaw) || 1;\n const nx = nxRaw / nLen;\n const ny = nyRaw / nLen;\n const imageHeight = spec.image?.height ?? DOME_BLOCK_IMAGE_SIZE;\n const offset = imageHeight / 2;\n return { x: px + nx * offset, y: py + ny * offset };\n};\n\n/**\n * 贯穿所有 block 的半圆弧线 mark(path 通过沿椭圆采样实现,\n * 与 dome block 的弧形布局完全重合)\n *\n * 默认不展示,仅当用户在 spec.line.visible 显式置为 true 时才渲染。\n */\nexport const buildDomeArcMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n if (spec.line?.visible !== true) {\n return null;\n }\n const themeColor = getThemeColor(spec);\n return {\n type: 'group' as any,\n name: 'storyline-dome-arc',\n zIndex: LayoutZIndex.Mark,\n children: [\n {\n type: 'path',\n name: 'storyline-dome-arc-path',\n interactive: false,\n style: {\n stroke: themeColor,\n lineWidth: 2,\n lineCap: 'round',\n fill: 'transparent',\n fillOpacity: 0,\n path: (_d: unknown, ctx: LayoutContext) => {\n const arc = getDomeArcGeometry(spec, ctx);\n const span = arc.endAngle - arc.startAngle;\n const samples = 64;\n const segments: string[] = [];\n for (let i = 0; i <= samples; i++) {\n const t = i / samples;\n const angle = ((arc.startAngle + span * t) / 180) * Math.PI;\n const x = arc.cx + Math.cos(angle) * arc.rx;\n const y = arc.cy + Math.sin(angle) * arc.ry;\n segments.push(`${i === 0 ? 'M' : 'L'} ${x.toFixed(2)} ${y.toFixed(2)}`);\n }\n return segments.join(' ');\n }\n }\n } as ICustomMarkSpec<'path'>\n ]\n };\n};\n\nexport const buildDomeCenterImageMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n const visible = spec.centerImage?.visible !== false;\n if (!visible) {\n return null;\n }\n const themeColor = getThemeColor(spec);\n const hasImage = !!spec.centerImage?.image;\n // 主题色生成的线性渐变(顶部偏淡 → 底部主题色),作为 centerImage 位置的 symbol 填充\n const symbolGradient = {\n gradient: 'linear',\n x0: 0.5,\n y0: 0,\n x1: 0.5,\n y1: 1,\n stops: [\n { offset: 0, color: withAlpha(themeColor, 0.15) },\n { offset: 1, color: themeColor }\n ]\n };\n return {\n type: 'group' as any,\n name: 'storyline-dome-center',\n zIndex: LayoutZIndex.Mark,\n children: [\n // 默认 symbol:位于 centerImage 的位置,外径略大于 centerImage(填充渐变作为视觉底盘)\n {\n type: 'symbol',\n name: 'storyline-dome-center-symbol',\n interactive: false,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => {\n const r = getDomeCenterImageRect(spec, ctx);\n return r.x + r.width / 2;\n },\n y: (_d: unknown, ctx: LayoutContext) => {\n const r = getDomeCenterImageRect(spec, ctx);\n return r.y + r.height / 2;\n },\n size: (_d: unknown, ctx: LayoutContext) => {\n const r = getDomeCenterImageRect(spec, ctx);\n // symbol 直径略大于 centerImage 较短边,形成\"圆形底盘\"\n return Math.max(r.width, r.height) * 1.1;\n },\n symbolType: 'circle',\n fill: symbolGradient,\n stroke: themeColor,\n lineWidth: 2\n }\n } as ICustomMarkSpec<'symbol'>,\n {\n type: 'rect',\n name: 'storyline-dome-center-rect',\n interactive: false,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getDomeCenterImageRect(spec, ctx).x,\n y: (_d: unknown, ctx: LayoutContext) => getDomeCenterImageRect(spec, ctx).y,\n width: (_d: unknown, ctx: LayoutContext) => getDomeCenterImageRect(spec, ctx).width,\n height: (_d: unknown, ctx: LayoutContext) => getDomeCenterImageRect(spec, ctx).height,\n cornerRadius: 12,\n fill: '#ffffff',\n stroke: themeColor,\n lineWidth: 2\n }\n } as ICustomMarkSpec<'rect'>,\n hasImage\n ? ({\n type: 'image',\n name: 'storyline-dome-center-image',\n interactive: false,\n ...spec.centerImage,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getDomeCenterImageRect(spec, ctx).x,\n y: (_d: unknown, ctx: LayoutContext) => getDomeCenterImageRect(spec, ctx).y,\n width: (_d: unknown, ctx: LayoutContext) => getDomeCenterImageRect(spec, ctx).width,\n height: (_d: unknown, ctx: LayoutContext) => getDomeCenterImageRect(spec, ctx).height,\n image: spec.centerImage?.image,\n cornerRadius: 12,\n repeatX: 'no-repeat',\n repeatY: 'no-repeat',\n imageMode: 'cover',\n imagePosition: 'center',\n // 默认锚点设为 image 中心,让 scaleX/scaleY 从中心缩放\n anchor: (_d: unknown, ctx: LayoutContext) => {\n const r = getDomeCenterImageRect(spec, ctx);\n return [r.x + r.width / 2, r.y + r.height / 2];\n },\n // 若用户在 style 里覆盖了 width/height,自动追加 dx/dy 让图片仍以 rect 中心为中心\n dx: (_d: unknown, ctx: LayoutContext) => {\n const r = getDomeCenterImageRect(spec, ctx);\n const userWidth = (spec.centerImage?.style as { width?: number } | undefined)?.width;\n const w = typeof userWidth === 'number' ? userWidth : r.width;\n return (r.width - w) / 2;\n },\n dy: (_d: unknown, ctx: LayoutContext) => {\n const r = getDomeCenterImageRect(spec, ctx);\n const userHeight = (spec.centerImage?.style as { height?: number } | undefined)?.height;\n const h = typeof userHeight === 'number' ? userHeight : r.height;\n return (r.height - h) / 2;\n },\n ...spec.centerImage?.style\n }\n } as ICustomMarkSpec<'image'>)\n : null\n ].filter(Boolean) as ICustomMarkSpec<any>[]\n };\n};\n\nconst getDomeBlockMetrics = (spec: IStorylineSpec) => {\n const titleFontSize = Number((spec.title?.style as any)?.fontSize ?? 14);\n const titleLineHeight = Number(\n (spec.title?.style as any)?.lineHeight ?? Math.max(DOME_TITLE_LINE_HEIGHT, Math.round(titleFontSize * 1.35))\n );\n const contentFontSize = Number((spec.content?.style as any)?.fontSize ?? DOME_CONTENT_FONT_SIZE);\n const contentLineHeight = Number((spec.content?.style as any)?.lineHeight ?? DOME_CONTENT_LINE_HEIGHT);\n const titleToContentGap = DOME_TITLE_TO_CONTENT_GAP;\n // text 区域总高度固定为 DOME_TEXT_BOX_HEIGHT,content 占除 title 与间距外的全部高度\n const textHeight = DOME_TEXT_BOX_HEIGHT;\n const contentHeight = Math.max(textHeight - titleLineHeight - titleToContentGap, contentLineHeight);\n\n const imageWidth = spec.image?.width ?? DOME_BLOCK_IMAGE_SIZE;\n const imageHeight = spec.image?.height ?? DOME_BLOCK_IMAGE_SIZE;\n\n // image 位于 block 中心下半部分,title/content 在 image 上方\n const imageBox = {\n x: -imageWidth / 2,\n y: -imageHeight / 2,\n width: imageWidth,\n height: imageHeight\n };\n const textBox = {\n x: -imageWidth / 2 + DOME_TEXT_LEFT_PADDING,\n y: imageBox.y - DOME_TEXT_GAP_FROM_IMAGE - textHeight,\n width: imageWidth - DOME_TEXT_LEFT_PADDING,\n height: textHeight\n };\n const contentBox = {\n x: textBox.x,\n y: textBox.y + titleLineHeight + titleToContentGap,\n width: textBox.width,\n height: contentHeight\n };\n return {\n titleFontSize,\n titleLineHeight,\n contentFontSize,\n contentLineHeight,\n imageBox,\n textBox,\n contentBox\n };\n};\n\nexport const buildDomeBlockMark = (\n spec: IStorylineSpec,\n block: IStorylineBlock,\n index: number\n): IExtensionGroupMarkSpec => {\n const hasImage = !!block.image;\n const contentText = Array.isArray(block.content) ? block.content : block.content ? [block.content] : [];\n const themeColor = getThemeColor(spec);\n const metrics = getDomeBlockMetrics(spec);\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) => getDomeBlockCenter(spec, ctx, index).x,\n y: (_d: unknown, ctx: LayoutContext) => getDomeBlockCenter(spec, ctx, index).y\n },\n children: [\n // title / content 左侧的垂直引导线(贯穿 text + image 顶部,与文字保持 padding)\n {\n type: 'rect',\n name: `storyline-block-connector-${index}`,\n interactive: false,\n style: {\n x: metrics.imageBox.x,\n y: metrics.textBox.y,\n width: 2,\n height: Math.max(metrics.imageBox.y - metrics.textBox.y, 0),\n fill: themeColor,\n fillOpacity: 0.6\n }\n } as ICustomMarkSpec<'rect'>,\n hasImage\n ? ({\n type: 'image',\n name: `storyline-block-image-${index}`,\n interactive: false,\n ...omitImageLayoutSpec(spec.image),\n style: {\n x: metrics.imageBox.x,\n y: metrics.imageBox.y,\n width: metrics.imageBox.width,\n height: metrics.imageBox.height,\n image: block.image,\n // 圆形裁剪:cornerRadius = min(w,h) / 2\n cornerRadius: Math.min(metrics.imageBox.width, metrics.imageBox.height) / 2,\n repeatX: 'no-repeat',\n repeatY: 'no-repeat',\n imageMode: 'cover',\n imagePosition: 'center',\n stroke: themeColor,\n lineWidth: 2,\n ...spec.image?.style\n }\n } as ICustomMarkSpec<'image'>)\n : ({\n type: 'rect',\n name: `storyline-block-image-bg-${index}`,\n interactive: false,\n style: {\n x: metrics.imageBox.x,\n y: metrics.imageBox.y,\n width: metrics.imageBox.width,\n height: metrics.imageBox.height,\n cornerRadius: Math.min(metrics.imageBox.width, metrics.imageBox.height) / 2,\n fill: '#ffffff',\n stroke: themeColor,\n lineWidth: 2\n }\n } as ICustomMarkSpec<'rect'>),\n block.title\n ? ({\n type: 'text',\n name: `storyline-block-title-${index}`,\n interactive: false,\n ...spec.title,\n style: {\n x: metrics.textBox.x,\n y: metrics.textBox.y,\n text: block.title,\n maxLineWidth: metrics.textBox.width,\n fontSize: metrics.titleFontSize,\n lineHeight: metrics.titleLineHeight,\n fontWeight: 'bold',\n fill: '#1f2430',\n textAlign: 'left',\n textBaseline: 'top',\n ...spec.title?.style\n }\n } as ICustomMarkSpec<'text'>)\n : null,\n contentText.length\n ? ({\n type: 'text',\n name: `storyline-block-content-${index}`,\n interactive: false,\n ...spec.content,\n textType: 'rich',\n style: {\n x: metrics.contentBox.x,\n y: metrics.contentBox.y,\n width: metrics.contentBox.width,\n height: metrics.contentBox.height,\n maxLineWidth: metrics.contentBox.width,\n heightLimit: metrics.contentBox.height,\n text: buildRichContent(contentText, spec),\n fontSize: DOME_CONTENT_FONT_SIZE,\n lineHeight: DOME_CONTENT_LINE_HEIGHT,\n textAlign: 'left',\n textBaseline: 'top',\n wordBreak: 'break-word',\n ellipsis: '...',\n fill: '#596173',\n ...spec.content?.style\n }\n } as ICustomMarkSpec<'text'>)\n : null\n ].filter(Boolean) as ICustomMarkSpec<any>[]\n };\n};\n"]}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { IExtensionGroupMarkSpec } from '@visactor/vchart';
|
|
2
|
+
import type { IStorylineBlock, IStorylineSpec } from '../interface';
|
|
3
|
+
export declare const buildLandscapeConnectingCurve: (spec: IStorylineSpec) => IExtensionGroupMarkSpec | null;
|
|
4
|
+
export declare const buildLandscapeBlockMark: (spec: IStorylineSpec, block: IStorylineBlock, index: number) => IExtensionGroupMarkSpec;
|
|
@@ -0,0 +1,250 @@
|
|
|
1
|
+
import { LayoutZIndex } from "@visactor/vchart";
|
|
2
|
+
|
|
3
|
+
import { DEFAULT_BLOCK_HEIGHT, buildRichContent, buildSmoothCurvePath, getLayout, getThemeColor, normalizePadding, omitImageLayoutSpec, resolveBlockWidth } from "./common";
|
|
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 = 4, LANDSCAPE_TITLE_LINE_HEIGHT = 19, LANDSCAPE_CONTENT_LINE_HEIGHT = 18, LANDSCAPE_CONTENT_FONT_SIZE = 12, LANDSCAPE_TITLE_TO_CONTENT_GAP = 4, getLandscapeImageCenter = (spec, ctx, index) => {
|
|
6
|
+
var _a, _b, _c, _e;
|
|
7
|
+
const lb = getLayout(spec, ctx).blocks[index];
|
|
8
|
+
if (!lb) return null;
|
|
9
|
+
return {
|
|
10
|
+
x: null !== (_b = null === (_a = lb.center) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : lb.x + lb.width / 2,
|
|
11
|
+
y: (null !== (_e = null === (_c = lb.center) || void 0 === _c ? void 0 : _c.y) && void 0 !== _e ? _e : lb.y + lb.height / 2) + (index % 2 == 0 ? -1 : 1) * lb.height * .1
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
export const buildLandscapeConnectingCurve = spec => {
|
|
16
|
+
var _a, _b, _c, _e, _f, _g, _h;
|
|
17
|
+
const themeColor = getThemeColor(spec), lineStyle = null !== (_b = null === (_a = spec.line) || void 0 === _a ? void 0 : _a.style) && void 0 !== _b ? _b : {}, count = null !== (_e = null === (_c = spec.data) || void 0 === _c ? void 0 : _c.length) && void 0 !== _e ? _e : 0, symbolChildren = [];
|
|
18
|
+
for (let i = 0; i < count; i++) {
|
|
19
|
+
const idx = i;
|
|
20
|
+
symbolChildren.push({
|
|
21
|
+
type: "symbol",
|
|
22
|
+
name: `storyline-landscape-curve-symbol-${idx}`,
|
|
23
|
+
interactive: !1,
|
|
24
|
+
style: {
|
|
25
|
+
symbolType: "circle",
|
|
26
|
+
size: 14,
|
|
27
|
+
fill: themeColor,
|
|
28
|
+
x: (_d, ctx) => {
|
|
29
|
+
var _a, _b;
|
|
30
|
+
return null !== (_b = null === (_a = getLandscapeImageCenter(spec, ctx, idx)) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : 0;
|
|
31
|
+
},
|
|
32
|
+
y: (_d, ctx) => {
|
|
33
|
+
var _a, _b;
|
|
34
|
+
return null !== (_b = null === (_a = getLandscapeImageCenter(spec, ctx, idx)) || void 0 === _a ? void 0 : _a.y) && void 0 !== _b ? _b : 0;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
return {
|
|
40
|
+
type: "group",
|
|
41
|
+
name: "storyline-landscape-curve",
|
|
42
|
+
zIndex: LayoutZIndex.Mark + 2,
|
|
43
|
+
children: [ {
|
|
44
|
+
type: "path",
|
|
45
|
+
name: "storyline-landscape-curve-path",
|
|
46
|
+
interactive: !1,
|
|
47
|
+
style: {
|
|
48
|
+
stroke: null !== (_f = lineStyle.stroke) && void 0 !== _f ? _f : themeColor,
|
|
49
|
+
lineWidth: null !== (_g = lineStyle.lineWidth) && void 0 !== _g ? _g : 4,
|
|
50
|
+
lineDash: null !== (_h = lineStyle.lineDash) && void 0 !== _h ? _h : [ 6, 5 ],
|
|
51
|
+
lineCap: "round",
|
|
52
|
+
fill: "transparent",
|
|
53
|
+
fillOpacity: 0,
|
|
54
|
+
path: (_d, ctx) => {
|
|
55
|
+
const points = [];
|
|
56
|
+
for (let i = 0; i < count; i++) {
|
|
57
|
+
const center = getLandscapeImageCenter(spec, ctx, i);
|
|
58
|
+
center && points.push(center);
|
|
59
|
+
}
|
|
60
|
+
return buildSmoothCurvePath(points);
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}, ...symbolChildren ]
|
|
64
|
+
};
|
|
65
|
+
};
|
|
66
|
+
|
|
67
|
+
const getLandscapeMetrics = (spec, blockWidth, blockHeight, index) => {
|
|
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 : 14), titleLineHeight = Number(null !== (_j = null === (_h = null === (_g = spec.title) || void 0 === _g ? void 0 : _g.style) || void 0 === _h ? void 0 : _h.lineHeight) && void 0 !== _j ? _j : Math.max(19, Math.round(1.35 * titleFontSize))), contentFontSize = Number(null !== (_m = null === (_l = null === (_k = spec.content) || void 0 === _k ? void 0 : _k.style) || void 0 === _l ? void 0 : _l.fontSize) && void 0 !== _m ? _m : 12), contentLineHeight = Number(null !== (_q = null === (_p = null === (_o = spec.content) || void 0 === _o ? void 0 : _o.style) || void 0 === _p ? void 0 : _p.lineHeight) && void 0 !== _q ? _q : 18), imageHeight = Math.max(null !== (_s = null === (_r = spec.image) || void 0 === _r ? void 0 : _r.height) && void 0 !== _s ? _s : Math.round(.42 * blockHeight), titleLineHeight + padding.top + padding.bottom), contentHeight = 4 * contentLineHeight, textHeight = titleLineHeight + 4 + contentHeight, textOnTop = index % 2 == 0;
|
|
70
|
+
let textBox, contentBox, imageBox, connector, groupTop, groupHeight;
|
|
71
|
+
const connectorX = 0 + .2 * blockWidth, textX = connectorX + 12, textWidth = Math.max(blockWidth - (textX - 0), 0);
|
|
72
|
+
if (textOnTop) {
|
|
73
|
+
const imageY = 0, textY = imageY - 64 - textHeight;
|
|
74
|
+
imageBox = {
|
|
75
|
+
x: 0,
|
|
76
|
+
y: imageY,
|
|
77
|
+
width: blockWidth,
|
|
78
|
+
height: imageHeight
|
|
79
|
+
}, textBox = {
|
|
80
|
+
x: textX,
|
|
81
|
+
y: textY,
|
|
82
|
+
width: textWidth,
|
|
83
|
+
height: textHeight
|
|
84
|
+
}, contentBox = {
|
|
85
|
+
x: textX,
|
|
86
|
+
y: textY + titleLineHeight + 4,
|
|
87
|
+
width: textWidth,
|
|
88
|
+
height: contentHeight
|
|
89
|
+
}, connector = {
|
|
90
|
+
x1: connectorX,
|
|
91
|
+
y1: imageY,
|
|
92
|
+
x2: connectorX,
|
|
93
|
+
y2: textY + titleLineHeight / 2
|
|
94
|
+
}, groupTop = textY, groupHeight = imageHeight - groupTop;
|
|
95
|
+
} else {
|
|
96
|
+
const imageY = 0, textY = imageY + imageHeight + 64;
|
|
97
|
+
imageBox = {
|
|
98
|
+
x: 0,
|
|
99
|
+
y: imageY,
|
|
100
|
+
width: blockWidth,
|
|
101
|
+
height: imageHeight
|
|
102
|
+
}, textBox = {
|
|
103
|
+
x: textX,
|
|
104
|
+
y: textY,
|
|
105
|
+
width: textWidth,
|
|
106
|
+
height: textHeight
|
|
107
|
+
}, contentBox = {
|
|
108
|
+
x: textX,
|
|
109
|
+
y: textY + titleLineHeight + 4,
|
|
110
|
+
width: textWidth,
|
|
111
|
+
height: contentHeight
|
|
112
|
+
}, connector = {
|
|
113
|
+
x1: connectorX,
|
|
114
|
+
y1: imageY + imageHeight,
|
|
115
|
+
x2: connectorX,
|
|
116
|
+
y2: textY + textHeight
|
|
117
|
+
}, groupTop = imageY, groupHeight = textY + textHeight - imageY;
|
|
118
|
+
}
|
|
119
|
+
return {
|
|
120
|
+
padding: padding,
|
|
121
|
+
titleFontSize: titleFontSize,
|
|
122
|
+
titleLineHeight: titleLineHeight,
|
|
123
|
+
contentFontSize: contentFontSize,
|
|
124
|
+
contentLineHeight: contentLineHeight,
|
|
125
|
+
contentHeight: contentHeight,
|
|
126
|
+
blockWidth: blockWidth,
|
|
127
|
+
imageBox: imageBox,
|
|
128
|
+
textBox: textBox,
|
|
129
|
+
contentBox: contentBox,
|
|
130
|
+
connector: connector,
|
|
131
|
+
textOnTop: textOnTop,
|
|
132
|
+
groupTop: groupTop,
|
|
133
|
+
groupHeight: groupHeight
|
|
134
|
+
};
|
|
135
|
+
};
|
|
136
|
+
|
|
137
|
+
export const buildLandscapeBlockMark = (spec, block, index) => {
|
|
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 : 14), titleLineHeight = Number(null !== (_g = null === (_f = null === (_e = spec.title) || void 0 === _e ? void 0 : _e.style) || void 0 === _f ? void 0 : _f.lineHeight) && void 0 !== _g ? _g : Math.round(1.35 * titleFontSize)), getMetrics = ctx => {
|
|
140
|
+
var _a, _b, _c, _e;
|
|
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
|
+
return getLandscapeMetrics(spec, w, h, index);
|
|
143
|
+
}, blockStyle = null !== (_j = null === (_h = spec.block) || void 0 === _h ? void 0 : _h.style) && void 0 !== _j ? _j : {}, lineStyle = null !== (_l = null === (_k = spec.line) || void 0 === _k ? void 0 : _k.style) && void 0 !== _l ? _l : {}, themeColor = getThemeColor(spec), connectorStroke = null !== (_m = lineStyle.stroke) && void 0 !== _m ? _m : themeColor, connectorLineWidth = null !== (_o = lineStyle.lineWidth) && void 0 !== _o ? _o : 2, connectorDash = null !== (_p = lineStyle.lineDash) && void 0 !== _p ? _p : [ 4, 4 ];
|
|
144
|
+
return {
|
|
145
|
+
type: "group",
|
|
146
|
+
id: `storyline-block-${null !== (_q = block.id) && void 0 !== _q ? _q : index}`,
|
|
147
|
+
name: `storyline-block-${index}`,
|
|
148
|
+
zIndex: LayoutZIndex.Mark + 1,
|
|
149
|
+
style: {
|
|
150
|
+
x: (_d, ctx) => {
|
|
151
|
+
var _a;
|
|
152
|
+
const lb = getLayout(spec, ctx).blocks[index];
|
|
153
|
+
return null !== (_a = null == lb ? void 0 : lb.x) && void 0 !== _a ? _a : 0;
|
|
154
|
+
},
|
|
155
|
+
y: (_d, ctx) => {
|
|
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 = (index % 2 == 0 ? -1 : 1) * blockH * .1;
|
|
158
|
+
return cy - m.imageBox.height / 2 + stagger;
|
|
159
|
+
},
|
|
160
|
+
width: (_d, ctx) => getMetrics(ctx).blockWidth,
|
|
161
|
+
height: (_d, ctx) => getMetrics(ctx).groupHeight
|
|
162
|
+
},
|
|
163
|
+
children: [ {
|
|
164
|
+
type: "rect",
|
|
165
|
+
name: `storyline-block-image-bg-${index}`,
|
|
166
|
+
interactive: !1,
|
|
167
|
+
style: Object.assign({
|
|
168
|
+
x: (_d, ctx) => getMetrics(ctx).imageBox.x,
|
|
169
|
+
y: (_d, ctx) => getMetrics(ctx).imageBox.y,
|
|
170
|
+
width: (_d, ctx) => getMetrics(ctx).imageBox.width,
|
|
171
|
+
height: (_d, ctx) => getMetrics(ctx).imageBox.height,
|
|
172
|
+
cornerRadius: 8,
|
|
173
|
+
fill: "#ffffff",
|
|
174
|
+
stroke: themeColor,
|
|
175
|
+
lineWidth: 2
|
|
176
|
+
}, blockStyle)
|
|
177
|
+
}, hasImage ? Object.assign(Object.assign({
|
|
178
|
+
type: "image",
|
|
179
|
+
name: `storyline-block-image-${index}`,
|
|
180
|
+
interactive: !1
|
|
181
|
+
}, omitImageLayoutSpec(spec.image)), {
|
|
182
|
+
style: Object.assign({
|
|
183
|
+
x: (_d, ctx) => getMetrics(ctx).imageBox.x,
|
|
184
|
+
y: (_d, ctx) => getMetrics(ctx).imageBox.y,
|
|
185
|
+
width: (_d, ctx) => getMetrics(ctx).imageBox.width,
|
|
186
|
+
height: (_d, ctx) => getMetrics(ctx).imageBox.height,
|
|
187
|
+
image: block.image,
|
|
188
|
+
cornerRadius: 8,
|
|
189
|
+
repeatX: "no-repeat",
|
|
190
|
+
repeatY: "no-repeat",
|
|
191
|
+
imageMode: "cover",
|
|
192
|
+
imagePosition: "center"
|
|
193
|
+
}, null === (_r = spec.image) || void 0 === _r ? void 0 : _r.style)
|
|
194
|
+
}) : null, {
|
|
195
|
+
type: "path",
|
|
196
|
+
name: `storyline-block-connector-${index}`,
|
|
197
|
+
interactive: !1,
|
|
198
|
+
style: {
|
|
199
|
+
stroke: connectorStroke,
|
|
200
|
+
lineWidth: connectorLineWidth,
|
|
201
|
+
lineDash: connectorDash,
|
|
202
|
+
fill: connectorStroke,
|
|
203
|
+
path: (_d, ctx) => {
|
|
204
|
+
const m = getMetrics(ctx), x = m.connector.x1, y0 = m.connector.y1, y1 = m.connector.y2, baseY = y1 - 9 * (y1 < y0 ? -1 : 1);
|
|
205
|
+
return `${`M ${x} ${y0} L ${x} ${baseY}`} ${`M ${x - 4.5} ${baseY} L ${x + 4.5} ${baseY} L ${x} ${y1} Z`}`;
|
|
206
|
+
}
|
|
207
|
+
}
|
|
208
|
+
}, block.title ? Object.assign(Object.assign({
|
|
209
|
+
type: "text",
|
|
210
|
+
name: `storyline-block-title-${index}`,
|
|
211
|
+
interactive: !1
|
|
212
|
+
}, spec.title), {
|
|
213
|
+
style: Object.assign({
|
|
214
|
+
x: (_d, ctx) => getMetrics(ctx).textBox.x,
|
|
215
|
+
y: (_d, ctx) => getMetrics(ctx).textBox.y,
|
|
216
|
+
text: block.title,
|
|
217
|
+
maxLineWidth: (_d, ctx) => getMetrics(ctx).textBox.width,
|
|
218
|
+
fontSize: titleFontSize,
|
|
219
|
+
lineHeight: titleLineHeight,
|
|
220
|
+
fontWeight: "bold",
|
|
221
|
+
fill: "#1f2430",
|
|
222
|
+
textAlign: "left",
|
|
223
|
+
textBaseline: "top"
|
|
224
|
+
}, null === (_s = spec.title) || void 0 === _s ? void 0 : _s.style)
|
|
225
|
+
}) : null, contentText.length ? Object.assign(Object.assign({
|
|
226
|
+
type: "text",
|
|
227
|
+
name: `storyline-block-content-${index}`,
|
|
228
|
+
interactive: !1
|
|
229
|
+
}, spec.content), {
|
|
230
|
+
textType: "rich",
|
|
231
|
+
style: Object.assign({
|
|
232
|
+
x: (_d, ctx) => getMetrics(ctx).contentBox.x,
|
|
233
|
+
y: (_d, ctx) => getMetrics(ctx).contentBox.y,
|
|
234
|
+
width: (_d, ctx) => getMetrics(ctx).contentBox.width,
|
|
235
|
+
height: (_d, ctx) => getMetrics(ctx).contentBox.height,
|
|
236
|
+
maxLineWidth: (_d, ctx) => getMetrics(ctx).contentBox.width,
|
|
237
|
+
heightLimit: (_d, ctx) => getMetrics(ctx).contentBox.height,
|
|
238
|
+
text: buildRichContent(contentText, spec),
|
|
239
|
+
fontSize: 12,
|
|
240
|
+
lineHeight: 18,
|
|
241
|
+
textAlign: "left",
|
|
242
|
+
textBaseline: "top",
|
|
243
|
+
wordBreak: "break-word",
|
|
244
|
+
ellipsis: "...",
|
|
245
|
+
fill: "#596173"
|
|
246
|
+
}, null === (_t = spec.content) || void 0 === _t ? void 0 : _t.style)
|
|
247
|
+
}) : null ].filter(Boolean)
|
|
248
|
+
};
|
|
249
|
+
};
|
|
250
|
+
//# sourceMappingURL=landscape.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/charts/storyline/layouts/landscape.ts"],"names":[],"mappings":"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","file":"landscape.js","sourcesContent":["import type { IExtensionGroupMarkSpec } from '@visactor/vchart';\nimport { LayoutZIndex } from '@visactor/vchart';\nimport type { IStorylineBlock, IStorylineSpec } from '../interface';\nimport {\n type ICustomMarkSpec,\n type LayoutContext,\n type StorylinePoint,\n DEFAULT_BLOCK_HEIGHT,\n buildRichContent,\n buildSmoothCurvePath,\n getLayout,\n getThemeColor,\n normalizePadding,\n omitImageLayoutSpec,\n resolveBlockWidth\n} from './common';\n\n// landscape 布局下,image rect 与 text rect 分离展示\nconst LANDSCAPE_IMAGE_HEIGHT_RATIO = 0.42;\nconst LANDSCAPE_DETACHED_GAP = 64;\nconst LANDSCAPE_CONNECTOR_ARROW_SIZE = 9;\nconst LANDSCAPE_CONNECTOR_X_RATIO = 0.2; // 引导线 x 位于 image 左侧 20% 处\nconst LANDSCAPE_TEXT_GAP_FROM_CONNECTOR = 12; // 文字距离引导线的水平间距\n// content 区固定为 4 行,整体 textHeight = titleLineHeight + titleGap + contentLines * contentLineHeight\nconst LANDSCAPE_CONTENT_LINES = 4;\nconst LANDSCAPE_TITLE_LINE_HEIGHT = 19;\nconst LANDSCAPE_CONTENT_LINE_HEIGHT = 18;\nconst LANDSCAPE_CONTENT_FONT_SIZE = 12;\nconst LANDSCAPE_TITLE_TO_CONTENT_GAP = 4;\n\n/**\n * 计算第 index 个 block 在 landscape 布局下的 image 中心点(含 stagger 错落偏移)。\n */\nconst getLandscapeImageCenter = (spec: IStorylineSpec, ctx: LayoutContext, index: number): StorylinePoint | null => {\n const lb = getLayout(spec, ctx).blocks[index];\n if (!lb) {\n return null;\n }\n const cx = lb.center?.x ?? lb.x + lb.width / 2;\n const cy = lb.center?.y ?? lb.y + lb.height / 2;\n // 与 buildLandscapeBlockMark 中 group y 的 stagger 偏移保持一致\n const stagger = (index % 2 === 0 ? -1 : 1) * lb.height * 0.1;\n return { x: cx, y: cy + stagger };\n};\n\n/**\n * landscape 下绘制一条贯穿所有 image 中心的平滑虚线曲线,并在每个节点位置画 symbol,\n * 颜色跟随主题色。\n */\nexport const buildLandscapeConnectingCurve = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n const themeColor = getThemeColor(spec);\n const lineStyle = spec.line?.style ?? {};\n const count = spec.data?.length ?? 0;\n const symbolSize = 14;\n const symbolChildren: ICustomMarkSpec<'symbol'>[] = [];\n for (let i = 0; i < count; i++) {\n const idx = i;\n symbolChildren.push({\n type: 'symbol',\n name: `storyline-landscape-curve-symbol-${idx}`,\n interactive: false,\n style: {\n symbolType: 'circle',\n size: symbolSize,\n fill: themeColor,\n x: (_d: unknown, ctx: LayoutContext) => getLandscapeImageCenter(spec, ctx, idx)?.x ?? 0,\n y: (_d: unknown, ctx: LayoutContext) => getLandscapeImageCenter(spec, ctx, idx)?.y ?? 0\n }\n } as ICustomMarkSpec<'symbol'>);\n }\n return {\n type: 'group' as any,\n name: 'storyline-landscape-curve',\n zIndex: LayoutZIndex.Mark + 2,\n children: [\n {\n type: 'path',\n name: 'storyline-landscape-curve-path',\n interactive: false,\n style: {\n stroke: (lineStyle as any).stroke ?? themeColor,\n lineWidth: (lineStyle as any).lineWidth ?? 4,\n lineDash: (lineStyle as any).lineDash ?? [6, 5],\n lineCap: 'round',\n fill: 'transparent',\n fillOpacity: 0,\n path: (_d: unknown, ctx: LayoutContext) => {\n const points: StorylinePoint[] = [];\n for (let i = 0; i < count; i++) {\n const center = getLandscapeImageCenter(spec, ctx, i);\n if (center) {\n points.push(center);\n }\n }\n return buildSmoothCurvePath(points);\n }\n }\n } as ICustomMarkSpec<'path'>,\n ...symbolChildren\n ]\n };\n};\n\n/**\n * landscape 布局下,每个 block 拆分为 image rect 与 text rect 两个独立卡片,\n * 中间用主题色虚线箭头连接;title+content 在 image 上方/下方交替错落摆放。\n */\nconst getLandscapeMetrics = (spec: IStorylineSpec, blockWidth: number, blockHeight: number, index: number) => {\n const padding = normalizePadding(spec.block?.padding ?? 12);\n const titleFontSize = Number((spec.title?.style as any)?.fontSize ?? 14);\n const titleLineHeight = Number(\n (spec.title?.style as any)?.lineHeight ?? Math.max(LANDSCAPE_TITLE_LINE_HEIGHT, Math.round(titleFontSize * 1.35))\n );\n const contentFontSize = Number((spec.content?.style as any)?.fontSize ?? LANDSCAPE_CONTENT_FONT_SIZE);\n const contentLineHeight = Number((spec.content?.style as any)?.lineHeight ?? LANDSCAPE_CONTENT_LINE_HEIGHT);\n\n const imageHeight = Math.max(\n spec.image?.height ?? Math.round(blockHeight * LANDSCAPE_IMAGE_HEIGHT_RATIO),\n titleLineHeight + padding.top + padding.bottom\n );\n const connectorGap = LANDSCAPE_DETACHED_GAP;\n const contentHeight = LANDSCAPE_CONTENT_LINES * contentLineHeight;\n const titleToContentGap = LANDSCAPE_TITLE_TO_CONTENT_GAP;\n const textHeight = titleLineHeight + titleToContentGap + contentHeight;\n\n const textOnTop = index % 2 === 0;\n\n let textBox: { x: number; y: number; width: number; height: number };\n let contentBox: { x: number; y: number; width: number; height: number };\n let imageBox: { x: number; y: number; width: number; height: number };\n let connector: { x1: number; y1: number; x2: number; y2: number };\n let groupTop: number;\n let groupHeight: number;\n\n const imageX = 0;\n const connectorX = imageX + blockWidth * LANDSCAPE_CONNECTOR_X_RATIO;\n const textX = connectorX + LANDSCAPE_TEXT_GAP_FROM_CONNECTOR;\n const textWidth = Math.max(blockWidth - (textX - imageX), 0);\n\n if (textOnTop) {\n const imageY = 0;\n const textY = imageY - connectorGap - textHeight;\n const connectorY1 = imageY;\n const connectorY2 = textY + titleLineHeight / 2;\n\n imageBox = { x: imageX, y: imageY, width: blockWidth, height: imageHeight };\n textBox = { x: textX, y: textY, width: textWidth, height: textHeight };\n contentBox = {\n x: textX,\n y: textY + titleLineHeight + titleToContentGap,\n width: textWidth,\n height: contentHeight\n };\n connector = { x1: connectorX, y1: connectorY1, x2: connectorX, y2: connectorY2 };\n groupTop = textY;\n groupHeight = imageHeight - groupTop;\n } else {\n const imageY = 0;\n const textY = imageY + imageHeight + connectorGap;\n const connectorY1 = imageY + imageHeight;\n const connectorY2 = textY + textHeight;\n\n imageBox = { x: imageX, y: imageY, width: blockWidth, height: imageHeight };\n textBox = { x: textX, y: textY, width: textWidth, height: textHeight };\n contentBox = {\n x: textX,\n y: textY + titleLineHeight + titleToContentGap,\n width: textWidth,\n height: contentHeight\n };\n connector = { x1: connectorX, y1: connectorY1, x2: connectorX, y2: connectorY2 };\n groupTop = imageY;\n groupHeight = textY + textHeight - imageY;\n }\n\n return {\n padding,\n titleFontSize,\n titleLineHeight,\n contentFontSize,\n contentLineHeight,\n contentHeight,\n blockWidth,\n imageBox,\n textBox,\n contentBox,\n connector,\n textOnTop,\n groupTop,\n groupHeight\n };\n};\n\nexport const buildLandscapeBlockMark = (\n spec: IStorylineSpec,\n block: IStorylineBlock,\n index: number\n): IExtensionGroupMarkSpec => {\n const hasImage = !!block.image;\n const contentText = Array.isArray(block.content) ? block.content : block.content ? [block.content] : [];\n const titleFontSize = Number((spec.title?.style as any)?.fontSize ?? 14);\n const titleLineHeight = Number((spec.title?.style as any)?.lineHeight ?? Math.round(titleFontSize * 1.35));\n\n const getMetrics = (ctx: LayoutContext) => {\n const layoutBlock = getLayout(spec, ctx).blocks[index];\n const w = layoutBlock?.width ?? resolveBlockWidth(spec, 0);\n const h = layoutBlock?.height ?? spec.block?.height ?? DEFAULT_BLOCK_HEIGHT;\n return getLandscapeMetrics(spec, w, h, index);\n };\n\n const blockStyle = spec.block?.style ?? {};\n const lineStyle = spec.line?.style ?? {};\n const themeColor = getThemeColor(spec);\n const connectorStroke = (lineStyle as any).stroke ?? themeColor;\n const connectorLineWidth = (lineStyle as any).lineWidth ?? 2;\n const connectorDash = (lineStyle as any).lineDash ?? [4, 4];\n\n return {\n type: 'group' as any,\n id: `storyline-block-${block.id ?? index}`,\n name: `storyline-block-${index}`,\n zIndex: LayoutZIndex.Mark + 1,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => {\n const lb = getLayout(spec, ctx).blocks[index];\n return lb?.x ?? 0;\n },\n y: (_d: unknown, ctx: LayoutContext) => {\n const lb = getLayout(spec, ctx).blocks[index];\n const m = getMetrics(ctx);\n const cy = lb?.center?.y ?? (lb?.y ?? 0) + (lb?.height ?? 0) / 2;\n const blockH = lb?.height ?? spec.block?.height ?? DEFAULT_BLOCK_HEIGHT;\n const stagger = (index % 2 === 0 ? -1 : 1) * blockH * 0.1;\n return cy - m.imageBox.height / 2 + stagger;\n },\n width: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).blockWidth,\n height: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).groupHeight\n },\n children: [\n {\n type: 'rect',\n name: `storyline-block-image-bg-${index}`,\n interactive: false,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.x,\n y: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.y,\n width: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.width,\n height: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.height,\n cornerRadius: 8,\n fill: '#ffffff',\n stroke: themeColor,\n lineWidth: 2,\n ...blockStyle\n }\n } as ICustomMarkSpec<'rect'>,\n hasImage\n ? ({\n type: 'image',\n name: `storyline-block-image-${index}`,\n interactive: false,\n ...omitImageLayoutSpec(spec.image),\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.x,\n y: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.y,\n width: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.width,\n height: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).imageBox.height,\n image: block.image,\n cornerRadius: 8,\n repeatX: 'no-repeat',\n repeatY: 'no-repeat',\n imageMode: 'cover',\n imagePosition: 'center',\n ...spec.image?.style\n }\n } as ICustomMarkSpec<'image'>)\n : null,\n {\n type: 'path',\n name: `storyline-block-connector-${index}`,\n interactive: false,\n style: {\n stroke: connectorStroke,\n lineWidth: connectorLineWidth,\n lineDash: connectorDash,\n fill: connectorStroke,\n path: (_d: unknown, ctx: LayoutContext) => {\n const m = getMetrics(ctx);\n const tipSize = LANDSCAPE_CONNECTOR_ARROW_SIZE;\n const x = m.connector.x1;\n const y0 = m.connector.y1;\n const y1 = m.connector.y2;\n const tipDir = y1 < y0 ? -1 : 1;\n const baseY = y1 - tipDir * tipSize;\n const dashLine = `M ${x} ${y0} L ${x} ${baseY}`;\n const triangle = `M ${x - tipSize / 2} ${baseY} L ${x + tipSize / 2} ${baseY} L ${x} ${y1} Z`;\n return `${dashLine} ${triangle}`;\n }\n }\n } as ICustomMarkSpec<'path'>,\n block.title\n ? ({\n type: 'text',\n name: `storyline-block-title-${index}`,\n interactive: false,\n ...spec.title,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).textBox.x,\n y: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).textBox.y,\n text: block.title,\n maxLineWidth: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).textBox.width,\n fontSize: titleFontSize,\n lineHeight: titleLineHeight,\n fontWeight: 'bold',\n fill: '#1f2430',\n textAlign: 'left',\n textBaseline: 'top',\n ...spec.title?.style\n }\n } as ICustomMarkSpec<'text'>)\n : null,\n contentText.length\n ? ({\n type: 'text',\n name: `storyline-block-content-${index}`,\n interactive: false,\n ...spec.content,\n textType: 'rich',\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).contentBox.x,\n y: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).contentBox.y,\n width: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).contentBox.width,\n height: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).contentBox.height,\n maxLineWidth: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).contentBox.width,\n heightLimit: (_d: unknown, ctx: LayoutContext) => getMetrics(ctx).contentBox.height,\n text: buildRichContent(contentText, spec),\n fontSize: LANDSCAPE_CONTENT_FONT_SIZE,\n lineHeight: LANDSCAPE_CONTENT_LINE_HEIGHT,\n textAlign: 'left',\n textBaseline: 'top',\n wordBreak: 'break-word',\n ellipsis: '...',\n fill: '#596173',\n ...spec.content?.style\n }\n } as ICustomMarkSpec<'text'>)\n : null\n ].filter(Boolean) as ICustomMarkSpec<any>[]\n };\n};\n"]}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { IExtensionGroupMarkSpec } from '@visactor/vchart';
|
|
2
|
+
import type { IStorylineBlock, IStorylineSpec } from '../interface';
|
|
3
|
+
export declare const buildPortraitAxisMark: (spec: IStorylineSpec) => IExtensionGroupMarkSpec;
|
|
4
|
+
export declare const buildPortraitBlockMark: (spec: IStorylineSpec, block: IStorylineBlock, index: number) => IExtensionGroupMarkSpec;
|
|
@@ -0,0 +1,238 @@
|
|
|
1
|
+
import { LayoutZIndex } from "@visactor/vchart";
|
|
2
|
+
|
|
3
|
+
import { DEFAULT_BLOCK_HEIGHT, buildRichContent, getLayout, getThemeColor, omitImageLayoutSpec, resolveBlockWidth, withAlpha } from "./common";
|
|
4
|
+
|
|
5
|
+
const PORTRAIT_AXIS_WIDTH = 64, PORTRAIT_AXIS_PADDING = 50, PORTRAIT_IMAGE_WIDTH = 180, PORTRAIT_IMAGE_HEIGHT = 110, PORTRAIT_IMAGE_GAP_FROM_AXIS = 24, PORTRAIT_SHADOW_OFFSET_X = 36, PORTRAIT_SHADOW_OFFSET_Y = 20, PORTRAIT_SHADOW_SCALE = 1.12, PORTRAIT_TEXT_GAP_FROM_IMAGE = 8, PORTRAIT_CONTENT_LINES = 3, PORTRAIT_TITLE_LINE_HEIGHT = 19, PORTRAIT_CONTENT_LINE_HEIGHT = 18, PORTRAIT_CONTENT_FONT_SIZE = 12, PORTRAIT_TITLE_TO_CONTENT_GAP = 4, getPortraitAxisRect = (spec, ctx) => {
|
|
6
|
+
const blocks = getLayout(spec, ctx).blocks;
|
|
7
|
+
if (!blocks.length) return {
|
|
8
|
+
x: 0,
|
|
9
|
+
y: 0,
|
|
10
|
+
width: 0,
|
|
11
|
+
height: 0
|
|
12
|
+
};
|
|
13
|
+
const firstCy = blocks[0].center.y, lastCy = blocks[blocks.length - 1].center.y, top = Math.min(firstCy, lastCy), bottom = Math.max(firstCy, lastCy);
|
|
14
|
+
return {
|
|
15
|
+
x: blocks[0].center.x - 32,
|
|
16
|
+
y: top - 50,
|
|
17
|
+
width: 64,
|
|
18
|
+
height: bottom - top + 100
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
export const buildPortraitAxisMark = spec => {
|
|
23
|
+
var _a, _b, _c, _e, _f, _g;
|
|
24
|
+
const themeColor = getThemeColor(spec), lineStyle = null !== (_b = null === (_a = spec.line) || void 0 === _a ? void 0 : _a.style) && void 0 !== _b ? _b : {}, defaultFill = {
|
|
25
|
+
gradient: "linear",
|
|
26
|
+
x0: 0,
|
|
27
|
+
y0: 0,
|
|
28
|
+
x1: 0,
|
|
29
|
+
y1: 1,
|
|
30
|
+
stops: [ {
|
|
31
|
+
offset: 0,
|
|
32
|
+
color: withAlpha(themeColor, .2)
|
|
33
|
+
}, {
|
|
34
|
+
offset: 1,
|
|
35
|
+
color: withAlpha(themeColor, 1)
|
|
36
|
+
} ]
|
|
37
|
+
};
|
|
38
|
+
return {
|
|
39
|
+
type: "group",
|
|
40
|
+
name: "storyline-portrait-axis",
|
|
41
|
+
zIndex: LayoutZIndex.Mark,
|
|
42
|
+
children: [ {
|
|
43
|
+
type: "rect",
|
|
44
|
+
name: "storyline-portrait-axis-rect",
|
|
45
|
+
interactive: !1,
|
|
46
|
+
style: {
|
|
47
|
+
fill: null !== (_c = lineStyle.fill) && void 0 !== _c ? _c : defaultFill,
|
|
48
|
+
stroke: null !== (_e = lineStyle.stroke) && void 0 !== _e && _e,
|
|
49
|
+
lineWidth: null !== (_f = lineStyle.lineWidth) && void 0 !== _f ? _f : 0,
|
|
50
|
+
cornerRadius: null !== (_g = lineStyle.cornerRadius) && void 0 !== _g ? _g : 0,
|
|
51
|
+
x: (_d, ctx) => getPortraitAxisRect(spec, ctx).x,
|
|
52
|
+
y: (_d, ctx) => getPortraitAxisRect(spec, ctx).y,
|
|
53
|
+
width: (_d, ctx) => getPortraitAxisRect(spec, ctx).width,
|
|
54
|
+
height: (_d, ctx) => getPortraitAxisRect(spec, ctx).height
|
|
55
|
+
}
|
|
56
|
+
} ]
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
const getPortraitMetrics = (spec, blockWidth, _blockHeight, index) => {
|
|
61
|
+
var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
|
|
62
|
+
const titleFontSize = Number(null !== (_c = null === (_b = null === (_a = spec.title) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fontSize) && void 0 !== _c ? _c : 14), titleLineHeight = Number(null !== (_g = null === (_f = null === (_e = spec.title) || void 0 === _e ? void 0 : _e.style) || void 0 === _f ? void 0 : _f.lineHeight) && void 0 !== _g ? _g : Math.max(19, Math.round(1.35 * titleFontSize))), contentFontSize = Number(null !== (_k = null === (_j = null === (_h = spec.content) || void 0 === _h ? void 0 : _h.style) || void 0 === _j ? void 0 : _j.fontSize) && void 0 !== _k ? _k : 12), contentLineHeight = Number(null !== (_o = null === (_m = null === (_l = spec.content) || void 0 === _l ? void 0 : _l.style) || void 0 === _m ? void 0 : _m.lineHeight) && void 0 !== _o ? _o : 18), contentHeight = 3 * contentLineHeight, textHeight = titleLineHeight + 4 + contentHeight, imageWidth = null !== (_q = null === (_p = spec.image) || void 0 === _p ? void 0 : _p.width) && void 0 !== _q ? _q : 180, imageHeight = null !== (_s = null === (_r = spec.image) || void 0 === _r ? void 0 : _r.height) && void 0 !== _s ? _s : 110, onLeft = index % 2 == 0, imageX = onLeft ? -56 - imageWidth : 56, imageY = -imageHeight / 2, textY = imageY + imageHeight + 8, shadowWidth = 1.12 * imageWidth, shadowHeight = 1.12 * imageHeight;
|
|
63
|
+
return {
|
|
64
|
+
onLeft: onLeft,
|
|
65
|
+
titleFontSize: titleFontSize,
|
|
66
|
+
titleLineHeight: titleLineHeight,
|
|
67
|
+
contentFontSize: contentFontSize,
|
|
68
|
+
contentLineHeight: contentLineHeight,
|
|
69
|
+
blockWidth: blockWidth,
|
|
70
|
+
imageBox: {
|
|
71
|
+
x: imageX,
|
|
72
|
+
y: imageY,
|
|
73
|
+
width: imageWidth,
|
|
74
|
+
height: imageHeight
|
|
75
|
+
},
|
|
76
|
+
shadowBox: {
|
|
77
|
+
x: imageX - (shadowWidth - imageWidth) / 2 + (onLeft ? -36 : 36),
|
|
78
|
+
y: imageY - (shadowHeight - imageHeight) / 2 + 20,
|
|
79
|
+
width: shadowWidth,
|
|
80
|
+
height: shadowHeight
|
|
81
|
+
},
|
|
82
|
+
textBox: {
|
|
83
|
+
x: imageX,
|
|
84
|
+
y: textY,
|
|
85
|
+
width: imageWidth,
|
|
86
|
+
height: textHeight
|
|
87
|
+
},
|
|
88
|
+
contentBox: {
|
|
89
|
+
x: imageX,
|
|
90
|
+
y: textY + titleLineHeight + 4,
|
|
91
|
+
width: imageWidth,
|
|
92
|
+
height: contentHeight
|
|
93
|
+
}
|
|
94
|
+
};
|
|
95
|
+
};
|
|
96
|
+
|
|
97
|
+
export const buildPortraitBlockMark = (spec, block, index) => {
|
|
98
|
+
var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
99
|
+
const hasImage = !!block.image, contentText = Array.isArray(block.content) ? block.content : block.content ? [ block.content ] : [], titleFontSize = Number(null !== (_c = null === (_b = null === (_a = spec.title) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fontSize) && void 0 !== _c ? _c : 14), titleLineHeight = Number(null !== (_g = null === (_f = null === (_e = spec.title) || void 0 === _e ? void 0 : _e.style) || void 0 === _f ? void 0 : _f.lineHeight) && void 0 !== _g ? _g : Math.max(19, Math.round(1.35 * titleFontSize))), getMetrics = ctx => {
|
|
100
|
+
var _a, _b, _c, _e;
|
|
101
|
+
const lb = getLayout(spec, ctx).blocks[index], w = null !== (_a = null == lb ? void 0 : lb.width) && void 0 !== _a ? _a : resolveBlockWidth(spec, 0);
|
|
102
|
+
_e = null !== (_b = null == lb ? void 0 : lb.height) && void 0 !== _b ? _b : null === (_c = spec.block) || void 0 === _c ? void 0 : _c.height;
|
|
103
|
+
return getPortraitMetrics(spec, w, 0, index);
|
|
104
|
+
}, themeColor = getThemeColor(spec), blockStyle = null !== (_j = null === (_h = spec.block) || void 0 === _h ? void 0 : _h.style) && void 0 !== _j ? _j : {};
|
|
105
|
+
return {
|
|
106
|
+
type: "group",
|
|
107
|
+
id: `storyline-block-${null !== (_k = block.id) && void 0 !== _k ? _k : index}`,
|
|
108
|
+
name: `storyline-block-${index}`,
|
|
109
|
+
zIndex: LayoutZIndex.Mark + 1,
|
|
110
|
+
style: {
|
|
111
|
+
x: (_d, ctx) => {
|
|
112
|
+
var _a, _b;
|
|
113
|
+
const lb = getLayout(spec, ctx).blocks[index];
|
|
114
|
+
return null !== (_b = null === (_a = null == lb ? void 0 : lb.center) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : 0;
|
|
115
|
+
},
|
|
116
|
+
y: (_d, ctx) => {
|
|
117
|
+
var _a, _b;
|
|
118
|
+
const lb = getLayout(spec, ctx).blocks[index];
|
|
119
|
+
return null !== (_b = null === (_a = null == lb ? void 0 : lb.center) || void 0 === _a ? void 0 : _a.y) && void 0 !== _b ? _b : 0;
|
|
120
|
+
}
|
|
121
|
+
},
|
|
122
|
+
children: [ hasImage ? {
|
|
123
|
+
type: "image",
|
|
124
|
+
name: `storyline-block-shadow-image-${index}`,
|
|
125
|
+
interactive: !1,
|
|
126
|
+
style: {
|
|
127
|
+
x: (_d, ctx) => getMetrics(ctx).shadowBox.x,
|
|
128
|
+
y: (_d, ctx) => getMetrics(ctx).shadowBox.y,
|
|
129
|
+
width: (_d, ctx) => getMetrics(ctx).shadowBox.width,
|
|
130
|
+
height: (_d, ctx) => getMetrics(ctx).shadowBox.height,
|
|
131
|
+
image: block.image,
|
|
132
|
+
cornerRadius: 8,
|
|
133
|
+
repeatX: "no-repeat",
|
|
134
|
+
repeatY: "no-repeat",
|
|
135
|
+
imageMode: "cover",
|
|
136
|
+
imagePosition: "center"
|
|
137
|
+
}
|
|
138
|
+
} : null, hasImage ? {
|
|
139
|
+
type: "rect",
|
|
140
|
+
name: `storyline-block-shadow-mask-${index}`,
|
|
141
|
+
interactive: !1,
|
|
142
|
+
style: {
|
|
143
|
+
x: (_d, ctx) => getMetrics(ctx).shadowBox.x,
|
|
144
|
+
y: (_d, ctx) => getMetrics(ctx).shadowBox.y,
|
|
145
|
+
width: (_d, ctx) => getMetrics(ctx).shadowBox.width,
|
|
146
|
+
height: (_d, ctx) => getMetrics(ctx).shadowBox.height,
|
|
147
|
+
cornerRadius: 8,
|
|
148
|
+
stroke: !1,
|
|
149
|
+
lineWidth: 0,
|
|
150
|
+
fill: {
|
|
151
|
+
gradient: "linear",
|
|
152
|
+
x0: 0,
|
|
153
|
+
y0: 0,
|
|
154
|
+
x1: 0,
|
|
155
|
+
y1: 1,
|
|
156
|
+
stops: [ {
|
|
157
|
+
offset: 0,
|
|
158
|
+
color: withAlpha(themeColor, .2)
|
|
159
|
+
}, {
|
|
160
|
+
offset: 1,
|
|
161
|
+
color: withAlpha(themeColor, 1)
|
|
162
|
+
} ]
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
} : null, {
|
|
166
|
+
type: "rect",
|
|
167
|
+
name: `storyline-block-image-bg-${index}`,
|
|
168
|
+
interactive: !1,
|
|
169
|
+
style: Object.assign({
|
|
170
|
+
x: (_d, ctx) => getMetrics(ctx).imageBox.x,
|
|
171
|
+
y: (_d, ctx) => getMetrics(ctx).imageBox.y,
|
|
172
|
+
width: (_d, ctx) => getMetrics(ctx).imageBox.width,
|
|
173
|
+
height: (_d, ctx) => getMetrics(ctx).imageBox.height,
|
|
174
|
+
cornerRadius: 8,
|
|
175
|
+
fill: "#ffffff",
|
|
176
|
+
stroke: themeColor,
|
|
177
|
+
lineWidth: 2
|
|
178
|
+
}, blockStyle)
|
|
179
|
+
}, hasImage ? Object.assign(Object.assign({
|
|
180
|
+
type: "image",
|
|
181
|
+
name: `storyline-block-image-${index}`,
|
|
182
|
+
interactive: !1
|
|
183
|
+
}, omitImageLayoutSpec(spec.image)), {
|
|
184
|
+
style: Object.assign({
|
|
185
|
+
x: (_d, ctx) => getMetrics(ctx).imageBox.x,
|
|
186
|
+
y: (_d, ctx) => getMetrics(ctx).imageBox.y,
|
|
187
|
+
width: (_d, ctx) => getMetrics(ctx).imageBox.width,
|
|
188
|
+
height: (_d, ctx) => getMetrics(ctx).imageBox.height,
|
|
189
|
+
image: block.image,
|
|
190
|
+
cornerRadius: 8,
|
|
191
|
+
repeatX: "no-repeat",
|
|
192
|
+
repeatY: "no-repeat",
|
|
193
|
+
imageMode: "cover",
|
|
194
|
+
imagePosition: "center"
|
|
195
|
+
}, null === (_l = spec.image) || void 0 === _l ? void 0 : _l.style)
|
|
196
|
+
}) : null, block.title ? Object.assign(Object.assign({
|
|
197
|
+
type: "text",
|
|
198
|
+
name: `storyline-block-title-${index}`,
|
|
199
|
+
interactive: !1
|
|
200
|
+
}, spec.title), {
|
|
201
|
+
style: Object.assign({
|
|
202
|
+
x: (_d, ctx) => getMetrics(ctx).textBox.x,
|
|
203
|
+
y: (_d, ctx) => getMetrics(ctx).textBox.y,
|
|
204
|
+
text: block.title,
|
|
205
|
+
maxLineWidth: (_d, ctx) => getMetrics(ctx).textBox.width,
|
|
206
|
+
fontSize: titleFontSize,
|
|
207
|
+
lineHeight: titleLineHeight,
|
|
208
|
+
fontWeight: "bold",
|
|
209
|
+
fill: "#1f2430",
|
|
210
|
+
textAlign: "left",
|
|
211
|
+
textBaseline: "top"
|
|
212
|
+
}, null === (_m = spec.title) || void 0 === _m ? void 0 : _m.style)
|
|
213
|
+
}) : null, contentText.length ? Object.assign(Object.assign({
|
|
214
|
+
type: "text",
|
|
215
|
+
name: `storyline-block-content-${index}`,
|
|
216
|
+
interactive: !1
|
|
217
|
+
}, spec.content), {
|
|
218
|
+
textType: "rich",
|
|
219
|
+
style: Object.assign({
|
|
220
|
+
x: (_d, ctx) => getMetrics(ctx).contentBox.x,
|
|
221
|
+
y: (_d, ctx) => getMetrics(ctx).contentBox.y,
|
|
222
|
+
width: (_d, ctx) => getMetrics(ctx).contentBox.width,
|
|
223
|
+
height: (_d, ctx) => getMetrics(ctx).contentBox.height,
|
|
224
|
+
maxLineWidth: (_d, ctx) => getMetrics(ctx).contentBox.width,
|
|
225
|
+
heightLimit: (_d, ctx) => getMetrics(ctx).contentBox.height,
|
|
226
|
+
text: buildRichContent(contentText, spec),
|
|
227
|
+
fontSize: 12,
|
|
228
|
+
lineHeight: 18,
|
|
229
|
+
textAlign: "left",
|
|
230
|
+
textBaseline: "top",
|
|
231
|
+
wordBreak: "break-word",
|
|
232
|
+
ellipsis: "...",
|
|
233
|
+
fill: "#596173"
|
|
234
|
+
}, null === (_o = spec.content) || void 0 === _o ? void 0 : _o.style)
|
|
235
|
+
}) : null ].filter(Boolean)
|
|
236
|
+
};
|
|
237
|
+
};
|
|
238
|
+
//# sourceMappingURL=portrait.js.map
|